Premium Addons for Elementor - Version 3.7.0

Version Description

  • Tweak: Media Grid widget now support videos.
  • Fixed: Undefined variable: header_new, header_migrated in Modal Box widget.
Download this release

Release Info

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

Code changes from version 3.6.9 to 3.7.0

Files changed (12) hide show
  1. admin/includes/version-control.php +1 -1
  2. admin/settings/modules-setting.php +1 -1
  3. assets/frontend/css/premium-addons.css +3420 -3671
  4. assets/frontend/js/premium-addons.js +35 -0
  5. assets/frontend/js/premium-vscroll.js +1 -1
  6. includes/class-helper-functions.php +30 -0
  7. premium-addons-for-elementor.php +3 -3
  8. readme.txt +7 -2
  9. widgets/premium-grid.php +506 -251
  10. widgets/premium-modalbox.php +3 -1
  11. widgets/premium-videobox.php +2 -14
  12. widgets/premium-vscroll.php +2 -0
admin/includes/version-control.php CHANGED
@@ -91,7 +91,7 @@ class Version_Control {
91
<tr class="pa-roll-row">
92
<th><?php echo __('Rollback Version', 'premium-addons-for-elementor'); ?></th>
93
<td>
94
- <div><?php echo sprintf( '<a target="_blank" href="%1$s" class="button pa-btn pa-rollback-button elementor-button-spinner">%2$s</a>', wp_nonce_url( admin_url( 'admin-post.php?action=premium_addons_rollback' ), 'premium_addons_rollback' ), __('Reinstall Version 3.6.8', 'premium-addons-for-elementor') ); ?></div>
95
<p class="pa-roll-desc">
96
<span><?php echo __('Warning: Please backup your database before making the rollback.', 'premium-addons-for-elementor'); ?></span>
97
</p>
91
<tr class="pa-roll-row">
92
<th><?php echo __('Rollback Version', 'premium-addons-for-elementor'); ?></th>
93
<td>
94
+ <div><?php echo sprintf( '<a target="_blank" href="%1$s" class="button pa-btn pa-rollback-button elementor-button-spinner">%2$s</a>', wp_nonce_url( admin_url( 'admin-post.php?action=premium_addons_rollback' ), 'premium_addons_rollback' ), __('Reinstall Version 3.6.9', 'premium-addons-for-elementor') ); ?></div>
95
<p class="pa-roll-desc">
96
<span><?php echo __('Warning: Please backup your database before making the rollback.', 'premium-addons-for-elementor'); ?></span>
97
</p>
admin/settings/modules-setting.php CHANGED
@@ -262,7 +262,7 @@ class Modules_Settings {
262
</label>
263
</td>
264
265
- <th><?php echo sprintf( '%1$s %2$s', $prefix, __('Grid', 'premium-addons-for-elementor') ); ?></th>
266
<td>
267
<label class="switch">
268
<input type="checkbox" id="premium-grid" name="premium-grid" <?php checked(1, $this->pa_get_settings['premium-grid'], true) ?>>
262
</label>
263
</td>
264
265
+ <th><?php echo sprintf( '%1$s %2$s', $prefix, __('Media Grid', 'premium-addons-for-elementor') ); ?></th>
266
<td>
267
<label class="switch">
268
<input type="checkbox" id="premium-grid" name="premium-grid" <?php checked(1, $this->pa_get_settings['premium-grid'], true) ?>>
assets/frontend/css/premium-addons.css CHANGED
@@ -1,3907 +1,3656 @@
1
@font-face {
2
- font-family: 'pa-elements';
3
- src: url('../../editor/fonts/pa-elements.eot?6nhz6k');
4
- src: url('../../editor/fonts/pa-elements.eot?6nhz6k#iefix') format('embedded-opentype'),
5
- url('../../editor/fonts/pa-elements.ttf?6nhz6k') format('truetype'),
6
- url('../../editor/fonts/pa-elements.woff?6nhz6k') format('woff'),
7
- url('../../editor/fonts/pa-elements.svg?6nhz6k#pa-elements') format('svg');
8
- font-weight: normal;
9
- font-style: normal;
10
}
11
/**************** Premium Banner ****************/
12
/************************************************/
13
- .premium-banner-ib,
14
- .premium-banner-ib img {
15
- display: block;
16
- position: relative;
17
- }
18
- .premium-banner-img-wrap {
19
- display: -ms-flexbox;
20
- display: -webkit-flex;
21
- display: -moz-flex;
22
- display: -ms-flex;
23
- display: flex;
24
- height: 100%;
25
- }
26
- .premium-banner-img-wrap .premium-banner-ib-img {
27
- -webkit-flex-shrink: 0;
28
- flex-shrink: 0;
29
- }
30
- .premium-banner-ib {
31
- z-index: 1;
32
- overflow: hidden;
33
- margin: 0 0 35px;
34
- background: #3085a3;
35
- text-align: center;
36
- /* cursor: pointer;*/
37
- -webkit-box-sizing: border-box;
38
- -moz-box-sizing: border-box;
39
- box-sizing: border-box;
40
- }
41
- .premium-banner-ib-desc .premium-banner-read-more {
42
- z-index: 100;
43
- }
44
- .premium-banner-ib,
45
- .wpb_column>.wpb_wrapper .premium-banner-ib {
46
- margin-bottom: 0px
47
- }
48
- .elementor-widget-premium-addon-banner .premium-banner-ib-title {
49
- background: transparent;
50
- }
51
- .premium-banner-ib *,
52
- .premium-banner-ib .premium-banner-ib-desc {
53
- -webkit-box-sizing: border-box;
54
- -moz-box-sizing: border-box;
55
- }
56
- .premium-banner-ib img {
57
- min-width: 100%;
58
- max-width: 100%;
59
- -webkit-transition: opacity .35s;
60
- transition: opacity .35s;
61
- }
62
- .premium-banner-ib .premium-banner-ib-desc {
63
- padding: 15px;
64
- -webkit-backface-visibility: hidden;
65
- backface-visibility: hidden;
66
- -webkit-box-sizing: border-box;
67
- -moz-box-sizing: border-box;
68
- box-sizing: border-box;
69
- }
70
- .premium-banner-ib .premium-banner-ib-desc,
71
- .premium-banner-ib .premium-banner-ib-link {
72
- position: absolute;
73
- top: 0;
74
- left: 0;
75
- width: 100%;
76
- height: 100%;
77
- }
78
- .premium-banner-ib .premium-banner-ib-link {
79
- z-index: 1000;
80
- text-indent: 200%;
81
- white-space: nowrap;
82
- font-size: 0;
83
- opacity: 0;
84
- }
85
- .premium-banner-ib a.premium-banner-ib-link {
86
- display: block;
87
- background: 0 0;
88
- }
89
- .premium-banner-animation1 img {
90
- width: -webkit-calc(100% + 50px)!important;
91
- width: calc(100% + 50px)!important;
92
- max-width: -webkit-calc(100% + 50px)!important;
93
- max-width: calc(100% + 50px)!important;
94
- -webkit-transition: opacity .35s,filter 0.35s, -webkit-transform .35s;
95
- transition: opacity .35s, filter 0.35s, -webkit-transform .35s;
96
- transition: opacity .35s, filter 0.35s, transform .35s;
97
- transition: opacity .35s, filter 0.35s, transform .35s, -webkit-transform .35s;
98
- -webkit-transform: translate3d(-40px, 0, 0);
99
- transform: translate3d(-40px, 0, 0);
100
- }
101
- .premium-banner-animation2 .premium-banner-ib-title {
102
- padding: 15px;
103
- }
104
- .premium-banner-animation1 .premium-banner-ib-desc {
105
- top: auto;
106
- bottom: 0;
107
- min-height: 25%;
108
- height: auto;
109
- max-height: 100%;
110
- text-align: left;
111
- }
112
- .premium-banner-animation1 .premium-banner-ib-content,
113
- .premium-banner-animation1 .premium-banner-ib-title,
114
- .premium-banner-animation1 .premium-banner-read-more {
115
- -webkit-transform: translate3d(0, 40px, 0);
116
- transform: translate3d(0, 40px, 0);
117
- -webkit-transition-delay: .05s;
118
- transition-delay: .05s;
119
- -webkit-transition-duration: .35s;
120
- transition-duration: .35s;
121
- }
122
- .premium-banner-animation1 .premium-banner-ib-title {
123
- -webkit-transition: -webkit-transform .35s;
124
- transition: -webkit-transform .35s;
125
- transition: transform .35s;
126
- transition: transform .35s, -webkit-transform .35s;
127
- }
128
- .premium-banner-animation1 .premium-banner-ib-content,
129
- .premium-banner-animation1 .premium-banner-read-more {
130
- margin-top: 10px;
131
- opacity: 0;
132
- -webkit-transition: opacity .2s, -webkit-transform .35s;
133
- transition: opacity .2s, -webkit-transform .35s;
134
- transition: opacity .2s, transform .35s;
135
- transition: opacity .2s, transform .35s, -webkit-transform .35s;
136
- }
137
- .premium-banner-animation1:hover .premium-banner-ib-content,
138
- .premium-banner-animation1.active .premium-banner-ib-content,
139
- .premium-banner-animation1:hover .premium-banner-read-more,
140
- .premium-banner-animation1.active .premium-banner-read-more {
141
- opacity: 1;
142
- -webkit-transition-delay: .05s;
143
- transition-delay: .05s;
144
- -webkit-transition-duration: .35s;
145
- transition-duration: .35s;
146
- }
147
- .premium-banner-animation1:hover .premium-banner-ib-content,
148
- .premium-banner-animation1.active .premium-banner-ib-content,
149
- .premium-banner-animation1:hover .premium-banner-read-more,
150
- .premium-banner-animation1.active .premium-banner-read-more,
151
- .premium-banner-animation1:hover .premium-banner-ib-title,
152
- .premium-banner-animation1.active .premium-banner-ib-title,
153
- .premium-banner-animation1:hover img,
154
- .premium-banner-animation1.active img {
155
- -webkit-transform: translate3d(0, 0, 0);
156
- transform: translate3d(0, 0, 0);
157
- -webkit-transition-delay: .05s;
158
- transition-delay: .05s;
159
- -webkit-transition-duration: .35s;
160
- transition-duration: .35s;
161
- }
162
- .premium-banner-animation1.zoomout img,
163
- .premium-banner-animation1.scale img {
164
- -webkit-transform: translate3d(-40px, 0, 0) scale(1.1);
165
- transform: translate3d(-40px, 0, 0) scale(1.1);
166
- }
167
- .premium-banner-ib.sepia img {
168
- -webkit-filter: sepia(30%);
169
- filter: sepia(30%);
170
- }
171
- .premium-banner-ib.bright img {
172
- -webkit-filter: brightness(1);
173
- filter: brightness(1);
174
- }
175
- .premium-banner-ib.sepia:hover img {
176
- -webkit-filter: sepia(0%);
177
- filter: sepia(0%);
178
- }
179
- .premium-banner-ib.bright:hover img {
180
- -webkit-filter: brightness(1.2);
181
- filter: brightness(1.2);
182
- }
183
- .premium-banner-animation1.premium-banner-min-height img,
184
- .premium-banner-animation2.premium-banner-min-height img,
185
- .premium-banner-animation4.premium-banner-min-height img,
186
- .premium-banner-animation5.premium-banner-min-height img,
187
- .premium-banner-animation6.premium-banner-min-height img,
188
- .premium-banner-animation13.premium-banner-min-height img {
189
- height: auto;
190
- }
191
- .premium-banner-animation2 img {
192
- width: 100%;
193
- }
194
- .premium-banner-animation2 .premium-banner-ib-desc::before {
195
- position: absolute;
196
- content: "";
197
- top: 0;
198
- left: 0;
199
- width: 100%;
200
- height: 100%;
201
- opacity: 0;
202
- -webkit-transform: translate3d(0, 50%, 0);
203
- transform: translate3d(0, 50%, 0);
204
- }
205
- .premium-banner-animation2 .premium-banner-ib-title {
206
- position: absolute;
207
- top: 50%;
208
- left: 0;
209
- width: 100%;
210
- -webkit-transition: -webkit-transform .35s, color .35s;
211
- -webkit-transition: color .35s, -webkit-transform .35s;
212
- transition: color .35s, -webkit-transform .35s;
213
- transition: transform .35s, color .35s;
214
- transition: transform .35s, color .35s, -webkit-transform .35s;
215
- -webkit-transform: translate3d(0, -50%, 0);
216
- transform: translate3d(0, -50%, 0);
217
- }
218
- .premium-banner-animation2 .premium-banner-ib-content,
219
- .premium-banner-animation2 .premium-banner-read-more,
220
- .premium-banner-animation2 .premium-banner-ib-desc::before {
221
- -webkit-transition: opacity .35s, -webkit-transform .35s;
222
- transition: opacity .35s, -webkit-transform .35s;
223
- transition: opacity .35s, transform .35s;
224
- transition: opacity .35s, transform .35s, -webkit-transform .35s;
225
- }
226
- .premium-banner-animation2 .premium-banner-ib-content,
227
- .premium-banner-animation2 .premium-banner-read-more {
228
- position: absolute;
229
- bottom: 0;
230
- left: 0;
231
- padding: 15px;
232
- width: 100%;
233
- max-height: 50%;
234
- opacity: 0;
235
- -webkit-transform: translate3d(0, 10px, 0);
236
- transform: translate3d(0, 10px, 0);
237
- }
238
- .premium-banner-animation2:hover .premium-banner-ib-title,
239
- .premium-banner-animation2.active .premium-banner-ib-title {
240
- color: #fff;
241
- -webkit-transform: translate3d(0, -40px, 0);
242
- transform: translate3d(0, -40px, 0);
243
- }
244
- .premium-banner-animation2:hover .premium-banner-read-more,
245
- .premium-banner-animation2.active .premium-banner-read-more,
246
- .premium-banner-animation2:hover .premium-banner-ib-desc::before,
247
- .premium-banner-animation2.active .premium-banner-ib-desc::before {
248
- opacity: 1;
249
- -webkit-transform: translate3d(0, 0, 0);
250
- transform: translate3d(0, 0, 0);
251
- }
252
- .premium-banner-animation2:hover .premium-banner-ib-content,
253
- .premium-banner-animation2.active .premium-banner-ib-content {
254
- opacity: 1;
255
- -webkit-transform: translate3d(0, -30px, 0);
256
- transform: translate3d(0, -30px, 0);
257
- }
258
- .premium-banner-animation3 .premium-banner-ib-title {
259
- position: absolute;
260
- bottom: 0;
261
- left: 0;
262
- padding: 15px;
263
- width: 100%;
264
- text-align: left;
265
- -webkit-transform: translate3d(0, -30px, 0);
266
- transform: translate3d(0, -30px, 0);
267
- }
268
- .premium-banner-animation3 .premium-banner-ib-desc::before,
269
- .premium-banner-animation3 .premium-banner-ib-title {
270
- -webkit-transition: -webkit-transform .35s;
271
- transition: -webkit-transform .35s;
272
- transition: transform .35s;
273
- transition: transform .35s, -webkit-transform .35s;
274
- }
275
- .premium-banner-animation3:hover .premium-banner-ib-desc::before,
276
- .premium-banner-animation3.active .premium-banner-ib-desc::before,
277
- .premium-banner-animation3:hover .premium-banner-ib-title,
278
- .premium-banner-animation3.active .premium-banner-ib-title {
279
- opacity: 1;
280
- -webkit-transform: translate3d(0, 0, 0);
281
- transform: translate3d(0, 0, 0);
282
- }
283
- .premium-banner-animation3 .premium-banner-ib-content {
284
- max-height: -webkit-calc(100% - 60px - 1.5em);
285
- max-height: calc(100% - 60px - 1.5em);
286
- overflow: hidden;
287
- }
288
- .premium-banner-animation4 img {
289
- width: -webkit-calc(100% + 40px)!important;
290
- width: calc(100% + 40px)!important;
291
- max-width: -webkit-calc(100% + 40px)!important;
292
- max-width: calc(100% + 40px)!important;
293
- }
294
- .premium-banner-animation4 .premium-banner-ib-desc {
295
- padding: 30px;
296
- }
297
- .premium-banner-animation4 .premium-banner-ib-desc::after,
298
- .premium-banner-animation4 .premium-banner-ib-desc::before {
299
- position: absolute;
300
- content: "";
301
- opacity: 0;
302
- }
303
- .premium-banner-animation4 .premium-banner-ib-desc::before {
304
- top: 50px;
305
- right: 30px;
306
- bottom: 50px;
307
- left: 30px;
308
- border-top: 1px solid #fff;
309
- border-bottom: 1px solid #fff;
310
- -webkit-transform: scale(0, 1);
311
- -ms-transform: scale(0, 1);
312
- transform: scale(0, 1);
313
- -webkit-transform-origin: 0 0;
314
- -ms-transform-origin: 0 0;
315
- transform-origin: 0 0;
316
- }
317
- .premium-banner-animation4 .premium-banner-ib-desc::after {
318
- top: 30px;
319
- right: 50px;
320
- bottom: 30px;
321
- left: 50px;
322
- border-right: 1px solid #fff;
323
- border-left: 1px solid #fff;
324
- -webkit-transform: scale(1, 0);
325
- -ms-transform: scale(1, 0);
326
- transform: scale(1, 0);
327
- -webkit-transform-origin: 100% 0;
328
- -ms-transform-origin: 100% 0;
329
- transform-origin: 100% 0;
330
- }
331
- .premium-banner-animation4 .premium-banner-ib-title {
332
- padding: 50px 30px 0 30px;
333
- -webkit-transition: -webkit-transform .35s;
334
- transition: -webkit-transform .35s;
335
- transition: transform .35s;
336
- transition: transform .35s, -webkit-transform .35s;
337
- }
338
- .premium-banner-animation4 .premium-banner-ib-content,
339
- .premium-banner-animation4 .premium-banner-read-more {
340
- padding: 10px 30px;
341
- opacity: 0;
342
- overflow: hidden;
343
- -webkit-transform: translate3d(0, -10px, 0);
344
- transform: translate3d(0, -10px, 0);
345
- }
346
- .premium-banner-animation4 .premium-banner-ib-title,
347
- .premium-banner-animation4 img {
348
- -webkit-transform: translate3d(-30px, 0, 0);
349
- transform: translate3d(-30px, 0, 0);
350
- }
351
- .premium-banner-animation4.zoomout img,
352
- .premium-banner-animation4.scale img {
353
- -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
354
- transform: translate3d(-30px, 0, 0) scale(1.1);
355
- }
356
- .premium-banner-animation4 .premium-banner-ib-content,
357
- .premium-banner-animation4 .premium-banner-read-more,
358
- .premium-banner-animation4 .premium-banner-ib-desc::after,
359
- .premium-banner-animation4 .premium-banner-ib-desc::before,
360
- .premium-banner-animation4 img {
361
- -webkit-transition: opacity .35s, -webkit-transform .35s;
362
- transition: opacity .35s, -webkit-transform .35s;
363
- transition: opacity .35s, transform .35s;
364
- transition: opacity .35s, transform .35s, -webkit-transform .35s;
365
- }
366
- /*.premium-banner-animation4:hover img,
367
- .premium-banner-animation4.active img {
368
- -webkit-transform: translate3d(0, 0, 0);
369
- transform: translate3d(0, 0, 0);
370
- }*/
371
- .premium-banner-animation4:hover .premium-banner-ib-desc::after,
372
- .premium-banner-animation4.active .premium-banner-ib-desc::after,
373
- .premium-banner-animation4:hover .premium-banner-ib-desc::before,
374
- .premium-banner-animation4.active .premium-banner-ib-desc::before {
375
- opacity: 1;
376
- -webkit-transform: scale(1);
377
- -ms-transform: scale(1);
378
- transform: scale(1);
379
- }
380
- .premium-banner-animation4:hover .premium-banner-ib-content,
381
- .premium-banner-animation4.active .premium-banner-ib-content,
382
- .premium-banner-animation4:hover .premium-banner-read-more,
383
- .premium-banner-animation4.active .premium-banner-read-more,
384
- .premium-banner-animation4:hover .premium-banner-ib-title,
385
- .premium-banner-animation4.active .premium-banner-ib-title {
386
- opacity: 1;
387
- -webkit-transform: translate3d(0, 0, 0);
388
- transform: translate3d(0, 0, 0);
389
- }
390
- .premium-banner-animation4:hover .premium-banner-ib-content,
391
- .premium-banner-animation4:hover .premium-banner-ib-desc::after,
392
- .premium-banner-animation4:hover .premium-banner-ib-title,
393
- .premium-banner-animation4:hover img {
394
- -webkit-transition-delay: .15s;
395
- transition-delay: .15s;
396
- }
397
- .premium-banner-animation5 .premium-banner-ib-desc {
398
- top: auto;
399
- bottom: 0;
400
- padding: 15px;
401
- height: auto;
402
- background: #f2f2f2;
403
- color: #3c4a50;
404
- -webkit-transition: -webkit-transform .35s;
405
- transition: -webkit-transform .35s;
406
- transition: transform .35s;
407
- transition: transform .35s, -webkit-transform .35s;
408
- -webkit-transform: translate3d(0, 100%, 0);
409
- transform: translate3d(0, 100%, 0);
410
- }
411
- .premium-banner-animation5 .premium-banner-ib-content {
412
- position: absolute;
413
- top: auto;
414
- bottom: 100%;
415
- left: 0;
416
- width: 100%;
417
- padding: 15px;
418
- opacity: 0;
419
- -webkit-transition: opacity .35s;
420
- transition: opacity .35s;
421
- }
422
- .premium-banner-animation5 .premium-banner-ib-title,
423
- .premium-banner-animation5 .premium-banner-read-more {
424
- -webkit-transition: -webkit-transform .35s;
425
- transition: -webkit-transform .35s;
426
- transition: transform .35s;
427
- transition: transform .35s, -webkit-transform .35s;
428
- -webkit-transform: translate3d(0, 200%, 0);
429
- transform: translate3d(0, 200%, 0);
430
- text-align: center;
431
- }
432
- .premium-banner-animation5 .premium-banner-ib-title {
433
- margin: 10px 0;
434
- }
435
- .premium-banner-animation5:hover .premium-banner-ib-content,
436
- .premium-banner-animation5.active .premium-banner-ib-content,
437
- .premium-banner-animation5:hover .premium-banner-ib-content *,
438
- .premium-banner-animation5.active .premium-banner-ib-content * {
439
- opacity: 1 !important;
440
- z-index: 99 !important;
441
- -webkit-backface-visibility: hidden !important;
442
- backface-visibility: hidden !important;
443
- }
444
- .premium-banner-animation5:hover .premium-banner-ib-desc,
445
- .premium-banner-animation5.active .premium-banner-ib-desc,
446
- .premium-banner-animation5:hover .premium-banner-ib-title,
447
- .premium-banner-animation5.active .premium-banner-ib-title,
448
- .premium-banner-animation5:hover .premium-banner-read-more,
449
- .premium-banner-animation5.active .premium-banner-read-more {
450
- -webkit-transform: translateY(0);
451
- -ms-transform: translateY(0);
452
- transform: translateY(0);
453
- }
454
- .premium-banner-animation5:hover .premium-banner-ib-title {
455
- -webkit-transition-delay: .05s;
456
- transition-delay: .05s;
457
- }
458
- .premium-banner-animation5 img,
459
- .premium-banner-animation2 img,
460
- .premium-banner-animation4 img,
461
- .premium-banner-animation6 img{
462
- -webkit-transition: opacity .35s,filter 0.35s, -webkit-transform .35s;
463
- transition: opacity .35s,filter 0.35s ,-webkit-transform .35s;
464
- transition: opacity .35s,filter 0.35s, transform .35s;
465
- transition: opacity .35s,filter 0.35s, transform .35s, -webkit-transform .35s;
466
- }
467
- .premium-banner-animation5.zoomout img,
468
- .premium-banner-animation5.scale img,
469
- .premium-banner-animation2.zoomout img,
470
- .premium-banner-animation2.scale img,
471
- .premium-banner-animation6.zoomout img,
472
- .premium-banner-animation6.scale img {
473
- -webkit-transform: scale(1.1);
474
- transform: scale(1.1);
475
- }
476
- .premium-banner-animation5.zoomin:hover img,
477
- .premium-banner-animation2.zoomin:hover img,
478
- .premium-banner-animation6.zoomin:hover img{
479
- -webkit-transform: scale(1.1);
480
- transform: scale(1.1);
481
- }
482
- .premium-banner-animation5.zoomout:hover img,
483
- .premium-banner-animation2.zoomout:hover img,
484
- .premium-banner-animation6.zoomout:hover img{
485
- -webkit-transform: scale(1.0);
486
- transform: scale(1.0);
487
- }
488
- .premium-banner-animation5.scale:hover img,
489
- .premium-banner-animation2.scale:hover img,
490
- .premium-banner-animation6.scale:hover img {
491
- -webkit-transform: scale(1.2) rotate(5deg);
492
- transform: scale(1.2) rotate(5deg);
493
- }
494
- .premium-banner-animation5.grayscale:hover img,
495
- .premium-banner-animation2.grayscale:hover img,
496
- .premium-banner-animation6.grayscale:hover img{
497
- -webkit-filter: grayscale(100%);
498
- filter: grayscale(100%);
499
- }
500
- .premium-banner-animation5.blur:hover img,
501
- .premium-banner-animation2.blur:hover img,
502
- .premium-banner-animation6.blur:hover img {
503
- -webkit-filter: blur(3px);
504
- filter: blur(3px);
505
- }
506
- .premium-banner-animation6 .premium-banner-ib-desc {
507
- padding: 45px;
508
- }
509
- .premium-banner-animation6 .premium-banner-ib-desc::before {
510
- position: absolute;
511
- content: "";
512
- top: 30px;
513
- right: 30px;
514
- bottom: 30px;
515
- left: 30px;
516
- border: 1px solid #fff;
517
- }
518
- .premium-banner-animation6 .premium-banner-ib-title {
519
- margin: 20px 0 10px;
520
- -webkit-transition: -webkit-transform .35s;
521
- transition: -webkit-transform .35s;
522
- transition: transform .35s;
523
- transition: transform .35s, -webkit-transform .35s;
524
- -webkit-transform: translate3d(0, 100%, 0);
525
- transform: translate3d(0, 100%, 0);
526
- }
527
- .premium-banner-animation6 .premium-banner-ib-content,
528
- .premium-banner-animation6 .premium-banner-read-more,
529
- .premium-banner-animation6 .premium-banner-ib-desc::before {
530
- opacity: 0;
531
- -webkit-transition: opacity .35s, -webkit-transform .35s;
532
- transition: opacity .35s, -webkit-transform .35s;
533
- transition: opacity .35s, transform .35s;
534
- transition: opacity .35s, transform .35s, -webkit-transform .35s;
535
- -webkit-transform: scale(0);
536
- -ms-transform: scale(0);
537
- transform: scale(0);
538
- }
539
- .premium-banner-animation6 .premium-banner-read-more {
540
- margin-top: 10px;
541
- }
542
- .premium-banner-animation6:hover .premium-banner-ib-title,
543
- .premium-banner-animation6.active .premium-banner-ib-title {
544
- -webkit-transform: translate3d(0, 0, 0);
545
- transform: translate3d(0, 0, 0);
546
- }
547
- .premium-banner-animation6:hover .premium-banner-ib-content,
548
- .premium-banner-animation6.active .premium-banner-ib-content,
549
- .premium-banner-animation6:hover .premium-banner-read-more,
550
- .premium-banner-animation6.active .premium-banner-read-more,
551
- .premium-banner-animation6:hover .premium-banner-ib-desc::before,
552
- .premium-banner-animation6.active .premium-banner-ib-desc::before {
553
- opacity: 1;
554
- -webkit-transform: scale(1);
555
- -ms-transform: scale(1);
556
- transform: scale(1);
557
- }
558
- .premium-banner-animation8 img {
559
- -webkit-transition: opacity .35s, -webkit-transform .35s;
560
- transition: opacity .35s, -webkit-transform .35s;
561
- transition: opacity .35s, transform .35s;
562
- transition: opacity .35s, transform .35s, -webkit-transform .35s;
563
- -webkit-transform: scale(1.15);
564
- -ms-transform: scale(1.15);
565
- transform: scale(1.15)
566
- }
567
- .premium-banner-animation8:hover img,
568
- .premium-banner-animation8.active img {
569
- -webkit-transform: scale(1);
570
- -ms-transform: scale(1);
571
- transform: scale(1);
572
- }
573
- .premium-banner-animation8 .premium-banner-ib-title {
574
- margin-top: 20%;
575
- -webkit-transition: -webkit-transform .35s;
576
- transition: -webkit-transform .35s;
577
- transition: transform .35s;
578
- transition: transform .35s, -webkit-transform .35s;
579
- -webkit-transform: translate3d(0, 20px, 0);
580
- transform: translate3d(0, 20px, 0);
581
- }
582
- .premium-banner-animation8:hover .premium-banner-ib-title,
583
- .premium-banner-animation8.active .premium-banner-ib-title {
584
- -webkit-transform: translate3d(0, 0, 0);
585
- transform: translate3d(0, 0, 0);
586
- }
587
- .premium-banner-animation8 .premium-banner-ib-content {
588
- margin: 1em 0 0;
589
- padding: 35px;
590
- border: 1px solid #fff;
591
- opacity: 0;
592
- -webkit-transition: opacity .35s, -webkit-transform .35s;
593
- transition: opacity .35s, -webkit-transform .35s;
594
- transition: opacity .35s, transform .35s;
595
- transition: opacity .35s, transform .35s, -webkit-transform .35s;
596
- -webkit-transform: translate3d(0, 20px, 0) scale(1.1);
597
- transform: translate3d(0, 20px, 0) scale(1.1);
598
- }
599
- .premium-banner-animation8:hover .premium-banner-ib-content,
600
- .premium-banner-animation8.active .premium-banner-ib-content {
601
- opacity: 1;
602
- -webkit-transform: translate3d(0, 0, 0) scale(1);
603
- transform: translate3d(0, 0, 0) scale(1);
604
- }
605
- .premium-banner-animation12 .premium-banner-ib-desc::after {
606
- position: absolute;
607
- content: "";
608
- right: 30px;
609
- bottom: 30px;
610
- left: 30px;
611
- height: -webkit-calc(50% - 30px);
612
- height: calc(50% - 30px);
613
- border: 7px solid #fff;
614
- -webkit-transition: -webkit-transform .35s;
615
- transition: -webkit-transform .35s;
616
- transition: transform .35s;
617
- transition: transform .35s, -webkit-transform .35s;
618
- -webkit-transform: translate3d(0, -100%, 0);
619
- transform: translate3d(0, -100%, 0);
620
- }
621
- .premium-banner-animation12:hover .premium-banner-ib-desc::after,
622
- .premium-banner-animation12.active .premium-banner-ib-desc::after {
623
- -webkit-transform: translate3d(0, 0, 0);
624
- transform: translate3d(0, 0, 0);
625
- }
626
- .premium-banner-animation12 .premium-banner-ib-desc {
627
- padding: 45px;
628
- text-align: left;
629
- }
630
- .premium-banner-animation12 .premium-banner-ib-content {
631
- position: absolute;
632
- right: 60px;
633
- bottom: 60px;
634
- left: 60px;
635
- opacity: 0;
636
- -webkit-transition: opacity .35s, -webkit-transform .35s;
637
- transition: opacity .35s, -webkit-transform .35s;
638
- transition: opacity .35s, transform .35s;
639
- transition: opacity .35s, transform .35s, -webkit-transform .35s;
640
- -webkit-transform: translate3d(0, -100px, 0);
641
- transform: translate3d(0, -100px, 0);
642
- }
643
- .premium-banner-animation12:hover .premium-banner-ib-content,
644
- .premium-banner-animation12.active .premium-banner-ib-content {
645
- opacity: 1;
646
- -webkit-transform: translate3d(0, 0, 0);
647
- transform: translate3d(0, 0, 0);
648
- }
649
- .premium-banner-animation13 img {
650
- width: -webkit-calc(100% + 20px)!important;
651
- width: calc(100% + 20px)!important;
652
- max-width: -webkit-calc(100% + 20px)!important;
653
- max-width: calc(100% + 20px)!important;
654
- -webkit-transition: opacity .35s,filter 0.35s, -webkit-transform .35s;
655
- transition: opacity .35s,filter 0.35s ,-webkit-transform .35s;
656
- transition: opacity .35s,filter 0.35s, transform .35s;
657
- transition: opacity .35s,filter 0.35s, transform .35s, -webkit-transform .35s;
658
- -webkit-transform: translate3d(-10px, 0, 0);
659
- transform: translate3d(-10px, 0, 0);
660
- -webkit-backface-visibility: hidden;
661
- backface-visibility: hidden;
662
- }
663
- .premium-banner-animation13.zoomout img,
664
- .premium-banner-animation13.scale img {
665
- -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
666
- transform: translate3d(-10px, 0, 0) scale(1.1);
667
- }
668
- .premium-banner-animation13.none:hover img,
669
- .premium-banner-animation1.none:hover img,
670
- .premium-banner-animation4.none:hover img {
671
- -webkit-transform: translate3d(0, 0, 0);
672
- transform: translate3d(0, 0, 0);
673
- }
674
- .premium-banner-animation13.zoomin:hover img,
675
- .premium-banner-animation1.zoomin:hover img,
676
- .premium-banner-animation4.zoomin:hover img{
677
- -webkit-transform: translate3d(0, 0, 0) scale(1.1);
678
- transform: translate3d(0, 0, 0) scale(1.1);
679
- }
680
- .premium-banner-animation13.zoomout:hover img,
681
- .premium-banner-animation1.zoomout:hover img,
682
- .premium-banner-animation4.zoomout:hover img {
683
- -webkit-transform: translate3d(0, 0, 0) scale(1.0);
684
- transform: translate3d(0, 0, 0) scale(1.0);
685
- }
686
- .premium-banner-animation13.scale:hover img,
687
- .premium-banner-animation1.scale:hover img,
688
- .premium-banner-animation4.scale:hover img {
689
- -webkit-transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg);
690
- transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg);
691
- }
692
- .premium-banner-animation13.grayscale:hover img,
693
- .premium-banner-animation1.grayscale:hover img,
694
- .premium-banner-animation4.grayscale:hover img{
695
- -webkit-transform: translate3d(0, 0, 0);
696
- transform: translate3d(0, 0, 0);
697
- -webkit-filter: grayscale(100%);
698
- filter: grayscale(100%);
699
- }
700
- .premium-banner-animation13.blur:hover img,
701
- .premium-banner-animation1.blur:hover img,
702
- .premium-banner-animation4.blur:hover img {
703
- -webkit-transform: translate3d(0, 0, 0);
704
- transform: translate3d(0, 0, 0);
705
- -webkit-filter: blur(3px);
706
- filter: blur(3px);
707
- }
708
- .premium-banner-animation13 .premium-banner-ib-desc {
709
- text-align: left;
710
- }
711
- .premium-banner-animation13 .premium-banner-ib-title {
712
- position: relative;
713
- overflow: hidden;
714
- padding: 5px 0 10px;
715
- }
716
- .premium-banner-animation13 .premium-banner-ib-title::after {
717
- position: absolute;
718
- content: "";
719
- bottom: 0;
720
- left: 0;
721
- width: 100%;
722
- height: 2px;
723
- background: #fff;
724
- -webkit-transition: -webkit-transform .35s;
725
- transition: -webkit-transform .35s;
726
- transition: transform .35s;
727
- transition: transform .35s, -webkit-transform .35s;
728
- -webkit-transform: translate3d(-101%, 0, 0);
729
- transform: translate3d(-101%, 0, 0);
730
- }
731
- .premium-banner-animation13:hover .premium-banner-ib-title::after,
732
- .premium-banner-animation13.active .premium-banner-ib-title::after {
733
- -webkit-transform: translate3d(0, 0, 0);
734
- transform: translate3d(0, 0, 0);
735
- }
736
- .premium-banner-animation13 .premium-banner-ib-content,
737
- .premium-banner-animation13 .premium-banner-read-more {
738
- padding: 15px 0;
739
- opacity: 0;
740
- -webkit-transition: opacity .35s, -webkit-transform .35s;
741
- transition: opacity .35s, -webkit-transform .35s;
742
- transition: opacity .35s, transform .35s;
743
- transition: opacity .35s, transform .35s, -webkit-transform .35s;
744
- -webkit-transform: translate3d(100%, 0, 0);
745
- transform: translate3d(100%, 0, 0);
746
- }
747
- .premium-banner-animation13:hover .premium-banner-ib-content,
748
- .premium-banner-animation13.active .premium-banner-ib-content,
749
- .premium-banner-animation13:hover .premium-banner-read-more,
750
- .premium-banner-animation13.active .premium-banner-read-more {
751
- opacity: 1;
752
- -webkit-transform: translate3d(0, 0, 0);
753
- transform: translate3d(0, 0, 0);
754
- }
755
- .premium-banner-ib.premium-banner-animation5 .premium-banner-toggle-size {
756
- left: 50%;
757
- width: auto!important;
758
- height: 100%;
759
- max-width: none;
760
- -webkit-transform: translateX(-50%);
761
- -ms-transform: translateX(-50%);
762
- transform: translateX(-50%);
763
- }
764
- .premium-banner-ib img {
765
- border: none;
766
- padding: 0;
767
- margin: 0;
768
}
769
/**************** Premium CountDown *************/
770
/************************************************/
771
- .premium-countdown {
772
- display: -ms-flexbox;
773
- display: -webkit-flex;
774
- display: -moz-flex;
775
- display: -ms-flex;
776
- display: flex;
777
}
778
/* jQuery Countdown styles 2.0.0. */
779
- .pre_countdown-row {
780
- display: block;
781
- text-align: center;
782
}
783
- .countdown .pre_countdown-section {
784
- display: inline-block;
785
- max-width: 100%;
786
- margin-bottom: 15px;
787
- }
788
-
789
- .countdown .pre_countdown-section:last-child {
790
- margin-right: 0;
791
- }
792
-
793
- .countdown span.pre_countdown-amount {
794
- font-size: 70px;
795
- line-height: 1;
796
- }
797
-
798
- .countdown .pre_time-mid {
799
- display: block;
800
- }
801
- /************************************
802
- * Digit and unit styles
803
- *************************************/
804
- .side .pre_countdown-section .pre_countdown-period {
805
- vertical-align: bottom;
806
-
807
- }
808
- .countdown .pre_countdown-section .pre_countdown-period {
809
- font-size: 17px;
810
- line-height: 3em;
811
- }
812
- /************************************
813
- * Digit and unit side by side
814
- *************************************/
815
- .side .pre_countdown-section .pre_countdown-amount,
816
- .side .pre_countdown-section .pre_countdown-period {
817
- display: inline-block;
818
}
819
-
820
- .side .pre_countdown-section .pre_countdown-amount {
821
- margin-right: 5px;
822
}
823
- /************************************
824
- * Digit and unit up and down
825
- *************************************/
826
- .down .pre_countdown-section .pre_countdown-amount,
827
- .down .pre_countdown-section .pre_countdown-period {
828
- display: block;
829
}
830
/**************** Premium Carousel **************/
831
/************************************************/
832
- .premium-carousel-wrapper a.carousel-arrow,
833
- .premium-carousel-wrapper a.ver-carousel-arrow,
834
- .premium-fb-rev-container a.carousel-arrow,
835
- .premium-fb-rev-container a.ver-carousel-arrow,
836
- .premium-blog-wrap a.carousel-arrow,
837
- .premium-blog-wrap a.ver-carousel-arrow {
838
- display: flex;
839
- align-items: center;
840
- justify-content: center;
841
- width: 2em;
842
- height: 2em;
843
- line-height: 0;
844
- text-align: center;
845
- position: absolute;
846
- z-index: 99;
847
- cursor: pointer;
848
- -webkit-transition: opacity .3s ease;
849
- -o-transition: opacity .3s ease;
850
- -moz-transition: opacity .3s ease;
851
- transition: opacity .3s ease;
852
- -webkit-appearance: inherit;
853
- box-shadow: none;
854
- }
855
- .ver-carousel-arrow.carousel-next i{
856
- margin-bottom: -3px;
857
- }
858
- .premium-carousel-wrapper a.slick-arrow:hover {
859
- box-shadow: none !important;
860
- }
861
- .premium-carousel-wrapper .premium-carousel-content-hidden {
862
- visibility: hidden;
863
- }
864
- .premium-carousel-wrapper a.carousel-arrow,
865
- .premium-fb-rev-container a.carousel-arrow,
866
- .premium-blog-wrap a.carousel-arrow {
867
- top: 50%;
868
- }
869
- .premium-carousel-wrapper a.ver-carousel-arrow {
870
- left: 50%;
871
- }
872
- a.carousel-arrow.carousel-next {
873
- right: -20px;
874
- }
875
- a.carousel-arrow.carousel-prev {
876
- left: -20px;
877
- }
878
- a.ver-carousel-arrow.carousel-next {
879
- bottom: -56px;
880
- }
881
- a.ver-carousel-arrow.carousel-prev {
882
- top: -45px;
883
- }
884
- a.circle-bg {
885
- border-radius: 100%;
886
- }
887
- a.circle-border {
888
- border-radius: 100%;
889
- border: solid black;
890
- }
891
- a.square-border {
892
- border: solid black;
893
- }
894
- .premium-carousel-wrapper ul.slick-dots,
895
- .premium-blog-wrap ul.slick-dots {
896
- list-style: none;
897
- text-align: center;
898
- margin: 0;
899
- padding: 0;
900
- }
901
- .premium-carousel-dots-above ul.slick-dots {
902
- position: absolute;
903
- display: -ms-flexbox;
904
- display: -webkit-flex;
905
- display: -moz-flex;
906
- display: -ms-flex;
907
- display: flex;
908
- top: 50%;
909
- -webkit-transform: translateY(-50%);
910
- transform: translateY(-50%);
911
- -webkit-flex-direction: column;
912
- flex-direction: column;
913
- }
914
- ul.slick-dots li {
915
- font-size: 10px;
916
- display: inline-block;
917
- margin: 5px;
918
- width: 20px;
919
- height: 20px;
920
- cursor: pointer;
921
}
922
/* Ripple Out */
923
- @-webkit-keyframes hvr-ripple-out {
924
- 100% {
925
- top: -5.5px;
926
- right: -3px;
927
- bottom: -3px;
928
- left: -3px;
929
- opacity: 0;
930
- }
931
- }
932
- @keyframes hvr-ripple-out {
933
- 100% {
934
- top: -5.5px;
935
- right: -3px;
936
- bottom: -3px;
937
- left: -3px;
938
- opacity: 0;
939
- }
940
- }
941
- .premium-carousel-wrapper.hvr-ripple-out {
942
- padding-bottom: 1px;
943
- }
944
- .premium-carousel-wrapper.hvr-ripple-out ul.slick-dots li.slick-active {
945
- display: inline-block;
946
- -webkit-transform: perspective(0px) translateZ(0);
947
- transform: perspective(0px) translateZ(0);
948
- box-shadow: 0 0 1px rgba(0, 0, 0, 0);
949
- position: relative;
950
- }
951
- .premium-carousel-wrapper.hvr-ripple-out ul.slick-dots li.slick-active:before {
952
- content: '';
953
- position: absolute;
954
- border: 1px solid;
955
- border-radius: 50%;
956
- top: 3px;
957
- right: 4px;
958
- bottom: 6.8px;
959
- left: 4.5px;
960
- -webkit-animation-duration: 1s;
961
- animation-duration: 1s;
962
- animation-iteration-count: infinite;
963
- }
964
- .premium-carousel-wrapper.hvr-ripple-out ul.slick-dots li.slick-active:hover:before, .premium-carousel-wrapper.hvr-ripple-out ul.slick-dots li.slick-active:focus:before, .premium-carousel-wrapper.hvr-ripple-out ul.slick-dots li.slick-active:active:before {
965
- -webkit-animation-name: hvr-ripple-out;
966
- animation-name: hvr-ripple-out;
967
- }
968
- .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
969
- -webkit-transform: scale(1.25, 1.25);
970
- transform: scale(1.25, 1.25);
971
- -webkit-transition: all 0.3s ease-in-out !important;
972
- transition: all 0.3s ease-in-out !important;
973
- }
974
- .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
975
- -webkit-transform: scale(1, 1);
976
- transform: scale(1, 1);
977
- }
978
- [dir='rtl'] .premium-carousel-inner .slick-slide {
979
- float: right;
980
}
981
/**************** Premium Counter ***************/
982
/************************************************/
983
- .premium-counter-area {
984
- padding: 10px 0;
985
- }
986
- .premium-counter-area .premium-counter-icon span.icon {
987
- width: 1em;
988
- height: 1em;
989
- line-height: 1em;
990
- text-align: center;
991
- display: inline-block;
992
- vertical-align: middle;
993
}
994
- .premium-counter-area .premium-counter-title {
995
- padding: 0;
996
- margin: 0;
997
}
998
- .premium-counter-icon .icon i.fa:before {
999
- vertical-align: text-top;
1000
}
1001
- /*
1002
- * Circle Icon style
1003
- */
1004
- .premium-counter-area .premium-counter-icon .circle {
1005
- border-radius: 100%;
1006
}
1007
-
1008
- .premium-counter-area.center {
1009
- text-align: center;
1010
}
1011
- .premium-counter-area .right,
1012
- .premium-counter-area .left {
1013
- display: table-cell;
1014
- vertical-align: middle;
1015
}
1016
- .premium-counter-icon.right {
1017
- padding-left: 20px;
1018
}
1019
- .premium-counter-icon.left {
1020
- padding-right: 20px;
1021
}
1022
- .premium-init-wrapper.right {
1023
- text-align: right;
1024
}
1025
- /*
1026
- * Custom image and simple styles image fix
1027
- */
1028
- span.icon.flex-width {
1029
- width: auto !important;
1030
- height: auto !important;
1031
}
1032
- .premium-counter-area .premium-counter-init {
1033
- font-size: 35px;
1034
}
1035
/**************** Premium Image Separator ****************/
1036
/*********************************************************/
1037
/*Image Separator Container Style*/
1038
- .premium-image-separator-container{
1039
- position: absolute;
1040
- width: 100%;
1041
- z-index: 2;
1042
- top: auto;
1043
}
1044
/*Link on Image Style*/
1045
- .premium-image-separator-link{
1046
- position: absolute;
1047
- z-index: 9999;
1048
- top: 0;
1049
- left: 0;
1050
- width: 100%;
1051
- height: 100%;
1052
- text-decoration: none;
1053
}
1054
/*Important to override Theme options*/
1055
- a.premium-image-separator-link:hover,
1056
- a.premium-image-separator-link:visited,
1057
- a.premium-image-separator-link:focus,
1058
- a.premium-image-separator-link:active {
1059
- box-shadow: none !important;
1060
- outline: none !important;
1061
- border: none !important;
1062
- text-decoration: none !important;
1063
- }
1064
- .premium-image-separator-container .img-responsive {
1065
- display: inline-block;
1066
}
1067
/**************** Premium Modal Box ****************/
1068
/***************************************************/
1069
- .premium-modal-box-button-selector,
1070
- .premium-modal-box-modal-lower-close {
1071
- display: inline-block;
1072
- padding: 6px 12px;
1073
- margin-bottom: 0;
1074
- font-size: 14px;
1075
- font-weight: normal;
1076
- line-height: 1.42857143;
1077
- text-align: center;
1078
- white-space: nowrap;
1079
- vertical-align: middle;
1080
- -ms-touch-action: manipulation;
1081
- touch-action: manipulation;
1082
- cursor: pointer;
1083
- -webkit-user-select: none;
1084
- -moz-user-select: none;
1085
- -ms-user-select: none;
1086
- user-select: none;
1087
- background-image: none;
1088
- border: 1px solid transparent;
1089
- }
1090
- .premium-modal-box-button-selector i {
1091
- -webkit-transition: all 0.3s ease-in-out;
1092
- -moz-transition: all 0.3s ease-in-out;
1093
- -ms-transition: all 0.3s ease-in-out;
1094
- transition: all 0.3s ease-in-out;
1095
- }
1096
- .premium-btn-md {
1097
- padding: 8px 14px;
1098
- font-size: 16px;
1099
- line-height: 1.2;
1100
- }
1101
- .premium-btn-lg {
1102
- padding: 10px 16px;
1103
- font-size: 18px;
1104
- line-height: 1.3333333;
1105
- }
1106
- .premium-btn-block {
1107
- display: block;
1108
- width: 100%;
1109
- }
1110
- .premium-modal-box-modal-close {
1111
- float: right;
1112
- font-size: 21px;
1113
- font-weight: bold;
1114
- line-height: 1;
1115
- color: #000;
1116
- }
1117
- .premium-modal-box-modal-close:hover, .premium-modal-box-modal-close:focus {
1118
- color: #000;
1119
- text-decoration: none;
1120
- cursor: pointer;
1121
- }
1122
- button.premium-modal-box-modal-close {
1123
- -webkit-appearance: none;
1124
- padding: 0;
1125
- cursor: pointer;
1126
- background: transparent;
1127
- border: 0
1128
- }
1129
- .premium-modal-box-modal {
1130
- position: fixed;
1131
- top: 0;
1132
- right: 0;
1133
- bottom: 0;
1134
- left: 0;
1135
- z-index: 1050;
1136
- display: none;
1137
- -webkit-overflow-scrolling: touch;
1138
- outline: 0;
1139
- padding: 0 !important;
1140
- background: rgba(0,0,0,0.5) /*Added New to fix backdrop background*/
1141
- }
1142
- .premium-modal-box-modal .premium-modal-box-modal-dialog {
1143
- position: absolute;
1144
- top: 0;
1145
- left: 50%;
1146
- -webkit-transform: translate(-50%,-50%) !important;
1147
- transform: translate(-50%,-50%) !important;
1148
- margin: 0;
1149
- -webkit-transition: all .3s ease-in-out;
1150
- -o-transition: all .3s ease-in-out;
1151
- transition: all .3s ease-in-out;
1152
- }
1153
- .premium-modal-box-modal-content {
1154
- overflow: hidden;
1155
- background-color: #fff;
1156
- -webkit-background-clip: padding-box;
1157
- background-clip: padding-box;
1158
- border: 1px solid rgba(0, 0, 0, .2);
1159
- border-radius: 6px;
1160
- outline: 0;
1161
- /* -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
1162
- box-shadow: 0 3px 9px rgba(0, 0, 0, .5)*/
1163
- }
1164
- .premium-modal-backdrop.premium-in {
1165
- filter: alpha(opacity=50);
1166
- opacity: .5 !important;
1167
- }
1168
- .premium-modal-fade.premium-in {
1169
- opacity: 1;
1170
- }
1171
- .premium-modal-backdrop {
1172
- position: fixed;
1173
- top: 0;
1174
- right: 0;
1175
- bottom: 0;
1176
- left: 0;
1177
- z-index: 1040;
1178
- background-color: #000
1179
- }
1180
- .premium-modal-backdrop.premium-modal-fade {
1181
- filter: alpha(opacity=0);
1182
- opacity: 0;
1183
- }
1184
- .premium-modal-fade {
1185
- opacity: 0;
1186
- -webkit-transition: opacity .3s ease-in-out;
1187
- -o-transition: opacity .3s ease-in-out;
1188
- transition: opacity .3s ease-in-out;
1189
- }
1190
- .premium-modal-box-modal.premium-in .premium-modal-box-modal-dialog {
1191
- -webkit-transition: all .3s ease-in-out;
1192
- -o-transition: all .3s ease-in-out;
1193
- transition: all .3s ease-in-out;
1194
- top: 50%;
1195
- }
1196
- .premium-modal-box-modal-header {
1197
- display: -ms-flexbox;
1198
- display: -webkit-flex;
1199
- display: -moz-flex;
1200
- display: -ms-flex;
1201
- display: flex;
1202
- justify-content: space-between;
1203
- align-items: center;
1204
- padding: 5px 15px;
1205
- border-bottom: 1px solid #e5e5e5
1206
- }
1207
- .premium-modal-box-modal-header .premium-modal-box-modal-close {
1208
- margin-top: -2px
1209
- }
1210
- .premium-modal-box-modal-header .premium-modal-box-modal-title {
1211
- margin: 0;
1212
- padding: 0;
1213
- line-height: 1.42857143;
1214
- /* clear: none;*/
1215
- padding: 0;
1216
- margin: 0;
1217
- }
1218
- .premium-modal-box-modal-body {
1219
- position: relative;
1220
- padding: 15px
1221
- }
1222
- .premium-modal-box-modal-footer {
1223
- padding: 15px;
1224
- text-align: right;
1225
- border-top: 1px solid #e5e5e5
1226
- }
1227
- .premium-modal-box-modal-footer .btn + .btn {
1228
- margin-bottom: 0;
1229
- margin-left: 5px
1230
- }
1231
- .premium-modal-scrollbar-measure {
1232
- position: absolute;
1233
- top: -9999px;
1234
- width: 50px;
1235
- height: 50px;
1236
- overflow: scroll;
1237
- }
1238
- .premium-modal-box-text-selector {
1239
- background: none !important;
1240
- }
1241
- .premium-modal-box-container {
1242
- width: 100% !important;
1243
}
1244
/*Open Modal Button Style*/
1245
- .premium-modal-box-selector-container .premium-modal-box-button-selector {
1246
- border: none;
1247
- -webkit-transition: all 0.3s ease-in-out;
1248
- -moz-transition: all 0.3s ease-in-out;
1249
- -o-transition: all 0.3s ease-in-out;
1250
- -ms-transition: all 0.3s ease-in-out;
1251
- transition: all 0.3s ease-in-out;
1252
}
1253
/*Open Modal Img, Span Style */
1254
- .premium-modal-box-selector-container img,
1255
- .premium-modal-box-selector-container span{
1256
- cursor: pointer;
1257
}
1258
/*Image on Modal Header Style*/
1259
- .premium-modal-box-modal-header img {
1260
- width: 48px;
1261
- padding: 5px 0;
1262
- vertical-align: top;
1263
}
1264
/*Icon On Modal Header Style*/
1265
- .premium-modal-box-modal-header i {
1266
- padding-right: 6px;
1267
}
1268
/*Image On Modal Header Style*/
1269
- .premium-modal-box-modal-title img {
1270
- vertical-align : middle;
1271
}
1272
/*Close Button Container Style*/
1273
/*.premium-modal-box-close-button-container {
1274
- float: right;
1275
- }*/
1276
- .premium-modal-box-modal-close {
1277
- position: relative;
1278
- z-index: 99;
1279
- }
1280
- .premium-modal-box-img-selector,
1281
- .premium-modal-box-text-selector,
1282
- .premium-modal-box-close-button-container,
1283
- .premium-modal-box-modal-close,
1284
- .premium-modal-box-modal-lower-close{
1285
- -webkit-transition: all 0.3s ease-in-out;
1286
- -moz-transition: all 0.3s ease-in-out;
1287
- -ms-transition: all 0.3s ease-in-out;
1288
- -o-transition: all 0.3s ease-in-out;
1289
- transition: all 0.3s ease-in-out;
1290
}
1291
/* prevent Scroll on body */
1292
- .premium-modal-open {
1293
- /* overflow: hidden;*/
1294
- /* height: 100vh;*/
1295
- }
1296
- @media (min-width:768px) {
1297
- .premium-modal-box-modal-dialog {
1298
- width: 700px;
1299
- max-height: 600px;
1300
- overflow: auto;
1301
}
1302
- /* .premium-modal-box-modal-content {
1303
- -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
1304
- box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
1305
- }*/
1306
- }
1307
- @media (max-width:767px) {
1308
- .premium-modal-box-modal-dialog {
1309
- width: 100%;
1310
- max-height: 500px;
1311
- overflow: auto;
1312
}
1313
}
1314
/**************** Premium Progress Bar ****************/
1315
/******************************************************/
1316
- .premium-progressbar-container {
1317
- position:relative;
1318
- }
1319
- .premium-progressbar-progress {
1320
- overflow: hidden;
1321
- height: 20px;
1322
- margin-bottom: 50px;
1323
- background-color: #f5f5f5;
1324
- border-radius: 4px;
1325
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
1326
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
1327
- }
1328
- .premium-progressbar-progress-bar {
1329
- float: left;
1330
- width: 0%;
1331
- height: 100%;
1332
- font-size: 12px;
1333
- line-height: 20px;
1334
- background: #6ec1e4;
1335
- text-align: center;
1336
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
1337
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
1338
- }
1339
- .progress-striped .progress-bar,
1340
- .progress-bar-striped {
1341
- background-image: -webkit-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);
1342
- background-image: -o-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);
1343
- 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);
1344
- background-size: 40px 40px;
1345
- }
1346
- .pa-progress.active .progress-bar,
1347
- .progress-bar.active {
1348
- -webkit-animation: progress-bar-stripes 2s linear infinite;
1349
- -o-animation: progress-bar-stripes 2s linear infinite;
1350
- animation: progress-bar-stripes 2s linear infinite;
1351
- }
1352
- .premium-progressbar-progress{
1353
- position: relative;
1354
- text-align:left;
1355
- }
1356
- .premium-progressbar-progress-bar {
1357
- position: absolute;
1358
- overflow: hidden;
1359
- line-height: 20px;
1360
- }
1361
- .premium-progressbar-container .clearfix {
1362
- clear: both;
1363
}
1364
/*Progress Bar Style*/
1365
- .premium-progressbar-progress-bar {
1366
- -webkit-transition: width 0s ease-in-out !important;
1367
- -moz-transition: width 0s ease-in-out !important;
1368
- -ms-transition: width 0s ease-in-out !important;
1369
- -o-transition: width 0s ease-in-out !important;
1370
- transition: width 0s ease-in-out !important;
1371
}
1372
/*Left Label Style*/
1373
- .premium-progressbar-container p:first-of-type{
1374
- margin:0;
1375
- float:left;
1376
}
1377
/*Right Label Style*/
1378
- .premium-progressbar-container p:nth-of-type(2){
1379
- margin: 0;
1380
- float: right;
1381
- }
1382
- .premium-progressbar-name{
1383
- left:50%;
1384
- top :0;
1385
- right:0;
1386
- transform: translateX(-12.5px);
1387
- z-index:1;
1388
- }
1389
.premium-progressbar-multiple-label{
1390
- position:relative;
1391
float:left;
1392
width:0;
1393
left:50%;
1394
- }
1395
.premium-progressbar-center-label{
1396
- position:relative;
1397
bottom:-100%;
1398
- white-space:nowrap;
1399
- }
1400
- .premium-progressbar-arrow {
1401
- left:50%;
1402
- display: inline-block;
1403
- border-left: 7px solid transparent;
1404
- border-right: 7px solid transparent;
1405
- border-top: 11px solid ;
1406
- transform: translateX(-50%);
1407
- }
1408
- .premium-progressbar-pin {
1409
- border-left: 1px solid;
1410
- height: 12px;
1411
- left:50%;
1412
- display: inline-block;
1413
}
1414
- @-webkit-keyframes progress-bar-stripes {
1415
- from {
1416
- background-position: 0 0;
1417
-
1418
- }
1419
- to {
1420
- background-position: 40px 0;
1421
- }
1422
- }
1423
- @keyframes progress-bar-stripes {
1424
- from {
1425
- background-position: 0 0;
1426
- }
1427
- to {
1428
- background-position: 40px 0;
1429
-
1430
- }
1431
}
1432
/**************** Premium Testimonials ****************/
1433
/******************************************************/
1434
/*Testimonial Container Style*/
1435
- .premium-testimonial-box {
1436
- width: 100%;
1437
- background: transparent;
1438
- -webkit-transition: all 0.3s ease-in-out;
1439
- -moz-transition: all 0.3s ease-in-out;
1440
- -o-transition: all 0.3s ease-in-out;
1441
- -ms-transition: all 0.3s ease-in-out;
1442
- transition: all 0.3s ease-in-out;
1443
}
1444
/*Testimonial Title Style*/
1445
- .premium-testimonial-box .premium-testimonial-person-name,
1446
- .premium-testimonial-box .premium-testimonial-company-name {
1447
- display: inline;
1448
- font-weight: 600;
1449
- margin: 0;
1450
}
1451
/*Testimonial Text Style*/
1452
- .premium-testimonial-container {
1453
- position: relative;
1454
}
1455
/*Testimonial Img Container Style*/
1456
- .premium-testimonial-img-wrapper {
1457
- margin-left: auto;
1458
- margin-right: auto;
1459
- overflow: hidden;
1460
}
1461
/*Testimonial Person Image Style*/
1462
- .premium-testimonial-person-image {
1463
- object-fit: cover;
1464
- width: 100%;
1465
- height: 100% !important;
1466
- border-style: solid !important;
1467
}
1468
/*Testimonial Content Wrapper Style*/
1469
- .premium-testimonial-content-wrapper {
1470
- position: relative;
1471
- display: -ms-flexbox;
1472
- display: -webkit-flex;
1473
- display: -moz-flex;
1474
- display: -ms-flex;
1475
- display: flex;
1476
- flex-direction: column;
1477
- z-index: 2;
1478
- width: 100%;
1479
- padding: 20px;
1480
- text-align: center;
1481
}
1482
/*Testimonial Quotes Container Div Style*/
1483
- .premium-testimonial-quotes-wrapper {
1484
- z-index: 1;
1485
}
1486
/*Clear Float*/
1487
- .premium-testimonial-clear-float {
1488
- clear: both;
1489
}
1490
/*Upper Quote Style*/
1491
- .premium-testimonial-upper-quote {
1492
- position: absolute;
1493
- z-index: 1;
1494
}
1495
/*Lower Quote Style*/
1496
- .premium-testimonial-lower-quote{
1497
- position:absolute;
1498
- z-index: 1;
1499
}
1500
/*Author Info Container Div Style*/
1501
- .premium-testimonial-author-info {
1502
- display: block;
1503
}
1504
/**************** Premium Title ****************/
1505
/***********************************************/
1506
/*Title Container Div Style*/
1507
- .premium-title-container {
1508
- position: relative;
1509
- width: 100%;
1510
- clear: both;
1511
- overflow: hidden;
1512
}
1513
/*Header Style*/
1514
- .premium-title-container .premium-title-header {
1515
- margin: 0;
1516
- padding: 10px;
1517
}
1518
/*Style 2,3,6,7,8 Header*/
1519
- .premium-title-style1,
1520
- .premium-title-style2,
1521
- .premium-title-style5,
1522
- .premium-title-style6,
1523
- .premium-title-style7{
1524
- display: inline-block;
1525
- float: none;
1526
}
1527
- .premium-title-style1 {
1528
- border-left: 3px solid #6ec1e4;
1529
}
1530
- .premium-title-container.style2,
1531
- .premium-title-container.style4,
1532
- .premium-title-container.style5,
1533
- .premium-title-container.style6{
1534
- border-bottom: 3px solid #6ec1e4;
1535
}
1536
/*Style 6 Header*/
1537
- .premium-title-style6{
1538
- position: relative;
1539
}
1540
/*Style 6 Trinagle*/
1541
- .premium-title-style6:before {
1542
- position: absolute;
1543
- left: 50%;
1544
- bottom: 0;
1545
- margin-left: -2px;
1546
- content: '';
1547
- border: 3px solid transparent;
1548
- }
1549
- .premium-title-style7-stripe-wrap {
1550
- display: -ms-flexbox;
1551
- display: -webkit-flex;
1552
- display: -moz-flex;
1553
- display: -ms-flex;
1554
- display: flex;
1555
- }
1556
- .premium-title-style7:before {
1557
- display: none;
1558
}
1559
/*Stripe Style*/
1560
/**************** Premium Video Box ************/
1561
/***********************************************/
1562
- .premium-video-box-container {
1563
- position: relative;
1564
- height: 0;
1565
- }
1566
- .pa-aspect-ratio-11 .premium-video-box-container {
1567
- padding-bottom: 100%;
1568
- }
1569
- .pa-aspect-ratio-169 .premium-video-box-container {
1570
- padding-bottom: 56.25%;
1571
- }
1572
- .pa-aspect-ratio-43 .premium-video-box-container {
1573
- padding-bottom: 75%;
1574
- }
1575
- .pa-aspect-ratio-32 .premium-video-box-container {
1576
- padding-bottom: 66.6666%;
1577
- }
1578
- .pa-aspect-ratio-219 .premium-video-box-container {
1579
- padding-bottom: 42.8571%;
1580
- }
1581
- .premium-video-box-image-container {
1582
- position: absolute;
1583
- top: 0;
1584
- left: 0;
1585
- width: 100%;
1586
- height: 100%;
1587
- -webkit-background-size: cover;
1588
- background-size: cover;
1589
- background-position: 50%;
1590
- cursor: pointer;
1591
- }
1592
- .premium-video-box-play-icon-container {
1593
- position: absolute;
1594
- z-index: 1;
1595
- cursor: pointer;
1596
- transform: translate(-50%,-50%);
1597
- background: rgba(252,252,252,0.84);
1598
- }
1599
- .premium-video-box-description-container {
1600
- position: absolute;
1601
- z-index: 1;
1602
- padding: 5px;
1603
- text-align: center;
1604
- cursor: pointer;
1605
- transform: translate(-50%,-50%);
1606
- }
1607
- .premium-video-box-text {
1608
- margin-bottom: 0 !important;
1609
- -webkit-transition: all 0.3s ease-in-out;
1610
- -moz-transition: all 0.3s ease-in-out;
1611
- -o-transition: all 0.3s ease-in-out;
1612
- -ms-transition: all 0.3s ease-in-out;
1613
- transition: all 0.3s ease-in-out;
1614
- }
1615
- .premium-video-box-play-icon{
1616
- padding: 15px;
1617
- transform: translateX(4%);
1618
- -webkit-transition: all 0.3s ease-in-out;
1619
- -moz-transition: all 0.3s ease-in-out;
1620
- -o-transition: all 0.3s ease-in-out;
1621
- -ms-transition: all 0.3s ease-in-out;
1622
- transition: all 0.3s ease-in-out;
1623
- }
1624
- .premium-video-box-video-container {
1625
- position: absolute;
1626
- top: 0;
1627
- left: 0;
1628
- z-index: 2;
1629
- width: 100%;
1630
- height: 100%;
1631
- -webkit-transition: opacity 0.8s ease-in-out;
1632
- -moz-transition: opacity 0.8s ease-in-out;
1633
- -o-transition: opacity 0.8s ease-in-out;
1634
- -ms-transition: opacity 0.8s ease-in-out;
1635
- transition: opacity 0.8s ease-in-out;
1636
- overflow: hidden;
1637
- cursor: pointer;
1638
- }
1639
- .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
1640
- opacity: 0;
1641
- visibility: hidden;
1642
- }
1643
- .premium-video-box-video-container iframe,
1644
- .premium-video-box-video-container video {
1645
- max-width: 100%;
1646
- width: 100%;
1647
- height: 100%;
1648
- margin: 0;
1649
- line-height: 1;
1650
- border: none;
1651
- }
1652
- .premium-video-box-video-container video {
1653
- -o-object-fit: contain;
1654
- object-fit: contain;
1655
}
1656
/**************** Premium Blog *****************/
1657
/***********************************************/
1658
- .premium-blog-post-container {
1659
- padding: 15px;
1660
}
1661
- .premium-blog-thumb-effect-wrapper {
1662
- position: relative;
1663
- overflow: hidden;
1664
}
1665
- .premium-blog-thumbnail-container {
1666
- overflow: hidden;
1667
}
1668
- .premium-blog-post-link {
1669
- position: absolute;
1670
- top: 0;
1671
- left: 0;
1672
- width: 100%;
1673
- height: 100%;
1674
- z-index: 99;
1675
}
1676
- .premium-blog-post-link:hover {
1677
- box-shadow: none !important;
1678
- border: none !important;
1679
- outline: none !important;
1680
}
1681
/*Thumbnail Img*/
1682
- .premium-blog-thumbnail-container img,
1683
- .premium-blog-thumbnail-container .below-entry-meta{
1684
- width: 100%;
1685
- height: 100%;
1686
- margin: 0 !important;
1687
- -webkit-transition: all 0.4s ease-in-out;
1688
- -moz-transition: all 0.4s ease-in-out;
1689
- -ms-transition: all 0.4s ease-in-out;
1690
- -o-transition: all 0.4s ease-in-out;
1691
- transition: all 0.4s ease-in-out;
1692
- }
1693
- .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img,
1694
- .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
1695
- transform: scale(1.2);
1696
- }
1697
- .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
1698
- -webkit-filter: sepia(30%);
1699
- filter: sepia(30%);
1700
- }
1701
- .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
1702
- -webkit-filter: brightness(1);
1703
- filter: brightness(1);
1704
- }
1705
- .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
1706
- -webkit-transform: translateX(-15px) scale(1.1);
1707
- transform: translateX(-15px) scale(1.1);
1708
}
1709
/*Thumbnail Container Hover*/
1710
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-zoomin-effect img {
1711
- transform: scale(1.2);
1712
- }
1713
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-zoomout-effect img {
1714
- transform: scale(1.1);
1715
- }
1716
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-scale-effect img {
1717
- transform: scale(1.3) rotate(5deg);
1718
- }
1719
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-gray-effect img {
1720
- filter: grayscale(100%);
1721
- }
1722
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-blur-effect img {
1723
- filter: blur(3px);
1724
- }
1725
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-sepia-effect img {
1726
- -webkit-filter: sepia(0%);
1727
- filter: sepia(0%);
1728
- }
1729
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bright-effect img {
1730
- -webkit-filter: brightness(1.2);
1731
- filter: brightness(1.2);
1732
- }
1733
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-trans-effect img {
1734
- -webkit-transform: translateX(0px) scale(1.1);
1735
- transform: translateX(0px) scale(1.1);
1736
- }
1737
- .premium-blog-thumbnail-container:before, .premium-blog-thumbnail-container:after {
1738
- position: absolute;
1739
- content: '';
1740
- z-index: 1;
1741
- top: 50%;
1742
- left: 50%;
1743
- opacity: 0;
1744
- -webkit-transform: translate(-50%,-50%);
1745
- transform: translate(-50%,-50%);
1746
- -webkit-transition: all 0.4s linear 0s;
1747
- -moz-transition: all 0.4s linear 0s;
1748
- -ms-transition: all 0.4s linear 0s;
1749
- -o-transition: all 0.4s linear 0s;
1750
- transition: all 0.4s linear 0s;
1751
- height: 1px;
1752
- width: 100%;
1753
- }
1754
- .premium-blog-thumbnail-container:before {
1755
- width: 1px;
1756
- height: 100%;
1757
- }
1758
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:after {
1759
- width: 20px;
1760
- opacity: 1;
1761
- }
1762
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:before{
1763
- height: 20px;
1764
- opacity: 1;
1765
- }
1766
- .premium-blog-diagonal-container {
1767
- position: absolute;
1768
- top: 0;
1769
- left: 0;
1770
- width: 100%;
1771
- height: 100%;
1772
- }
1773
- .premium-blog-diagonal-effect:before {
1774
- position: absolute;
1775
- top: 0px;
1776
- left: 0px;
1777
- width: 100%;
1778
- height: 100%;
1779
- content: " ";
1780
- z-index: 1;
1781
- background: rgba(255,255,255,0.2);
1782
- -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
1783
- -moz-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
1784
- -o-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
1785
- -ms-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
1786
- transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
1787
- -webkit-transition: all 0.3s linear 0s;
1788
- -moz-transition: all 0.3s linear 0s;
1789
- -o-transition: all 0.3s linear 0s;
1790
- -ms-transition: all 0.3s linear 0s;
1791
- transition: all 0.3s linear 0s;
1792
- }
1793
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
1794
- -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
1795
- -moz-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
1796
- -o-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
1797
- -ms-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
1798
- transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
1799
- }
1800
- .premium-blog-framed-effect {
1801
- position: absolute;
1802
- width: calc(100% - 30px);
1803
- height: calc(100% - 30px);
1804
- top: 15px;
1805
- left: 15px;
1806
- opacity: 0;
1807
- transform: scale(0.3);
1808
- -webkit-transition: all 0.3s linear 0s;
1809
- -moz-transition: all 0.3s linear 0s;
1810
- -o-transition: all 0.3s linear 0s;
1811
- -ms-transition: all 0.3s linear 0s;
1812
- transition: all 0.3s linear 0s;
1813
- }
1814
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
1815
- opacity: 0.99;
1816
- transform: scale(1);
1817
- }
1818
- .premium-blog-bordered-effect {
1819
- position: absolute;
1820
- top: 0;
1821
- left: 0;
1822
- width: 100%;
1823
- height: 100%;
1824
- opacity: 0;
1825
- padding: 15px;
1826
- -webkit-transition: all 0.3s linear 0s;
1827
- -moz-transition: all 0.3s linear 0s;
1828
- -o-transition: all 0.3s linear 0s;
1829
- -ms-transition: all 0.3s linear 0s;
1830
- transition: all 0.3s linear 0s;
1831
- }
1832
- .premium-blog-bordered-border-container {
1833
- width: 100%;
1834
- height: 100%;
1835
- border: 2px solid;
1836
- -webkit-transform: scale(0,1);
1837
- transform: scale(0,1);
1838
- -webkit-transform-origin: 0 0;
1839
- transform-origin: 0 0;
1840
- -webkit-transition: all 0.3s linear 0s;
1841
- -moz-transition: all 0.3s linear 0s;
1842
- -o-transition: all 0.3s linear 0s;
1843
- -ms-transition: all 0.3s linear 0s;
1844
- transition: all 0.3s linear 0s;
1845
- }
1846
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
1847
- opacity: 0.99;
1848
- }
1849
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-bordered-border-container {
1850
- -webkit-transform: scale(1,1);
1851
- transform: scale(1,1);
1852
- }
1853
- .premium-blog-squares-effect,
1854
- .premium-blog-squares-square-container{
1855
- position: absolute;
1856
- top: 0;
1857
- left: 0;
1858
- width: 100%;
1859
- height: 100%;
1860
- }
1861
- .premium-blog-squares-effect:before,
1862
- .premium-blog-squares-effect:after,
1863
- .premium-blog-squares-square-container:before,
1864
- .premium-blog-squares-square-container:after{
1865
- position: absolute;
1866
- content: '';
1867
- top: 0;
1868
- left: 0;
1869
- width: 50%;
1870
- height: 50%;
1871
- -webkit-transform: translate(-100%,-100%);
1872
- transform: translate(-100%,-100%);
1873
- opacity: 0.7;
1874
- -webkit-transition: all 0.3s linear 0s;
1875
- -moz-transition: all 0.3s linear 0s;
1876
- -o-transition: all 0.3s linear 0s;
1877
- -ms-transition: all 0.3s linear 0s;
1878
- transition: all 0.3s linear 0s;
1879
- }
1880
- .premium-blog-squares-square-container:before,
1881
- .premium-blog-squares-square-container:after {
1882
- opacity: 0.8;
1883
- }
1884
- .premium-blog-squares-effect:after {
1885
- -webkit-transform: translate(200%,200%);
1886
- transform: translate(200%,200%);
1887
- }
1888
- .premium-blog-squares-square-container:before{
1889
- -webkit-transform: translate(-100%,200%);
1890
- transform: translate(-100%,200%);
1891
- }
1892
- .premium-blog-squares-square-container:after {
1893
- -webkit-transform: translate(200%,-100%);
1894
- transform: translate(200%,-100%);
1895
- }
1896
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
1897
- -webkit-transform: translate(0,0%) scaleY(1.003) scaleX(1.003);
1898
- transform: translate(0,0%) scaleY(1.003) scaleX(1.003);
1899
- }
1900
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
1901
- -webkit-transform: translate(100%,100%) scaleY(1.003) scaleX(1.003);
1902
- transform: translate(100%,100%) scaleY(1.003) scaleX(1.003);
1903
- }
1904
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before{
1905
- -webkit-transform: translate(0,100%);
1906
- transform: translate(0,100%);
1907
- }
1908
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after{
1909
- -webkit-transform: translate(100%,0%);
1910
- transform: translate(100%,0%);
1911
}
1912
/*Content Wrapper*/
1913
- .premium-blog-content-wrapper {
1914
- margin: 0px 10px 20px;
1915
- clear: both;
1916
- padding: 30px;
1917
}
1918
- .premium-blog-post-container.classic .premium-blog-content-wrapper {
1919
- position: relative;
1920
- z-index: 2;
1921
- top: -50px;
1922
}
1923
- .premium-blog-content-wrapper.empty-thumb {
1924
- top: 0;
1925
}
1926
- .premium-blog-clear-fix {
1927
- clear: both;
1928
}
1929
- .premium-blog-content-wrapper .premium-blog-inner-container {
1930
- display: flex;
1931
}
1932
/*Post Format Container*/
1933
- .premium-blog-format-container {
1934
- display: flex;
1935
- align-items: center;
1936
- justify-content: center;
1937
- cursor: pointer;
1938
- background: #eee;
1939
- width: 55px;
1940
- height: 55px;
1941
- font-size: 25px;
1942
- margin-right: 20px;
1943
- text-align: center;
1944
- -webkit-transition: all 0.3s ease-in-out;
1945
- -moz-transition: all 0.3s ease-in-out;
1946
- -ms-transition: all 0.3s ease-in-out;
1947
- -o-transition: all 0.3s ease-in-out;
1948
- transition: all 0.3s ease-in-out;
1949
- }
1950
- .premium-blog-format-link {
1951
- line-height: 0;
1952
}
1953
/*Post Format Icon*/
1954
- .premium-blog-format-container i {
1955
- -webkit-transition: all 0.3s ease-in-out;
1956
- -moz-transition: all 0.3s ease-in-out;
1957
- -ms-transition: all 0.3s ease-in-out;
1958
- -o-transition: all 0.3s ease-in-out;
1959
- transition: all 0.3s ease-in-out;
1960
- }
1961
- .premium-blog-entry-title {
1962
- display: inline;
1963
- margin-bottom: 0px;
1964
- }
1965
- .premium-blog-entry-meta {
1966
- margin-bottom: 8px;
1967
- }
1968
- .premium-blog-entry-meta i{
1969
- margin-right: 3px;
1970
- -webkit-transition: all 0.3s ease-in-out;
1971
- -moz-transition: all 0.3s ease-in-out;
1972
- -ms-transition: all 0.3s ease-in-out;
1973
- -o-transition: all 0.3s ease-in-out;
1974
- transition: all 0.3s ease-in-out;
1975
- }
1976
- .premium-blog-post-tags-container a{
1977
- -webkit-transition: all 0.3s ease-in-out;
1978
- -moz-transition: all 0.3s ease-in-out;
1979
- -ms-transition: all 0.3s ease-in-out;
1980
- -o-transition: all 0.3s ease-in-out;
1981
- transition: all 0.3s ease-in-out;
1982
- }
1983
- .premium-blog-meta-data {
1984
- margin-right : 8px;
1985
- }
1986
- .premium-blog-post-content {
1987
- padding: 14px 0;
1988
- }
1989
- .premium-blog-post-container.classic .premium-blog-post-content {
1990
- border-top: 1px solid #eaeaea;
1991
- }
1992
- .premium-blog-post-container.cards .premium-blog-post-content {
1993
- border-bottom: 1px solid #eaeaea;
1994
- }
1995
- .premium-blog-post-container.cards .premium-blog-post-content {
1996
- border-bottom: 1px solid #eaeaea;
1997
- }
1998
- .premium-blog-post-container.cards .premium-blog-entry-meta {
1999
- padding-top: 14px;
2000
- }
2001
- .premium-blog-author-thumbnail {
2002
- position: relative;
2003
- padding: 0 30px;
2004
- width: 100%;
2005
- top: -10px;
2006
- height: 0;
2007
- pointer-events: none;
2008
- }
2009
- .premium-blog-author-thumbnail img {
2010
- border-radius: 50%;
2011
- width: 60px;
2012
- pointer-events: all;
2013
- -webkit-transform: translateY(-50%);
2014
- -ms-transform: translateY(-50%);
2015
- transform: translateY(-50%);
2016
- }
2017
- .premium-blog-post-content {
2018
- margin-top: 0;
2019
- margin-left: 75px;
2020
- }
2021
- .premium-blog-post-tags-container {
2022
- margin-top: 8px;
2023
- margin-left: 75px;
2024
- }
2025
- .premium-blog-entry-title a,
2026
- .premium-blog-meta-data a,
2027
- .premium-blog-post-tags a,
2028
- .premium-blog-post-content .premium-blog-excerpt-link{
2029
- -webkit-transition: color 0.3s ease-in-out;
2030
- -moz-transition: color 0.3s ease-in-out;
2031
- -ms-transition: color 0.3s ease-in-out;
2032
- -o-transition: color 0.3s ease-in-out;
2033
- transition: color 0.3s ease-in-out;
2034
- }
2035
- .premium-blog-pagination-container {
2036
- padding: 15px;
2037
- margin-top: -30px;
2038
- text-align: right;
2039
- }
2040
- .premium-blog-pagination-container ul {
2041
- list-style: none;
2042
- margin: 0;
2043
- padding: 0;
2044
- }
2045
- .premium-blog-pagination-container li {
2046
- display: inline-block;
2047
- margin-right: 10px;
2048
- margin-bottom: 5px;
2049
- padding: 3px 7px;
2050
- -webkit-transition: all 0.3s ease-in-out;
2051
- -moz-transition: all 0.3s ease-in-out;
2052
- -ms-transition: all 0.3s ease-in-out;
2053
- -o-transition: all 0.3s ease-in-out;
2054
- transition: all 0.3s ease-in-out;
2055
- }
2056
- .premium-blog-pagination-container li span {
2057
- cursor: default;
2058
- }
2059
- .premium-blog-pagination-container li a,
2060
- .premium-blog-pagination-container li span {
2061
- font-size: 16px;
2062
- display: inline-block;
2063
- }
2064
- .premium-blog-wrap {
2065
- display: -ms-flexbox;
2066
- display: -webkit-flex;
2067
- display: -moz-flex;
2068
- display: -ms-flex;
2069
- display: flex;
2070
- -webkit-flex-wrap: wrap;
2071
- flex-wrap: wrap;
2072
- }
2073
- .premium-blog-wrap.premium-blog-col-3 .premium-blog-entry-meta,
2074
- .premium-blog-wrap.premium-blog-col-3 .premium-blog-post-content,
2075
- .premium-blog-wrap.premium-blog-col-3 .premium-blog-post-tags-container,
2076
- .premium-blog-wrap.premium-blog-col-4 .premium-blog-entry-meta,
2077
- .premium-blog-wrap.premium-blog-col-4 .premium-blog-post-content,
2078
- .premium-blog-wrap.premium-blog-col-4 .premium-blog-post-tags-container {
2079
- margin-left: 0;
2080
- }
2081
- .premium-blog-wrap.premium-blog-col-3 .premium-blog-format-container,
2082
- .premium-blog-wrap.premium-blog-col-4 .premium-blog-format-container {
2083
- display: none;
2084
- }
2085
- .premium-blog-wrap.premium-blog-col-3 .premium-blog-entry-title,
2086
- .premium-blog-wrap.premium-blog-col-4 .premium-blog-entry-title {
2087
- line-height: 1;
2088
- }
2089
- .premium-blog-wrap.premium-blog-col-3 .premium-blog-entry-title a,
2090
- .premium-blog-wrap.premium-blog-col-4 .premium-blog-entry-title a{
2091
- font-size: 20px;
2092
- }
2093
- /*
2094
- * Carousel
2095
- */
2096
- .premium-blog-wrap ul.slick-dots {
2097
- width: 100%;
2098
- }
2099
- /*
2100
- * Even Layout
2101
- */
2102
- .premium-blog-even .premium-blog-post-container {
2103
- height: 100%;
2104
- }
2105
-
2106
- @media ( max-width: 1025px ) {
2107
- .premium-blog-entry-title a {
2108
- font-size: 18px;
2109
}
2110
- }
2111
- @media ( max-width: 768px ) {
2112
- .premium-blog-content-wrapper {
2113
- top: 0;
2114
- margin: 0;
2115
- padding: 15px;
2116
}
2117
- .premium-blog-thumb-effect-wrapper {
2118
- margin-bottom: 15px;
2119
}
2120
- .premium-blog-format-container {
2121
- display: none;
2122
}
2123
- .premium-blog-entry-title {
2124
- line-height: 1;
2125
}
2126
- .premium-blog-entry-title a {
2127
- font-size: 16px;
2128
}
2129
- .premium-blog-entry-meta,
2130
- .premium-blog-post-content {
2131
- margin-left: 0px;
2132
}
2133
- .premium-blog-post-tags-container {
2134
- margin-left: 0px;
2135
}
2136
}
2137
/**************** Premium Person ******************/
2138
/**************************************************/
2139
- .premium-person-container {
2140
- position: relative;
2141
- overflow: hidden;
2142
- }
2143
- .premium-person-image-container {
2144
- text-align: center;
2145
- }
2146
- .premium-person-zoomout-effect .premium-person-image-container img,
2147
- .premium-person-scale-effect .premium-person-image-container img {
2148
- -webkit-transform: scale(1.2);
2149
- -moz-transform: scale(1.2);
2150
- -ms-transform: scale(1.2);
2151
- -o-transform: scale(1.2);
2152
- transform: scale(1.2);
2153
- }
2154
- .premium-person-sepia-effect .premium-person-image-container img {
2155
- -webkit-filter: sepia(30%);
2156
- filter: sepia(30%);
2157
- }
2158
- .premium-person-bright-effect .premium-person-image-container img {
2159
- -webkit-filter: brightness(1);
2160
- filter: brightness(1);
2161
- }
2162
- .premium-person-trans-effect .premium-person-image-container img {
2163
- -webkit-transform: translateX(-15px) scale(1.1);
2164
- transform: translateX(-15px) scale(1.1);
2165
- }
2166
- .premium-person-zoomin-effect:hover .premium-person-image-container img{
2167
- -webkit-transform: scale(1.2);
2168
- -moz-transform: scale(1.2);
2169
- -ms-transform: scale(1.2);
2170
- -o-transform: scale(1.2);
2171
- transform: scale(1.2);
2172
- }
2173
- .premium-person-zoomout-effect:hover .premium-person-image-container img{
2174
- -webkit-transform: scale(1.1);
2175
- -moz-transform: scale(1.1);
2176
- -ms-transform: scale(1.1);
2177
- -o-transform: scale(1.1);
2178
- transform: scale(1.1);
2179
- }
2180
- .premium-person-scale-effect:hover .premium-person-image-container img {
2181
- -webkit-transform: scale(1.3) rotate(5deg);
2182
- -moz-transform: scale(1.3) rotate(5deg);
2183
- -ms-transform: scale(1.3) rotate(5deg);
2184
- -o-transform: scale(1.3) rotate(5deg);
2185
- transform: scale(1.3) rotate(5deg);
2186
- }
2187
- .premium-person-grayscale-effect:hover .premium-person-image-container img {
2188
- -webkit-filter: grayscale(100%);
2189
- -moz-filter: grayscale(100%);
2190
- -ms-filter: grayscale(100%);
2191
- -o-filter: grayscale(100%);
2192
- filter: grayscale(100%);
2193
- }
2194
- .premium-person-blur-effect:hover .premium-person-image-container img {
2195
- -webkit-filter: blur(3px);
2196
- -moz-filter: blur(3px);
2197
- -ms-filter: blur(3px);
2198
- -o-filter: blur(3px);
2199
- filter: blur(3px);
2200
- }
2201
- .premium-person-sepia-effect:hover .premium-person-image-container img {
2202
- -webkit-filter: sepia(0%);
2203
- filter: sepia(0%);
2204
- }
2205
- .premium-person-bright-effect:hover .premium-person-image-container img {
2206
- -webkit-filter: brightness(1.2);
2207
- filter: brightness(1.2);
2208
- }
2209
- .premium-person-trans-effect:hover .premium-person-image-container img {
2210
- -webkit-transform: translateX(0px) scale(1.1);
2211
- transform: translateX(0px) scale(1.1);
2212
- }
2213
- .premium-person-container .premium-person-image-container img {
2214
- width: 100%;
2215
- height: 100%;
2216
- object-fit: cover;
2217
- -webkit-transition: all 0.5s ease-in-out;
2218
- -moz-transition: all 0.5s ease-in-out;
2219
- -ms-transition: all 0.5s ease-in-out;
2220
- -o-transition: all 0.5s ease-in-out;
2221
- transition: all 0.5s ease-in-out;
2222
- }
2223
- .premium-person-info {
2224
- position: absolute;
2225
- top: auto;
2226
- right: 0;
2227
- left: 0;
2228
- width: 100%;
2229
- -webkit-transition: all 500ms ease 0s;
2230
- -moz-transition: all 500ms ease 0s;
2231
- -ms-transition: all 500ms ease 0s;
2232
- -o-transition: all 500ms ease 0s;
2233
- transition: all 500ms ease 0s;
2234
- -webkit-transform: translate3d(0,100%,0);
2235
- -moz-transform: translate3d(0,100%,0);
2236
- -ms-transform: translate3d(0,100%,0);
2237
- -o-transform: translate3d(0,100%,0);
2238
- transform: translate3d(0,100%,0);
2239
- }
2240
- .premium-person-container:hover .premium-person-info{
2241
- -webkit-transform: translate3d(0,0,0);
2242
- -moz-transform: translate3d(0,0,0);
2243
- -ms-transform: translate3d(0,0,0);
2244
- -o-transform: translate3d(0,0,0);
2245
- transform: translate3d(0,0,0);
2246
- bottom: -1px !important;
2247
- }
2248
- .premium-person-info-container {
2249
- padding: 30px 15px;
2250
- }
2251
- .premium-person-name {
2252
- margin: 0 0 5px;
2253
- font-weight: 700;
2254
- }
2255
- .premium-person-title {
2256
- margin: 0 0 20px;
2257
- padding: 0;
2258
- }
2259
- .premium-person-content {
2260
- margin: 0 0 30px;
2261
}
2262
/*Override Theme List Margin*/
2263
- ul.premium-person-social-list {
2264
- margin: 0px !important;
2265
- padding: 0;
2266
- }
2267
- .premium-person-social-list .premium-person-list-item {
2268
- display: inline;
2269
- list-style: none;
2270
- }
2271
- .premium-person-social-list li,
2272
- .premium-person-social-list li i{
2273
- position: relative;
2274
- bottom: 0px;
2275
- -webkit-transition: all 0.2s ease-in-out;
2276
- -moz-transition: all 0.2s ease-in-out;
2277
- -ms-transition: all 0.2s ease-in-out;
2278
- -o-transition: all 0.2s ease-in-out;
2279
- transition: all 0.2s ease-in-out;
2280
- }
2281
- .premium-person-social-list li:hover {
2282
- bottom: 5px;
2283
- }
2284
- .premium-person-social-list li:hover a{
2285
- box-shadow: none;
2286
- }
2287
- .premium-person-social-list li a:focus{
2288
- box-shadow: none;
2289
- outline: none;
2290
- }
2291
- .premium-person-social-list li i {
2292
- font-size: 18px;
2293
- margin: 0 5px;
2294
}
2295
/**************** Premium Dual Header ******************/
2296
/*******************************************************/
2297
- .premium-dual-header-container .premium-dual-header-first-header,
2298
- .premium-dual-header-container .premium-dual-header-second-header {
2299
- position: relative;
2300
- padding: 0;
2301
- margin: 0;
2302
- display: inline-block;
2303
- -webkit-transform: translate(0,0);
2304
- transform: translate(0,0);
2305
- }
2306
- .premium-dual-header-first-clip .premium-dual-header-first-span,
2307
- .premium-dual-header-second-clip {
2308
- -webkit-text-fill-color: transparent;
2309
- -webkit-background-clip: text;
2310
- }
2311
- .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
2312
- .premium-dual-header-second-clip.stroke {
2313
- -webkit-text-stroke-color: transparent;
2314
- -webkit-text-fill-color: #fafafa;
2315
- -webkit-text-stroke-width: 2px;
2316
- }
2317
-
2318
- @media (max-width: 500px) {
2319
- .premium-dual-header-container .premium-dual-header-first-header,
2320
- .premium-dual-header-container .premium-dual-header-second-header {
2321
- display: block;
2322
- word-wrap: break-word;
2323
}
2324
- .premium-dual-header-first-container,
2325
- .premium-dual-header-second-container {
2326
- margin: 0;
2327
}
2328
}
2329
- @media (min-width: 501px) {
2330
- .premium-dual-header-first-container {
2331
- margin-right: 5px;
2332
}
2333
}
2334
- .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2335
- .premium-dual-header-second-header.gradient {
2336
- background-size: 300% 300% !important;
2337
- -webkit-animation: Gradient 10s ease-in-out infinite;
2338
- -moz-animation: Gradient 10s ease-in-out infinite;
2339
- animation: Gradient 10s ease-in-out infinite;
2340
}
2341
- @-webkit-keyframes Gradient {
2342
- 0% {
2343
- background-position: 0% 50%
2344
}
2345
- 50% {
2346
- background-position: 100% 50%
2347
}
2348
- 100% {
2349
- background-position: 0% 50%
2350
}
2351
}
2352
- @-moz-keyframes Gradient {
2353
- 0% {
2354
- background-position: 0% 50%
2355
}
2356
- 50% {
2357
- background-position: 100% 50%
2358
}
2359
- 100% {
2360
- background-position: 0% 50%
2361
}
2362
}
2363
- @keyframes Gradient {
2364
- 0% {
2365
- background-position: 0% 50%
2366
}
2367
- 50% {
2368
- background-position: 100% 50%
2369
}
2370
- 100% {
2371
- background-position: 0% 50%
2372
}
2373
}
2374
/**************** Premium Fancy Text *******************/
2375
/*******************************************************/
2376
- .premium-suffix-text,
2377
- .premium-fancy-text,
2378
- .premium-prefix-text {
2379
- font-size: 40px;
2380
}
2381
- .premium-fancy-text-wrapper .premium-fancy-list-items {
2382
- list-style: none;
2383
}
2384
- .premium-fancy-text-wrapper .premium-fancy-text-span-align {
2385
- vertical-align: top;
2386
}
2387
/**************** Premium Pricing Table ****************/
2388
/*******************************************************/
2389
/*Pricing Table Container Div Style*/
2390
- .premium-pricing-table-container {
2391
- text-align: center;
2392
- overflow: hidden;
2393
- -webkit-transition: all 0.3s ease-in-out;
2394
- -moz-transition: all 0.3s ease-in-out;
2395
- -o-transition: all 0.3s ease-in-out;
2396
- -ms-transition: all 0.3s ease-in-out;
2397
- transition: all 0.3s ease-in-out;
2398
- }
2399
- .premium-badge-left,
2400
- .premium-badge-right {
2401
- position:absolute;
2402
- top: 0;
2403
- }
2404
- .premium-badge-right {
2405
- right: 0;
2406
- }
2407
- .premium-badge-left {
2408
- left: 0;
2409
- }
2410
- .premium-badge-left .corner {
2411
- width: 0;
2412
- height: 0;
2413
- border-top: 150px solid;
2414
- border-bottom: 150px solid transparent;
2415
- border-right: 150px solid transparent;
2416
- }
2417
- .premium-badge-right .corner {
2418
- width: 0;
2419
- height: 0;
2420
- border-bottom: 150px solid transparent;
2421
- border-right: 150px solid;
2422
- border-left: 150px solid transparent;
2423
- }
2424
- .premium-badge-left span,
2425
- .premium-badge-right span{
2426
- position:absolute;
2427
- top: 35px;
2428
- width: 100px;
2429
- text-align: center;
2430
- -webkit-transform: rotate(-45deg);
2431
- transform: rotate(-45deg);
2432
- display:block;
2433
- text-transform: uppercase;
2434
- }
2435
- .premium-badge-right span {
2436
- -webkit-transform: rotate(45deg);
2437
- transform: rotate(45deg);
2438
- right: 0;
2439
- }
2440
- .premium-pricing-price-currency {
2441
- position: relative;
2442
- }
2443
- .premium-pricing-icon-container {
2444
- line-height: 0;
2445
- }
2446
- .premium-pricing-button-container {
2447
- display: block;
2448
- }
2449
- .premium-pricing-list {
2450
- list-style-type: none;
2451
- margin: 0;
2452
- }
2453
- .premium-pricing-slashed-price-value {
2454
- display: inline-block;
2455
- font-size: 20px;
2456
- font-weight: 400;
2457
- margin-right: 5px;
2458
- }
2459
- .premium-pricing-price-value {
2460
- font-size: 70px;
2461
- }
2462
- .premium-pricing-description-container li{
2463
- list-style-position: inside;
2464
- text-indent: -40px;
2465
- }
2466
- @-moz-document url-prefix() {
2467
- .premium-pricing-description-container li{
2468
- text-indent: 0px;
2469
}
2470
}
2471
- .premium-pricing-price-button {
2472
- display: block;
2473
- padding: 6px 12px;
2474
- line-height: 1.42857143;
2475
- text-align: center;
2476
- color: #fff;
2477
- background: #6ec1e4;
2478
- margin-bottom: 0;
2479
- -webkit-transition: all 0.3s ease-in-out;
2480
- -moz-transition: all 0.3s ease-in-out;
2481
- -o-transition: all 0.3s ease-in-out;
2482
- -ms-transition: all 0.3s ease-in-out;
2483
- transition: all 0.3s ease-in-out;
2484
}
2485
/**************** Premium Google Maps ******************/
2486
/*******************************************************/
2487
- .premium-maps-info-container {
2488
- margin-top: 10px;
2489
- margin-bottom: 10px;
2490
}
2491
- .premium-maps-info-title,
2492
- .premium-maps-info-desc {
2493
- margin: 0;
2494
- padding: 0;
2495
}
2496
- .premium-maps-container .gm-style-iw {
2497
- text-align: center;
2498
}
2499
- .premium-maps-container .gm-style img {
2500
- max-width: none !important;
2501
}
2502
/**************** Premium Button ***********************/
2503
/*******************************************************/
2504
- .premium-button {
2505
- display: inline-block;
2506
- position: relative;
2507
- overflow: hidden;
2508
- cursor: pointer;
2509
- -webkit-transition: all 0.2s ease-in-out !important;
2510
- -moz-transition: all 0.2s ease-in-out !important;
2511
- -ms-transition: all 0.2s ease-in-out !important;
2512
- -o-transition: all 0.2s ease-in-out !important;
2513
- transition: all 0.2s ease-in-out !important;
2514
- }
2515
- .premium-button-sm {
2516
- padding: 12px 24px;
2517
- font-size: 14px;
2518
- line-height: 1;
2519
- }
2520
- .premium-button-md {
2521
- padding: 14px 26px;
2522
- font-size: 16px;
2523
- line-height: 1.2;
2524
- }
2525
- .premium-button-lg {
2526
- padding: 16px 28px;
2527
- font-size: 18px;
2528
- line-height: 1.3333;
2529
- }
2530
- .premium-button-block {
2531
- font-size: 15px;
2532
- line-height: 1;
2533
- padding: 12px 24px;
2534
- width: 100%;
2535
- text-align: center;
2536
- }
2537
- .premium-button-text {
2538
- display: inline-block;
2539
- width: 100%;
2540
- }
2541
- .premium-button-style1-bottom,
2542
- .premium-button-style1-top,
2543
- .premium-button-style1-right,
2544
- .premium-button-style1-left,
2545
- .premium-button-style2-shutouthor,
2546
- .premium-button-style2-shutoutver,
2547
- .premium-button-style2-shutinhor,
2548
- .premium-button-style2-shutinver,
2549
- .premium-button-style2-scshutouthor,
2550
- .premium-button-style2-scshutoutver,
2551
- .premium-button-style2-dshutinhor,
2552
- .premium-button-style2-dshutinver,
2553
- .premium-button-style5-radialin,
2554
- .premium-button-style5-radialout,
2555
- .premium-button-style5-rectin,
2556
- .premium-button-style5-rectout {
2557
- display: inline-block;
2558
- vertical-align: middle;
2559
- -webkit-transform: perspective(1px) translateZ(0);
2560
- transform: perspective(1px) translateZ(0);
2561
- box-shadow: 0 0 1px transparent;
2562
- position: relative;
2563
- -webkit-transition-property: color;
2564
- transition-property: color;
2565
- -webkit-transition-duration: 0.15s;
2566
- transition-duration: 0.15s;
2567
- }
2568
- .premium-button-style1-bottom:before,
2569
- .premium-button-style1-top:before,
2570
- .premium-button-style1-right:before,
2571
- .premium-button-style1-left:before,
2572
- .premium-button-style2-shutinhor:before,
2573
- .premium-button-style2-shutinver:before,
2574
- .premium-button-style2-shutouthor:before,
2575
- .premium-button-style2-shutoutver:before,
2576
- .premium-button-style2-scshutouthor:before,
2577
- .premium-button-style2-scshutoutver:before,
2578
- .premium-button-style2-dshutinhor:before,
2579
- .premium-button-style2-dshutinver:before,
2580
- .premium-button-style5-radialin:before,
2581
- .premium-button-style5-radialout:before,
2582
- .premium-button-style5-rectin:before,
2583
- .premium-button-style5-rectout:before {
2584
- content: "";
2585
- position: absolute;
2586
- z-index: -1;
2587
- top: 0;
2588
- left: 0;
2589
- right: 0;
2590
- bottom: 0;
2591
- -webkit-transform: scaleY(0);
2592
- transform: scaleY(0);
2593
- -webkit-transform-origin: 50% 0;
2594
- transform-origin: 50% 0;
2595
- -webkit-transition-property: transform;
2596
- transition-property: transform;
2597
- -webkit-transition-duration: 0.15s;
2598
- transition-duration: 0.15s;
2599
- -webkit-transition-timing-function: ease-out;
2600
- transition-timing-function: ease-out;
2601
- }
2602
- .premium-button-style5-radialin:before,
2603
- .premium-button-style5-radialout:before {
2604
- -webkit-transform-origin: 50%;
2605
- transform-origin: 50%;
2606
- border-radius: 100%;
2607
- -webkit-transform: scale(0);
2608
- transform: scale(0);
2609
- }
2610
- .premium-button-style5-radialin:before {
2611
- -webkit-transform: scale(2);
2612
- transform: scale(2);
2613
- }
2614
- .premium-button-style5-rectin:before,
2615
- .premium-button-style5-rectout:before {
2616
- -webkit-transform-origin: 50%;
2617
- transform-origin: 50%;
2618
- -webkit-transform: scale(1);
2619
- transform: scale(1);
2620
- }
2621
- .premium-button-style5-rectout:before {
2622
- -webkit-transform: scale(0);
2623
- transform: scale(0);
2624
- }
2625
- .premium-button-style5-rectout:hover:before {
2626
- -webkit-transform: scale(1);
2627
- transform: scale(1);
2628
- }
2629
- .premium-button-style5-rectin:hover:before {
2630
- -webkit-transform: scale(0);
2631
- transform: scale(0);
2632
- }
2633
- .premium-button-style5-radialout:hover:before {
2634
- -webkit-transform: scale(2);
2635
- transform: scale(2);
2636
- }
2637
- .premium-button-style5-radialin:hover:before {
2638
- -webkit-transform: scale(0);
2639
- transform: scale(0);
2640
- }
2641
- .premium-button-style1-top:before {
2642
- -webkit-transform-origin: 50% 100%;
2643
- transform-origin: 50% 100%;
2644
- }
2645
- .premium-button-style1-right:before {
2646
- -webkit-transform: scaleX(0);
2647
- transform: scaleX(0);
2648
- -webkit-transform-origin: 0% 50%;
2649
- transform-origin: 0% 50%;
2650
- }
2651
- .premium-button-style1-left:before {
2652
- -webkit-transform: scaleX(0);
2653
- transform: scaleX(0);
2654
- -webkit-transform-origin: 100% 50%;
2655
- transform-origin: 100% 50%;
2656
- }
2657
- .premium-button-style2-shutouthor:before,
2658
- .premium-button-style2-scshutoutver:before{
2659
- -webkit-transform: scaleY(0);
2660
- transform: scaleY(0);
2661
- -webkit-transform-origin: 100% 50%;
2662
- transform-origin: 100% 50%;
2663
- }
2664
- .premium-button-style2-shutoutver:before,
2665
- .premium-button-style2-scshutouthor:before{
2666
- -webkit-transform: scaleX(0);
2667
- transform: scaleX(0);
2668
- -webkit-transform-origin: 50% 50%;
2669
- transform-origin: 50% 50%;
2670
- }
2671
- .premium-button-style2-shutinhor:before{
2672
- -webkit-transform: scaleX(1);
2673
- transform: scaleX(1);
2674
- -webkit-transform-origin: 50%;
2675
- transform-origin: 50%;
2676
- }
2677
- .premium-button-style2-shutinver:before{
2678
- -webkit-transform: scaleY(1);
2679
- transform: scaleY(1);
2680
- -webkit-transform-origin: 50%;
2681
- transform-origin: 50%;
2682
- }
2683
- .premium-button-style1-bottom:hover:before,
2684
- .premium-button-style1-top:hover:before{
2685
- -webkit-transform: scaleY(1);
2686
- transform: scaleY(1);
2687
- }
2688
- .premium-button-style1-left:hover:before,
2689
- .premium-button-style1-right:hover:before,
2690
- .premium-button-style2-shutouthor:hover:before,
2691
- .premium-button-style2-shutoutver:hover:before{
2692
- -webkit-transform: scaleX(1);
2693
- transform: scaleX(1);
2694
- }
2695
- .premium-button-style2-shutinhor:hover:before{
2696
- -webkit-transform: scaleX(0);
2697
- transform: scaleX(0);
2698
- }
2699
- .premium-button-style2-shutinver:hover:before{
2700
- -webkit-transform: scaleY(0);
2701
- transform: scaleY(0);
2702
- }
2703
- .premium-button-style2-scshutouthor:hover:before{
2704
- -webkit-transform: scaleX(0.9);
2705
- transform: scaleX(0.9);
2706
- }
2707
- .premium-button-style2-scshutoutver:hover:before{
2708
- -webkit-transform: scaleY(0.8);
2709
- transform: scaleY(0.8);
2710
}
2711
/*Diagonal*/
2712
- .premium-button-style2-dshutinhor:before,
2713
- .premium-button-style2-dshutinver:before {
2714
- top: 50%;
2715
- left: 50%;
2716
- width: 120%;
2717
- height: 0%;
2718
- -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
2719
- transform: translateX(-50%) translateY(-50%) rotate(-45deg);
2720
- -webkit-transform-origin: 50%;
2721
- transform-origin: 50%;
2722
- -webkit-transition-property: all;
2723
- transition-property: all;
2724
- }
2725
- .premium-button-style2-dshutinver:before {
2726
- -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
2727
- transform: translateX(-50%) translateY(-50%) rotate(45deg);
2728
- }
2729
- .premium-button-style2-dshutinhor:hover:before,
2730
- .premium-button-style2-dshutinver:hover:before{
2731
- height: 220%;
2732
- }
2733
-
2734
- .premium-button-style3-before i,
2735
- .premium-button-style3-after i{
2736
- opacity: 0;
2737
- -webkit-transform: translateX(-5px);
2738
- transform: translateX(-5px);
2739
- -webkit-transition: all 0.5s ease-in-out;
2740
- -moz-transition: all 0.5s ease-in-out;
2741
- -ms-transition: all 0.5s ease-in-out;
2742
- -o-transition: all 0.5s ease-in-out;
2743
- transition: all 0.5s ease-in-out;
2744
- }
2745
- .premium-button-style3-after i{
2746
- -webkit-transform: translateX(5px);
2747
- transform: translateX(5px);
2748
- }
2749
- .premium-button-style3-after:hover i {
2750
- opacity: 1;
2751
- }
2752
- .premium-button-style3-before:hover i {
2753
- opacity: 1;
2754
- }
2755
- .premium-button-text-icon-wrapper {
2756
- display: -webkit-box;
2757
- display: -webkit-flex;
2758
- display: -ms-flexbox;
2759
- justify-content: center;
2760
- display: flex;
2761
- align-items: center;
2762
- }
2763
- .premium-button-text-icon-wrapper span,
2764
- .premium-button-text-icon-wrapper,
2765
- .premium-button-text-icon-wrapper i{
2766
- -webkit-transition: all 0.2s ease-in-out;
2767
- -moz-transition: all 0.2s ease-in-out;
2768
- -ms-transition: all 0.2s ease-in-out;
2769
- -o-transition: all 0.2s ease-in-out;
2770
- transition: all 0.2s ease-in-out;
2771
- }
2772
- .premium-button-style4-icon-wrapper {
2773
- position: absolute;
2774
- z-index: 2;
2775
- width: 100%;
2776
- text-align: center;
2777
- display: flex;
2778
- align-items: center;
2779
- justify-content: center;
2780
- height: 100%;
2781
- opacity: 0;
2782
- -webkit-transition: all 0.3s ease-in-out;
2783
- -moz-transition: all 0.3s ease-in-out;
2784
- -ms-transition: all 0.3s ease-in-out;
2785
- -o-transition: all 0.3s ease-in-out;
2786
- transition: all 0.3s ease-in-out;
2787
- }
2788
- .premium-button-style4-icon-wrapper.top {
2789
- bottom: -100%;
2790
- left: 0;
2791
- }
2792
- .premium-button-style4-icon-wrapper.bottom {
2793
- top: -100%;
2794
- left: 0;
2795
- }
2796
- .premium-button-style4-icon-wrapper.left {
2797
- top: 0;
2798
- left: -100%;
2799
- }
2800
- .premium-button-style4-icon-wrapper.right {
2801
- top: 0;
2802
- right: -100%;
2803
- }
2804
- .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
2805
- top: 0;
2806
- opacity: 1;
2807
- }
2808
- .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
2809
- bottom: 0;
2810
- opacity: 1;
2811
- }
2812
- .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
2813
- left: 0;
2814
- opacity: 1;
2815
- }
2816
- .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
2817
- right: 0;
2818
- opacity: 1;
2819
- }
2820
- .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper{
2821
- -webkit-transform: translateY(100%);
2822
- transform: translateY(100%);
2823
- opacity: 0;
2824
- }
2825
- .premium-button-style4-top:hover .premium-button-text-icon-wrapper{
2826
- -webkit-transform: translateY(-100%);
2827
- transform: translateY(-100%);
2828
- opacity: 0;
2829
- }
2830
- .premium-button-style4-left:hover .premium-button-text-icon-wrapper{
2831
- -webkit-transform: translateX(100%);
2832
- transform: translateX(100%);
2833
- opacity: 0;
2834
- }
2835
- .premium-button-style4-right:hover .premium-button-text-icon-wrapper{
2836
- -webkit-transform: translateX(-100%);
2837
- transform: translateX(-100%);
2838
- opacity: 0;
2839
}
2840
/**************** Premium Contact Form7 **********/
2841
/*************************************************/
2842
- .premium_border_animation1 .wpcf7-span::after {
2843
- display: block;
2844
- height: 2px;
2845
- content: '';
2846
- top: -2px;
2847
- position: relative;
2848
- width: 0px;
2849
- -webkit-transition: all ease-in-out .3s;
2850
- -moz-transition: all ease-in-out .3s;
2851
- -ms-transition: all ease-in-out .3s;
2852
- -o-transition: all ease-in-out .3s;
2853
- transition: all ease-in-out .3s;
2854
- }
2855
- .premium_border_animation1 .wpcf7-span.is-focused::after {
2856
- width: 100%;
2857
}
2858
/**************** Premium Image Button ***********/
2859
/*************************************************/
2860
- .premium-image-button {
2861
- display: inline-block;
2862
- position: relative;
2863
- overflow: hidden;
2864
- background: #6ec1e4;
2865
- cursor: pointer;
2866
- -webkit-transition: all 0.2s ease-in-out !important;
2867
- -moz-transition: all 0.2s ease-in-out !important;
2868
- -ms-transition: all 0.2s ease-in-out !important;
2869
- -o-transition: all 0.2s ease-in-out !important;
2870
- transition: all 0.2s ease-in-out !important;
2871
}
2872
/*Default background for slide styles*/
2873
- .premium-image-button:hover,
2874
- .premium-image-button-style4-icon-wrapper,
2875
- .premium-image-button-style1-top:before,
2876
- .premium-image-button-style1-bottom:before,
2877
- .premium-image-button-style1-left:before,
2878
- .premium-image-button-style1-right:before
2879
- {
2880
- background-color: #54595f;
2881
- }
2882
-
2883
- .premium-image-button.premium-image-button-sm {
2884
- padding: 12px 24px;