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;
2885
- font-size: 14px;
2886
- line-height: 1;
2887
- }
2888
- .premium-image-button.premium-image-button-md {
2889
- padding: 14px 26px;
2890
- font-size: 16px;
2891
- line-height: 1.2;
2892
- }
2893
- .premium-image-button.premium-image-button-lg {
2894
- padding: 16px 28px;
2895
- font-size: 18px;
2896
- line-height: 1.3333;
2897
- }
2898
- .premium-image-button.premium-image-button-block {
2899
- font-size: 15px;
2900
- line-height: 1;
2901
- padding: 12px 24px;
2902
- width: 100%;
2903
- text-align: center;
2904
- }
2905
- .premium-image-button-text-icon-wrapper {
2906
- display: -webkit-box;
2907
- display: -webkit-flex;
2908
- display: -ms-flexbox;
2909
- display: flex;
2910
- justify-content: center;
2911
- align-items: center;
2912
- position: relative;
2913
- z-index: 3;
2914
- }
2915
- .premium-image-button-text-icon-wrapper span,
2916
- .premium-image-button-text-icon-wrapper,
2917
- .premium-image-button-text-icon-wrapper i{
2918
- -webkit-transition: all 0.2s ease-in-out;
2919
- -moz-transition: all 0.2s ease-in-out;
2920
- -ms-transition: all 0.2s ease-in-out;
2921
- -o-transition: all 0.2s ease-in-out;
2922
- transition: all 0.2s ease-in-out;
2923
- }
2924
- .premium-image-button-style1-bottom:before,
2925
- .premium-image-button-style1-top:before,
2926
- .premium-image-button-style1-left:before,
2927
- .premium-image-button-style1-right:before {
2928
- -webkit-transition: all 0.2s ease-in-out;
2929
- -moz-transition: all 0.2s ease-in-out;
2930
- -ms-transition: all 0.2s ease-in-out;
2931
- -o-transition: all 0.2s ease-in-out;
2932
- transition: all 0.2s ease-in-out;
2933
- }
2934
- .premium-image-button-style1-bottom:before {
2935
- content: "";
2936
- position: absolute;
2937
- width: 100%;
2938
- height: 0;
2939
- top: 0;
2940
- left: 0;
2941
- }
2942
- .premium-image-button-style1-top:before {
2943
- content: "";
2944
- position: absolute;
2945
- width: 100%;
2946
- height: 0;
2947
- bottom: 0;
2948
- left: 0;
2949
- }
2950
- .premium-image-button-style1-right:before {
2951
- content: "";
2952
- position: absolute;
2953
- width: 0;
2954
- height: 100%;
2955
- bottom: 0;
2956
- left: 0;
2957
- }
2958
- .premium-image-button-style1-left:before {
2959
- content: "";
2960
- position: absolute;
2961
- width: 0;
2962
- height: 100%;
2963
- top: 0;
2964
- right: 0;
2965
- }
2966
- .premium-image-button-style1-bottom:hover:before {
2967
- height: 100%;
2968
- }
2969
- .premium-image-button-style1-top:hover:before {
2970
- height: 100%;
2971
- }
2972
- .premium-image-button-style1-right:hover:before {
2973
- width: 100%;
2974
- }
2975
- .premium-image-button-style1-left:hover:before {
2976
- width: 100%;
2977
- }
2978
- .premium-image-button-diagonal-effect-top,
2979
- .premium-image-button-diagonal-effect-bottom,
2980
- .premium-image-button-diagonal-effect-left,
2981
- .premium-image-button-diagonal-effect-right {
2982
- z-index: 10;
2983
- }
2984
- .premium-image-button-diagonal-effect-top:before,
2985
- .premium-image-button-diagonal-effect-bottom:before,
2986
- .premium-image-button-diagonal-effect-left:before,
2987
- .premium-image-button-diagonal-effect-right:before {
2988
- position: absolute;
2989
- top: 0px;
2990
- left: 0px;
2991
- width: 100%;
2992
- height: 100%;
2993
- content: "";
2994
- z-index: 1;
2995
- background: rgba(255,255,255,0.2);
2996
- -webkit-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
2997
- -moz-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
2998
- -o-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
2999
- -ms-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
3000
- transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
3001
- -webkit-transition: all 0.8s ease-out;
3002
- -moz-transition: all 0.8s ease-out;
3003
- -o-transition: all 0.8s ease-out;
3004
- -ms-transition: all 0.8s ease-out;
3005
- transition: all 0.8s ease-out;
3006
- }
3007
- .premium-image-button-diagonal-effect-right:hover:before,
3008
- .premium-image-button-diagonal-effect-left:before {
3009
- -webkit-transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
3010
- -moz-transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
3011
- -o-transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
3012
- -ms-transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
3013
- transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
3014
- }
3015
- .premium-image-button-diagonal-effect-left:hover:before,
3016
- .premium-image-button-diagonal-effect-right:before {
3017
- -webkit-transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
3018
- -moz-transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
3019
- -o-transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
3020
- -ms-transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
3021
- transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
3022
- }
3023
-
3024
- .premium-image-button-diagonal-effect-top:hover:before,
3025
- .premium-image-button-diagonal-effect-bottom:before {
3026
- -webkit-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
3027
- -moz-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
3028
- -o-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
3029
- -ms-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
3030
- transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
3031
- }
3032
- .premium-image-button-diagonal-effect-bottom:hover:before,
3033
- .premium-image-button-diagonal-effect-top:before {
3034
- -webkit-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
3035
- -moz-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
3036
- -o-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
3037
- -ms-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
3038
- transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
3039
- }
3040
- .premium-image-button-style4-icon-wrapper {
3041
- position: absolute;
3042
- z-index: 2;
3043
- width: 100%;
3044
- text-align: center;
3045
- display: flex;
3046
- align-items: center;
3047
- justify-content: center;
3048
- height: 100%;
3049
- opacity: 0;
3050
- -webkit-transition: all 0.3s ease-in-out;
3051
- -moz-transition: all 0.3s ease-in-out;
3052
- -ms-transition: all 0.3s ease-in-out;
3053
- -o-transition: all 0.3s ease-in-out;
3054
- transition: all 0.3s ease-in-out;
3055
- }
3056
- .premium-image-button-style4-icon-wrapper.top {
3057
- bottom: -100%;
3058
- left: 0;
3059
- }
3060
- .premium-image-button-style4-icon-wrapper.bottom {
3061
- top: -100%;
3062
- left: 0;
3063
- }
3064
- .premium-image-button-style4-icon-wrapper.left {
3065
- top: 0;
3066
- left: -100%;
3067
- }
3068
- .premium-image-button-style4-icon-wrapper.right {
3069
- top: 0;
3070
- right: -100%;
3071
- }
3072
- .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
3073
- top: 0;
3074
- opacity: 1;
3075
- }
3076
- .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
3077
- bottom: 0;
3078
- opacity: 1;
3079
- }
3080
- .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
3081
- left: 0;
3082
- opacity: 1;
3083
- }
3084
- .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
3085
- right: 0;
3086
- opacity: 1;
3087
- }
3088
- .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper{
3089
- -webkit-transform: translateY(100%);
3090
- transform: translateY(100%);
3091
- opacity: 0;
3092
- }
3093
- .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper{
3094
- -webkit-transform: translateY(-100%);
3095
- transform: translateY(-100%);
3096
- opacity: 0;
3097
- }
3098
- .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper{
3099
- -webkit-transform: translateX(100%);
3100
- transform: translateX(100%);
3101
- opacity: 0;
3102
- }
3103
- .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper{
3104
- -webkit-transform: translateX(-100%);
3105
- transform: translateX(-100%);
3106
- opacity: 0;
3107
- }
3108
- .premium-image-button-overlap-effect-horizontal:before,
3109
- .premium-image-button-overlap-effect-vertical:before {
3110
- position: absolute;
3111
- content: "";
3112
- top: 0;
3113
- left: 0;
3114
- width: 100%;
3115
- height: 100%;
3116
- opacity: 0;
3117
- -webkit-transition: all 1s ease-in-out;
3118
- -moz-transition: all 1s ease-in-out;
3119
- -ms-transition: all 1s ease-in-out;
3120
- -o-transition: all 1s ease-in-out;
3121
- transition: all 1s ease-in-out;
3122
- background: rgba(255,255,255,0.2);
3123
- animation-name: premium-overlap-effect-done;
3124
- animation-duration: 1s;
3125
- }
3126
- .premium-image-button-overlap-effect-vertical:before {
3127
- animation-name: premium-overlap-ver-effect-done;
3128
- animation-duration: 1s;
3129
- }
3130
- .premium-image-button-overlap-effect-horizontal:hover:before {
3131
- animation-name: premium-overlap-effect;
3132
- animation-duration: 1s;
3133
- }
3134
- .premium-image-button-overlap-effect-vertical:hover:before {
3135
- animation-name: premium-overlap-ver-effect;
3136
- animation-duration: 1s;
3137
- }
3138
- @keyframes premium-overlap-effect{
3139
- 0% {
3140
- opacity: 0;
3141
- -webkit-transform: rotateY(0deg);
3142
- transform: rotateY(0deg);
3143
  }
3144
- 50% {
3145
- opacity: 1;
3146
- -webkit-transform: rotateY(180deg);
3147
- transform: rotateY(180deg);
3148
  }
3149
- 100% {
3150
- opacity: 0;
3151
- -webkit-transform: rotateY(360deg);
3152
- transform: rotateY(360deg);
3153
  }
3154
  }
3155
- @keyframes premium-overlap-effect-done{
3156
- 0% {
3157
- opacity: 0;
3158
- -webkit-transform: rotateY(0deg);
3159
- transform: rotateY(0deg);
3160
  }
3161
- 50% {
3162
- opacity: 1;
3163
- -webkit-transform: rotateY(180deg);
3164
- transform: rotateY(180deg);
3165
  }
3166
- 100% {
3167
- opacity: 0;
3168
- -webkit-transform: rotateY(360deg);
3169
- transform: rotateY(360deg);
3170
  }
3171
  }
3172
- @keyframes premium-overlap-ver-effect{
3173
- 0% {
3174
- opacity: 0;
3175
- -webkit-transform: rotateX(0deg);
3176
- transform: rotateX(0deg);
3177
  }
3178
- 50% {
3179
- opacity: 1;
3180
- -webkit-transform: rotateX(180deg);
3181
- transform: rotateX(180deg);
3182
  }
3183
- 100% {
3184
- opacity: 0;
3185
- -webkit-transform: rotateX(360deg);
3186
- transform: rotateX(360deg);
3187
  }
3188
  }
3189
- @keyframes premium-overlap-ver-effect-done{
3190
- 0% {
3191
- opacity: 0;
3192
- -webkit-transform: rotateX(0deg);
3193
- transform: rotateX(0deg);
3194
  }
3195
- 50% {
3196
- opacity: 1;
3197
- -webkit-transform: rotateX(180deg);
3198
- transform: rotateX(180deg);
3199
  }
3200
- 100% {
3201
- opacity: 0;
3202
- -webkit-transform: rotateX(360deg);
3203
- transform: rotateX(360deg);
3204
  }
3205
  }
3206
  /**************** Premium Grid *******************/
3207
  /*************************************************/
3208
- .premium-img-gallery-filter,
3209
- .premium-blog-filter {
3210
- display: flex;
3211
- align-items: center;
3212
- justify-content: center;
3213
- }
3214
- .premium-img-gallery {
3215
- clear: both;
3216
- overflow: hidden;
3217
- }
3218
- .premium-gallery-container .premium-gallery-item {
3219
- padding: 10px;
3220
- float: left; /* Google Chrome isotope issue */
3221
- }
3222
- .premium-gallery-container .grid-sizer {
3223
- width: 33.33%;
3224
- }
3225
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
3226
- .premium-blog-filter .premium-blog-cats-container li a.category {
3227
- border-radius: 75px;
3228
- margin: 15px 5px 20px;
3229
- padding: 7px 20px;
3230
- -webkit-transition: all 0.3s ease-in-out;
3231
- -moz-transition: all 0.3s ease-in-out;
3232
- -ms-transition: all 0.3s ease-in-out;
3233
- -o-transition: all 0.3s ease-in-out;
3234
- transition: all 0.3s ease-in-out;
3235
- }
3236
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
3237
- -webkit-transition: all 0.3s ease-in-out;
3238
- -moz-transition: all 0.3s ease-in-out;
3239
- -ms-transition: all 0.3s ease-in-out;
3240
- -o-transition: all 0.3s ease-in-out;
3241
- transition: all 0.3s ease-in-out;
3242
- }
3243
- .pa-gallery-img {
3244
- position: relative;
3245
- }
3246
- .pa-gallery-img .pa-gallery-whole-link {
3247
- position: absolute;
3248
- top: 0;
3249
- left: 0;
3250
- width: 100%;
3251
- height: 100%;
3252
- }
3253
- .pa-gallery-img.style2 .pa-gallery-whole-link {
3254
- z-index: 99;
3255
- }
3256
- .pa-gallery-img-container {
3257
- overflow: hidden;
3258
- -webkit-backface-visibility: hidden;
3259
- -moz-backface-visibility: hidden;
3260
- -webkit-transform: translate3d(0, 0, 0);
3261
- -moz-transform: translate3d(0, 0, 0);
3262
- transform: translate3d(0, 0, 0);
3263
- }
3264
- .pa-gallery-img-container img {
3265
- display: block;
3266
- width: 100%;
3267
- -webkit-transition: all 0.3s ease-in-out;
3268
- -moz-transition: all 0.3s ease-in-out;
3269
- -ms-transition: all 0.3s ease-in-out;
3270
- -o-transition: all 0.3s ease-in-out;
3271
- transition: all 0.3s ease-in-out;
3272
- }
3273
- .premium-img-gallery.gray img {
3274
- filter: grayscale(100%);
3275
- }
3276
- .premium-img-gallery.zoomout img,
3277
- .premium-img-gallery.scale img{
3278
- transform: scale(1.2);
3279
- }
3280
- .premium-img-gallery.sepia img{
3281
- -webkit-filter: sepia(30%);
3282
- filter: sepia(30%);
3283
- }
3284
- .premium-img-gallery.bright img{
3285
- -webkit-filter: brightness(1);
3286
- filter: brightness(1);
3287
- }
3288
- .premium-img-gallery.trans img{
3289
- -webkit-transform: translateX(-15px) scale(1.1);
3290
- transform: translateX(-15px) scale(1.1);
3291
- }
3292
- .pa-gallery-img .pa-gallery-magnific-image,
3293
- .pa-gallery-img .pa-gallery-img-link {
3294
- outline: none;
3295
- }
3296
- .pa-gallery-img .pa-gallery-magnific-image span,
3297
- .pa-gallery-img .pa-gallery-img-link span {
3298
- line-height: 1;
3299
- display: inline-block;
3300
- opacity: 0;
3301
- margin: 0 5px;
3302
- padding: 15px;
3303
- border-radius: 50%;
3304
- }
3305
- .pa-gallery-img.style2 .pa-gallery-magnific-image span,
3306
- .pa-gallery-img.style2 .pa-gallery-img-link span {
3307
- margin: 0 5px 20px;
3308
- }
3309
- .pa-gallery-img:hover .pa-gallery-magnific-image span {
3310
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
3311
- -moz-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
3312
- -ms-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
3313
- -o-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
3314
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
3315
- }
3316
- .pa-gallery-img:hover .pa-gallery-img-link span {
3317
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
3318
- -moz-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
3319
- -ms-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
3320
- -o-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
3321
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
3322
- }
3323
- .pa-gallery-img:hover .pa-gallery-magnific-image span,
3324
- .pa-gallery-img:hover .pa-gallery-img-link span {
3325
- opacity: 1;
3326
- }
3327
- .premium-img-gallery-filter .premium-gallery-cats-container,
3328
- .premium-blog-filter .premium-blog-cats-container {
3329
- text-align: center;
3330
- margin: 0;
3331
- }
3332
- .premium-img-gallery-filter .premium-gallery-cats-container li,
3333
- .premium-blog-filter .premium-blog-cats-container li {
3334
- list-style: none;
3335
- display: inline-flex;
3336
- }
3337
- .premium-img-gallery.zoomin .pa-gallery-img:hover img {
3338
- transform: scale(1.1);
3339
- }
3340
- .premium-img-gallery.zoomout .pa-gallery-img:hover img {
3341
- transform: scale(1);
3342
- }
3343
- .premium-img-gallery.scale .pa-gallery-img:hover img {
3344
- transform: scale(1.3) rotate(5deg);
3345
- }
3346
- .premium-img-gallery.gray .pa-gallery-img:hover img {
3347
- filter: grayscale(0%);
3348
- }
3349
- .premium-img-gallery.blur .pa-gallery-img:hover img {
3350
- filter: blur(3px);
3351
- }
3352
- .premium-img-gallery.sepia .pa-gallery-img:hover img {
3353
- -webkit-filter: sepia(0%);
3354
- filter: sepia(0%);
3355
- }
3356
- .premium-img-gallery.trans .pa-gallery-img:hover img {
3357
- -webkit-transform: translateX(0px) scale(1.1);
3358
- -moz-transform: translateX(0px) scale(1.1);
3359
- transform: translateX(0px) scale(1.1);
3360
- }
3361
- .premium-img-gallery.bright .pa-gallery-img:hover img {
3362
- -webkit-filter: brightness(1.2);
3363
- filter: brightness(1.2);
3364
- }
3365
- .pa-gallery-img .premium-gallery-caption {
3366
- padding: 10px;
3367
- }
3368
- .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name{
3369
- margin-bottom: 0;
3370
- }
3371
- .pa-gallery-img.style1 {
3372
- overflow: hidden;
3373
- }
3374
- .pa-gallery-img.style1 .pa-gallery-icons-wrapper,
3375
- .pa-gallery-img.default .pa-gallery-icons-wrapper{
3376
- position: absolute;
3377
- top: 0;
3378
- left: 0;
3379
- width: 100%;
3380
- height: 100%;
3381
- -webkit-transition: all 0.3s ease-in-out;
3382
- -moz-transition: all 0.3s ease-in-out;
3383
- -ms-transition: all 0.3s ease-in-out;
3384
- -o-transition: all 0.3s ease-in-out;
3385
- transition: all 0.3s ease-in-out;
3386
- }
3387
- .pa-gallery-img.style1 .pa-gallery-icons-inner-container,
3388
- .pa-gallery-img.default .pa-gallery-icons-inner-container{
3389
- position: absolute;
3390
- top: 33.33%;
3391
- width: 100%;
3392
- text-align: center;
3393
- -webkit-transform: translateY(-50%);
3394
- transform: translateY(-50%);
3395
- z-index: 999;
3396
- }
3397
- .pa-gallery-img.style1 .premium-gallery-caption {
3398
- position: absolute;
3399
- top: auto;
3400
- right: 0;
3401
- left: 0;
3402
- width: 100%;
3403
- -webkit-transition: all 500ms ease 0s;
3404
- -moz-transition: all 500ms ease 0s;
3405
- -ms-transition: all 500ms ease 0s;
3406
- -o-transition: all 500ms ease 0s;
3407
- transition: all 500ms ease 0s;
3408
- -webkit-transform: translate3d(0,100%,0);
3409
- -moz-transform: translate3d(0,100%,0);
3410
- -ms-transform: translate3d(0,100%,0);
3411
- -o-transform: translate3d(0,100%,0);
3412
- transform: translate3d(0,100%,0);
3413
- }
3414
- .pa-gallery-img.default .premium-gallery-caption {
3415
- position: absolute;
3416
- top: auto;
3417
- right: 0;
3418
- left: 0;
3419
- width: 100%;
3420
- bottom: 0;
3421
- }
3422
- .pa-gallery-img.style1:hover .premium-gallery-caption {
3423
- -webkit-transform: translate3d(0,0,0);
3424
- -moz-transform: translate3d(0,0,0);
3425
- -ms-transform: translate3d(0,0,0);
3426
- -o-transform: translate3d(0,0,0);
3427
- transform: translate3d(0,0,0);
3428
- bottom: -1px !important;
3429
- }
3430
- .pa-gallery-img.style2 .pa-gallery-icons-caption-container{
3431
- position: absolute;
3432
- top: 0;
3433
- left: 0;
3434
- width: 100%;
3435
- height: 100%;
3436
- opacity: 0;
3437
- -webkit-backface-visibility: hidden;
3438
- -moz-backface-visibility: hidden;
3439
- backface-visibility: hidden;
3440
- -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
3441
- -moz-transition: -moz-transform 0.3s, opacity 0.3s;
3442
- transition: transform 0.3s, opacity 0.3s;
3443
- z-index: 1;
3444
- background-color: rgba(108,191,226,0.68);
3445
- display: flex;
3446
- text-align: center;
3447
- align-items: center;
3448
- }
3449
- .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
3450
- width: 100%;
3451
- }
3452
- .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container{
3453
- opacity: 1;
3454
- -webkit-transform: translate(15px, 15px);
3455
- -moz-transform: translate(15px, 15px);
3456
- -ms-transform: translate(15px, 15px);
3457
- transform: translate(15px, 15px);
3458
- }
3459
- .premium-clearfix {
3460
- clear: both;
3461
- }
3462
- .premium-gallery-container .pa-gallery-item {
3463
- padding: 10px;
3464
- }
3465
- /**
3466
- * Metro Style
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3467
  */
3468
- .premium-img-gallery-metro .premium-gallery-item {
3469
- overflow: hidden
3470
- }
3471
- .premium-img-gallery-metro .pa-gallery-img,
3472
- .premium-img-gallery-metro .pa-gallery-img-container {
3473
- height: 100%;
3474
- }
3475
- .premium-img-gallery-metro .pa-gallery-image {
3476
- min-height: 100%;
3477
- width: 100%;
3478
- object-fit: fill;
3479
- }
3480
- .premium-img-gallery .premium-gallery-item-hidden {
3481
- /* display: none;*/
3482
- visibility: hidden;
3483
- width: 0 !important;
3484
- height: 0 !important;
3485
- margin: 0 !important;
3486
- padding: 0 !important;
3487
- }
3488
- .premium-gallery-load-more .premium-gallery-load-more-btn {
3489
- box-shadow: none;
3490
- text-shadow: none;
3491
- border: none;
3492
- outline: none;
3493
- -webkit-box-align: center;
3494
- -ms-flex-align: center;
3495
- align-items: center;
3496
- vertical-align: bottom;
3497
- cursor: pointer;
3498
- line-height: 1;
3499
- font-style: normal;
3500
- font-weight: normal;
3501
- background-image: none;
3502
- color: #fff;
3503
- -webkit-transition: all 0.3s ease-in-out;
3504
- -ms-transition: all 0.3s ease-in-out;
3505
- -moz-transition: all 0.3s ease-in-out;
3506
- transition: all 0.3s ease-in-out;
3507
- }
3508
- .premium-gallery-load-more-btn {
3509
- display: inline-flex;
3510
- align-items: center;
3511
- }
3512
- .premium-loader {
3513
- border: 3px solid #f3f3f3;
3514
- border-top-width: 3px;
3515
- border-top-style: solid;
3516
- border-top-color: rgb(243, 243, 243);
3517
- border-radius: 50%;
3518
- border-top: 3px solid;
3519
- border-top-color: #bbb;
3520
- width: 30px;
3521
- height: 30px;
3522
- -webkit-animation: spin 2s linear infinite;
3523
- animation: spin 2s linear infinite;
3524
- margin: 0 auto;
3525
- }
3526
- .premium-gallery-load-more-btn div {
3527
- margin-left: 3px;
3528
- }
3529
- .premium-gallery-load-more-btn .premium-loader {
3530
  display: inline-block;
3531
- width: 20px;
3532
- height: 20px;
3533
  }
3534
- @-webkit-keyframes spin {
3535
- 0% { -webkit-transform: rotate(0deg); }
3536
- 100% { -webkit-transform: rotate(360deg); }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3537
  }
3538
-
3539
- @keyframes spin {
3540
- 0% { transform: rotate(0deg); }
3541
- 100% { transform: rotate(360deg); }
 
 
 
3542
  }
3543
  /************ Premium Vertical Scroll ************/
3544
  /*************************************************/
3545
- .premium-vscroll-inner {
3546
- position: relative;
3547
- /* overflow: hidden;*/
3548
- min-height: 100%;
3549
- }
3550
- .premium-vscroll-inner .premium-vscroll-dots {
3551
- position: fixed;
3552
- z-index: 100;
3553
- opacity: 1;
3554
- margin-top:-32px;
3555
- -webkit-transition: all 0.3s ease-in-out;
3556
- -moz-transition: all 0.3s ease-in-out;
3557
- -o-transition: all 0.3s ease-in-out;
3558
- transition: all 0.3s ease-in-out;
3559
- }
3560
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
3561
- opacity: 1;
3562
- -webkit-transition: all 0.3s ease-in-out;
3563
- -moz-transition: all 0.3s ease-in-out;
3564
- -o-transition: all 0.3s ease-in-out;
3565
- transition: all 0.3s ease-in-out;
3566
- }
3567
- .premium-vscroll-wrap .premium-vscroll-dots-hide {
3568
- opacity: 0;
3569
- visibility: hidden;
3570
- }
3571
- .premium-vscroll-dots.middle{
3572
- top:50%
3573
- }
3574
- .premium-vscroll-dots.top{
3575
- top:40px
3576
- }
3577
- .premium-vscroll-dots.bottom {
3578
- bottom:30px
3579
- }
3580
- .premium-vscroll-dots.right{
3581
- right:17px
3582
- }
3583
- .premium-vscroll-dots.left{
3584
- left:17px
3585
- }
3586
- .premium-vscroll-inner ul.premium-vscroll-dots-list,
3587
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
3588
- margin: 0 !important;
3589
- padding: 0;
3590
- }
3591
- .premium-vscroll-inner ul.premium-vscroll-dots-list li {
3592
- width: 14px;
3593
- height: 13px;
3594
- margin: 7px;
3595
- position: relative;
3596
- display: -webkit-box;
3597
- display: -webkit-flex;
3598
- display: -ms-flexbox;
3599
- display: flex;
3600
- -webkit-box-pack: center;
3601
- -ms-flex-pack: center;
3602
- -webkit-justify-content: center;
3603
- justify-content: center;
3604
- -webkit-box-align: center;
3605
- -ms-flex-align: center;
3606
- -webkit-align-items: center;
3607
- align-items: center;
3608
- overflow: visible;
3609
- }
3610
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
3611
- display: block;
3612
- position: relative;
3613
- z-index: 1;
3614
- width: 100%;
3615
- height: 100%;
3616
- cursor: pointer;
3617
- text-decoration: none;
3618
- }
3619
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
3620
- top: 2px;
3621
- left: 2.5px;
3622
- width: 8px;
3623
- height: 8px;
3624
- border: 1px solid #000;
3625
- -webkit-border-radius: 50%;
3626
- -moz-border-radius: 50%;
3627
- border-radius: 50%;
3628
- position: absolute;
3629
- z-index: 1;
3630
- -webkit-transition: all 0.3s ease-in-out;
3631
- -moz-transition: all 0.3s ease-in-out;
3632
- -o-transition: all 0.3s ease-in-out;
3633
- transition: all 0.3s ease-in-out;
3634
- }
3635
- .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
3636
- -webkit-transform: scale(1.6);
3637
- -moz-transform: scale(1.6);
3638
- -ms-transform: scale(1.6);
3639
- -o-transform: scale(1.6);
3640
- transform: scale(1.6);
3641
- }
3642
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
3643
- position: absolute;
3644
- color: #fff;
3645
- font-size: 14px;
3646
- font-family: arial,helvetica,sans-serif;
3647
- white-space: nowrap;
3648
- max-width: 220px;
3649
- padding-left: 0.4em;
3650
- padding-right: 0.4em;
3651
- }
3652
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
3653
- right: 27px
3654
- }
3655
- /*
3656
- * Lines
3657
- */
3658
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
3659
- width: 4px;
3660
- height: 30px;
3661
- }
3662
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
3663
- width: 100%;
3664
- height: 100%;
3665
- border-radius: 0;
3666
- }
3667
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
3668
- -webkit-transform: scale(1);
3669
- -moz-transform: scale(1);
3670
- -ms-transform: scale(1);
3671
- -o-transform: scale(1);
3672
- transform: scale(1);
3673
- }
3674
- @media(max-width: 768px) {
3675
- .premium-vscroll-dots.right{
3676
- right:7px
3677
  }
3678
- .premium-vscroll-dots.left{
3679
- left:7px
3680
  }
3681
  }
3682
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
3683
- position: absolute;
3684
- top: 50%;
3685
- content: '';
3686
- left: calc(100% - 1px);
3687
- width: 10px;
3688
- height: 0;
3689
- border-top: 6px solid transparent;
3690
- border-bottom: 6px solid transparent;
3691
- border-left: 6px solid;
3692
- -webkit-transform: translateY(-50%);
3693
- -moz-transform: translateY(-50%);
3694
- -ms-transform: translateY(-50%);
3695
- -o-transform: translateY(-50%);
3696
- transform: translateY(-50%);
3697
- }
3698
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
3699
- position: absolute;
3700
- top: 50%;
3701
- content: '';
3702
- right: calc(100% - 1px);
3703
- width: 10px;
3704
- height: 0;
3705
- border-top: 6px solid transparent;
3706
- border-bottom: 6px solid transparent;
3707
- border-right: 6px solid;
3708
- -webkit-transform: translateY(-50%);
3709
- -moz-transform: translateY(-50%);
3710
- -ms-transform: translateY(-50%);
3711
- -o-transform: translateY(-50%);
3712
- transform: translateY(-50%);
3713
- }
3714
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
3715
- left: 27px
3716
- }
3717
- .premium-vscroll-nav-menu {
3718
- position:fixed;
3719
- top:20px;
3720
- height:40px;
3721
- z-index:100;
3722
- padding:0;
3723
- margin:0
3724
- }
3725
- .premium-vscroll-nav-menu.left{
3726
- left:0
3727
- }
3728
- .premium-vscroll-nav-menu.right{
3729
- right:0
3730
- }
3731
- .premium-vscroll-nav-menu .premium-vscroll-nav-item {
3732
- display:inline-block;
3733
- margin:10px;
3734
- color:#000;
3735
- background:#fff;
3736
- background:rgba(255,255,255,0.3)
3737
- }
3738
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
3739
- padding:9px 18px;
3740
- display:block;
3741
- cursor: pointer;
3742
- }
3743
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link,
3744
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover{
3745
- color:#000
3746
- }
3747
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus,
3748
- .multiscroll-nav li a:focus{
3749
- outline:none
3750
- }
3751
- /*
3752
- * Scroller
3753
- */
3754
- #scroller {
3755
- /* position: absolute;*/
3756
- /* z-index: 1;
3757
- -webkit-tap-highlight-color: rgba(0,0,0,0);
3758
- width: 100%;
3759
- -webkit-transform: translateZ(0);
3760
- -moz-transform: translateZ(0);
3761
- -ms-transform: translateZ(0);
3762
- -o-transform: translateZ(0);
3763
- transform: translateZ(0);
3764
- -webkit-touch-callout: none;
3765
- -webkit-user-select: none;
3766
- -moz-user-select: none;
3767
- -ms-user-select: none;
3768
- user-select: none;
3769
- -webkit-text-size-adjust: none;
3770
- -moz-text-size-adjust: none;
3771
- -ms-text-size-adjust: none;
3772
- -o-text-size-adjust: none;
3773
- text-size-adjust: none;*/
3774
  }
3775
  /************ Premium Image Scroll ***************/
3776
  /*************************************************/
3777
- .premium-image-scroll-section,
3778
- .premium-image-scroll-container {
3779
- transition: all 0.3s ease-in-out;
3780
- -webkit-transition: all 0.3s ease-in-out;
3781
- -moz-transition: all 0.3s ease-in-out;
3782
- -ms-transition: all 0.3s ease-in-out;
3783
- -o-transition: all 0.3s ease-in-out;
3784
- }
3785
- .premium-image-scroll-section {
3786
- overflow: hidden;
3787
- width: 100%;
3788
- position: relative;
3789
- }
3790
- .premium-image-scroll-container {
3791
- width: 100%;
3792
- }
3793
- .premium-container-scroll {
3794
- overflow: auto;
3795
- }
3796
- .premium-image-scroll-container .premium-image-scroll-horizontal {
3797
- position: relative;
3798
- width: 100%;
3799
- height: 100%;
3800
- }
3801
- .premium-image-scroll-container .premium-image-scroll-horizontal .premium-image-scroll-image {
3802
- max-width: none;
3803
- height: 100%;
3804
- }
3805
- .premium-image-scroll-container .premium-image-scroll-vertical .premium-image-scroll-image {
3806
- width: 100%;
3807
- max-width: 100%;
3808
- height: auto;
3809
- }
3810
- .premium-image-scroll-ver {
3811
- position: relative;
3812
- }
3813
- .premium-image-scroll-container .premium-image-scroll-overlay {
3814
- background: rgba(2,2,2,0.3);
3815
- }
3816
- .premium-image-scroll-container .premium-image-scroll-link,
3817
- .premium-image-scroll-container .premium-image-scroll-overlay {
3818
- position: absolute;
3819
- top: 0;
3820
- bottom: 0;
3821
- left: 0;
3822
- right: 0;
3823
- z-index: 4;
3824
- }
3825
- .premium-image-scroll-content {
3826
- display: inline-block;
3827
- position: absolute;
3828
- height: auto;
3829
- top: 50%;
3830
- left: 50%;
3831
- text-align: center;
3832
- z-index: 5;
3833
- -webkit-transform: translate(-50%, -50%);
3834
- -ms-transform: translate(-50%, -50%);
3835
- transform: translate(-50%, -50%);
3836
- }
3837
- .premium-container-scroll-instant .premium-image-scroll-image {
3838
- -webkit-transition: all 0s ease-in-out !important;
3839
- transition: all 0s ease-in-out !important;
3840
- }
3841
- .premium-image-scroll-container .premium-image-scroll-overlay,
3842
- .premium-image-scroll-container .premium-image-scroll-content {
3843
- -webkit-transition: all 0.3s ease-in-out;
3844
- -ms-transition: all 0.3s ease-in-out;
3845
- transition: all 0.3s ease-in-out;
3846
- opacity: 1;
3847
- }
3848
- .premium-image-scroll-container:hover .premium-image-scroll-overlay,
3849
- .premium-image-scroll-container:hover .premium-image-scroll-content {
3850
- opacity: 0;
3851
- /* visibility: hidden;*/
3852
- }
3853
- .premium-image-scroll-container:hover .premium-image-scroll-content {
3854
- visibility: hidden;
3855
- }
3856
- .premium-image-scroll-content .premium-image-scroll-icon {
3857
- display: inline-block;
3858
- font-family: 'pa-elements' !important;
3859
- speak: none;
3860
- font-style: normal;
3861
- font-weight: normal;
3862
- font-variant: normal;
3863
- text-transform: none;
3864
- line-height: 1;
3865
- -webkit-font-smoothing: antialiased;
3866
- -moz-osx-font-smoothing: grayscale;
3867
- animation-duration: 0.5s ;
3868
- animation-iteration-count: infinite;
3869
- animation-direction: alternate;
3870
- animation-timing-function: ease-in-out;
3871
- }
3872
- .pa-horizontal-mouse-scroll:before {
3873
- content: "\e917";
3874
- }
3875
- .pa-vertical-mouse-scroll:before {
3876
- content: "\e918";
3877
- }
3878
- .pa-horizontal-mouse-scroll {
3879
- animation-name: pa-scroll-horizontal;
3880
- }
3881
- .pa-vertical-mouse-scroll {
3882
- animation-name: pa-scroll-vertical;
3883
- }
3884
- @keyframes pa-scroll-vertical {
3885
- 0% {
3886
- -webkit-transform:translateY(0px);
3887
- -ms-transform:translateY(0px);
3888
- transform:translateY(0px);
3889
  }
3890
- 100% {
3891
- -webkit-transform:translateY(5px);
3892
- -ms-transform:translateY(5px);
3893
- transform:translateY(5px);
3894
  }
3895
  }
3896
- @keyframes pa-scroll-horizontal {
3897
- 0% {
3898
- -webkit-transform:translateX(0px);
3899
- -ms-transform:translateX(0px);
3900
- transform:translateX(0px);
3901
  }
3902
- 100% {
3903
- -webkit-transform:translateX(5px);
3904
- -ms-transform:translateX(5px);
3905
- transform:translateX(5px);
3906
  }
3907
- }
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'), url('../../editor/fonts/pa-elements.ttf?6nhz6k') format('truetype'), url('../../editor/fonts/pa-elements.woff?6nhz6k') format('woff'), url('../../editor/fonts/pa-elements.svg?6nhz6k#pa-elements') format('svg');
5
+ font-weight: normal;
6
+ font-style: normal;
 
 
 
7
  }
8
  /**************** Premium Banner ****************/
9
  /************************************************/
10
+ .premium-banner-ib, .premium-banner-ib img {
11
+ display: block;
12
+ position: relative;
13
+ }
14
+ .premium-banner-img-wrap {
15
+ display: -ms-flexbox;
16
+ display: -webkit-flex;
17
+ display: -moz-flex;
18
+ display: -ms-flex;
19
+ display: flex;
20
+ height: 100%;
21
+ }
22
+ .premium-banner-img-wrap .premium-banner-ib-img {
23
+ -webkit-flex-shrink: 0;
24
+ flex-shrink: 0;
25
+ }
26
+ .premium-banner-ib {
27
+ z-index: 1;
28
+ overflow: hidden;
29
+ margin: 0 0 35px;
30
+ background: #3085a3;
31
+ text-align: center;
32
+ /* cursor: pointer;
33
+ */
34
+ -webkit-box-sizing: border-box;
35
+ -moz-box-sizing: border-box;
36
+ box-sizing: border-box;
37
+ }
38
+ .premium-banner-ib-desc .premium-banner-read-more {
39
+ z-index: 100;
40
+ }
41
+ .premium-banner-ib, .wpb_column>.wpb_wrapper .premium-banner-ib {
42
+ margin-bottom: 0px
43
+ }
44
+ .elementor-widget-premium-addon-banner .premium-banner-ib-title {
45
+ background: transparent;
46
+ }
47
+ .premium-banner-ib *, .premium-banner-ib .premium-banner-ib-desc {
48
+ -webkit-box-sizing: border-box;
49
+ -moz-box-sizing: border-box;
50
+ }
51
+ .premium-banner-ib img {
52
+ min-width: 100%;
53
+ max-width: 100%;
54
+ -webkit-transition: opacity .35s;
55
+ transition: opacity .35s;
56
+ }
57
+ .premium-banner-ib .premium-banner-ib-desc {
58
+ padding: 15px;
59
+ -webkit-backface-visibility: hidden;
60
+ backface-visibility: hidden;
61
+ -webkit-box-sizing: border-box;
62
+ -moz-box-sizing: border-box;
63
+ box-sizing: border-box;
64
+ }
65
+ .premium-banner-ib .premium-banner-ib-desc, .premium-banner-ib .premium-banner-ib-link {
66
+ position: absolute;
67
+ top: 0;
68
+ left: 0;
69
+ width: 100%;
70
+ height: 100%;
71
+ }
72
+ .premium-banner-ib .premium-banner-ib-link {
73
+ z-index: 1000;
74
+ text-indent: 200%;
75
+ white-space: nowrap;
76
+ font-size: 0;
77
+ opacity: 0;
78
+ }
79
+ .premium-banner-ib a.premium-banner-ib-link {
80
+ display: block;
81
+ background: 0 0;
82
+ }
83
+ .premium-banner-animation1 img {
84
+ width: -webkit-calc(100% + 50px)!important;
85
+ width: calc(100% + 50px)!important;
86
+ max-width: -webkit-calc(100% + 50px)!important;
87
+ max-width: calc(100% + 50px)!important;
88
+ -webkit-transition: opacity .35s,filter 0.35s, -webkit-transform .35s;
89
+ transition: opacity .35s, filter 0.35s, -webkit-transform .35s;
90
+ transition: opacity .35s, filter 0.35s, transform .35s;
91
+ transition: opacity .35s, filter 0.35s, transform .35s, -webkit-transform .35s;
92
+ -webkit-transform: translate3d(-40px, 0, 0);
93
+ transform: translate3d(-40px, 0, 0);
94
+ }
95
+ .premium-banner-animation2 .premium-banner-ib-title {
96
+ padding: 15px;
97
+ }
98
+ .premium-banner-animation1 .premium-banner-ib-desc {
99
+ top: auto;
100
+ bottom: 0;
101
+ min-height: 25%;
102
+ height: auto;
103
+ max-height: 100%;
104
+ text-align: left;
105
+ }
106
+ .premium-banner-animation1 .premium-banner-ib-content, .premium-banner-animation1 .premium-banner-ib-title, .premium-banner-animation1 .premium-banner-read-more {
107
+ -webkit-transform: translate3d(0, 40px, 0);
108
+ transform: translate3d(0, 40px, 0);
109
+ -webkit-transition-delay: .05s;
110
+ transition-delay: .05s;
111
+ -webkit-transition-duration: .35s;
112
+ transition-duration: .35s;
113
+ }
114
+ .premium-banner-animation1 .premium-banner-ib-title {
115
+ -webkit-transition: -webkit-transform .35s;
116
+ transition: -webkit-transform .35s;
117
+ transition: transform .35s;
118
+ transition: transform .35s, -webkit-transform .35s;
119
+ }
120
+ .premium-banner-animation1 .premium-banner-ib-content, .premium-banner-animation1 .premium-banner-read-more {
121
+ margin-top: 10px;
122
+ opacity: 0;
123
+ -webkit-transition: opacity .2s, -webkit-transform .35s;
124
+ transition: opacity .2s, -webkit-transform .35s;
125
+ transition: opacity .2s, transform .35s;
126
+ transition: opacity .2s, transform .35s, -webkit-transform .35s;
127
+ }
128
+ .premium-banner-animation1:hover .premium-banner-ib-content, .premium-banner-animation1.active .premium-banner-ib-content, .premium-banner-animation1:hover .premium-banner-read-more, .premium-banner-animation1.active .premium-banner-read-more {
129
+ opacity: 1;
130
+ -webkit-transition-delay: .05s;
131
+ transition-delay: .05s;
132
+ -webkit-transition-duration: .35s;
133
+ transition-duration: .35s;
134
+ }
135
+ .premium-banner-animation1:hover .premium-banner-ib-content, .premium-banner-animation1.active .premium-banner-ib-content, .premium-banner-animation1:hover .premium-banner-read-more, .premium-banner-animation1.active .premium-banner-read-more, .premium-banner-animation1:hover .premium-banner-ib-title, .premium-banner-animation1.active .premium-banner-ib-title, .premium-banner-animation1:hover img, .premium-banner-animation1.active img {
136
+ -webkit-transform: translate3d(0, 0, 0);
137
+ transform: translate3d(0, 0, 0);
138
+ -webkit-transition-delay: .05s;
139
+ transition-delay: .05s;
140
+ -webkit-transition-duration: .35s;
141
+ transition-duration: .35s;
142
+ }
143
+ .premium-banner-animation1.zoomout img, .premium-banner-animation1.scale img {
144
+ -webkit-transform: translate3d(-40px, 0, 0) scale(1.1);
145
+ transform: translate3d(-40px, 0, 0) scale(1.1);
146
+ }
147
+ .premium-banner-ib.sepia img {
148
+ -webkit-filter: sepia(30%);
149
+ filter: sepia(30%);
150
+ }
151
+ .premium-banner-ib.bright img {
152
+ -webkit-filter: brightness(1);
153
+ filter: brightness(1);
154
+ }
155
+ .premium-banner-ib.sepia:hover img {
156
+ -webkit-filter: sepia(0%);
157
+ filter: sepia(0%);
158
+ }
159
+ .premium-banner-ib.bright:hover img {
160
+ -webkit-filter: brightness(1.2);
161
+ filter: brightness(1.2);
162
+ }
163
+ .premium-banner-animation1.premium-banner-min-height img, .premium-banner-animation2.premium-banner-min-height img, .premium-banner-animation4.premium-banner-min-height img, .premium-banner-animation5.premium-banner-min-height img, .premium-banner-animation6.premium-banner-min-height img, .premium-banner-animation13.premium-banner-min-height img {
164
+ height: auto;
165
+ }
166
+ .premium-banner-animation2 img {
167
+ width: 100%;
168
+ }
169
+ .premium-banner-animation2 .premium-banner-ib-desc::before {
170
+ position: absolute;
171
+ content: "";
172
+ top: 0;
173
+ left: 0;
174
+ width: 100%;
175
+ height: 100%;
176
+ opacity: 0;
177
+ -webkit-transform: translate3d(0, 50%, 0);
178
+ transform: translate3d(0, 50%, 0);
179
+ }
180
+ .premium-banner-animation2 .premium-banner-ib-title {
181
+ position: absolute;
182
+ top: 50%;
183
+ left: 0;
184
+ width: 100%;
185
+ -webkit-transition: -webkit-transform .35s, color .35s;
186
+ -webkit-transition: color .35s, -webkit-transform .35s;
187
+ transition: color .35s, -webkit-transform .35s;
188
+ transition: transform .35s, color .35s;
189
+ transition: transform .35s, color .35s, -webkit-transform .35s;
190
+ -webkit-transform: translate3d(0, -50%, 0);
191
+ transform: translate3d(0, -50%, 0);
192
+ }
193
+ .premium-banner-animation2 .premium-banner-ib-content, .premium-banner-animation2 .premium-banner-read-more, .premium-banner-animation2 .premium-banner-ib-desc::before {
194
+ -webkit-transition: opacity .35s, -webkit-transform .35s;
195
+ transition: opacity .35s, -webkit-transform .35s;
196
+ transition: opacity .35s, transform .35s;
197
+ transition: opacity .35s, transform .35s, -webkit-transform .35s;
198
+ }
199
+ .premium-banner-animation2 .premium-banner-ib-content, .premium-banner-animation2 .premium-banner-read-more {
200
+ position: absolute;
201
+ bottom: 0;
202
+ left: 0;
203
+ padding: 15px;
204
+ width: 100%;
205
+ max-height: 50%;
206
+ opacity: 0;
207
+ -webkit-transform: translate3d(0, 10px, 0);
208
+ transform: translate3d(0, 10px, 0);
209
+ }
210
+ .premium-banner-animation2:hover .premium-banner-ib-title, .premium-banner-animation2.active .premium-banner-ib-title {
211
+ color: #fff;
212
+ -webkit-transform: translate3d(0, -40px, 0);
213
+ transform: translate3d(0, -40px, 0);
214
+ }
215
+ .premium-banner-animation2:hover .premium-banner-read-more, .premium-banner-animation2.active .premium-banner-read-more, .premium-banner-animation2:hover .premium-banner-ib-desc::before, .premium-banner-animation2.active .premium-banner-ib-desc::before {
216
+ opacity: 1;
217
+ -webkit-transform: translate3d(0, 0, 0);
218
+ transform: translate3d(0, 0, 0);
219
+ }
220
+ .premium-banner-animation2:hover .premium-banner-ib-content, .premium-banner-animation2.active .premium-banner-ib-content {
221
+ opacity: 1;
222
+ -webkit-transform: translate3d(0, -30px, 0);
223
+ transform: translate3d(0, -30px, 0);
224
+ }
225
+ .premium-banner-animation3 .premium-banner-ib-title {
226
+ position: absolute;
227
+ bottom: 0;
228
+ left: 0;
229
+ padding: 15px;
230
+ width: 100%;
231
+ text-align: left;
232
+ -webkit-transform: translate3d(0, -30px, 0);
233
+ transform: translate3d(0, -30px, 0);
234
+ }
235
+ .premium-banner-animation3 .premium-banner-ib-desc::before, .premium-banner-animation3 .premium-banner-ib-title {
236
+ -webkit-transition: -webkit-transform .35s;
237
+ transition: -webkit-transform .35s;
238
+ transition: transform .35s;
239
+ transition: transform .35s, -webkit-transform .35s;
240
+ }
241
+ .premium-banner-animation3:hover .premium-banner-ib-desc::before, .premium-banner-animation3.active .premium-banner-ib-desc::before, .premium-banner-animation3:hover .premium-banner-ib-title, .premium-banner-animation3.active .premium-banner-ib-title {
242
+ opacity: 1;
243
+ -webkit-transform: translate3d(0, 0, 0);
244
+ transform: translate3d(0, 0, 0);
245
+ }
246
+ .premium-banner-animation3 .premium-banner-ib-content {
247
+ max-height: -webkit-calc(100% - 60px - 1.5em);
248
+ max-height: calc(100% - 60px - 1.5em);
249
+ overflow: hidden;
250
+ }
251
+ .premium-banner-animation4 img {
252
+ width: -webkit-calc(100% + 40px)!important;
253
+ width: calc(100% + 40px)!important;
254
+ max-width: -webkit-calc(100% + 40px)!important;
255
+ max-width: calc(100% + 40px)!important;
256
+ }
257
+ .premium-banner-animation4 .premium-banner-ib-desc {
258
+ padding: 30px;
259
+ }
260
+ .premium-banner-animation4 .premium-banner-ib-desc::after, .premium-banner-animation4 .premium-banner-ib-desc::before {
261
+ position: absolute;
262
+ content: "";
263
+ opacity: 0;
264
+ }
265
+ .premium-banner-animation4 .premium-banner-ib-desc::before {
266
+ top: 50px;
267
+ right: 30px;
268
+ bottom: 50px;
269
+ left: 30px;
270
+ border-top: 1px solid #fff;
271
+ border-bottom: 1px solid #fff;
272
+ -webkit-transform: scale(0, 1);
273
+ -ms-transform: scale(0, 1);
274
+ transform: scale(0, 1);
275
+ -webkit-transform-origin: 0 0;
276
+ -ms-transform-origin: 0 0;
277
+ transform-origin: 0 0;
278
+ }
279
+ .premium-banner-animation4 .premium-banner-ib-desc::after {
280
+ top: 30px;
281
+ right: 50px;
282
+ bottom: 30px;
283
+ left: 50px;
284
+ border-right: 1px solid #fff;
285
+ border-left: 1px solid #fff;
286
+ -webkit-transform: scale(1, 0);
287
+ -ms-transform: scale(1, 0);
288
+ transform: scale(1, 0);
289
+ -webkit-transform-origin: 100% 0;
290
+ -ms-transform-origin: 100% 0;
291
+ transform-origin: 100% 0;
292
+ }
293
+ .premium-banner-animation4 .premium-banner-ib-title {
294
+ padding: 50px 30px 0 30px;
295
+ -webkit-transition: -webkit-transform .35s;
296
+ transition: -webkit-transform .35s;
297
+ transition: transform .35s;
298
+ transition: transform .35s, -webkit-transform .35s;
299
+ }
300
+ .premium-banner-animation4 .premium-banner-ib-content, .premium-banner-animation4 .premium-banner-read-more {
301
+ padding: 10px 30px;
302
+ opacity: 0;
303
+ overflow: hidden;
304
+ -webkit-transform: translate3d(0, -10px, 0);
305
+ transform: translate3d(0, -10px, 0);
306
+ }
307
+ .premium-banner-animation4 .premium-banner-ib-title, .premium-banner-animation4 img {
308
+ -webkit-transform: translate3d(-30px, 0, 0);
309
+ transform: translate3d(-30px, 0, 0);
310
+ }
311
+ .premium-banner-animation4.zoomout img, .premium-banner-animation4.scale img {
312
+ -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
313
+ transform: translate3d(-30px, 0, 0) scale(1.1);
314
+ }
315
+ .premium-banner-animation4 .premium-banner-ib-content, .premium-banner-animation4 .premium-banner-read-more, .premium-banner-animation4 .premium-banner-ib-desc::after, .premium-banner-animation4 .premium-banner-ib-desc::before, .premium-banner-animation4 img {
316
+ -webkit-transition: opacity .35s, -webkit-transform .35s;
317
+ transition: opacity .35s, -webkit-transform .35s;
318
+ transition: opacity .35s, transform .35s;
319
+ transition: opacity .35s, transform .35s, -webkit-transform .35s;
320
+ }
321
+ /*.premium-banner-animation4:hover img, .premium-banner-animation4.active img {
322
+ -webkit-transform: translate3d(0, 0, 0);
323
+ transform: translate3d(0, 0, 0);
324
+ }
325
+ */
326
+ .premium-banner-animation4:hover .premium-banner-ib-desc::after, .premium-banner-animation4.active .premium-banner-ib-desc::after, .premium-banner-animation4:hover .premium-banner-ib-desc::before, .premium-banner-animation4.active .premium-banner-ib-desc::before {
327
+ opacity: 1;
328
+ -webkit-transform: scale(1);
329
+ -ms-transform: scale(1);
330
+ transform: scale(1);
331
+ }
332
+ .premium-banner-animation4:hover .premium-banner-ib-content, .premium-banner-animation4.active .premium-banner-ib-content, .premium-banner-animation4:hover .premium-banner-read-more, .premium-banner-animation4.active .premium-banner-read-more, .premium-banner-animation4:hover .premium-banner-ib-title, .premium-banner-animation4.active .premium-banner-ib-title {
333
+ opacity: 1;
334
+ -webkit-transform: translate3d(0, 0, 0);
335
+ transform: translate3d(0, 0, 0);
336
+ }
337
+ .premium-banner-animation4:hover .premium-banner-ib-content, .premium-banner-animation4:hover .premium-banner-ib-desc::after, .premium-banner-animation4:hover .premium-banner-ib-title, .premium-banner-animation4:hover img {
338
+ -webkit-transition-delay: .15s;
339
+ transition-delay: .15s;
340
+ }
341
+ .premium-banner-animation5 .premium-banner-ib-desc {
342
+ top: auto;
343
+ bottom: 0;
344
+ padding: 15px;
345
+ height: auto;
346
+ background: #f2f2f2;
347
+ color: #3c4a50;
348
+ -webkit-transition: -webkit-transform .35s;
349
+ transition: -webkit-transform .35s;
350
+ transition: transform .35s;
351
+ transition: transform .35s, -webkit-transform .35s;
352
+ -webkit-transform: translate3d(0, 100%, 0);
353
+ transform: translate3d(0, 100%, 0);
354
+ }
355
+ .premium-banner-animation5 .premium-banner-ib-content {
356
+ position: absolute;
357
+ top: auto;
358
+ bottom: 100%;
359
+ left: 0;
360
+ width: 100%;
361
+ padding: 15px;
362
+ opacity: 0;
363
+ -webkit-transition: opacity .35s;
364
+ transition: opacity .35s;
365
+ }
366
+ .premium-banner-animation5 .premium-banner-ib-title, .premium-banner-animation5 .premium-banner-read-more {
367
+ -webkit-transition: -webkit-transform .35s;
368
+ transition: -webkit-transform .35s;
369
+ transition: transform .35s;
370
+ transition: transform .35s, -webkit-transform .35s;
371
+ -webkit-transform: translate3d(0, 200%, 0);
372
+ transform: translate3d(0, 200%, 0);
373
+ text-align: center;
374
+ }
375
+ .premium-banner-animation5 .premium-banner-ib-title {
376
+ margin: 10px 0;
377
+ }
378
+ .premium-banner-animation5:hover .premium-banner-ib-content, .premium-banner-animation5.active .premium-banner-ib-content, .premium-banner-animation5:hover .premium-banner-ib-content *, .premium-banner-animation5.active .premium-banner-ib-content * {
379
+ opacity: 1 !important;
380
+ z-index: 99 !important;
381
+ -webkit-backface-visibility: hidden !important;
382
+ backface-visibility: hidden !important;
383
+ }
384
+ .premium-banner-animation5:hover .premium-banner-ib-desc, .premium-banner-animation5.active .premium-banner-ib-desc, .premium-banner-animation5:hover .premium-banner-ib-title, .premium-banner-animation5.active .premium-banner-ib-title, .premium-banner-animation5:hover .premium-banner-read-more, .premium-banner-animation5.active .premium-banner-read-more {
385
+ -webkit-transform: translateY(0);
386
+ -ms-transform: translateY(0);
387
+ transform: translateY(0);
388
+ }
389
+ .premium-banner-animation5:hover .premium-banner-ib-title {
390
+ -webkit-transition-delay: .05s;
391
+ transition-delay: .05s;
392
+ }
393
+ .premium-banner-animation5 img, .premium-banner-animation2 img, .premium-banner-animation4 img, .premium-banner-animation6 img{
394
+ -webkit-transition: opacity .35s,filter 0.35s, -webkit-transform .35s;
395
+ transition: opacity .35s,filter 0.35s ,-webkit-transform .35s;
396
+ transition: opacity .35s,filter 0.35s, transform .35s;
397
+ transition: opacity .35s,filter 0.35s, transform .35s, -webkit-transform .35s;
398
+ }
399
+ .premium-banner-animation5.zoomout img, .premium-banner-animation5.scale img, .premium-banner-animation2.zoomout img, .premium-banner-animation2.scale img, .premium-banner-animation6.zoomout img, .premium-banner-animation6.scale img {
400
+ -webkit-transform: scale(1.1);
401
+ transform: scale(1.1);
402
+ }
403
+ .premium-banner-animation5.zoomin:hover img, .premium-banner-animation2.zoomin:hover img, .premium-banner-animation6.zoomin:hover img{
404
+ -webkit-transform: scale(1.1);
405
+ transform: scale(1.1);
406
+ }
407
+ .premium-banner-animation5.zoomout:hover img, .premium-banner-animation2.zoomout:hover img, .premium-banner-animation6.zoomout:hover img{
408
+ -webkit-transform: scale(1.0);
409
+ transform: scale(1.0);
410
+ }
411
+ .premium-banner-animation5.scale:hover img, .premium-banner-animation2.scale:hover img, .premium-banner-animation6.scale:hover img {
412
+ -webkit-transform: scale(1.2) rotate(5deg);
413
+ transform: scale(1.2) rotate(5deg);
414
+ }
415
+ .premium-banner-animation5.grayscale:hover img, .premium-banner-animation2.grayscale:hover img, .premium-banner-animation6.grayscale:hover img{
416
+ -webkit-filter: grayscale(100%);
417
+ filter: grayscale(100%);
418
+ }
419
+ .premium-banner-animation5.blur:hover img, .premium-banner-animation2.blur:hover img, .premium-banner-animation6.blur:hover img {
420
+ -webkit-filter: blur(3px);
421
+ filter: blur(3px);
422
+ }
423
+ .premium-banner-animation6 .premium-banner-ib-desc {
424
+ padding: 45px;
425
+ }
426
+ .premium-banner-animation6 .premium-banner-ib-desc::before {
427
+ position: absolute;
428
+ content: "";
429
+ top: 30px;
430
+ right: 30px;
431
+ bottom: 30px;
432
+ left: 30px;
433
+ border: 1px solid #fff;
434
+ }
435
+ .premium-banner-animation6 .premium-banner-ib-title {
436
+ margin: 20px 0 10px;
437
+ -webkit-transition: -webkit-transform .35s;
438
+ transition: -webkit-transform .35s;
439
+ transition: transform .35s;
440
+ transition: transform .35s, -webkit-transform .35s;
441
+ -webkit-transform: translate3d(0, 100%, 0);
442
+ transform: translate3d(0, 100%, 0);
443
+ }
444
+ .premium-banner-animation6 .premium-banner-ib-content, .premium-banner-animation6 .premium-banner-read-more, .premium-banner-animation6 .premium-banner-ib-desc::before {
445
+ opacity: 0;
446
+ -webkit-transition: opacity .35s, -webkit-transform .35s;
447
+ transition: opacity .35s, -webkit-transform .35s;
448
+ transition: opacity .35s, transform .35s;
449
+ transition: opacity .35s, transform .35s, -webkit-transform .35s;
450
+ -webkit-transform: scale(0);
451
+ -ms-transform: scale(0);
452
+ transform: scale(0);
453
+ }
454
+ .premium-banner-animation6 .premium-banner-read-more {
455
+ margin-top: 10px;
456
+ }
457
+ .premium-banner-animation6:hover .premium-banner-ib-title, .premium-banner-animation6.active .premium-banner-ib-title {
458
+ -webkit-transform: translate3d(0, 0, 0);
459
+ transform: translate3d(0, 0, 0);
460
+ }
461
+ .premium-banner-animation6:hover .premium-banner-ib-content, .premium-banner-animation6.active .premium-banner-ib-content, .premium-banner-animation6:hover .premium-banner-read-more, .premium-banner-animation6.active .premium-banner-read-more, .premium-banner-animation6:hover .premium-banner-ib-desc::before, .premium-banner-animation6.active .premium-banner-ib-desc::before {
462
+ opacity: 1;
463
+ -webkit-transform: scale(1);
464
+ -ms-transform: scale(1);
465
+ transform: scale(1);
466
+ }
467
+ .premium-banner-animation8 img {
468
+ -webkit-transition: opacity .35s, -webkit-transform .35s;
469
+ transition: opacity .35s, -webkit-transform .35s;
470
+ transition: opacity .35s, transform .35s;
471
+ transition: opacity .35s, transform .35s, -webkit-transform .35s;
472
+ -webkit-transform: scale(1.15);
473
+ -ms-transform: scale(1.15);
474
+ transform: scale(1.15)
475
+ }
476
+ .premium-banner-animation8:hover img, .premium-banner-animation8.active img {
477
+ -webkit-transform: scale(1);
478
+ -ms-transform: scale(1);
479
+ transform: scale(1);
480
+ }
481
+ .premium-banner-animation8 .premium-banner-ib-title {
482
+ margin-top: 20%;
483
+ -webkit-transition: -webkit-transform .35s;
484
+ transition: -webkit-transform .35s;
485
+ transition: transform .35s;
486
+ transition: transform .35s, -webkit-transform .35s;
487
+ -webkit-transform: translate3d(0, 20px, 0);
488
+ transform: translate3d(0, 20px, 0);
489
+ }
490
+ .premium-banner-animation8:hover .premium-banner-ib-title, .premium-banner-animation8.active .premium-banner-ib-title {
491
+ -webkit-transform: translate3d(0, 0, 0);
492
+ transform: translate3d(0, 0, 0);
493
+ }
494
+ .premium-banner-animation8 .premium-banner-ib-content {
495
+ margin: 1em 0 0;
496
+ padding: 35px;
497
+ border: 1px solid #fff;
498
+ opacity: 0;
499
+ -webkit-transition: opacity .35s, -webkit-transform .35s;
500
+ transition: opacity .35s, -webkit-transform .35s;
501
+ transition: opacity .35s, transform .35s;
502
+ transition: opacity .35s, transform .35s, -webkit-transform .35s;
503
+ -webkit-transform: translate3d(0, 20px, 0) scale(1.1);
504
+ transform: translate3d(0, 20px, 0) scale(1.1);
505
+ }
506
+ .premium-banner-animation8:hover .premium-banner-ib-content, .premium-banner-animation8.active .premium-banner-ib-content {
507
+ opacity: 1;
508
+ -webkit-transform: translate3d(0, 0, 0) scale(1);
509
+ transform: translate3d(0, 0, 0) scale(1);
510
+ }
511
+ .premium-banner-animation12 .premium-banner-ib-desc::after {
512
+ position: absolute;
513
+ content: "";
514
+ right: 30px;
515
+ bottom: 30px;
516
+ left: 30px;
517
+ height: -webkit-calc(50% - 30px);
518
+ height: calc(50% - 30px);
519
+ border: 7px solid #fff;
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-animation12:hover .premium-banner-ib-desc::after, .premium-banner-animation12.active .premium-banner-ib-desc::after {
528
+ -webkit-transform: translate3d(0, 0, 0);
529
+ transform: translate3d(0, 0, 0);
530
+ }
531
+ .premium-banner-animation12 .premium-banner-ib-desc {
532
+ padding: 45px;
533
+ text-align: left;
534
+ }
535
+ .premium-banner-animation12 .premium-banner-ib-content {
536
+ position: absolute;
537
+ right: 60px;
538
+ bottom: 60px;
539
+ left: 60px;
540
+ opacity: 0;
541
+ -webkit-transition: opacity .35s, -webkit-transform .35s;
542
+ transition: opacity .35s, -webkit-transform .35s;
543
+ transition: opacity .35s, transform .35s;
544
+ transition: opacity .35s, transform .35s, -webkit-transform .35s;
545
+ -webkit-transform: translate3d(0, -100px, 0);
546
+ transform: translate3d(0, -100px, 0);
547
+ }
548
+ .premium-banner-animation12:hover .premium-banner-ib-content, .premium-banner-animation12.active .premium-banner-ib-content {
549
+ opacity: 1;
550
+ -webkit-transform: translate3d(0, 0, 0);
551
+ transform: translate3d(0, 0, 0);
552
+ }
553
+ .premium-banner-animation13 img {
554
+ width: -webkit-calc(100% + 20px)!important;
555
+ width: calc(100% + 20px)!important;
556
+ max-width: -webkit-calc(100% + 20px)!important;
557
+ max-width: calc(100% + 20px)!important;
558
+ -webkit-transition: opacity .35s,filter 0.35s, -webkit-transform .35s;
559
+ transition: opacity .35s,filter 0.35s ,-webkit-transform .35s;
560
+ transition: opacity .35s,filter 0.35s, transform .35s;
561
+ transition: opacity .35s,filter 0.35s, transform .35s, -webkit-transform .35s;
562
+ -webkit-transform: translate3d(-10px, 0, 0);
563
+ transform: translate3d(-10px, 0, 0);
564
+ -webkit-backface-visibility: hidden;
565
+ backface-visibility: hidden;
566
+ }
567
+ .premium-banner-animation13.zoomout img, .premium-banner-animation13.scale img {
568
+ -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
569
+ transform: translate3d(-10px, 0, 0) scale(1.1);
570
+ }
571
+ .premium-banner-animation13.none:hover img, .premium-banner-animation1.none:hover img, .premium-banner-animation4.none:hover img {
572
+ -webkit-transform: translate3d(0, 0, 0);
573
+ transform: translate3d(0, 0, 0);
574
+ }
575
+ .premium-banner-animation13.zoomin:hover img, .premium-banner-animation1.zoomin:hover img, .premium-banner-animation4.zoomin:hover img{
576
+ -webkit-transform: translate3d(0, 0, 0) scale(1.1);
577
+ transform: translate3d(0, 0, 0) scale(1.1);
578
+ }
579
+ .premium-banner-animation13.zoomout:hover img, .premium-banner-animation1.zoomout:hover img, .premium-banner-animation4.zoomout:hover img {
580
+ -webkit-transform: translate3d(0, 0, 0) scale(1.0);
581
+ transform: translate3d(0, 0, 0) scale(1.0);
582
+ }
583
+ .premium-banner-animation13.scale:hover img, .premium-banner-animation1.scale:hover img, .premium-banner-animation4.scale:hover img {
584
+ -webkit-transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg);
585
+ transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg);
586
+ }
587
+ .premium-banner-animation13.grayscale:hover img, .premium-banner-animation1.grayscale:hover img, .premium-banner-animation4.grayscale:hover img{
588
+ -webkit-transform: translate3d(0, 0, 0);
589
+ transform: translate3d(0, 0, 0);
590
+ -webkit-filter: grayscale(100%);
591
+ filter: grayscale(100%);
592
+ }
593
+ .premium-banner-animation13.blur:hover img, .premium-banner-animation1.blur:hover img, .premium-banner-animation4.blur:hover img {
594
+ -webkit-transform: translate3d(0, 0, 0);
595
+ transform: translate3d(0, 0, 0);
596
+ -webkit-filter: blur(3px);
597
+ filter: blur(3px);
598
+ }
599
+ .premium-banner-animation13 .premium-banner-ib-desc {
600
+ text-align: left;
601
+ }
602
+ .premium-banner-animation13 .premium-banner-ib-title {
603
+ position: relative;
604
+ overflow: hidden;
605
+ padding: 5px 0 10px;
606
+ }
607
+ .premium-banner-animation13 .premium-banner-ib-title::after {
608
+ position: absolute;
609
+ content: "";
610
+ bottom: 0;
611
+ left: 0;
612
+ width: 100%;
613
+ height: 2px;
614
+ background: #fff;
615
+ -webkit-transition: -webkit-transform .35s;
616
+ transition: -webkit-transform .35s;
617
+ transition: transform .35s;
618
+ transition: transform .35s, -webkit-transform .35s;
619
+ -webkit-transform: translate3d(-101%, 0, 0);
620
+ transform: translate3d(-101%, 0, 0);
621
+ }
622
+ .premium-banner-animation13:hover .premium-banner-ib-title::after, .premium-banner-animation13.active .premium-banner-ib-title::after {
623
+ -webkit-transform: translate3d(0, 0, 0);
624
+ transform: translate3d(0, 0, 0);
625
+ }
626
+ .premium-banner-animation13 .premium-banner-ib-content, .premium-banner-animation13 .premium-banner-read-more {
627
+ padding: 15px 0;
628
+ opacity: 0;
629
+ -webkit-transition: opacity .35s, -webkit-transform .35s;
630
+ transition: opacity .35s, -webkit-transform .35s;
631
+ transition: opacity .35s, transform .35s;
632
+ transition: opacity .35s, transform .35s, -webkit-transform .35s;
633
+ -webkit-transform: translate3d(100%, 0, 0);
634
+ transform: translate3d(100%, 0, 0);
635
+ }
636
+ .premium-banner-animation13:hover .premium-banner-ib-content, .premium-banner-animation13.active .premium-banner-ib-content, .premium-banner-animation13:hover .premium-banner-read-more, .premium-banner-animation13.active .premium-banner-read-more {
637
+ opacity: 1;
638
+ -webkit-transform: translate3d(0, 0, 0);
639
+ transform: translate3d(0, 0, 0);
640
+ }
641
+ .premium-banner-ib.premium-banner-animation5 .premium-banner-toggle-size {
642
+ left: 50%;
643
+ width: auto!important;
644
+ height: 100%;
645
+ max-width: none;
646
+ -webkit-transform: translateX(-50%);
647
+ -ms-transform: translateX(-50%);
648
+ transform: translateX(-50%);
649
+ }
650
+ .premium-banner-ib img {
651
+ border: none;
652
+ padding: 0;
653
+ margin: 0;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
654
  }
655
  /**************** Premium CountDown *************/
656
  /************************************************/
657
+ .premium-countdown {
658
+ display: -ms-flexbox;
659
+ display: -webkit-flex;
660
+ display: -moz-flex;
661
+ display: -ms-flex;
662
+ display: flex;
663
  }
664
  /* jQuery Countdown styles 2.0.0. */
665
+ .pre_countdown-row {
666
+ display: block;
667
+ text-align: center;
668
  }
669
+ .countdown .pre_countdown-section {
670
+ display: inline-block;
671
+ max-width: 100%;
672
+ margin-bottom: 15px;
673
+ }
674
+ .countdown .pre_countdown-section:last-child {
675
+ margin-right: 0;
676
+ }
677
+ .countdown span.pre_countdown-amount {
678
+ font-size: 70px;
679
+ line-height: 1;
680
+ }
681
+ .countdown .pre_time-mid {
682
+ display: block;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
683
  }
684
+ /************************************ * Digit and unit styles *************************************/
685
+ .side .pre_countdown-section .pre_countdown-period {
686
+ vertical-align: bottom;
687
  }
688
+ .countdown .pre_countdown-section .pre_countdown-period {
689
+ font-size: 17px;
690
+ line-height: 3em;
691
+ }
692
+ /************************************ * Digit and unit side by side *************************************/
693
+ .side .pre_countdown-section .pre_countdown-amount, .side .pre_countdown-section .pre_countdown-period {
694
+ display: inline-block;
695
+ }
696
+ .side .pre_countdown-section .pre_countdown-amount {
697
+ margin-right: 5px;
698
+ }
699
+ /************************************ * Digit and unit up and down *************************************/
700
+ .down .pre_countdown-section .pre_countdown-amount, .down .pre_countdown-section .pre_countdown-period {
701
+ display: block;
702
  }
703
  /**************** Premium Carousel **************/
704
  /************************************************/
705
+ .premium-carousel-wrapper a.carousel-arrow, .premium-carousel-wrapper a.ver-carousel-arrow, .premium-fb-rev-container a.carousel-arrow, .premium-fb-rev-container a.ver-carousel-arrow, .premium-blog-wrap a.carousel-arrow, .premium-blog-wrap a.ver-carousel-arrow {
706
+ display: flex;
707
+ align-items: center;
708
+ justify-content: center;
709
+ width: 2em;
710
+ height: 2em;
711
+ line-height: 0;
712
+ text-align: center;
713
+ position: absolute;
714
+ z-index: 99;
715
+ cursor: pointer;
716
+ -webkit-transition: opacity .3s ease;
717
+ -o-transition: opacity .3s ease;
718
+ -moz-transition: opacity .3s ease;
719
+ transition: opacity .3s ease;
720
+ -webkit-appearance: inherit;
721
+ box-shadow: none;
722
+ }
723
+ .ver-carousel-arrow.carousel-next i{
724
+ margin-bottom: -3px;
725
+ }
726
+ .premium-carousel-wrapper a.slick-arrow:hover {
727
+ box-shadow: none !important;
728
+ }
729
+ .premium-carousel-wrapper .premium-carousel-content-hidden {
730
+ visibility: hidden;
731
+ }
732
+ .premium-carousel-wrapper a.carousel-arrow, .premium-fb-rev-container a.carousel-arrow, .premium-blog-wrap a.carousel-arrow {
733
+ top: 50%;
734
+ }
735
+ .premium-carousel-wrapper a.ver-carousel-arrow {
736
+ left: 50%;
737
+ }
738
+ a.carousel-arrow.carousel-next {
739
+ right: -20px;
740
+ }
741
+ a.carousel-arrow.carousel-prev {
742
+ left: -20px;
743
+ }
744
+ a.ver-carousel-arrow.carousel-next {
745
+ bottom: -56px;
746
+ }
747
+ a.ver-carousel-arrow.carousel-prev {
748
+ top: -45px;
749
+ }
750
+ a.circle-bg {
751
+ border-radius: 100%;
752
+ }
753
+ a.circle-border {
754
+ border-radius: 100%;
755
+ border: solid black;
756
+ }
757
+ a.square-border {
758
+ border: solid black;
759
+ }
760
+ .premium-carousel-wrapper ul.slick-dots, .premium-blog-wrap ul.slick-dots {
761
+ list-style: none;
762
+ text-align: center;
763
+ margin: 0;
764
+ padding: 0;
765
+ }
766
+ .premium-carousel-dots-above ul.slick-dots {
767
+ position: absolute;
768
+ display: -ms-flexbox;
769
+ display: -webkit-flex;
770
+ display: -moz-flex;
771
+ display: -ms-flex;
772
+ display: flex;
773
+ top: 50%;
774
+ -webkit-transform: translateY(-50%);
775
+ transform: translateY(-50%);
776
+ -webkit-flex-direction: column;
777
+ flex-direction: column;
778
+ }
779
+ ul.slick-dots li {
780
+ font-size: 10px;
781
+ display: inline-block;
782
+ margin: 5px;
783
+ width: 20px;
784
+ height: 20px;
785
+ cursor: pointer;
 
 
 
 
 
 
 
 
786
  }
787
  /* Ripple Out */
788
+ @-webkit-keyframes hvr-ripple-out {
789
+ 100% {
790
+ top: -5.5px;
791
+ right: -3px;
792
+ bottom: -3px;
793
+ left: -3px;
794
+ opacity: 0;
795
+ }
796
+ }
797
+ @keyframes hvr-ripple-out {
798
+ 100% {
799
+ top: -5.5px;
800
+ right: -3px;
801
+ bottom: -3px;
802
+ left: -3px;
803
+ opacity: 0;
804
+ }
805
+ }
806
+ .premium-carousel-wrapper.hvr-ripple-out {
807
+ padding-bottom: 1px;
808
+ }
809
+ .premium-carousel-wrapper.hvr-ripple-out ul.slick-dots li.slick-active {
810
+ display: inline-block;
811
+ -webkit-transform: perspective(0px) translateZ(0);
812
+ transform: perspective(0px) translateZ(0);
813
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
814
+ position: relative;
815
+ }
816
+ .premium-carousel-wrapper.hvr-ripple-out ul.slick-dots li.slick-active:before {
817
+ content: '';
818
+ position: absolute;
819
+ border: 1px solid;
820
+ border-radius: 50%;
821
+ top: 3px;
822
+ right: 4px;
823
+ bottom: 6.8px;
824
+ left: 4.5px;
825
+ -webkit-animation-duration: 1s;
826
+ animation-duration: 1s;
827
+ animation-iteration-count: infinite;
828
+ }
829
+ .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 {
830
+ -webkit-animation-name: hvr-ripple-out;
831
+ animation-name: hvr-ripple-out;
832
+ }
833
+ .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
834
+ -webkit-transform: scale(1.25, 1.25);
835
+ transform: scale(1.25, 1.25);
836
+ -webkit-transition: all 0.3s ease-in-out !important;
837
+ transition: all 0.3s ease-in-out !important;
838
+ }
839
+ .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
840
+ -webkit-transform: scale(1, 1);
841
+ transform: scale(1, 1);
842
+ }
843
+ [dir='rtl'] .premium-carousel-inner .slick-slide {
844
+ float: right;
845
  }
846
  /**************** Premium Counter ***************/
847
  /************************************************/
848
+ .premium-counter-area {
849
+ padding: 10px 0;
 
 
 
 
 
 
 
 
850
  }
851
+ .premium-counter-area .premium-counter-icon span.icon {
852
+ width: 1em;
853
+ height: 1em;
854
+ line-height: 1em;
855
+ text-align: center;
856
+ display: inline-block;
857
+ vertical-align: middle;
858
  }
859
+ .premium-counter-area .premium-counter-title {
860
+ padding: 0;
861
+ margin: 0;
862
  }
863
+ .premium-counter-icon .icon i.fa:before {
864
+ vertical-align: text-top;
 
 
 
865
  }
866
+ /* * Circle Icon style */
867
+ .premium-counter-area .premium-counter-icon .circle {
868
+ border-radius: 100%;
869
  }
870
+ .premium-counter-area.center {
871
+ text-align: center;
 
 
872
  }
873
+ .premium-counter-area .right, .premium-counter-area .left {
874
+ display: table-cell;
875
+ vertical-align: middle;
876
  }
877
+ .premium-counter-icon.right {
878
+ padding-left: 20px;
879
  }
880
+ .premium-counter-icon.left {
881
+ padding-right: 20px;
882
  }
883
+ .premium-init-wrapper.right {
884
+ text-align: right;
885
+ }
886
+ /* * Custom image and simple styles image fix */
887
+ span.icon.flex-width {
888
+ width: auto !important;
889
+ height: auto !important;
890
  }
891
+ .premium-counter-area .premium-counter-init {
892
+ font-size: 35px;
893
  }
894
  /**************** Premium Image Separator ****************/
895
  /*********************************************************/
896
  /*Image Separator Container Style*/
897
+ .premium-image-separator-container{
898
+ position: absolute;
899
+ width: 100%;
900
+ z-index: 2;
901
+ top: auto;
902
  }
903
  /*Link on Image Style*/
904
+ .premium-image-separator-link{
905
+ position: absolute;
906
+ z-index: 9999;
907
+ top: 0;
908
+ left: 0;
909
+ width: 100%;
910
+ height: 100%;
911
+ text-decoration: none;
912
  }
913
  /*Important to override Theme options*/
914
+ a.premium-image-separator-link:hover, a.premium-image-separator-link:visited, a.premium-image-separator-link:focus, a.premium-image-separator-link:active {
915
+ box-shadow: none !important;
916
+ outline: none !important;
917
+ border: none !important;
918
+ text-decoration: none !important;
919
+ }
920
+ .premium-image-separator-container .img-responsive {
921
+ display: inline-block;
 
 
 
922
  }
923
  /**************** Premium Modal Box ****************/
924
  /***************************************************/
925
+ .premium-modal-box-button-selector, .premium-modal-box-modal-lower-close {
926
+ display: inline-block;
927
+ padding: 6px 12px;
928
+ margin-bottom: 0;
929
+ font-size: 14px;
930
+ font-weight: normal;
931
+ line-height: 1.42857143;
932
+ text-align: center;
933
+ white-space: nowrap;
934
+ vertical-align: middle;
935
+ -ms-touch-action: manipulation;
936
+ touch-action: manipulation;
937
+ cursor: pointer;
938
+ -webkit-user-select: none;
939
+ -moz-user-select: none;
940
+ -ms-user-select: none;
941
+ user-select: none;
942
+ background-image: none;
943
+ border: 1px solid transparent;
944
+ }
945
+ .premium-modal-box-button-selector i {
946
+ -webkit-transition: all 0.3s ease-in-out;
947
+ -moz-transition: all 0.3s ease-in-out;
948
+ -ms-transition: all 0.3s ease-in-out;
949
+ transition: all 0.3s ease-in-out;
950
+ }
951
+ .premium-btn-md {
952
+ padding: 8px 14px;
953
+ font-size: 16px;
954
+ line-height: 1.2;
955
+ }
956
+ .premium-btn-lg {
957
+ padding: 10px 16px;
958
+ font-size: 18px;
959
+ line-height: 1.3333333;
960
+ }
961
+ .premium-btn-block {
962
+ display: block;
963
+ width: 100%;
964
+ }
965
+ .premium-modal-box-modal-close {
966
+ float: right;
967
+ font-size: 21px;
968
+ font-weight: bold;
969
+ line-height: 1;
970
+ color: #000;
971
+ }
972
+ .premium-modal-box-modal-close:hover, .premium-modal-box-modal-close:focus {
973
+ color: #000;
974
+ text-decoration: none;
975
+ cursor: pointer;
976
+ }
977
+ button.premium-modal-box-modal-close {
978
+ -webkit-appearance: none;
979
+ padding: 0;
980
+ cursor: pointer;
981
+ background: transparent;
982
+ border: 0
983
+ }
984
+ .premium-modal-box-modal {
985
+ position: fixed;
986
+ top: 0;
987
+ right: 0;
988
+ bottom: 0;
989
+ left: 0;
990
+ z-index: 1050;
991
+ display: none;
992
+ -webkit-overflow-scrolling: touch;
993
+ outline: 0;
994
+ padding: 0 !important;
995
+ background: rgba(0,0,0,0.5)
996
+ /*Added New to fix backdrop background*/
997
+ }
998
+ .premium-modal-box-modal .premium-modal-box-modal-dialog {
999
+ position: absolute;
1000
+ top: 0;
1001
+ left: 50%;
1002
+ -webkit-transform: translate(-50%,-50%) !important;
1003
+ transform: translate(-50%,-50%) !important;
1004
+ margin: 0;
1005
+ -webkit-transition: all .3s ease-in-out;
1006
+ -o-transition: all .3s ease-in-out;
1007
+ transition: all .3s ease-in-out;
1008
+ }
1009
+ .premium-modal-box-modal-content {
1010
+ overflow: hidden;
1011
+ background-color: #fff;
1012
+ -webkit-background-clip: padding-box;
1013
+ background-clip: padding-box;
1014
+ border: 1px solid rgba(0, 0, 0, .2);
1015
+ border-radius: 6px;
1016
+ outline: 0;
1017
+ /* -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
1018
+ box-shadow: 0 3px 9px rgba(0, 0, 0, .5)*/
1019
+ }
1020
+ .premium-modal-backdrop.premium-in {
1021
+ filter: alpha(opacity=50);
1022
+ opacity: .5 !important;
1023
+ }
1024
+ .premium-modal-fade.premium-in {
1025
+ opacity: 1;
1026
+ }
1027
+ .premium-modal-backdrop {
1028
+ position: fixed;
1029
+ top: 0;
1030
+ right: 0;
1031
+ bottom: 0;
1032
+ left: 0;
1033
+ z-index: 1040;
1034
+ background-color: #000
1035
+ }
1036
+ .premium-modal-backdrop.premium-modal-fade {
1037
+ filter: alpha(opacity=0);
1038
+ opacity: 0;
1039
+ }
1040
+ .premium-modal-fade {
1041
+ opacity: 0;
1042
+ -webkit-transition: opacity .3s ease-in-out;
1043
+ -o-transition: opacity .3s ease-in-out;
1044
+ transition: opacity .3s ease-in-out;
1045
+ }
1046
+ .premium-modal-box-modal.premium-in .premium-modal-box-modal-dialog {
1047
+ -webkit-transition: all .3s ease-in-out;
1048
+ -o-transition: all .3s ease-in-out;
1049
+ transition: all .3s ease-in-out;
1050
+ top: 50%;
1051
+ }
1052
+ .premium-modal-box-modal-header {
1053
+ display: -ms-flexbox;
1054
+ display: -webkit-flex;
1055
+ display: -moz-flex;
1056
+ display: -ms-flex;
1057
+ display: flex;
1058
+ justify-content: space-between;
1059
+ align-items: center;
1060
+ padding: 5px 15px;
1061
+ border-bottom: 1px solid #e5e5e5
1062
+ }
1063
+ .premium-modal-box-modal-header .premium-modal-box-modal-close {
1064
+ margin-top: -2px
1065
+ }
1066
+ .premium-modal-box-modal-header .premium-modal-box-modal-title {
1067
+ margin: 0;
1068
+ padding: 0;
1069
+ line-height: 1.42857143;
1070
+ /* clear: none;
1071
+ */
1072
+ padding: 0;
1073
+ margin: 0;
1074
+ }
1075
+ .premium-modal-box-modal-body {
1076
+ position: relative;
1077
+ padding: 15px
1078
+ }
1079
+ .premium-modal-box-modal-footer {
1080
+ padding: 15px;
1081
+ text-align: right;
1082
+ border-top: 1px solid #e5e5e5
1083
+ }
1084
+ .premium-modal-box-modal-footer .btn + .btn {
1085
+ margin-bottom: 0;
1086
+ margin-left: 5px
1087
+ }
1088
+ .premium-modal-scrollbar-measure {
1089
+ position: absolute;
1090
+ top: -9999px;
1091
+ width: 50px;
1092
+ height: 50px;
1093
+ overflow: scroll;
1094
+ }
1095
+ .premium-modal-box-text-selector {
1096
+ background: none !important;
1097
+ }
1098
+ .premium-modal-box-container {
1099
+ width: 100% !important;
1100
  }
1101
  /*Open Modal Button Style*/
1102
+ .premium-modal-box-selector-container .premium-modal-box-button-selector {
1103
+ border: none;
1104
+ -webkit-transition: all 0.3s ease-in-out;
1105
+ -moz-transition: all 0.3s ease-in-out;
1106
+ -o-transition: all 0.3s ease-in-out;
1107
+ -ms-transition: all 0.3s ease-in-out;
1108
+ transition: all 0.3s ease-in-out;
1109
  }
1110
  /*Open Modal Img, Span Style */
1111
+ .premium-modal-box-selector-container img, .premium-modal-box-selector-container span{
1112
+ cursor: pointer;
 
1113
  }
1114
  /*Image on Modal Header Style*/
1115
+ .premium-modal-box-modal-header img {
1116
+ width: 48px;
1117
+ padding: 5px 0;
1118
+ vertical-align: top;
1119
  }
1120
  /*Icon On Modal Header Style*/
1121
+ .premium-modal-box-modal-header i {
1122
+ padding-right: 6px;
1123
  }
1124
  /*Image On Modal Header Style*/
1125
+ .premium-modal-box-modal-title img {
1126
+ vertical-align : middle;
1127
  }
1128
  /*Close Button Container Style*/
1129
  /*.premium-modal-box-close-button-container {
1130
+ float: right;
1131
+ }
1132
+ */
1133
+ .premium-modal-box-modal-close {
1134
+ position: relative;
1135
+ z-index: 99;
1136
+ }
1137
+ .premium-modal-box-img-selector, .premium-modal-box-text-selector, .premium-modal-box-close-button-container, .premium-modal-box-modal-close, .premium-modal-box-modal-lower-close{
1138
+ -webkit-transition: all 0.3s ease-in-out;
1139
+ -moz-transition: all 0.3s ease-in-out;
1140
+ -ms-transition: all 0.3s ease-in-out;
1141
+ -o-transition: all 0.3s ease-in-out;
1142
+ transition: all 0.3s ease-in-out;
 
 
 
1143
  }
1144
  /* prevent Scroll on body */
1145
+ .premium-modal-open {
1146
+ /* overflow: hidden;
1147
+ */
1148
+ /* height: 100vh;
1149
+ */
1150
+ }
1151
+ @media (min-width:768px) {
1152
+ .premium-modal-box-modal-dialog {
1153
+ width: 700px;
1154
+ max-height: 600px;
1155
+ overflow: auto;
1156
  }
1157
+ /* .premium-modal-box-modal-content {
1158
+ -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
1159
+ box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
1160
+ }
1161
+ */
1162
+ }
1163
+ @media (max-width:767px) {
1164
+ .premium-modal-box-modal-dialog {
1165
+ width: 100%;
1166
+ max-height: 500px;
1167
+ overflow: auto;
1168
  }
1169
  }
1170
  /**************** Premium Progress Bar ****************/
1171
  /******************************************************/
1172
+ .premium-progressbar-container {
1173
+ position:relative;
1174
+ }
1175
+ .premium-progressbar-progress {
1176
+ overflow: hidden;
1177
+ height: 20px;
1178
+ margin-bottom: 50px;
1179
+ background-color: #f5f5f5;
1180
+ border-radius: 4px;
1181
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
1182
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
1183
+ }
1184
+ .premium-progressbar-progress-bar {
1185
+ float: left;
1186
+ width: 0%;
1187
+ height: 100%;
1188
+ font-size: 12px;
1189
+ line-height: 20px;
1190
+ background: #6ec1e4;
1191
+ text-align: center;
1192
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
1193
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
1194
+ }
1195
+ .progress-striped .progress-bar, .progress-bar-striped {
1196
+ 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);
1197
+ 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);
1198
+ 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);
1199
+ background-size: 40px 40px;
1200
+ }
1201
+ .pa-progress.active .progress-bar, .progress-bar.active {
1202
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
1203
+ -o-animation: progress-bar-stripes 2s linear infinite;
1204
+ animation: progress-bar-stripes 2s linear infinite;
1205
+ }
1206
+ .premium-progressbar-progress{
1207
+ position: relative;
1208
+ text-align:left;
1209
+ }
1210
+ .premium-progressbar-progress-bar {
1211
+ position: absolute;
1212
+ overflow: hidden;
1213
+ line-height: 20px;
1214
+ }
1215
+ .premium-progressbar-container .clearfix {
1216
+ clear: both;
 
 
1217
  }
1218
  /*Progress Bar Style*/
1219
+ .premium-progressbar-progress-bar {
1220
+ -webkit-transition: width 0s ease-in-out !important;
1221
+ -moz-transition: width 0s ease-in-out !important;
1222
+ -ms-transition: width 0s ease-in-out !important;
1223
+ -o-transition: width 0s ease-in-out !important;
1224
+ transition: width 0s ease-in-out !important;
1225
  }
1226
  /*Left Label Style*/
1227
+ .premium-progressbar-container p:first-of-type{
1228
+ margin:0;
1229
+ float:left;
1230
  }
1231
  /*Right Label Style*/
1232
+ .premium-progressbar-container p:nth-of-type(2){
1233
+ margin: 0;
1234
+ float: right;
1235
+ }
1236
+ .premium-progressbar-name{
1237
+ left:50%;
1238
+ top :0;
1239
+ right:0;
1240
+ transform: translateX(-12.5px);
1241
+ z-index:1;
1242
+ }
1243
  .premium-progressbar-multiple-label{
1244
+ position:relative;
1245
  float:left;
1246
  width:0;
1247
  left:50%;
1248
+ }
1249
  .premium-progressbar-center-label{
1250
+ position:relative;
1251
  bottom:-100%;
1252
+ white-space:nowrap;
1253
+ }
1254
+ .premium-progressbar-arrow {
1255
+ left:50%;
1256
+ display: inline-block;
1257
+ border-left: 7px solid transparent;
1258
+ border-right: 7px solid transparent;
1259
+ border-top: 11px solid ;
1260
+ transform: translateX(-50%);
1261
+ }
1262
+ .premium-progressbar-pin {
1263
+ border-left: 1px solid;
1264
+ height: 12px;
1265
+ left:50%;
1266
+ display: inline-block;
1267
+ }
1268
+ @-webkit-keyframes progress-bar-stripes {
1269
+ from {
1270
+ background-position: 0 0;
1271
+ }
1272
+ to {
1273
+ background-position: 40px 0;
1274
+ }
1275
  }
1276
+ @keyframes progress-bar-stripes {
1277
+ from {
1278
+ background-position: 0 0;
1279
+ }
1280
+ to {
1281
+ background-position: 40px 0;
1282
+ }
 
 
 
 
 
 
 
 
 
 
1283
  }
1284
  /**************** Premium Testimonials ****************/
1285
  /******************************************************/
1286
  /*Testimonial Container Style*/
1287
+ .premium-testimonial-box {
1288
+ width: 100%;
1289
+ background: transparent;
1290
+ -webkit-transition: all 0.3s ease-in-out;
1291
+ -moz-transition: all 0.3s ease-in-out;
1292
+ -o-transition: all 0.3s ease-in-out;
1293
+ -ms-transition: all 0.3s ease-in-out;
1294
+ transition: all 0.3s ease-in-out;
1295
  }
1296
  /*Testimonial Title Style*/
1297
+ .premium-testimonial-box .premium-testimonial-person-name, .premium-testimonial-box .premium-testimonial-company-name {
1298
+ display: inline;
1299
+ font-weight: 600;
1300
+ margin: 0;
 
1301
  }
1302
  /*Testimonial Text Style*/
1303
+ .premium-testimonial-container {
1304
+ position: relative;
1305
  }
1306
  /*Testimonial Img Container Style*/
1307
+ .premium-testimonial-img-wrapper {
1308
+ margin-left: auto;
1309
+ margin-right: auto;
1310
+ overflow: hidden;
1311
  }
1312
  /*Testimonial Person Image Style*/
1313
+ .premium-testimonial-person-image {
1314
+ object-fit: cover;
1315
+ width: 100%;
1316
+ height: 100% !important;
1317
+ border-style: solid !important;
1318
  }
1319
  /*Testimonial Content Wrapper Style*/
1320
+ .premium-testimonial-content-wrapper {
1321
+ position: relative;
1322
+ display: -ms-flexbox;
1323
+ display: -webkit-flex;
1324
+ display: -moz-flex;
1325
+ display: -ms-flex;
1326
+ display: flex;
1327
+ flex-direction: column;
1328
+ z-index: 2;
1329
+ width: 100%;
1330
+ padding: 20px;
1331
+ text-align: center;
1332
  }
1333
  /*Testimonial Quotes Container Div Style*/
1334
+ .premium-testimonial-quotes-wrapper {
1335
+ z-index: 1;
1336
  }
1337
  /*Clear Float*/
1338
+ .premium-testimonial-clear-float {
1339
+ clear: both;
1340
  }
1341
  /*Upper Quote Style*/
1342
+ .premium-testimonial-upper-quote {
1343
+ position: absolute;
1344
+ z-index: 1;
1345
  }
1346
  /*Lower Quote Style*/
1347
+ .premium-testimonial-lower-quote{
1348
+ position:absolute;
1349
+ z-index: 1;
1350
  }
1351
  /*Author Info Container Div Style*/
1352
+ .premium-testimonial-author-info {
1353
+ display: block;
1354
  }
1355
  /**************** Premium Title ****************/
1356
  /***********************************************/
1357
  /*Title Container Div Style*/
1358
+ .premium-title-container {
1359
+ position: relative;
1360
+ width: 100%;
1361
+ clear: both;
1362
+ overflow: hidden;
1363
  }
1364
  /*Header Style*/
1365
+ .premium-title-container .premium-title-header {
1366
+ margin: 0;
1367
+ padding: 10px;
1368
  }
1369
  /*Style 2,3,6,7,8 Header*/
1370
+ .premium-title-style1, .premium-title-style2, .premium-title-style5, .premium-title-style6, .premium-title-style7{
1371
+ display: inline-block;
1372
+ float: none;
 
 
 
 
1373
  }
1374
+ .premium-title-style1 {
1375
+ border-left: 3px solid #6ec1e4;
1376
  }
1377
+ .premium-title-container.style2, .premium-title-container.style4, .premium-title-container.style5, .premium-title-container.style6{
1378
+ border-bottom: 3px solid #6ec1e4;
 
 
 
1379
  }
1380
  /*Style 6 Header*/
1381
+ .premium-title-style6{
1382
+ position: relative;
1383
  }
1384
  /*Style 6 Trinagle*/
1385
+ .premium-title-style6:before {
1386
+ position: absolute;
1387
+ left: 50%;
1388
+ bottom: 0;
1389
+ margin-left: -2px;
1390
+ content: '';
1391
+ border: 3px solid transparent;
1392
+ }
1393
+ .premium-title-style7-stripe-wrap {
1394
+ display: -ms-flexbox;
1395
+ display: -webkit-flex;
1396
+ display: -moz-flex;
1397
+ display: -ms-flex;
1398
+ display: flex;
1399
+ }
1400
+ .premium-title-style7:before {
1401
+ display: none;
1402
  }
1403
  /*Stripe Style*/
1404
  /**************** Premium Video Box ************/
1405
  /***********************************************/
1406
+ .premium-video-box-container {
1407
+ position: relative;
1408
+ height: 0;
1409
+ }
1410
+ .pa-aspect-ratio-11 .premium-video-box-container {
1411
+ padding-bottom: 100%;
1412
+ }
1413
+ .pa-aspect-ratio-169 .premium-video-box-container {
1414
+ padding-bottom: 56.25%;
1415
+ }
1416
+ .pa-aspect-ratio-43 .premium-video-box-container {
1417
+ padding-bottom: 75%;
1418
+ }
1419
+ .pa-aspect-ratio-32 .premium-video-box-container {
1420
+ padding-bottom: 66.6666%;
1421
+ }
1422
+ .pa-aspect-ratio-219 .premium-video-box-container {
1423
+ padding-bottom: 42.8571%;
1424
+ }
1425
+ .premium-video-box-image-container {
1426
+ position: absolute;
1427
+ top: 0;
1428
+ left: 0;
1429
+ width: 100%;
1430
+ height: 100%;
1431
+ -webkit-background-size: cover;
1432
+ background-size: cover;
1433
+ background-position: 50%;
1434
+ cursor: pointer;
1435
+ }
1436
+ .premium-video-box-play-icon-container {
1437
+ position: absolute;
1438
+ z-index: 1;
1439
+ cursor: pointer;
1440
+ transform: translate(-50%,-50%);
1441
+ background: rgba(252,252,252,0.84);
1442
+ }
1443
+ .premium-video-box-description-container {
1444
+ position: absolute;
1445
+ z-index: 1;
1446
+ padding: 5px;
1447
+ text-align: center;
1448
+ cursor: pointer;
1449
+ transform: translate(-50%,-50%);
1450
+ }
1451
+ .premium-video-box-text {
1452
+ margin-bottom: 0 !important;
1453
+ -webkit-transition: all 0.3s ease-in-out;
1454
+ -moz-transition: all 0.3s ease-in-out;
1455
+ -o-transition: all 0.3s ease-in-out;
1456
+ -ms-transition: all 0.3s ease-in-out;
1457
+ transition: all 0.3s ease-in-out;
1458
+ }
1459
+ .premium-video-box-play-icon{
1460
+ padding: 15px;
1461
+ transform: translateX(4%);
1462
+ -webkit-transition: all 0.3s ease-in-out;
1463
+ -moz-transition: all 0.3s ease-in-out;
1464
+ -o-transition: all 0.3s ease-in-out;
1465
+ -ms-transition: all 0.3s ease-in-out;
1466
+ transition: all 0.3s ease-in-out;
1467
+ }
1468
+ .premium-video-box-video-container {
1469
+ position: absolute;
1470
+ top: 0;
1471
+ left: 0;
1472
+ z-index: 2;
1473
+ width: 100%;
1474
+ height: 100%;
1475
+ -webkit-transition: opacity 0.8s ease-in-out;
1476
+ -moz-transition: opacity 0.8s ease-in-out;
1477
+ -o-transition: opacity 0.8s ease-in-out;
1478
+ -ms-transition: opacity 0.8s ease-in-out;
1479
+ transition: opacity 0.8s ease-in-out;
1480
+ overflow: hidden;
1481
+ cursor: pointer;
1482
+ }
1483
+ .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
1484
+ opacity: 0;
1485
+ visibility: hidden;
1486
+ }
1487
+ .premium-video-box-video-container iframe, .premium-video-box-video-container video {
1488
+ max-width: 100%;
1489
+ width: 100%;
1490
+ height: 100%;
1491
+ margin: 0;
1492
+ line-height: 1;
1493
+ border: none;
1494
+ }
1495
+ .premium-video-box-video-container video {
1496
+ -o-object-fit: contain;
1497
+ object-fit: contain;
 
1498
  }
1499
  /**************** Premium Blog *****************/
1500
  /***********************************************/
1501
+ .premium-blog-post-container {
1502
+ padding: 15px;
1503
  }
1504
+ .premium-blog-thumb-effect-wrapper {
1505
+ position: relative;
1506
+ overflow: hidden;
1507
  }
1508
+ .premium-blog-thumbnail-container {
1509
+ overflow: hidden;
1510
  }
1511
+ .premium-blog-post-link {
1512
+ position: absolute;
1513
+ top: 0;
1514
+ left: 0;
1515
+ width: 100%;
1516
+ height: 100%;
1517
+ z-index: 99;
1518
  }
1519
+ .premium-blog-post-link:hover {
1520
+ box-shadow: none !important;
1521
+ border: none !important;
1522
+ outline: none !important;
1523
  }
1524
  /*Thumbnail Img*/
1525
+ .premium-blog-thumbnail-container img, .premium-blog-thumbnail-container .below-entry-meta{
1526
+ width: 100%;
1527
+ height: 100%;
1528
+ margin: 0 !important;
1529
+ -webkit-transition: all 0.4s ease-in-out;
1530
+ -moz-transition: all 0.4s ease-in-out;
1531
+ -ms-transition: all 0.4s ease-in-out;
1532
+ -o-transition: all 0.4s ease-in-out;
1533
+ transition: all 0.4s ease-in-out;
1534
+ }
1535
+ .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img, .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
1536
+ transform: scale(1.2);
1537
+ }
1538
+ .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
1539
+ -webkit-filter: sepia(30%);
1540
+ filter: sepia(30%);
1541
+ }
1542
+ .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
1543
+ -webkit-filter: brightness(1);
1544
+ filter: brightness(1);
1545
+ }
1546
+ .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
1547
+ -webkit-transform: translateX(-15px) scale(1.1);
1548
+ transform: translateX(-15px) scale(1.1);
 
 
1549
  }
1550
  /*Thumbnail Container Hover*/
1551
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-zoomin-effect img {
1552
+ transform: scale(1.2);
1553
+ }
1554
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-zoomout-effect img {
1555
+ transform: scale(1.1);
1556
+ }
1557
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-scale-effect img {
1558
+ transform: scale(1.3) rotate(5deg);
1559
+ }
1560
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-gray-effect img {
1561
+ filter: grayscale(100%);
1562
+ }
1563
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-blur-effect img {
1564
+ filter: blur(3px);
1565
+ }
1566
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-sepia-effect img {
1567
+ -webkit-filter: sepia(0%);
1568
+ filter: sepia(0%);
1569
+ }
1570
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bright-effect img {
1571
+ -webkit-filter: brightness(1.2);
1572
+ filter: brightness(1.2);
1573
+ }
1574
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-trans-effect img {
1575
+ -webkit-transform: translateX(0px) scale(1.1);
1576
+ transform: translateX(0px) scale(1.1);
1577
+ }
1578
+ .premium-blog-thumbnail-container:before, .premium-blog-thumbnail-container:after {
1579
+ position: absolute;
1580
+ content: '';
1581
+ z-index: 1;
1582
+ top: 50%;
1583
+ left: 50%;
1584
+ opacity: 0;
1585
+ -webkit-transform: translate(-50%,-50%);
1586
+ transform: translate(-50%,-50%);
1587
+ -webkit-transition: all 0.4s linear 0s;
1588
+ -moz-transition: all 0.4s linear 0s;
1589
+ -ms-transition: all 0.4s linear 0s;
1590
+ -o-transition: all 0.4s linear 0s;
1591
+ transition: all 0.4s linear 0s;
1592
+ height: 1px;
1593
+ width: 100%;
1594
+ }
1595
+ .premium-blog-thumbnail-container:before {
1596
+ width: 1px;
1597
+ height: 100%;
1598
+ }
1599
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:after {
1600
+ width: 20px;
1601
+ opacity: 1;
1602
+ }
1603
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:before{
1604
+ height: 20px;
1605
+ opacity: 1;
1606
+ }
1607
+ .premium-blog-diagonal-container {
1608
+ position: absolute;
1609
+ top: 0;
1610
+ left: 0;
1611
+ width: 100%;
1612
+ height: 100%;
1613
+ }
1614
+ .premium-blog-diagonal-effect:before {
1615
+ position: absolute;
1616
+ top: 0px;
1617
+ left: 0px;
1618
+ width: 100%;
1619
+ height: 100%;
1620
+ content: " ";
1621
+ z-index: 1;
1622
+ background: rgba(255,255,255,0.2);
1623
+ -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
1624
+ -moz-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
1625
+ -o-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
1626
+ -ms-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
1627
+ transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
1628
+ -webkit-transition: all 0.3s linear 0s;
1629
+ -moz-transition: all 0.3s linear 0s;
1630
+ -o-transition: all 0.3s linear 0s;
1631
+ -ms-transition: all 0.3s linear 0s;
1632
+ transition: all 0.3s linear 0s;
1633
+ }
1634
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
1635
+ -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
1636
+ -moz-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
1637
+ -o-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
1638
+ -ms-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
1639
+ transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
1640
+ }
1641
+ .premium-blog-framed-effect {
1642
+ position: absolute;
1643
+ width: calc(100% - 30px);
1644
+ height: calc(100% - 30px);
1645
+ top: 15px;
1646
+ left: 15px;
1647
+ opacity: 0;
1648
+ transform: scale(0.3);
1649
+ -webkit-transition: all 0.3s linear 0s;
1650
+ -moz-transition: all 0.3s linear 0s;
1651
+ -o-transition: all 0.3s linear 0s;
1652
+ -ms-transition: all 0.3s linear 0s;
1653
+ transition: all 0.3s linear 0s;
1654
+ }
1655
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
1656
+ opacity: 0.99;
1657
+ transform: scale(1);
1658
+ }
1659
+ .premium-blog-bordered-effect {
1660
+ position: absolute;
1661
+ top: 0;
1662
+ left: 0;
1663
+ width: 100%;
1664
+ height: 100%;
1665
+ opacity: 0;
1666
+ padding: 15px;
1667
+ -webkit-transition: all 0.3s linear 0s;
1668
+ -moz-transition: all 0.3s linear 0s;
1669
+ -o-transition: all 0.3s linear 0s;
1670
+ -ms-transition: all 0.3s linear 0s;
1671
+ transition: all 0.3s linear 0s;
1672
+ }
1673
+ .premium-blog-bordered-border-container {
1674
+ width: 100%;
1675
+ height: 100%;
1676
+ border: 2px solid;
1677
+ -webkit-transform: scale(0,1);
1678
+ transform: scale(0,1);
1679
+ -webkit-transform-origin: 0 0;
1680
+ transform-origin: 0 0;
1681
+ -webkit-transition: all 0.3s linear 0s;
1682
+ -moz-transition: all 0.3s linear 0s;
1683
+ -o-transition: all 0.3s linear 0s;
1684
+ -ms-transition: all 0.3s linear 0s;
1685
+ transition: all 0.3s linear 0s;
1686
+ }
1687
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
1688
+ opacity: 0.99;
1689
+ }
1690
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-bordered-border-container {
1691
+ -webkit-transform: scale(1,1);
1692
+ transform: scale(1,1);
1693
+ }
1694
+ .premium-blog-squares-effect, .premium-blog-squares-square-container{
1695
+ position: absolute;
1696
+ top: 0;
1697
+ left: 0;
1698
+ width: 100%;
1699
+ height: 100%;
1700
+ }
1701
+ .premium-blog-squares-effect:before, .premium-blog-squares-effect:after, .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after{
1702
+ position: absolute;
1703
+ content: '';
1704
+ top: 0;
1705
+ left: 0;
1706
+ width: 50%;
1707
+ height: 50%;
1708
+ -webkit-transform: translate(-100%,-100%);
1709
+ transform: translate(-100%,-100%);
1710
+ opacity: 0.7;
1711
+ -webkit-transition: all 0.3s linear 0s;
1712
+ -moz-transition: all 0.3s linear 0s;
1713
+ -o-transition: all 0.3s linear 0s;
1714
+ -ms-transition: all 0.3s linear 0s;
1715
+ transition: all 0.3s linear 0s;
1716
+ }
1717
+ .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
1718
+ opacity: 0.8;
1719
+ }
1720
+ .premium-blog-squares-effect:after {
1721
+ -webkit-transform: translate(200%,200%);
1722
+ transform: translate(200%,200%);
1723
+ }
1724
+ .premium-blog-squares-square-container:before{
1725
+ -webkit-transform: translate(-100%,200%);
1726
+ transform: translate(-100%,200%);
1727
+ }
1728
+ .premium-blog-squares-square-container:after {
1729
+ -webkit-transform: translate(200%,-100%);
1730
+ transform: translate(200%,-100%);
1731
+ }
1732
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
1733
+ -webkit-transform: translate(0,0%) scaleY(1.003) scaleX(1.003);
1734
+ transform: translate(0,0%) scaleY(1.003) scaleX(1.003);
1735
+ }
1736
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
1737
+ -webkit-transform: translate(100%,100%) scaleY(1.003) scaleX(1.003);
1738
+ transform: translate(100%,100%) scaleY(1.003) scaleX(1.003);
1739
+ }
1740
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before{
1741
+ -webkit-transform: translate(0,100%);
1742
+ transform: translate(0,100%);
1743
+ }
1744
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after{
1745
+ -webkit-transform: translate(100%,0%);
1746
+ transform: translate(100%,0%);
 
 
 
 
 
1747
  }
1748
  /*Content Wrapper*/
1749
+ .premium-blog-content-wrapper {
1750
+ margin: 0px 10px 20px;
1751
+ clear: both;
1752
+ padding: 30px;
1753
  }
1754
+ .premium-blog-post-container.classic .premium-blog-content-wrapper {
1755
+ position: relative;
1756
+ z-index: 2;
1757
+ top: -50px;
1758
  }
1759
+ .premium-blog-content-wrapper.empty-thumb {
1760
+ top: 0;
1761
  }
1762
+ .premium-blog-clear-fix {
1763
+ clear: both;
1764
  }
1765
+ .premium-blog-content-wrapper .premium-blog-inner-container {
1766
+ display: flex;
1767
  }
1768
  /*Post Format Container*/
1769
+ .premium-blog-format-container {
1770
+ display: flex;
1771
+ align-items: center;
1772
+ justify-content: center;
1773
+ cursor: pointer;
1774
+ background: #eee;
1775
+ width: 55px;
1776
+ height: 55px;
1777
+ font-size: 25px;
1778
+ margin-right: 20px;
1779
+ text-align: center;
1780
+ -webkit-transition: all 0.3s ease-in-out;
1781
+ -moz-transition: all 0.3s ease-in-out;
1782
+ -ms-transition: all 0.3s ease-in-out;
1783
+ -o-transition: all 0.3s ease-in-out;
1784
+ transition: all 0.3s ease-in-out;
1785
+ }
1786
+ .premium-blog-format-link {
1787
+ line-height: 0;
1788
  }
1789
  /*Post Format Icon*/
1790
+ .premium-blog-format-container i {
1791
+ -webkit-transition: all 0.3s ease-in-out;
1792
+ -moz-transition: all 0.3s ease-in-out;
1793
+ -ms-transition: all 0.3s ease-in-out;
1794
+ -o-transition: all 0.3s ease-in-out;
1795
+ transition: all 0.3s ease-in-out;
1796
+ }
1797
+ .premium-blog-entry-title {
1798
+ display: inline;
1799
+ margin-bottom: 0px;
1800
+ }
1801
+ .premium-blog-entry-meta {
1802
+ margin-bottom: 8px;
1803
+ }
1804
+ .premium-blog-entry-meta i{
1805
+ margin-right: 3px;
1806
+ -webkit-transition: all 0.3s ease-in-out;
1807
+ -moz-transition: all 0.3s ease-in-out;
1808
+ -ms-transition: all 0.3s ease-in-out;
1809
+ -o-transition: all 0.3s ease-in-out;
1810
+ transition: all 0.3s ease-in-out;
1811
+ }
1812
+ .premium-blog-post-tags-container a{
1813
+ -webkit-transition: all 0.3s ease-in-out;
1814
+ -moz-transition: all 0.3s ease-in-out;
1815
+ -ms-transition: all 0.3s ease-in-out;
1816
+ -o-transition: all 0.3s ease-in-out;
1817
+ transition: all 0.3s ease-in-out;
1818
+ }
1819
+ .premium-blog-meta-data {
1820
+ margin-right : 8px;
1821
+ }
1822
+ .premium-blog-post-content {
1823
+ padding: 14px 0;
1824
+ }
1825
+ .premium-blog-post-container.classic .premium-blog-post-content {
1826
+ border-top: 1px solid #eaeaea;
1827
+ }
1828
+ .premium-blog-post-container.cards .premium-blog-post-content {
1829
+ border-bottom: 1px solid #eaeaea;
1830
+ }
1831
+ .premium-blog-post-container.cards .premium-blog-post-content {
1832
+ border-bottom: 1px solid #eaeaea;
1833
+ }
1834
+ .premium-blog-post-container.cards .premium-blog-entry-meta {
1835
+ padding-top: 14px;
1836
+ }
1837
+ .premium-blog-author-thumbnail {
1838
+ position: relative;
1839
+ padding: 0 30px;
1840
+ width: 100%;
1841
+ top: -10px;
1842
+ height: 0;
1843
+ pointer-events: none;
1844
+ }
1845
+ .premium-blog-author-thumbnail img {
1846
+ border-radius: 50%;
1847
+ width: 60px;
1848
+ pointer-events: all;
1849
+ -webkit-transform: translateY(-50%);
1850
+ -ms-transform: translateY(-50%);
1851
+ transform: translateY(-50%);
1852
+ }
1853
+ .premium-blog-post-content {
1854
+ margin-top: 0;
1855
+ margin-left: 75px;
1856
+ }
1857
+ .premium-blog-post-tags-container {
1858
+ margin-top: 8px;
1859
+ margin-left: 75px;
1860
+ }
1861
+ .premium-blog-entry-title a, .premium-blog-meta-data a, .premium-blog-post-tags a, .premium-blog-post-content .premium-blog-excerpt-link{
1862
+ -webkit-transition: color 0.3s ease-in-out;
1863
+ -moz-transition: color 0.3s ease-in-out;
1864
+ -ms-transition: color 0.3s ease-in-out;
1865
+ -o-transition: color 0.3s ease-in-out;
1866
+ transition: color 0.3s ease-in-out;
1867
+ }
1868
+ .premium-blog-pagination-container {
1869
+ padding: 15px;
1870
+ margin-top: -30px;
1871
+ text-align: right;
1872
+ }
1873
+ .premium-blog-pagination-container ul {
1874
+ list-style: none;
1875
+ margin: 0;
1876
+ padding: 0;
1877
+ }
1878
+ .premium-blog-pagination-container li {
1879
+ display: inline-block;
1880
+ margin-right: 10px;
1881
+ margin-bottom: 5px;
1882
+ padding: 3px 7px;
1883
+ -webkit-transition: all 0.3s ease-in-out;
1884
+ -moz-transition: all 0.3s ease-in-out;
1885
+ -ms-transition: all 0.3s ease-in-out;
1886
+ -o-transition: all 0.3s ease-in-out;
1887
+ transition: all 0.3s ease-in-out;
1888
+ }
1889
+ .premium-blog-pagination-container li span {
1890
+ cursor: default;
1891
+ }
1892
+ .premium-blog-pagination-container li a, .premium-blog-pagination-container li span {
1893
+ font-size: 16px;
1894
+ display: inline-block;
1895
+ }
1896
+ .premium-blog-wrap {
1897
+ display: -ms-flexbox;
1898
+ display: -webkit-flex;
1899
+ display: -moz-flex;
1900
+ display: -ms-flex;
1901
+ display: flex;
1902
+ -webkit-flex-wrap: wrap;
1903
+ flex-wrap: wrap;
1904
+ }
1905
+ .premium-blog-wrap.premium-blog-col-3 .premium-blog-entry-meta, .premium-blog-wrap.premium-blog-col-3 .premium-blog-post-content, .premium-blog-wrap.premium-blog-col-3 .premium-blog-post-tags-container, .premium-blog-wrap.premium-blog-col-4 .premium-blog-entry-meta, .premium-blog-wrap.premium-blog-col-4 .premium-blog-post-content, .premium-blog-wrap.premium-blog-col-4 .premium-blog-post-tags-container {
1906
+ margin-left: 0;
1907
+ }
1908
+ .premium-blog-wrap.premium-blog-col-3 .premium-blog-format-container, .premium-blog-wrap.premium-blog-col-4 .premium-blog-format-container {
1909
+ display: none;
1910
+ }
1911
+ .premium-blog-wrap.premium-blog-col-3 .premium-blog-entry-title, .premium-blog-wrap.premium-blog-col-4 .premium-blog-entry-title {
1912
+ line-height: 1;
1913
+ }
1914
+ .premium-blog-wrap.premium-blog-col-3 .premium-blog-entry-title a, .premium-blog-wrap.premium-blog-col-4 .premium-blog-entry-title a{
1915
+ font-size: 20px;
1916
+ }
1917
+ /* * Carousel */
1918
+ .premium-blog-wrap ul.slick-dots {
1919
+ width: 100%;
1920
+ }
1921
+ /* * Even Layout */
1922
+ .premium-blog-even .premium-blog-post-container {
1923
+ height: 100%;
1924
+ }
1925
+ @media ( max-width: 1025px ) {
1926
+ .premium-blog-entry-title a {
1927
+ font-size: 18px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1928
  }
1929
+ }
1930
+ @media ( max-width: 768px ) {
1931
+ .premium-blog-content-wrapper {
1932
+ top: 0;
1933
+ margin: 0;
1934
+ padding: 15px;
1935
  }
1936
+ .premium-blog-thumb-effect-wrapper {
1937
+ margin-bottom: 15px;
1938
  }
1939
+ .premium-blog-format-container {
1940
+ display: none;
1941
  }
1942
+ .premium-blog-entry-title {
1943
+ line-height: 1;
1944
  }
1945
+ .premium-blog-entry-title a {
1946
+ font-size: 16px;
1947
  }
1948
+ .premium-blog-entry-meta, .premium-blog-post-content {
1949
+ margin-left: 0px;
 
1950
  }
1951
+ .premium-blog-post-tags-container {
1952
+ margin-left: 0px;
1953
  }
1954
  }
1955
  /**************** Premium Person ******************/
1956
  /**************************************************/
1957
+ .premium-person-container {
1958
+ position: relative;
1959
+ overflow: hidden;
1960
+ }
1961
+ .premium-person-image-container {
1962
+ text-align: center;
1963
+ }
1964
+ .premium-person-zoomout-effect .premium-person-image-container img, .premium-person-scale-effect .premium-person-image-container img {
1965
+ -webkit-transform: scale(1.2);
1966
+ -moz-transform: scale(1.2);
1967
+ -ms-transform: scale(1.2);
1968
+ -o-transform: scale(1.2);
1969
+ transform: scale(1.2);
1970
+ }
1971
+ .premium-person-sepia-effect .premium-person-image-container img {
1972
+ -webkit-filter: sepia(30%);
1973
+ filter: sepia(30%);
1974
+ }
1975
+ .premium-person-bright-effect .premium-person-image-container img {
1976
+ -webkit-filter: brightness(1);
1977
+ filter: brightness(1);
1978
+ }
1979
+ .premium-person-trans-effect .premium-person-image-container img {
1980
+ -webkit-transform: translateX(-15px) scale(1.1);
1981
+ transform: translateX(-15px) scale(1.1);
1982
+ }
1983
+ .premium-person-zoomin-effect:hover .premium-person-image-container img{
1984
+ -webkit-transform: scale(1.2);
1985
+ -moz-transform: scale(1.2);
1986
+ -ms-transform: scale(1.2);
1987
+ -o-transform: scale(1.2);
1988
+ transform: scale(1.2);
1989
+ }
1990
+ .premium-person-zoomout-effect:hover .premium-person-image-container img{
1991
+ -webkit-transform: scale(1.1);
1992
+ -moz-transform: scale(1.1);
1993
+ -ms-transform: scale(1.1);
1994
+ -o-transform: scale(1.1);
1995
+ transform: scale(1.1);
1996
+ }
1997
+ .premium-person-scale-effect:hover .premium-person-image-container img {
1998
+ -webkit-transform: scale(1.3) rotate(5deg);
1999
+ -moz-transform: scale(1.3) rotate(5deg);
2000
+ -ms-transform: scale(1.3) rotate(5deg);
2001
+ -o-transform: scale(1.3) rotate(5deg);
2002
+ transform: scale(1.3) rotate(5deg);
2003
+ }
2004
+ .premium-person-grayscale-effect:hover .premium-person-image-container img {
2005
+ -webkit-filter: grayscale(100%);
2006
+ -moz-filter: grayscale(100%);
2007
+ -ms-filter: grayscale(100%);
2008
+ -o-filter: grayscale(100%);
2009
+ filter: grayscale(100%);
2010
+ }
2011
+ .premium-person-blur-effect:hover .premium-person-image-container img {
2012
+ -webkit-filter: blur(3px);
2013
+ -moz-filter: blur(3px);
2014
+ -ms-filter: blur(3px);
2015
+ -o-filter: blur(3px);
2016
+ filter: blur(3px);
2017
+ }
2018
+ .premium-person-sepia-effect:hover .premium-person-image-container img {
2019
+ -webkit-filter: sepia(0%);
2020
+ filter: sepia(0%);
2021
+ }
2022
+ .premium-person-bright-effect:hover .premium-person-image-container img {
2023
+ -webkit-filter: brightness(1.2);
2024
+ filter: brightness(1.2);
2025
+ }
2026
+ .premium-person-trans-effect:hover .premium-person-image-container img {
2027
+ -webkit-transform: translateX(0px) scale(1.1);
2028
+ transform: translateX(0px) scale(1.1);
2029
+ }
2030
+ .premium-person-container .premium-person-image-container img {
2031
+ width: 100%;
2032
+ height: 100%;
2033
+ object-fit: cover;
2034
+ -webkit-transition: all 0.5s ease-in-out;
2035
+ -moz-transition: all 0.5s ease-in-out;
2036
+ -ms-transition: all 0.5s ease-in-out;
2037
+ -o-transition: all 0.5s ease-in-out;
2038
+ transition: all 0.5s ease-in-out;
2039
+ }
2040
+ .premium-person-info {
2041
+ position: absolute;
2042
+ top: auto;
2043
+ right: 0;
2044
+ left: 0;
2045
+ width: 100%;
2046
+ -webkit-transition: all 500ms ease 0s;
2047
+ -moz-transition: all 500ms ease 0s;
2048
+ -ms-transition: all 500ms ease 0s;
2049
+ -o-transition: all 500ms ease 0s;
2050
+ transition: all 500ms ease 0s;
2051
+ -webkit-transform: translate3d(0,100%,0);
2052
+ -moz-transform: translate3d(0,100%,0);
2053
+ -ms-transform: translate3d(0,100%,0);
2054
+ -o-transform: translate3d(0,100%,0);
2055
+ transform: translate3d(0,100%,0);
2056
+ }
2057
+ .premium-person-container:hover .premium-person-info{
2058
+ -webkit-transform: translate3d(0,0,0);
2059
+ -moz-transform: translate3d(0,0,0);
2060
+ -ms-transform: translate3d(0,0,0);
2061
+ -o-transform: translate3d(0,0,0);
2062
+ transform: translate3d(0,0,0);
2063
+ bottom: -1px !important;
2064
+ }
2065
+ .premium-person-info-container {
2066
+ padding: 30px 15px;
2067
+ }
2068
+ .premium-person-name {
2069
+ margin: 0 0 5px;
2070
+ font-weight: 700;
2071
+ }
2072
+ .premium-person-title {
2073
+ margin: 0 0 20px;
2074
+ padding: 0;
2075
+ }
2076
+ .premium-person-content {
2077
+ margin: 0 0 30px;
 
2078
  }
2079
  /*Override Theme List Margin*/
2080
+ ul.premium-person-social-list {
2081
+ margin: 0px !important;
2082
+ padding: 0;
2083
+ }
2084
+ .premium-person-social-list .premium-person-list-item {
2085
+ display: inline;
2086
+ list-style: none;
2087
+ }
2088
+ .premium-person-social-list li, .premium-person-social-list li i{
2089
+ position: relative;
2090
+ bottom: 0px;
2091
+ -webkit-transition: all 0.2s ease-in-out;
2092
+ -moz-transition: all 0.2s ease-in-out;
2093
+ -ms-transition: all 0.2s ease-in-out;
2094
+ -o-transition: all 0.2s ease-in-out;
2095
+ transition: all 0.2s ease-in-out;
2096
+ }
2097
+ .premium-person-social-list li:hover {
2098
+ bottom: 5px;
2099
+ }
2100
+ .premium-person-social-list li:hover a{
2101
+ box-shadow: none;
2102
+ }
2103
+ .premium-person-social-list li a:focus{
2104
+ box-shadow: none;
2105
+ outline: none;
2106
+ }
2107
+ .premium-person-social-list li i {
2108
+ font-size: 18px;
2109
+ margin: 0 5px;
 
2110
  }
2111
  /**************** Premium Dual Header ******************/
2112
  /*******************************************************/
2113
+ .premium-dual-header-container .premium-dual-header-first-header, .premium-dual-header-container .premium-dual-header-second-header {
2114
+ position: relative;
2115
+ padding: 0;
2116
+ margin: 0;
2117
+ display: inline-block;
2118
+ -webkit-transform: translate(0,0);
2119
+ transform: translate(0,0);
2120
+ }
2121
+ .premium-dual-header-first-clip .premium-dual-header-first-span, .premium-dual-header-second-clip {
2122
+ -webkit-text-fill-color: transparent;
2123
+ -webkit-background-clip: text;
2124
+ }
2125
+ .premium-dual-header-first-clip.stroke .premium-dual-header-first-span, .premium-dual-header-second-clip.stroke {
2126
+ -webkit-text-stroke-color: transparent;
2127
+ -webkit-text-fill-color: #fafafa;
2128
+ -webkit-text-stroke-width: 2px;
2129
+ }
2130
+ @media (max-width: 500px) {
2131
+ .premium-dual-header-container .premium-dual-header-first-header, .premium-dual-header-container .premium-dual-header-second-header {
2132
+ display: block;
2133
+ word-wrap: break-word;
 
 
 
 
 
2134
  }
2135
+ .premium-dual-header-first-container, .premium-dual-header-second-container {
2136
+ margin: 0;
 
2137
  }
2138
  }
2139
+ @media (min-width: 501px) {
2140
+ .premium-dual-header-first-container {
2141
+ margin-right: 5px;
2142
  }
2143
  }
2144
+ .premium-dual-header-first-header.gradient .premium-dual-header-first-span, .premium-dual-header-second-header.gradient {
2145
+ background-size: 300% 300% !important;
2146
+ -webkit-animation: Gradient 10s ease-in-out infinite;
2147
+ -moz-animation: Gradient 10s ease-in-out infinite;
2148
+ animation: Gradient 10s ease-in-out infinite;
 
2149
  }
2150
+ @-webkit-keyframes Gradient {
2151
+ 0% {
2152
+ background-position: 0% 50%
2153
  }
2154
+ 50% {
2155
+ background-position: 100% 50%
2156
  }
2157
+ 100% {
2158
+ background-position: 0% 50%
2159
  }
2160
  }
2161
+ @-moz-keyframes Gradient {
2162
+ 0% {
2163
+ background-position: 0% 50%
2164
  }
2165
+ 50% {
2166
+ background-position: 100% 50%
2167
  }
2168
+ 100% {
2169
+ background-position: 0% 50%
2170
  }
2171
  }
2172
+ @keyframes Gradient {
2173
+ 0% {
2174
+ background-position: 0% 50%
2175
  }
2176
+ 50% {
2177
+ background-position: 100% 50%
2178
  }
2179
+ 100% {
2180
+ background-position: 0% 50%
2181
  }
2182
  }
2183
  /**************** Premium Fancy Text *******************/
2184
  /*******************************************************/
2185
+ .premium-suffix-text, .premium-fancy-text, .premium-prefix-text {
2186
+ font-size: 40px;
 
 
2187
  }
2188
+ .premium-fancy-text-wrapper .premium-fancy-list-items {
2189
+ list-style: none;
2190
  }
2191
+ .premium-fancy-text-wrapper .premium-fancy-text-span-align {
2192
+ vertical-align: top;
2193
  }
2194
  /**************** Premium Pricing Table ****************/
2195
  /*******************************************************/
2196
  /*Pricing Table Container Div Style*/
2197
+ .premium-pricing-table-container {
2198
+ text-align: center;
2199
+ overflow: hidden;
2200
+ -webkit-transition: all 0.3s ease-in-out;
2201
+ -moz-transition: all 0.3s ease-in-out;
2202
+ -o-transition: all 0.3s ease-in-out;
2203
+ -ms-transition: all 0.3s ease-in-out;
2204
+ transition: all 0.3s ease-in-out;
2205
+ }
2206
+ .premium-badge-left, .premium-badge-right {
2207
+ position:absolute;
2208
+ top: 0;
2209
+ }
2210
+ .premium-badge-right {
2211
+ right: 0;
2212
+ }
2213
+ .premium-badge-left {
2214
+ left: 0;
2215
+ }
2216
+ .premium-badge-left .corner {
2217
+ width: 0;
2218
+ height: 0;
2219
+ border-top: 150px solid;
2220
+ border-bottom: 150px solid transparent;
2221
+ border-right: 150px solid transparent;
2222
+ }
2223
+ .premium-badge-right .corner {
2224
+ width: 0;
2225
+ height: 0;
2226
+ border-bottom: 150px solid transparent;
2227
+ border-right: 150px solid;
2228
+ border-left: 150px solid transparent;
2229
+ }
2230
+ .premium-badge-left span, .premium-badge-right span{
2231
+ position:absolute;
2232
+ top: 35px;
2233
+ width: 100px;
2234
+ text-align: center;
2235
+ -webkit-transform: rotate(-45deg);
2236
+ transform: rotate(-45deg);
2237
+ display:block;
2238
+ text-transform: uppercase;
2239
+ }
2240
+ .premium-badge-right span {
2241
+ -webkit-transform: rotate(45deg);
2242
+ transform: rotate(45deg);
2243
+ right: 0;
2244
+ }
2245
+ .premium-pricing-price-currency {
2246
+ position: relative;
2247
+ }
2248
+ .premium-pricing-icon-container {
2249
+ line-height: 0;
2250
+ }
2251
+ .premium-pricing-button-container {
2252
+ display: block;
2253
+ }
2254
+ .premium-pricing-list {
2255
+ list-style-type: none;
2256
+ margin: 0;
2257
+ }
2258
+ .premium-pricing-slashed-price-value {
2259
+ display: inline-block;
2260
+ font-size: 20px;
2261
+ font-weight: 400;
2262
+ margin-right: 5px;
2263
+ }
2264
+ .premium-pricing-price-value {
2265
+ font-size: 70px;
2266
+ }
2267
+ .premium-pricing-description-container li{
2268
+ list-style-position: inside;
2269
+ text-indent: -40px;
2270
+ }
2271
+ @-moz-document url-prefix() {
2272
+ .premium-pricing-description-container li{
2273
+ text-indent: 0px;
 
 
2274
  }
2275
  }
2276
+ .premium-pricing-price-button {
2277
+ display: block;
2278
+ padding: 6px 12px;
2279
+ line-height: 1.42857143;
2280
+ text-align: center;
2281
+ color: #fff;
2282
+ background: #6ec1e4;
2283
+ margin-bottom: 0;
2284
+ -webkit-transition: all 0.3s ease-in-out;
2285
+ -moz-transition: all 0.3s ease-in-out;
2286
+ -o-transition: all 0.3s ease-in-out;
2287
+ -ms-transition: all 0.3s ease-in-out;
2288
+ transition: all 0.3s ease-in-out;
2289
  }
2290
  /**************** Premium Google Maps ******************/
2291
  /*******************************************************/
2292
+ .premium-maps-info-container {
2293
+ margin-top: 10px;
2294
+ margin-bottom: 10px;
2295
  }
2296
+ .premium-maps-info-title, .premium-maps-info-desc {
2297
+ margin: 0;
2298
+ padding: 0;
 
2299
  }
2300
+ .premium-maps-container .gm-style-iw {
2301
+ text-align: center;
2302
  }
2303
+ .premium-maps-container .gm-style img {
2304
+ max-width: none !important;
2305
  }
2306
  /**************** Premium Button ***********************/
2307
  /*******************************************************/
2308
+ .premium-button {
2309
+ display: inline-block;
2310
+ position: relative;
2311
+ overflow: hidden;
2312
+ cursor: pointer;
2313
+ -webkit-transition: all 0.2s ease-in-out !important;
2314
+ -moz-transition: all 0.2s ease-in-out !important;
2315
+ -ms-transition: all 0.2s ease-in-out !important;
2316
+ -o-transition: all 0.2s ease-in-out !important;
2317
+ transition: all 0.2s ease-in-out !important;
2318
+ }
2319
+ .premium-button-sm {
2320
+ padding: 12px 24px;
2321
+ font-size: 14px;
2322
+ line-height: 1;
2323
+ }
2324
+ .premium-button-md {
2325
+ padding: 14px 26px;
2326
+ font-size: 16px;
2327
+ line-height: 1.2;
2328
+ }
2329
+ .premium-button-lg {
2330
+ padding: 16px 28px;
2331
+ font-size: 18px;
2332
+ line-height: 1.3333;
2333
+ }
2334
+ .premium-button-block {
2335
+ font-size: 15px;
2336
+ line-height: 1;
2337
+ padding: 12px 24px;
2338
+ width: 100%;
2339
+ text-align: center;
2340
+ }
2341
+ .premium-button-text {
2342
+ display: inline-block;
2343
+ width: 100%;
2344
+ }
2345
+ .premium-button-style1-bottom, .premium-button-style1-top, .premium-button-style1-right, .premium-button-style1-left, .premium-button-style2-shutouthor, .premium-button-style2-shutoutver, .premium-button-style2-shutinhor, .premium-button-style2-shutinver, .premium-button-style2-scshutouthor, .premium-button-style2-scshutoutver, .premium-button-style2-dshutinhor, .premium-button-style2-dshutinver, .premium-button-style5-radialin, .premium-button-style5-radialout, .premium-button-style5-rectin, .premium-button-style5-rectout {
2346
+ display: inline-block;
2347
+ vertical-align: middle;
2348
+ -webkit-transform: perspective(1px) translateZ(0);
2349
+ transform: perspective(1px) translateZ(0);
2350
+ box-shadow: 0 0 1px transparent;
2351
+ position: relative;
2352
+ -webkit-transition-property: color;
2353
+ transition-property: color;
2354
+ -webkit-transition-duration: 0.15s;
2355
+ transition-duration: 0.15s;
2356
+ }
2357
+ .premium-button-style1-bottom:before, .premium-button-style1-top:before, .premium-button-style1-right:before, .premium-button-style1-left:before, .premium-button-style2-shutinhor:before, .premium-button-style2-shutinver:before, .premium-button-style2-shutouthor:before, .premium-button-style2-shutoutver:before, .premium-button-style2-scshutouthor:before, .premium-button-style2-scshutoutver:before, .premium-button-style2-dshutinhor:before, .premium-button-style2-dshutinver:before, .premium-button-style5-radialin:before, .premium-button-style5-radialout:before, .premium-button-style5-rectin:before, .premium-button-style5-rectout:before {
2358
+ content: "";
2359
+ position: absolute;
2360
+ z-index: -1;
2361
+ top: 0;
2362
+ left: 0;
2363
+ right: 0;
2364
+ bottom: 0;
2365
+ -webkit-transform: scaleY(0);
2366
+ transform: scaleY(0);
2367
+ -webkit-transform-origin: 50% 0;
2368
+ transform-origin: 50% 0;
2369
+ -webkit-transition-property: transform;
2370
+ transition-property: transform;
2371
+ -webkit-transition-duration: 0.15s;
2372
+ transition-duration: 0.15s;
2373
+ -webkit-transition-timing-function: ease-out;
2374
+ transition-timing-function: ease-out;
2375
+ }
2376
+ .premium-button-style5-radialin:before, .premium-button-style5-radialout:before {
2377
+ -webkit-transform-origin: 50%;
2378
+ transform-origin: 50%;
2379
+ border-radius: 100%;
2380
+ -webkit-transform: scale(0);
2381
+ transform: scale(0);
2382
+ }
2383
+ .premium-button-style5-radialin:before {
2384
+ -webkit-transform: scale(2);
2385
+ transform: scale(2);
2386
+ }
2387
+ .premium-button-style5-rectin:before, .premium-button-style5-rectout:before {
2388
+ -webkit-transform-origin: 50%;
2389
+ transform-origin: 50%;
2390
+ -webkit-transform: scale(1);
2391
+ transform: scale(1);
2392
+ }
2393
+ .premium-button-style5-rectout:before {
2394
+ -webkit-transform: scale(0);
2395
+ transform: scale(0);
2396
+ }
2397
+ .premium-button-style5-rectout:hover:before {
2398
+ -webkit-transform: scale(1);
2399
+ transform: scale(1);
2400
+ }
2401
+ .premium-button-style5-rectin:hover:before {
2402
+ -webkit-transform: scale(0);
2403
+ transform: scale(0);
2404
+ }
2405
+ .premium-button-style5-radialout:hover:before {
2406
+ -webkit-transform: scale(2);
2407
+ transform: scale(2);
2408
+ }
2409
+ .premium-button-style5-radialin:hover:before {
2410
+ -webkit-transform: scale(0);
2411
+ transform: scale(0);
2412
+ }
2413
+ .premium-button-style1-top:before {
2414
+ -webkit-transform-origin: 50% 100%;
2415
+ transform-origin: 50% 100%;
2416
+ }
2417
+ .premium-button-style1-right:before {
2418
+ -webkit-transform: scaleX(0);
2419
+ transform: scaleX(0);
2420
+ -webkit-transform-origin: 0% 50%;
2421
+ transform-origin: 0% 50%;
2422
+ }
2423
+ .premium-button-style1-left:before {
2424
+ -webkit-transform: scaleX(0);
2425
+ transform: scaleX(0);
2426
+ -webkit-transform-origin: 100% 50%;
2427
+ transform-origin: 100% 50%;
2428
+ }
2429
+ .premium-button-style2-shutouthor:before, .premium-button-style2-scshutoutver:before{
2430
+ -webkit-transform: scaleY(0);
2431
+ transform: scaleY(0);
2432
+ -webkit-transform-origin: 100% 50%;
2433
+ transform-origin: 100% 50%;
2434
+ }
2435
+ .premium-button-style2-shutoutver:before, .premium-button-style2-scshutouthor:before{
2436
+ -webkit-transform: scaleX(0);
2437
+ transform: scaleX(0);
2438
+ -webkit-transform-origin: 50% 50%;
2439
+ transform-origin: 50% 50%;
2440
+ }
2441
+ .premium-button-style2-shutinhor:before{
2442
+ -webkit-transform: scaleX(1);
2443
+ transform: scaleX(1);
2444
+ -webkit-transform-origin: 50%;
2445
+ transform-origin: 50%;
2446
+ }
2447
+ .premium-button-style2-shutinver:before{
2448
+ -webkit-transform: scaleY(1);
2449
+ transform: scaleY(1);
2450
+ -webkit-transform-origin: 50%;
2451
+ transform-origin: 50%;
2452
+ }
2453
+ .premium-button-style1-bottom:hover:before, .premium-button-style1-top:hover:before{
2454
+ -webkit-transform: scaleY(1);
2455
+ transform: scaleY(1);
2456
+ }
2457
+ .premium-button-style1-left:hover:before, .premium-button-style1-right:hover:before, .premium-button-style2-shutouthor:hover:before, .premium-button-style2-shutoutver:hover:before{
2458
+ -webkit-transform: scaleX(1);
2459
+ transform: scaleX(1);
2460
+ }
2461
+ .premium-button-style2-shutinhor:hover:before{
2462
+ -webkit-transform: scaleX(0);
2463
+ transform: scaleX(0);
2464
+ }
2465
+ .premium-button-style2-shutinver:hover:before{
2466
+ -webkit-transform: scaleY(0);
2467
+ transform: scaleY(0);
2468
+ }
2469
+ .premium-button-style2-scshutouthor:hover:before{
2470
+ -webkit-transform: scaleX(0.9);
2471
+ transform: scaleX(0.9);
2472
+ }
2473
+ .premium-button-style2-scshutoutver:hover:before{
2474
+ -webkit-transform: scaleY(0.8);
2475
+ transform: scaleY(0.8);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2476
  }
2477
  /*Diagonal*/
2478
+ .premium-button-style2-dshutinhor:before, .premium-button-style2-dshutinver:before {
2479
+ top: 50%;
2480
+ left: 50%;
2481
+ width: 120%;
2482
+ height: 0%;
2483
+ -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
2484
+ transform: translateX(-50%) translateY(-50%) rotate(-45deg);
2485
+ -webkit-transform-origin: 50%;
2486
+ transform-origin: 50%;
2487
+ -webkit-transition-property: all;
2488
+ transition-property: all;
2489
+ }
2490
+ .premium-button-style2-dshutinver:before {
2491
+ -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
2492
+ transform: translateX(-50%) translateY(-50%) rotate(45deg);
2493
+ }
2494
+ .premium-button-style2-dshutinhor:hover:before, .premium-button-style2-dshutinver:hover:before{
2495
+ height: 220%;
2496
+ }
2497
+ .premium-button-style3-before i, .premium-button-style3-after i{
2498
+ opacity: 0;
2499
+ -webkit-transform: translateX(-5px);
2500
+ transform: translateX(-5px);
2501
+ -webkit-transition: all 0.5s ease-in-out;
2502
+ -moz-transition: all 0.5s ease-in-out;
2503
+ -ms-transition: all 0.5s ease-in-out;
2504
+ -o-transition: all 0.5s ease-in-out;
2505
+ transition: all 0.5s ease-in-out;
2506
+ }
2507
+ .premium-button-style3-after i{
2508
+ -webkit-transform: translateX(5px);
2509
+ transform: translateX(5px);
2510
+ }
2511
+ .premium-button-style3-after:hover i {
2512
+ opacity: 1;
2513
+ }
2514
+ .premium-button-style3-before:hover i {
2515
+ opacity: 1;
2516
+ }
2517
+ .premium-button-text-icon-wrapper {
2518
+ display: -webkit-box;
2519
+ display: -webkit-flex;
2520
+ display: -ms-flexbox;
2521
+ justify-content: center;
2522
+ display: flex;
2523
+ align-items: center;
2524
+ }
2525
+ .premium-button-text-icon-wrapper span, .premium-button-text-icon-wrapper, .premium-button-text-icon-wrapper i{
2526
+ -webkit-transition: all 0.2s ease-in-out;
2527
+ -moz-transition: all 0.2s ease-in-out;
2528
+ -ms-transition: all 0.2s ease-in-out;
2529
+ -o-transition: all 0.2s ease-in-out;
2530
+ transition: all 0.2s ease-in-out;
2531
+ }
2532
+ .premium-button-style4-icon-wrapper {
2533
+ position: absolute;
2534
+ z-index: 2;
2535
+ width: 100%;
2536
+ text-align: center;
2537
+ display: flex;
2538
+ align-items: center;
2539
+ justify-content: center;
2540
+ height: 100%;
2541
+ opacity: 0;
2542
+ -webkit-transition: all 0.3s ease-in-out;
2543
+ -moz-transition: all 0.3s ease-in-out;
2544
+ -ms-transition: all 0.3s ease-in-out;
2545
+ -o-transition: all 0.3s ease-in-out;
2546
+ transition: all 0.3s ease-in-out;
2547
+ }
2548
+ .premium-button-style4-icon-wrapper.top {
2549
+ bottom: -100%;
2550
+ left: 0;
2551
+ }
2552
+ .premium-button-style4-icon-wrapper.bottom {
2553
+ top: -100%;
2554
+ left: 0;
2555
+ }
2556
+ .premium-button-style4-icon-wrapper.left {
2557
+ top: 0;
2558
+ left: -100%;
2559
+ }
2560
+ .premium-button-style4-icon-wrapper.right {
2561
+ top: 0;
2562
+ right: -100%;
2563
+ }
2564
+ .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
2565
+ top: 0;
2566
+ opacity: 1;
2567
+ }
2568
+ .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
2569
+ bottom: 0;
2570
+ opacity: 1;
2571
+ }
2572
+ .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
2573
+ left: 0;
2574
+ opacity: 1;
2575
+ }
2576
+ .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
2577
+ right: 0;
2578
+ opacity: 1;
2579
+ }
2580
+ .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper{
2581
+ -webkit-transform: translateY(100%);
2582
+ transform: translateY(100%);
2583
+ opacity: 0;
2584
+ }
2585
+ .premium-button-style4-top:hover .premium-button-text-icon-wrapper{
2586
+ -webkit-transform: translateY(-100%);
2587
+ transform: translateY(-100%);
2588
+ opacity: 0;
2589
+ }
2590
+ .premium-button-style4-left:hover .premium-button-text-icon-wrapper{
2591
+ -webkit-transform: translateX(100%);
2592
+ transform: translateX(100%);
2593
+ opacity: 0;
2594
+ }
2595
+ .premium-button-style4-right:hover .premium-button-text-icon-wrapper{
2596
+ -webkit-transform: translateX(-100%);
2597
+ transform: translateX(-100%);
2598
+ opacity: 0;
 
 
 
 
 
 
2599
  }
2600
  /**************** Premium Contact Form7 **********/
2601
  /*************************************************/
2602
+ .premium_border_animation1 .wpcf7-span::after {
2603
+ display: block;
2604
+ height: 2px;
2605
+ content: '';
2606
+ top: -2px;
2607
+ position: relative;
2608
+ width: 0px;
2609
+ -webkit-transition: all ease-in-out .3s;
2610
+ -moz-transition: all ease-in-out .3s;
2611
+ -ms-transition: all ease-in-out .3s;
2612
+ -o-transition: all ease-in-out .3s;
2613
+ transition: all ease-in-out .3s;
2614
+ }
2615
+ .premium_border_animation1 .wpcf7-span.is-focused::after {
2616
+ width: 100%;
2617
  }
2618
  /**************** Premium Image Button ***********/
2619
  /*************************************************/
2620
+ .premium-image-button {
2621
+ display: inline-block;
2622
+ position: relative;
2623
+ overflow: hidden;
2624
+ background: #6ec1e4;
2625
+ cursor: pointer;
2626
+ -webkit-transition: all 0.2s ease-in-out !important;
2627
+ -moz-transition: all 0.2s ease-in-out !important;
2628
+ -ms-transition: all 0.2s ease-in-out !important;
2629
+ -o-transition: all 0.2s ease-in-out !important;
2630
+ transition: all 0.2s ease-in-out !important;
2631
  }
2632
  /*Default background for slide styles*/
2633
+ .premium-image-button:hover, .premium-image-button-style4-icon-wrapper, .premium-image-button-style1-top:before, .premium-image-button-style1-bottom:before, .premium-image-button-style1-left:before, .premium-image-button-style1-right:before {
2634
+ background-color: #54595f;
2635
+ }
2636
+ .premium-image-button.premium-image-button-sm {
2637
+ padding: 12px 24px;
2638
+ font-size: 14px;
2639
+ line-height: 1;
2640
+ }
2641
+ .premium-image-button.premium-image-button-md {
2642
+ padding: 14px 26px;
2643
+ font-size: 16px;
2644
+ line-height: 1.2;
2645
+ }
2646
+ .premium-image-button.premium-image-button-lg {
2647
+ padding: 16px 28px;
2648
+ font-size: 18px;
2649
+ line-height: 1.3333;
2650
+ }
2651
+ .premium-image-button.premium-image-button-block {
2652
+ font-size: 15px;
2653
+ line-height: 1;
2654
+ padding: 12px 24px;
2655
+ width: 100%;
2656
+ text-align: center;
2657
+ }
2658
+ .premium-image-button-text-icon-wrapper {
2659
+ display: -webkit-box;
2660
+ display: -webkit-flex;
2661
+ display: -ms-flexbox;
2662
+ display: flex;
2663
+ justify-content: center;
2664
+ align-items: center;
2665
+ position: relative;
2666
+ z-index: 3;
2667
+ }
2668
+ .premium-image-button-text-icon-wrapper span, .premium-image-button-text-icon-wrapper, .premium-image-button-text-icon-wrapper i{
2669
+ -webkit-transition: all 0.2s ease-in-out;
2670
+ -moz-transition: all 0.2s ease-in-out;
2671
+ -ms-transition: all 0.2s ease-in-out;
2672
+ -o-transition: all 0.2s ease-in-out;
2673
+ transition: all 0.2s ease-in-out;
2674
+ }
2675
+ .premium-image-button-style1-bottom:before, .premium-image-button-style1-top:before, .premium-image-button-style1-left:before, .premium-image-button-style1-right:before {
2676
+ -webkit-transition: all 0.2s ease-in-out;
2677
+ -moz-transition: all 0.2s ease-in-out;
2678
+ -ms-transition: all 0.2s ease-in-out;
2679
+ -o-transition: all 0.2s ease-in-out;
2680
+ transition: all 0.2s ease-in-out;
2681
+ }
2682
+ .premium-image-button-style1-bottom:before {
2683
+ content: "";
2684
+ position: absolute;
2685
+ width: 100%;
2686
+ height: 0;
2687
+ top: 0;
2688
+ left: 0;
2689
+ }
2690
+ .premium-image-button-style1-top:before {
2691
+ content: "";
2692
+ position: absolute;
2693
+ width: 100%;
2694
+ height: 0;
2695
+ bottom: 0;
2696
+ left: 0;
2697
+ }
2698
+ .premium-image-button-style1-right:before {
2699
+ content: "";
2700
+ position: absolute;
2701
+ width: 0;
2702
+ height: 100%;
2703
+ bottom: 0;
2704
+ left: 0;
2705
+ }
2706
+ .premium-image-button-style1-left:before {
2707
+ content: "";
2708
+ position: absolute;
2709
+ width: 0;
2710
+ height: 100%;
2711
+ top: 0;
2712
+ right: 0;
2713
+ }
2714
+ .premium-image-button-style1-bottom:hover:before {
2715
+ height: 100%;
2716
+ }
2717
+ .premium-image-button-style1-top:hover:before {
2718
+ height: 100%;
2719
+ }
2720
+ .premium-image-button-style1-right:hover:before {
2721
+ width: 100%;
2722
+ }
2723
+ .premium-image-button-style1-left:hover:before {
2724
+ width: 100%;
2725
+ }
2726
+ .premium-image-button-diagonal-effect-top, .premium-image-button-diagonal-effect-bottom, .premium-image-button-diagonal-effect-left, .premium-image-button-diagonal-effect-right {
2727
+ z-index: 10;
2728
+ }
2729
+ .premium-image-button-diagonal-effect-top:before, .premium-image-button-diagonal-effect-bottom:before, .premium-image-button-diagonal-effect-left:before, .premium-image-button-diagonal-effect-right:before {
2730
+ position: absolute;
2731
+ top: 0px;
2732
+ left: 0px;
2733
+ width: 100%;
2734
+ height: 100%;
2735
+ content: "";
2736
+ z-index: 1;
2737
+ background: rgba(255,255,255,0.2);
2738
+ -webkit-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
2739
+ -moz-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
2740
+ -o-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
2741
+ -ms-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
2742
+ transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
2743
+ -webkit-transition: all 0.8s ease-out;
2744
+ -moz-transition: all 0.8s ease-out;
2745
+ -o-transition: all 0.8s ease-out;
2746
+ -ms-transition: all 0.8s ease-out;
2747
+ transition: all 0.8s ease-out;
2748
+ }
2749
+ .premium-image-button-diagonal-effect-right:hover:before, .premium-image-button-diagonal-effect-left:before {
2750
+ -webkit-transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
2751
+ -moz-transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
2752
+ -o-transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
2753
+ -ms-transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
2754
+ transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
2755
+ }
2756
+ .premium-image-button-diagonal-effect-left:hover:before, .premium-image-button-diagonal-effect-right:before {
2757
+ -webkit-transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
2758
+ -moz-transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
2759
+ -o-transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
2760
+ -ms-transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
2761
+ transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
2762
+ }
2763
+ .premium-image-button-diagonal-effect-top:hover:before, .premium-image-button-diagonal-effect-bottom:before {
2764
+ -webkit-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
2765
+ -moz-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
2766
+ -o-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
2767
+ -ms-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
2768
+ transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
2769
+ }
2770
+ .premium-image-button-diagonal-effect-bottom:hover:before, .premium-image-button-diagonal-effect-top:before {
2771
+ -webkit-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
2772
+ -moz-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
2773
+ -o-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
2774
+ -ms-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
2775
+ transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
2776
+ }
2777
+ .premium-image-button-style4-icon-wrapper {
2778
+ position: absolute;
2779
+ z-index: 2;
2780
+ width: 100%;
2781
+ text-align: center;
2782
+ display: flex;
2783
+ align-items: center;
2784
+ justify-content: center;
2785
+ height: 100%;
2786
+ opacity: 0;
2787
+ -webkit-transition: all 0.3s ease-in-out;
2788
+ -moz-transition: all 0.3s ease-in-out;
2789
+ -ms-transition: all 0.3s ease-in-out;
2790
+ -o-transition: all 0.3s ease-in-out;
2791
+ transition: all 0.3s ease-in-out;
2792
+ }
2793
+ .premium-image-button-style4-icon-wrapper.top {
2794
+ bottom: -100%;
2795
+ left: 0;
2796
+ }
2797
+ .premium-image-button-style4-icon-wrapper.bottom {
2798
+ top: -100%;
2799
+ left: 0;
2800
+ }
2801
+ .premium-image-button-style4-icon-wrapper.left {
2802
+ top: 0;
2803
+ left: -100%;
2804
+ }
2805
+ .premium-image-button-style4-icon-wrapper.right {
2806
+ top: 0;
2807
+ right: -100%;
2808
+ }
2809
+ .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
2810
+ top: 0;
2811
+ opacity: 1;
2812
+ }
2813
+ .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
2814
+ bottom: 0;
2815
+ opacity: 1;
2816
+ }
2817
+ .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
2818
+ left: 0;
2819
+ opacity: 1;
2820
+ }
2821
+ .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
2822
+ right: 0;
2823
+ opacity: 1;
2824
+ }
2825
+ .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper{
2826
+ -webkit-transform: translateY(100%);
2827
+ transform: translateY(100%);
2828
+ opacity: 0;
2829
+ }
2830
+ .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper{
2831
+ -webkit-transform: translateY(-100%);
2832
+ transform: translateY(-100%);
2833
+ opacity: 0;
2834
+ }
2835
+ .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper{
2836
+ -webkit-transform: translateX(100%);
2837
+ transform: translateX(100%);
2838
+ opacity: 0;
2839
+ }
2840
+ .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper{
2841
+ -webkit-transform: translateX(-100%);
2842
+ transform: translateX(-100%);
2843
+ opacity: 0;
2844
+ }
2845
+ .premium-image-button-overlap-effect-horizontal:before, .premium-image-button-overlap-effect-vertical:before {
2846
+ position: absolute;
2847
+ content: "";
2848
+ top: 0;
2849
+ left: 0;
2850
+ width: 100%;
2851
+ height: 100%;
2852
+ opacity: 0;
2853
+ -webkit-transition: all 1s ease-in-out;
2854
+ -moz-transition: all 1s ease-in-out;
2855
+ -ms-transition: all 1s ease-in-out;
2856
+ -o-transition: all 1s ease-in-out;
2857
+ transition: all 1s ease-in-out;
2858
+ background: rgba(255,255,255,0.2);
2859
+ animation-name: premium-overlap-effect-done;
2860
+ animation-duration: 1s;
2861
+ }
2862
+ .premium-image-button-overlap-effect-vertical:before {
2863
+ animation-name: premium-overlap-ver-effect-done;
2864
+ animation-duration: 1s;
2865
+ }
2866
+ .premium-image-button-overlap-effect-horizontal:hover:before {
2867
+ animation-name: premium-overlap-effect;
2868
+ animation-duration: 1s;
2869
+ }
2870
+ .premium-image-button-overlap-effect-vertical:hover:before {
2871
+ animation-name: premium-overlap-ver-effect;
2872
+ animation-duration: 1s;
2873
+ }
2874
+ @keyframes premium-overlap-effect{
2875
+ 0% {
2876
+ opacity: 0;
2877
+ -webkit-transform: rotateY(0deg);
2878
+ transform: rotateY(0deg);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2879
  }
2880
+ 50% {
2881
+ opacity: 1;
2882
+ -webkit-transform: rotateY(180deg);
2883
+ transform: rotateY(180deg);
2884
  }
2885
+ 100% {
2886
+ opacity: 0;
2887
+ -webkit-transform: rotateY(360deg);
2888
+ transform: rotateY(360deg);
2889
  }
2890
  }
2891
+ @keyframes premium-overlap-effect-done{
2892
+ 0% {
2893
+ opacity: 0;
2894
+ -webkit-transform: rotateY(0deg);
2895
+ transform: rotateY(0deg);
2896
  }
2897
+ 50% {
2898
+ opacity: 1;
2899
+ -webkit-transform: rotateY(180deg);
2900
+ transform: rotateY(180deg);
2901
  }
2902
+ 100% {
2903
+ opacity: 0;
2904
+ -webkit-transform: rotateY(360deg);
2905
+ transform: rotateY(360deg);
2906
  }
2907
  }
2908
+ @keyframes premium-overlap-ver-effect{
2909
+ 0% {
2910
+ opacity: 0;
2911
+ -webkit-transform: rotateX(0deg);
2912
+ transform: rotateX(0deg);
2913
  }
2914
+ 50% {
2915
+ opacity: 1;
2916
+ -webkit-transform: rotateX(180deg);
2917
+ transform: rotateX(180deg);
2918
  }
2919
+ 100% {
2920
+ opacity: 0;
2921
+ -webkit-transform: rotateX(360deg);
2922
+ transform: rotateX(360deg);
2923
  }
2924
  }
2925
+ @keyframes premium-overlap-ver-effect-done{
2926
+ 0% {
2927
+ opacity: 0;
2928
+ -webkit-transform: rotateX(0deg);
2929
+ transform: rotateX(0deg);
2930
  }
2931
+ 50% {
2932
+ opacity: 1;
2933
+ -webkit-transform: rotateX(180deg);
2934
+ transform: rotateX(180deg);
2935
  }
2936
+ 100% {
2937
+ opacity: 0;
2938
+ -webkit-transform: rotateX(360deg);
2939
+ transform: rotateX(360deg);
2940
  }
2941
  }
2942
  /**************** Premium Grid *******************/
2943
  /*************************************************/
2944
+ .premium-img-gallery-filter, .premium-blog-filter {
2945
+ display: flex;
2946
+ align-items: center;
2947
+ justify-content: center;
2948
+ }
2949
+ .premium-img-gallery {
2950
+ clear: both;
2951
+ overflow: hidden;
2952
+ }
2953
+ .premium-gallery-container .premium-gallery-item {
2954
+ padding: 10px;
2955
+ float: left;
2956
+ /* Google Chrome isotope issue */
2957
+ }
2958
+ .premium-gallery-container .grid-sizer {
2959
+ width: 33.33%;
2960
+ }
2961
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category, .premium-blog-filter .premium-blog-cats-container li a.category {
2962
+ border-radius: 75px;
2963
+ margin: 15px 5px 20px;
2964
+ padding: 7px 20px;
2965
+ -webkit-transition: all 0.3s ease-in-out;
2966
+ -moz-transition: all 0.3s ease-in-out;
2967
+ -ms-transition: all 0.3s ease-in-out;
2968
+ -o-transition: all 0.3s ease-in-out;
2969
+ transition: all 0.3s ease-in-out;
2970
+ }
2971
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
2972
+ -webkit-transition: all 0.3s ease-in-out;
2973
+ -moz-transition: all 0.3s ease-in-out;
2974
+ -ms-transition: all 0.3s ease-in-out;
2975
+ -o-transition: all 0.3s ease-in-out;
2976
+ transition: all 0.3s ease-in-out;
2977
+ }
2978
+ .pa-gallery-img {
2979
+ position: relative;
2980
+ }
2981
+ .pa-gallery-img .pa-gallery-whole-link {
2982
+ position: absolute;
2983
+ top: 0;
2984
+ left: 0;
2985
+ width: 100%;
2986
+ height: 100%;
2987
+ }
2988
+ .pa-gallery-img.style2 .pa-gallery-whole-link {
2989
+ z-index: 99;
2990
+ }
2991
+ .pa-gallery-img-container {
2992
+ overflow: hidden;
2993
+ -webkit-backface-visibility: hidden;
2994
+ -moz-backface-visibility: hidden;
2995
+ -webkit-transform: translate3d(0, 0, 0);
2996
+ -moz-transform: translate3d(0, 0, 0);
2997
+ transform: translate3d(0, 0, 0);
2998
+ }
2999
+ .pa-gallery-img-container img {
3000
+ display: block;
3001
+ width: 100%;
3002
+ -webkit-transition: all 0.3s ease-in-out;
3003
+ -moz-transition: all 0.3s ease-in-out;
3004
+ -ms-transition: all 0.3s ease-in-out;
3005
+ -o-transition: all 0.3s ease-in-out;
3006
+ transition: all 0.3s ease-in-out;
3007
+ }
3008
+ .premium-img-gallery.gray img {
3009
+ filter: grayscale(100%);
3010
+ }
3011
+ .premium-img-gallery.zoomout img, .premium-img-gallery.scale img{
3012
+ transform: scale(1.2);
3013
+ }
3014
+ .premium-img-gallery.sepia img{
3015
+ -webkit-filter: sepia(30%);
3016
+ filter: sepia(30%);
3017
+ }
3018
+ .premium-img-gallery.bright img{
3019
+ -webkit-filter: brightness(1);
3020
+ filter: brightness(1);
3021
+ }
3022
+ .premium-img-gallery.trans img{
3023
+ -webkit-transform: translateX(-15px) scale(1.1);
3024
+ transform: translateX(-15px) scale(1.1);
3025
+ }
3026
+ .pa-gallery-img .pa-gallery-magnific-image, .pa-gallery-img .pa-gallery-img-link {
3027
+ outline: none;
3028
+ }
3029
+ .pa-gallery-img .pa-gallery-magnific-image span, .pa-gallery-img .pa-gallery-img-link span {
3030
+ line-height: 1;
3031
+ display: inline-block;
3032
+ opacity: 0;
3033
+ margin: 0 5px;
3034
+ padding: 15px;
3035
+ border-radius: 50%;
3036
+ }
3037
+ .pa-gallery-img.style2 .pa-gallery-magnific-image span, .pa-gallery-img.style2 .pa-gallery-img-link span {
3038
+ margin: 0 5px 20px;
3039
+ }
3040
+ .pa-gallery-img:hover .pa-gallery-magnific-image span {
3041
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
3042
+ -moz-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
3043
+ -ms-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
3044
+ -o-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
3045
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
3046
+ }
3047
+ .pa-gallery-img:hover .pa-gallery-img-link span {
3048
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
3049
+ -moz-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
3050
+ -ms-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
3051
+ -o-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
3052
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
3053
+ }
3054
+ .pa-gallery-img:hover .pa-gallery-magnific-image span, .pa-gallery-img:hover .pa-gallery-img-link span,
3055
+ .premium-gallery-icon-show a.pa-gallery-video-icon span {
3056
+ opacity: 1;
3057
+ }
3058
+ .premium-img-gallery-filter .premium-gallery-cats-container, .premium-blog-filter .premium-blog-cats-container {
3059
+ text-align: center;
3060
+ margin: 0;
3061
+ }
3062
+ .premium-img-gallery-filter .premium-gallery-cats-container li, .premium-blog-filter .premium-blog-cats-container li {
3063
+ list-style: none;
3064
+ display: inline-flex;
3065
+ }
3066
+ .premium-img-gallery.zoomin .pa-gallery-img:hover img {
3067
+ transform: scale(1.1);
3068
+ }
3069
+ .premium-img-gallery.zoomout .pa-gallery-img:hover img {
3070
+ transform: scale(1);
3071
+ }
3072
+ .premium-img-gallery.scale .pa-gallery-img:hover img {
3073
+ transform: scale(1.3) rotate(5deg);
3074
+ }
3075
+ .premium-img-gallery.gray .pa-gallery-img:hover img {
3076
+ filter: grayscale(0%);
3077
+ }
3078
+ .premium-img-gallery.blur .pa-gallery-img:hover img {
3079
+ filter: blur(3px);
3080
+ }
3081
+ .premium-img-gallery.sepia .pa-gallery-img:hover img {
3082
+ -webkit-filter: sepia(0%);
3083
+ filter: sepia(0%);
3084
+ }
3085
+ .premium-img-gallery.trans .pa-gallery-img:hover img {
3086
+ -webkit-transform: translateX(0px) scale(1.1);
3087
+ -moz-transform: translateX(0px) scale(1.1);
3088
+ transform: translateX(0px) scale(1.1);
3089
+ }
3090
+ .premium-img-gallery.bright .pa-gallery-img:hover img {
3091
+ -webkit-filter: brightness(1.2);
3092
+ filter: brightness(1.2);
3093
+ }
3094
+ .pa-gallery-img .premium-gallery-caption {
3095
+ padding: 10px;
3096
+ }
3097
+ .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name{
3098
+ margin-bottom: 0;
3099
+ }
3100
+ .pa-gallery-img.style1 {
3101
+ overflow: hidden;
3102
+ }
3103
+ .pa-gallery-img.style1 .pa-gallery-icons-wrapper, .pa-gallery-img.default .pa-gallery-icons-wrapper{
3104
+ position: absolute;
3105
+ top: 0;
3106
+ left: 0;
3107
+ width: 100%;
3108
+ height: 100%;
3109
+ -webkit-transition: all 0.3s ease-in-out;
3110
+ -moz-transition: all 0.3s ease-in-out;
3111
+ -ms-transition: all 0.3s ease-in-out;
3112
+ -o-transition: all 0.3s ease-in-out;
3113
+ transition: all 0.3s ease-in-out;
3114
+ }
3115
+ .pa-gallery-img.style1 .pa-gallery-icons-inner-container, .pa-gallery-img.default .pa-gallery-icons-inner-container {
3116
+ position: absolute;
3117
+ top: 33.33%;
3118
+ width: 100%;
3119
+ text-align: center;
3120
+ -webkit-transform: translateY(-50%);
3121
+ transform: translateY(-50%);
3122
+ z-index: 999;
3123
+ }
3124
+ .pa-gallery-img.style1 .premium-gallery-caption {
3125
+ position: absolute;
3126
+ top: auto;
3127
+ right: 0;
3128
+ left: 0;
3129
+ width: 100%;
3130
+ -webkit-transition: all 500ms ease 0s;
3131
+ -moz-transition: all 500ms ease 0s;
3132
+ -ms-transition: all 500ms ease 0s;
3133
+ -o-transition: all 500ms ease 0s;
3134
+ transition: all 500ms ease 0s;
3135
+ -webkit-transform: translate3d(0,100%,0);
3136
+ -moz-transform: translate3d(0,100%,0);
3137
+ -ms-transform: translate3d(0,100%,0);
3138
+ -o-transform: translate3d(0,100%,0);
3139
+ transform: translate3d(0,100%,0);
3140
+ }
3141
+ .pa-gallery-img.default .premium-gallery-caption {
3142
+ position: absolute;
3143
+ top: auto;
3144
+ right: 0;
3145
+ left: 0;
3146
+ width: 100%;
3147
+ bottom: 0;
3148
+ }
3149
+ .pa-gallery-img.style1:hover .premium-gallery-caption {
3150
+ -webkit-transform: translate3d(0,0,0);
3151
+ -moz-transform: translate3d(0,0,0);
3152
+ -ms-transform: translate3d(0,0,0);
3153
+ -o-transform: translate3d(0,0,0);
3154
+ transform: translate3d(0,0,0);
3155
+ bottom: -1px !important;
3156
+ }
3157
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-container{
3158
+ position: absolute;
3159
+ top: 0;
3160
+ left: 0;
3161
+ width: 100%;
3162
+ height: 100%;
3163
+ opacity: 0;
3164
+ -webkit-backface-visibility: hidden;
3165
+ -moz-backface-visibility: hidden;
3166
+ backface-visibility: hidden;
3167
+ -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
3168
+ -moz-transition: -moz-transform 0.3s, opacity 0.3s;
3169
+ transition: transform 0.3s, opacity 0.3s;
3170
+ z-index: 1;
3171
+ background-color: rgba(108,191,226,0.68);
3172
+ display: flex;
3173
+ text-align: center;
3174
+ align-items: center;
3175
+ }
3176
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
3177
+ width: 100%;
3178
+ }
3179
+ .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container{
3180
+ opacity: 1;
3181
+ -webkit-transform: translate(15px, 15px);
3182
+ -moz-transform: translate(15px, 15px);
3183
+ -ms-transform: translate(15px, 15px);
3184
+ transform: translate(15px, 15px);
3185
+ }
3186
+ .premium-clearfix {
3187
+ clear: both;
3188
+ }
3189
+ .premium-gallery-container .pa-gallery-item {
3190
+ padding: 10px;
3191
+ }
3192
+ /** * Metro Style */
3193
+ .premium-img-gallery-metro .premium-gallery-item {
3194
+ overflow: hidden
3195
+ }
3196
+ .premium-img-gallery-metro .pa-gallery-img, .premium-img-gallery-metro .pa-gallery-img-container {
3197
+ height: 100%;
3198
+ }
3199
+ .premium-img-gallery-metro .pa-gallery-image {
3200
+ min-height: 100%;
3201
+ width: 100%;
3202
+ object-fit: fill;
3203
+ }
3204
+ .premium-img-gallery .premium-gallery-item-hidden {
3205
+ /* display: none;
3206
+ */
3207
+ visibility: hidden;
3208
+ width: 0 !important;
3209
+ height: 0 !important;
3210
+ margin: 0 !important;
3211
+ padding: 0 !important;
3212
+ }
3213
+ .premium-gallery-load-more .premium-gallery-load-more-btn {
3214
+ box-shadow: none;
3215
+ text-shadow: none;
3216
+ border: none;
3217
+ outline: none;
3218
+ -webkit-box-align: center;
3219
+ -ms-flex-align: center;
3220
+ align-items: center;
3221
+ vertical-align: bottom;
3222
+ cursor: pointer;
3223
+ line-height: 1;
3224
+ font-style: normal;
3225
+ font-weight: normal;
3226
+ background-image: none;
3227
+ color: #fff;
3228
+ -webkit-transition: all 0.3s ease-in-out;
3229
+ -ms-transition: all 0.3s ease-in-out;
3230
+ -moz-transition: all 0.3s ease-in-out;
3231
+ transition: all 0.3s ease-in-out;
3232
+ }
3233
+ .premium-gallery-load-more-btn {
3234
+ display: inline-flex;
3235
+ align-items: center;
3236
+ }
3237
+ .premium-loader {
3238
+ border: 3px solid #f3f3f3;
3239
+ border-top-width: 3px;
3240
+ border-top-style: solid;
3241
+ border-top-color: rgb(243, 243, 243);
3242
+ border-radius: 50%;
3243
+ border-top: 3px solid;
3244
+ border-top-color: #bbb;
3245
+ width: 30px;
3246
+ height: 30px;
3247
+ -webkit-animation: spin 2s linear infinite;
3248
+ animation: spin 2s linear infinite;
3249
+ margin: 0 auto;
3250
+ }
3251
+ .premium-gallery-load-more-btn div {
3252
+ margin-left: 3px;
3253
+ }
3254
+ .premium-gallery-load-more-btn .premium-loader {
3255
+ display: inline-block;
3256
+ width: 20px;
3257
+ height: 20px;
3258
+ }
3259
+ /**
3260
+ * Video
3261
  */
3262
+ .pa-gallery-img .pa-gallery-lightbox-wrap {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3263
  display: inline-block;
 
 
3264
  }
3265
+ .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
3266
+ .pa-gallery-img .pa-gallery-video-icon {
3267
+ cursor: pointer;
3268
+ }
3269
+ .pa-gallery-img-container iframe, .pa-gallery-img-container video {
3270
+ position: absolute;
3271
+ visibility: hidden;
3272
+ top: 0;
3273
+ left: 0;
3274
+ max-width: 100%;
3275
+ width: 100%;
3276
+ height: 100%;
3277
+ margin: 0;
3278
+ line-height: 1;
3279
+ border: none;
3280
+ }
3281
+ .pa-gallery-img-container video {
3282
+ -o-object-fit: contain;
3283
+ object-fit: contain;
3284
+ }
3285
+ @-webkit-keyframes spin {
3286
+ 0% {
3287
+ -webkit-transform: rotate(0deg);
3288
+ }
3289
+ 100% {
3290
+ -webkit-transform: rotate(360deg);
3291
+ }
3292
  }
3293
+ @keyframes spin {
3294
+ 0% {
3295
+ transform: rotate(0deg);
3296
+ }
3297
+ 100% {
3298
+ transform: rotate(360deg);
3299
+ }
3300
  }
3301
  /************ Premium Vertical Scroll ************/
3302
  /*************************************************/
3303
+ .premium-vscroll-inner {
3304
+ position: relative;
3305
+ /* overflow: hidden;
3306
+ */
3307
+ min-height: 100%;
3308
+ }
3309
+ .premium-vscroll-inner .premium-vscroll-dots {
3310
+ position: fixed;
3311
+ z-index: 100;
3312
+ opacity: 1;
3313
+ margin-top:-32px;
3314
+ -webkit-transition: all 0.3s ease-in-out;
3315
+ -moz-transition: all 0.3s ease-in-out;
3316
+ -o-transition: all 0.3s ease-in-out;
3317
+ transition: all 0.3s ease-in-out;
3318
+ }
3319
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
3320
+ opacity: 1;
3321
+ -webkit-transition: all 0.3s ease-in-out;
3322
+ -moz-transition: all 0.3s ease-in-out;
3323
+ -o-transition: all 0.3s ease-in-out;
3324
+ transition: all 0.3s ease-in-out;
3325
+ }
3326
+ .premium-vscroll-wrap .premium-vscroll-dots-hide {
3327
+ opacity: 0;
3328
+ visibility: hidden;
3329
+ }
3330
+ .premium-vscroll-dots.middle{
3331
+ top:50%
3332
+ }
3333
+ .premium-vscroll-dots.top{
3334
+ top:40px
3335
+ }
3336
+ .premium-vscroll-dots.bottom {
3337
+ bottom:30px
3338
+ }
3339
+ .premium-vscroll-dots.right{
3340
+ right:17px
3341
+ }
3342
+ .premium-vscroll-dots.left{
3343
+ left:17px
3344
+ }
3345
+ .premium-vscroll-inner ul.premium-vscroll-dots-list, .premium-vscroll-wrap .premium-vscroll-nav-menu {
3346
+ margin: 0 !important;
3347
+ padding: 0;
3348
+ }
3349
+ .premium-vscroll-inner ul.premium-vscroll-dots-list li {
3350
+ width: 14px;
3351
+ height: 13px;
3352
+ margin: 7px;
3353
+ position: relative;
3354
+ display: -webkit-box;
3355
+ display: -webkit-flex;
3356
+ display: -ms-flexbox;
3357
+ display: flex;
3358
+ -webkit-box-pack: center;
3359
+ -ms-flex-pack: center;
3360
+ -webkit-justify-content: center;
3361
+ justify-content: center;
3362
+ -webkit-box-align: center;
3363
+ -ms-flex-align: center;
3364
+ -webkit-align-items: center;
3365
+ align-items: center;
3366
+ overflow: visible;
3367
+ }
3368
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
3369
+ display: block;
3370
+ position: relative;
3371
+ z-index: 1;
3372
+ width: 100%;
3373
+ height: 100%;
3374
+ cursor: pointer;
3375
+ text-decoration: none;
3376
+ }
3377
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
3378
+ top: 2px;
3379
+ left: 2.5px;
3380
+ width: 8px;
3381
+ height: 8px;
3382
+ border: 1px solid #000;
3383
+ -webkit-border-radius: 50%;
3384
+ -moz-border-radius: 50%;
3385
+ border-radius: 50%;
3386
+ position: absolute;
3387
+ z-index: 1;
3388
+ -webkit-transition: all 0.3s ease-in-out;
3389
+ -moz-transition: all 0.3s ease-in-out;
3390
+ -o-transition: all 0.3s ease-in-out;
3391
+ transition: all 0.3s ease-in-out;
3392
+ }
3393
+ .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
3394
+ -webkit-transform: scale(1.6);
3395
+ -moz-transform: scale(1.6);
3396
+ -ms-transform: scale(1.6);
3397
+ -o-transform: scale(1.6);
3398
+ transform: scale(1.6);
3399
+ }
3400
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
3401
+ position: absolute;
3402
+ color: #fff;
3403
+ font-size: 14px;
3404
+ font-family: arial,helvetica,sans-serif;
3405
+ white-space: nowrap;
3406
+ max-width: 220px;
3407
+ padding-left: 0.4em;
3408
+ padding-right: 0.4em;
3409
+ }
3410
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
3411
+ right: 27px
3412
+ }
3413
+ /* * Lines */
3414
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
3415
+ width: 4px;
3416
+ height: 30px;
3417
+ }
3418
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
3419
+ width: 100%;
3420
+ height: 100%;
3421
+ border-radius: 0;
3422
+ }
3423
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
3424
+ -webkit-transform: scale(1);
3425
+ -moz-transform: scale(1);
3426
+ -ms-transform: scale(1);
3427
+ -o-transform: scale(1);
3428
+ transform: scale(1);
3429
+ }
3430
+ @media(max-width: 768px) {
3431
+ .premium-vscroll-dots.right{
3432
+ right:7px
 
 
3433
  }
3434
+ .premium-vscroll-dots.left{
3435
+ left:7px
3436
  }
3437
  }
3438
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
3439
+ position: absolute;
3440
+ top: 50%;
3441
+ content: '';
3442
+ left: calc(100% - 1px);
3443
+ width: 10px;
3444
+ height: 0;
3445
+ border-top: 6px solid transparent;
3446
+ border-bottom: 6px solid transparent;
3447
+ border-left: 6px solid;
3448
+ -webkit-transform: translateY(-50%);
3449
+ -moz-transform: translateY(-50%);
3450
+ -ms-transform: translateY(-50%);
3451
+ -o-transform: translateY(-50%);
3452
+ transform: translateY(-50%);
3453
+ }
3454
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
3455
+ position: absolute;
3456
+ top: 50%;
3457
+ content: '';
3458
+ right: calc(100% - 1px);
3459
+ width: 10px;
3460
+ height: 0;
3461
+ border-top: 6px solid transparent;
3462
+ border-bottom: 6px solid transparent;
3463
+ border-right: 6px solid;
3464
+ -webkit-transform: translateY(-50%);
3465
+ -moz-transform: translateY(-50%);
3466
+ -ms-transform: translateY(-50%);
3467
+ -o-transform: translateY(-50%);
3468
+ transform: translateY(-50%);
3469
+ }
3470
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
3471
+ left: 27px
3472
+ }
3473
+ .premium-vscroll-nav-menu {
3474
+ position:fixed;
3475
+ top:20px;
3476
+ height:40px;
3477
+ z-index:100;
3478
+ padding:0;
3479
+ margin:0
3480
+ }
3481
+ .premium-vscroll-nav-menu.left{
3482
+ left:0
3483
+ }
3484
+ .premium-vscroll-nav-menu.right{
3485
+ right:0
3486
+ }
3487
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item {
3488
+ display:inline-block;
3489
+ margin:10px;
3490
+ color:#000;
3491
+ background:#fff;
3492
+ background:rgba(255,255,255,0.3)
3493
+ }
3494
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
3495
+ padding:9px 18px;
3496
+ display:block;
3497
+ cursor: pointer;
3498
+ }
3499
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link, .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover{
3500
+ color:#000
3501
+ }
3502
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus, .multiscroll-nav li a:focus{
3503
+ outline:none
3504
+ }
3505
+ /* * Scroller */
3506
+ #scroller {
3507
+ /* position: absolute;
3508
+ */
3509
+ /* z-index: 1;
3510
+ -webkit-tap-highlight-color: rgba(0,0,0,0);
3511
+ width: 100%;
3512
+ -webkit-transform: translateZ(0);
3513
+ -moz-transform: translateZ(0);
3514
+ -ms-transform: translateZ(0);
3515
+ -o-transform: translateZ(0);
3516
+ transform: translateZ(0);
3517
+ -webkit-touch-callout: none;
3518
+ -webkit-user-select: none;
3519
+ -moz-user-select: none;
3520
+ -ms-user-select: none;
3521
+ user-select: none;
3522
+ -webkit-text-size-adjust: none;
3523
+ -moz-text-size-adjust: none;
3524
+ -ms-text-size-adjust: none;
3525
+ -o-text-size-adjust: none;
3526
+ text-size-adjust: none;
3527
+ */
 
 
3528
  }
3529
  /************ Premium Image Scroll ***************/
3530
  /*************************************************/
3531
+ .premium-image-scroll-section, .premium-image-scroll-container {
3532
+ transition: all 0.3s ease-in-out;
3533
+ -webkit-transition: all 0.3s ease-in-out;
3534
+ -moz-transition: all 0.3s ease-in-out;
3535
+ -ms-transition: all 0.3s ease-in-out;
3536
+ -o-transition: all 0.3s ease-in-out;
3537
+ }
3538
+ .premium-image-scroll-section {
3539
+ overflow: hidden;
3540
+ width: 100%;
3541
+ position: relative;
3542
+ }
3543
+ .premium-image-scroll-container {
3544
+ width: 100%;
3545
+ }
3546
+ .premium-container-scroll {
3547
+ overflow: auto;
3548
+ }
3549
+ .premium-image-scroll-container .premium-image-scroll-horizontal {
3550
+ position: relative;
3551
+ width: 100%;
3552
+ height: 100%;
3553
+ }
3554
+ .premium-image-scroll-container .premium-image-scroll-horizontal .premium-image-scroll-image {
3555
+ max-width: none;
3556
+ height: 100%;
3557
+ }
3558
+ .premium-image-scroll-container .premium-image-scroll-vertical .premium-image-scroll-image {
3559
+ width: 100%;
3560
+ max-width: 100%;
3561
+ height: auto;
3562
+ }
3563
+ .premium-image-scroll-ver {
3564
+ position: relative;
3565
+ }
3566
+ .premium-image-scroll-container .premium-image-scroll-overlay {
3567
+ background: rgba(2,2,2,0.3);
3568
+ }
3569
+ .premium-image-scroll-container .premium-image-scroll-link, .premium-image-scroll-container .premium-image-scroll-overlay {
3570
+ position: absolute;
3571
+ top: 0;
3572
+ bottom: 0;
3573
+ left: 0;
3574
+ right: 0;
3575
+ z-index: 4;
3576
+ }
3577
+ .premium-image-scroll-content {
3578
+ display: inline-block;
3579
+ position: absolute;
3580
+ height: auto;
3581
+ top: 50%;
3582
+ left: 50%;
3583
+ text-align: center;
3584
+ z-index: 5;
3585
+ -webkit-transform: translate(-50%, -50%);
3586
+ -ms-transform: translate(-50%, -50%);
3587
+ transform: translate(-50%, -50%);
3588
+ }
3589
+ .premium-container-scroll-instant .premium-image-scroll-image {
3590
+ -webkit-transition: all 0s ease-in-out !important;
3591
+ transition: all 0s ease-in-out !important;
3592
+ }
3593
+ .premium-image-scroll-container .premium-image-scroll-overlay, .premium-image-scroll-container .premium-image-scroll-content {
3594
+ -webkit-transition: all 0.3s ease-in-out;
3595
+ -ms-transition: all 0.3s ease-in-out;
3596
+ transition: all 0.3s ease-in-out;
3597
+ opacity: 1;
3598
+ }
3599
+ .premium-image-scroll-container:hover .premium-image-scroll-overlay, .premium-image-scroll-container:hover .premium-image-scroll-content {
3600
+ opacity: 0;
3601
+ }
3602
+ .premium-image-scroll-container:hover .premium-image-scroll-content {
3603
+ visibility: hidden;
3604
+ }
3605
+ .premium-image-scroll-content .premium-image-scroll-icon {
3606
+ display: inline-block;
3607
+ font-family: 'pa-elements' !important;
3608
+ speak: none;
3609
+ font-style: normal;
3610
+ font-weight: normal;
3611
+ font-variant: normal;
3612
+ text-transform: none;
3613
+ line-height: 1;
3614
+ -webkit-font-smoothing: antialiased;
3615
+ -moz-osx-font-smoothing: grayscale;
3616
+ animation-duration: 0.5s ;
3617
+ animation-iteration-count: infinite;
3618
+ animation-direction: alternate;
3619
+ animation-timing-function: ease-in-out;
3620
+ }
3621
+ .pa-horizontal-mouse-scroll:before {
3622
+ content: "\e917";
3623
+ }
3624
+ .pa-vertical-mouse-scroll:before {
3625
+ content: "\e918";
3626
+ }
3627
+ .pa-horizontal-mouse-scroll {
3628
+ animation-name: pa-scroll-horizontal;
3629
+ }
3630
+ .pa-vertical-mouse-scroll {
3631
+ animation-name: pa-scroll-vertical;
3632
+ }
3633
+ @keyframes pa-scroll-vertical {
3634
+ 0% {
3635
+ -webkit-transform:translateY(0px);
3636
+ -ms-transform:translateY(0px);
3637
+ transform:translateY(0px);
 
 
 
 
 
3638
  }
3639
+ 100% {
3640
+ -webkit-transform:translateY(5px);
3641
+ -ms-transform:translateY(5px);
3642
+ transform:translateY(5px);
3643
  }
3644
  }
3645
+ @keyframes pa-scroll-horizontal {
3646
+ 0% {
3647
+ -webkit-transform:translateX(0px);
3648
+ -ms-transform:translateX(0px);
3649
+ transform:translateX(0px);
3650
  }
3651
+ 100% {
3652
+ -webkit-transform:translateX(5px);
3653
+ -ms-transform:translateX(5px);
3654
+ transform:translateX(5px);
3655
  }
3656
+ }
assets/frontend/js/premium-addons.js CHANGED
@@ -205,7 +205,42 @@
205
  });
206
  }
207
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
208
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
209
 
210
  $scope.find(".premium-gallery-cats-container li a").click(function (e) {
211
  e.preventDefault();
205
  });
206
  }
207
  }
208
+
209
+ if( 'yes' !== gridSettings['light_box'] ) {
210
+
211
+ galleryElement.find(".premium-gallery-video-wrap").each(function (index, item) {
212
+
213
+ var type = $(item).data("type");
214
+
215
+ $(item).closest(".premium-gallery-item").on('click', function(){
216
+
217
+ var $this = $(this);
218
+
219
+ $this.find(".pa-gallery-img").css("background", "#000");
220
+
221
+ $this.find("img, .pa-gallery-icons-caption-container, .pa-gallery-icons-wrapper, .premium-gallery-caption").css("visibility", "hidden");
222
+
223
+
224
+ if( "hosted" !== type ) {
225
+
226
+ var $iframe = $(item).find("iframe"),
227
+ src = $iframe.attr("src");
228
 
229
+ src = src.replace("&mute", "&autoplay=1&mute" );
230
+ $iframe.attr("src", src);
231
+ $iframe.css("visibility", "visible");
232
+
233
+ } else {
234
+ var $video = $(item).find("video");
235
+ $video.get(0).play();
236
+ $video.css("visibility", "visible");
237
+ }
238
+
239
+ });
240
+
241
+ });
242
+ }
243
+
244
 
245
  $scope.find(".premium-gallery-cats-container li a").click(function (e) {
246
  e.preventDefault();
assets/frontend/js/premium-vscroll.js CHANGED
@@ -764,4 +764,4 @@
764
  PremiumVerticalScrollHandler
765
  );
766
  });
767
- })(jQuery);
764
  PremiumVerticalScrollHandler
765
  );
766
  });
767
+ })(jQuery);
includes/class-helper-functions.php CHANGED
@@ -199,4 +199,34 @@ class Helper_Functions {
199
 
200
  return $theme_name;
201
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
202
  }
199
 
200
  return $theme_name;
201
  }
202
+
203
+ /*
204
+ * Get Embed Thumbnail
205
+ *
206
+ * Get thumbnail URL for embed or self hosted
207
+ *
208
+ * @since 3.7.0
209
+ * @access public
210
+ *
211
+ * @param string $id video ID
212
+ * @param string $type embed type
213
+ */
214
+ public static function get_video_thumbnail( $id, $type ) {
215
+
216
+ if ( 'youtube' === $type ) {
217
+ $thumbnail_src = sprintf( 'https://i.ytimg.com/vi/%s/maxresdefault.jpg', $id );
218
+ } elseif ( 'vimeo' === $type ) {
219
+
220
+ $vimeo_data = wp_remote_get( 'http://www.vimeo.com/api/v2/video/' . intval( $id ) . '.php' );
221
+ if ( isset( $vimeo_data['response']['code'] ) && '200' == $vimeo_data['response']['code'] ) {
222
+ $response = unserialize( $vimeo_data['body'] );
223
+ $thumbnail_src = isset( $response[0]['thumbnail_large'] ) ? $response[0]['thumbnail_large'] : false;
224
+ }
225
+
226
+ } else {
227
+ $thumbnail_src = 'transparent';
228
+ }
229
+
230
+ return $thumbnail_src;
231
+ }
232
  }
premium-addons-for-elementor.php CHANGED
@@ -3,7 +3,7 @@
3
  Plugin Name: Premium Addons for Elementor
4
  Description: Premium Addons Plugin Includes 22+ premium widgets for Elementor Page Builder.
5
  Plugin URI: https://premiumaddons.com
6
- Version: 3.6.9
7
  Author: Leap13
8
  Author URI: https://leap13.com/
9
  Text Domain: premium-addons-for-elementor
@@ -14,12 +14,12 @@ License: GNU General Public License v3.0
14
  if ( ! defined('ABSPATH') ) exit; // No access of directly access
15
 
16
  // Define Constants
17
- define('PREMIUM_ADDONS_VERSION', '3.6.9');
18
  define('PREMIUM_ADDONS_URL', plugins_url('/', __FILE__));
19
  define('PREMIUM_ADDONS_PATH', plugin_dir_path(__FILE__));
20
  define('PREMIUM_ADDONS_FILE', __FILE__);
21
  define('PREMIUM_ADDONS_BASENAME', plugin_basename( PREMIUM_ADDONS_FILE ) );
22
- define('PREMIUM_ADDONS_STABLE_VERSION', '3.6.8');
23
 
24
  if( ! class_exists('Premium_Addons_Elementor') ) {
25
 
3
  Plugin Name: Premium Addons for Elementor
4
  Description: Premium Addons Plugin Includes 22+ premium widgets for Elementor Page Builder.
5
  Plugin URI: https://premiumaddons.com
6
+ Version: 3.7.0
7
  Author: Leap13
8
  Author URI: https://leap13.com/
9
  Text Domain: premium-addons-for-elementor
14
  if ( ! defined('ABSPATH') ) exit; // No access of directly access
15
 
16
  // Define Constants
17
+ define('PREMIUM_ADDONS_VERSION', '3.7.0');
18
  define('PREMIUM_ADDONS_URL', plugins_url('/', __FILE__));
19
  define('PREMIUM_ADDONS_PATH', plugin_dir_path(__FILE__));
20
  define('PREMIUM_ADDONS_FILE', __FILE__);
21
  define('PREMIUM_ADDONS_BASENAME', plugin_basename( PREMIUM_ADDONS_FILE ) );
22
+ define('PREMIUM_ADDONS_STABLE_VERSION', '3.6.9');
23
 
24
  if( ! class_exists('Premium_Addons_Elementor') ) {
25
 
readme.txt CHANGED
@@ -1,11 +1,11 @@
1
- === Premium Addons for Elementor ===
2
  Contributors: Leap13, Rimoun
3
  Tags: Elementor, Elementor Page Builder, Elements, Elementor Addons, Add-ons, Page Builder, Widgets, Elementor Widgets
4
  Donate Link: https://premiumaddons.com/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme
5
  Requires at Least: 4.5
6
  Tested Up To: 5.2.2
7
  Requires PHP: 5.4
8
- Stable Tag: 3.6.9
9
  License: GPL v3.0
10
  License URI: https://opensource.org/licenses/GPL-3.0
11
 
@@ -174,6 +174,11 @@ Premium Addons for Elementor is 100% Ads Free, Ads can only be detected from You
174
 
175
  == Changelog ==
176
 
 
 
 
 
 
177
  = 3.6.9 =
178
 
179
  - Fixed: Vertical Scroll does not work after last version.
1
+ === Premium Addons for Elementor ===
2
  Contributors: Leap13, Rimoun
3
  Tags: Elementor, Elementor Page Builder, Elements, Elementor Addons, Add-ons, Page Builder, Widgets, Elementor Widgets
4
  Donate Link: https://premiumaddons.com/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme
5
  Requires at Least: 4.5
6
  Tested Up To: 5.2.2
7
  Requires PHP: 5.4
8
+ Stable Tag: 3.7.0
9
  License: GPL v3.0
10
  License URI: https://opensource.org/licenses/GPL-3.0
11
 
174
 
175
  == Changelog ==
176
 
177
+ = 3.7.0 =
178
+
179
+ - Tweak: Media Grid widget now support videos.
180
+ - Fixed: `Undefined variable: header_new, header_migrated` in Modal Box widget.
181
+
182
  = 3.6.9 =
183
 
184
  - Fixed: Vertical Scroll does not work after last version.
widgets/premium-grid.php CHANGED
@@ -4,8 +4,10 @@ namespace PremiumAddons\Widgets;
4
 
5
  use PremiumAddons\Helper_Functions;
6
  use PremiumAddons\Includes;
 
7
  use Elementor\Widget_Base;
8
  use Elementor\Utils;
 
9
  use Elementor\Control_Media;
10
  use Elementor\Controls_Manager;
11
  use Elementor\Repeater;
@@ -32,7 +34,7 @@ class Premium_Grid extends Widget_Base {
32
  }
33
 
34
  public function get_title() {
35
- return sprintf( '%1$s %2$s', Helper_Functions::get_prefix(), __('Grid', 'premium-addons-for-elementor') );
36
  }
37
 
38
  public function get_icon() {
@@ -63,7 +65,7 @@ class Premium_Grid extends Widget_Base {
63
  }
64
 
65
  public function get_keywords() {
66
- return ['layout', 'gallery', 'images', 'visual', 'masonry'];
67
  }
68
 
69
  protected function _register_controls() {
@@ -346,7 +348,7 @@ class Premium_Grid extends Widget_Base {
346
 
347
  $this->start_controls_section('premium_gallery_content',
348
  [
349
- 'label' => __('Images','premium-addons-for-elementor'),
350
  ]);
351
 
352
  $img_repeater = new REPEATER();
@@ -401,6 +403,93 @@ class Premium_Grid extends Widget_Base {
401
  ]
402
  );
403
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
404
  $img_repeater->add_control('premium_gallery_img_name',
405
  [
406
  'label' => __( 'Title', 'premium-addons-for-elementor' ),
@@ -435,6 +524,9 @@ class Premium_Grid extends Widget_Base {
435
  ],
436
  'default' => 'url',
437
  'label_block' => true,
 
 
 
438
  ]);
439
 
440
  $img_repeater->add_control('premium_gallery_img_link',
@@ -445,7 +537,8 @@ class Premium_Grid extends Widget_Base {
445
  'placeholder' => 'https://premiumaddons.com/',
446
  'label_block' => true,
447
  'condition' => [
448
- 'premium_gallery_img_link_type' => 'url'
 
449
  ]
450
  ]);
451
 
@@ -460,12 +553,18 @@ class Premium_Grid extends Widget_Base {
460
  'multiple' => false,
461
  'separator' => 'after',
462
  'label_block' => true,
 
 
 
463
  ]);
464
 
465
  $img_repeater->add_control('premium_gallery_link_whole',
466
  [
467
  'label' => __( 'Whole Image Link', 'premium-addons-for-elementor' ),
468
  'type' => Controls_Manager::SWITCHER,
 
 
 
469
  ]
470
  );
471
 
@@ -473,6 +572,9 @@ class Premium_Grid extends Widget_Base {
473
  [
474
  'label' => __( 'Whole Image Lightbox', 'premium-addons-for-elementor' ),
475
  'type' => Controls_Manager::SWITCHER,
 
 
 
476
  ]
477
  );
478
 
@@ -506,7 +608,7 @@ class Premium_Grid extends Widget_Base {
506
 
507
  $this->start_controls_section('premium_gallery_grid_settings',
508
  [
509
- 'label' => __('Grid Settings','premium-addons-for-elementor'),
510
 
511
  ]);
512
 
@@ -595,13 +697,13 @@ class Premium_Grid extends Widget_Base {
595
 
596
  $this->add_control('premium_gallery_lightbox_type',
597
  [
598
- 'label' => __( 'Lightbox Type', 'premium-addons-for-elementor' ),
599
  'type' => Controls_Manager::SELECT,
600
  'default' => 'default',
601
  'options' => [
602
- 'default' => __( 'Default', 'premium-addons-for-elementor' ),
603
- 'yes' => __( 'Elementor Lightbox', 'premium-addons-for-elementor' ),
604
- 'no' => __( 'Other', 'premium-addons-for-elementor' ),
605
  ],
606
  'condition' => [
607
  'premium_gallery_light_box' => 'yes',
@@ -640,6 +742,18 @@ class Premium_Grid extends Widget_Base {
640
  ]
641
  );
642
 
 
 
 
 
 
 
 
 
 
 
 
 
643
  $this->add_control('premium_gallery_rtl_mode',
644
  [
645
  'label' => __( 'RTL Mode', 'premium-addons-for-elementor' ),
@@ -1727,183 +1841,6 @@ class Premium_Grid extends Widget_Base {
1727
  <?php
1728
  }
1729
 
1730
- /*
1731
- * Render Grid Image
1732
- *
1733
- * Written in PHP and used to generate the final HTML for image.
1734
- *
1735
- * @since 3.6.4
1736
- * @access protected
1737
- *
1738
- * @param array $item grid image repeater item
1739
- * @param number $index item index
1740
- */
1741
- protected function render_grid_image( $item, $index ) {
1742
-
1743
- $settings = $this->get_settings();
1744
-
1745
- $alt = Control_Media::get_image_alt( $item['premium_gallery_img'] );
1746
-
1747
- $key = 'image_' . $index;
1748
-
1749
- if( $settings['premium_gallery_img_size_select'] == 'fitRows' ) {
1750
- $image_src = $item['premium_gallery_img'];
1751
- $image_src_size = Group_Control_Image_Size::get_attachment_image_src( $image_src['id'], 'thumbnail', $settings );
1752
-
1753
- if( empty( $image_src_size ) ) {
1754
- $image_src = $image_src['url'];
1755
- } else {
1756
- $image_src = $image_src_size;
1757
- }
1758
- } else {
1759
- $image_src = $item['premium_gallery_img']['url'];
1760
- }
1761
-
1762
- $this->add_render_attribute( $key, [
1763
- 'class' => 'pa-gallery-image',
1764
- 'src' => $image_src,
1765
- 'alt' => $alt
1766
- ]);
1767
-
1768
- ?>
1769
- <img <?php echo $this->get_render_attribute_string( $key ); ?>>
1770
- <?php
1771
-
1772
- }
1773
-
1774
- /*
1775
- * Render Icons
1776
- *
1777
- * Render Lightbox and URL Icons HTML
1778
- *
1779
- * @since 3.6.4
1780
- * @access protected
1781
- *
1782
- * @param array $item grid image repeater item
1783
- * @param number $index item index
1784
- */
1785
- protected function render_icons( $item, $index ) {
1786
-
1787
- $settings = $this->get_settings_for_display();
1788
-
1789
- $lightbox_key = 'image_lightbox_' . $index;
1790
-
1791
- $link_key = 'image_link_' . $index;
1792
-
1793
- $href = $item['premium_gallery_img']['url'];
1794
-
1795
- $rel = sprintf( 'prettyPhoto[premium-grid-%s]', $this->get_id() );
1796
-
1797
- $lightbox = $settings['premium_gallery_light_box'];
1798
-
1799
- $lightbox_type = $settings['premium_gallery_lightbox_type'];
1800
-
1801
-
1802
- if( 'yes' === $lightbox ) {
1803
-
1804
- if( 'yes' !== $item['premium_gallery_lightbox_whole'] ) {
1805
-
1806
- $this->add_render_attribute( $lightbox_key, [
1807
- 'class' => 'pa-gallery-magnific-image',
1808
- 'href' => $href,
1809
- ]);
1810
-
1811
- if( 'default' !== $lightbox_type ) {
1812
- $this->add_render_attribute( $lightbox_key, [
1813
- 'data-elementor-open-lightbox' => $lightbox_type
1814
- ]);
1815
- } else {
1816
- $this->add_render_attribute( $lightbox_key, [
1817
- 'data-rel' => $rel
1818
- ]);
1819
-
1820
- }
1821
-
1822
- ?>
1823
- <a <?php echo $this->get_render_attribute_string( $lightbox_key ); ?>>
1824
- <span><i class="fas fa-search-plus"></i></span>
1825
- </a>
1826
- <?php
1827
- }
1828
- }
1829
-
1830
-
1831
- if( ! empty( $item['premium_gallery_img_link']['url'] ) || ! empty ( $item['premium_gallery_img_existing'] ) ) {
1832
-
1833
- if( 'yes' !== $item['premium_gallery_link_whole'] ) {
1834
-
1835
- $icon_link = '';
1836
-
1837
- $this->add_render_attribute( $link_key, [
1838
- 'class' => 'pa-gallery-img-link',
1839
- ]);
1840
-
1841
- if( 'url' === $item['premium_gallery_img_link_type'] && ! empty( $item['premium_gallery_img_link']['url'] ) ) {
1842
-
1843
- $icon_link = $item['premium_gallery_img_link']['url'];
1844
-
1845
- $external = $item['premium_gallery_img_link']['is_external'] ? '_blank' : '';
1846
-
1847
- $no_follow = $item['premium_gallery_img_link']['nofollow'] ? 'nofollow' : '';
1848
-
1849
- $this->add_render_attribute( $link_key, [
1850
- 'href' => $icon_link,
1851
- 'target' => $external,
1852
- 'rel' => $no_follow
1853
- ]);
1854
-
1855
- } elseif( 'link' === $item['premium_gallery_img_link_type'] && ! empty( $item['premium_gallery_img_existing']['url'] ) ) {
1856
-
1857
- $icon_link = get_permalink( $item['premium_gallery_img_existing'] );
1858
-
1859
- $this->add_render_attribute( $link_key, [
1860
- 'href' => $icon_link
1861
- ]);
1862
-
1863
- }
1864
-
1865
- if ( ! empty ( $icon_link ) ) {
1866
- ?>
1867
- <a <?php echo $this->get_render_attribute_string( $link_key ); ?>>
1868
- <span><i class="fas fa-link"></i></span>
1869
- </a>
1870
- <?php
1871
- }
1872
- }
1873
- }
1874
- }
1875
-
1876
- /*
1877
- * Render Image Caption
1878
- *
1879
- * Written in PHP to render the final HTML for image title and description
1880
- *
1881
- * @since 3.6.4
1882
- * @access proteced
1883
- *
1884
- * @param array $item grid image repeater item
1885
- */
1886
- protected function render_image_caption( $item ) {
1887
-
1888
- $title = $item['premium_gallery_img_name'];
1889
-
1890
- $description = $item['premium_gallery_img_desc'];
1891
-
1892
- if( ! empty( $title ) || ! empty( $description ) ) : ?>
1893
- <div class="premium-gallery-caption">
1894
-
1895
- <?php if( ! empty( $title ) ) : ?>
1896
- <span class="premium-gallery-img-name"><?php echo $title; ?></span>
1897
- <?php endif;
1898
-
1899
- if( ! empty( $description ) ) : ?>
1900
- <p class="premium-gallery-img-desc"><?php echo $description; ?></p>
1901
- <?php endif; ?>
1902
-
1903
- </div>
1904
- <?php endif;
1905
- }
1906
-
1907
  /**
1908
  * Render Grid output on the frontend.
1909
  *
@@ -1924,6 +1861,8 @@ class Premium_Grid extends Widget_Base {
1924
 
1925
  $lightbox_type = $settings['premium_gallery_lightbox_type'];
1926
 
 
 
1927
  if ( 'yes' === $settings['premium_gallery_responsive_switcher'] ) {
1928
  $min_size = $settings['premium_gallery_min_range'] . 'px';
1929
  $max_size = $settings['premium_gallery_max_range'] . 'px';
@@ -1990,6 +1929,13 @@ class Premium_Grid extends Widget_Base {
1990
  'lightbox_type' => $lightbox_type,
1991
  'overlay' => 'yes' === $settings['premium_gallery_overlay_gallery'] ? true : false,
1992
  ]);
 
 
 
 
 
 
 
1993
  }
1994
 
1995
  $this->add_render_attribute( 'grid', [
@@ -2002,6 +1948,15 @@ class Premium_Grid extends Widget_Base {
2002
  ]
2003
  );
2004
 
 
 
 
 
 
 
 
 
 
2005
  $this->add_render_attribute( 'container', 'class', [
2006
  'pa-gallery-img-container'
2007
  ]);
@@ -2046,85 +2001,91 @@ class Premium_Grid extends Widget_Base {
2046
  $this->add_render_attribute( $key, 'data-metro', wp_json_encode( $cells ) );
2047
  }
2048
 
 
 
 
 
2049
  ?>
2050
  <div <?php echo $this->get_render_attribute_string( $key ); ?>>
2051
  <div class="pa-gallery-img <?php echo esc_attr( $layout ); ?>" onclick="">
2052
  <div <?php echo $this->get_render_attribute_string( 'container' ); ?>>
2053
- <?php $this->render_grid_image ( $image, $index ); ?>
 
 
 
 
2054
  </div>
2055
  <?php if( 'default' === $layout || 'style1' === $layout ) : ?>
 
 
 
 
 
 
2056
 
2057
- <div class="pa-gallery-icons-wrapper">
2058
- <div class="pa-gallery-icons-inner-container">
2059
- <?php $this->render_icons( $image, $index ); ?>
 
 
 
 
 
2060
  </div>
2061
- </div>
2062
-
2063
- <?php $this->render_image_caption( $image );
2064
-
2065
- else: ?>
2066
- <div class="pa-gallery-icons-caption-container">
2067
- <div class="pa-gallery-icons-caption-cell">
2068
- <?php
2069
- $this->render_icons( $image, $index );
2070
-
2071
- $this->render_image_caption( $image );
2072
- ?>
2073
  </div>
2074
- </div>
2075
- <?php endif;
2076
-
2077
- if( 'yes' === $image['premium_gallery_link_whole'] ) {
2078
-
2079
- if( 'url' === $image['premium_gallery_img_link_type'] && ! empty( $image['premium_gallery_img_link']['url'] ) ) {
2080
-
2081
- $icon_link = $image['premium_gallery_img_link']['url'];
2082
- $external = $image['premium_gallery_img_link']['is_external'] ? 'target="_blank"' : '';
2083
- $no_follow = $image['premium_gallery_img_link']['nofollow'] ? 'rel="nofollow"' : '';
2084
-
2085
- ?>
2086
- <a class="pa-gallery-whole-link" href="<?php echo esc_attr( $icon_link ); ?>" <?php echo $external; ?><?php echo $no_follow; ?>></a>
2087
-
2088
- <?php } elseif( 'link' === $image['premium_gallery_img_link_type'] ) {
2089
- $icon_link = get_permalink( $image['premium_gallery_img_existing'] );
2090
- ?>
2091
- <a class="pa-gallery-whole-link" href="<?php echo esc_attr( $icon_link ); ?>"></a>
2092
- <?php }
2093
-
2094
- } elseif ( 'yes' === $lightbox ) {
2095
-
2096
- if( 'yes' === $image['premium_gallery_lightbox_whole'] ) {
2097
-
2098
- $lightbox_key = 'image_lightbox_' . $index;
2099
-
2100
- $rel = sprintf( 'prettyPhoto[premium-grid-%s]', $this->get_id() );
2101
-
2102
- $this->add_render_attribute( $lightbox_key, [
2103
- 'class' => 'pa-gallery-whole-link',
2104
- 'href' => $image['premium_gallery_img']['url'],
2105
- ]);
2106
-
2107
- if( 'default' !== $lightbox_type ) {
2108
- $this->add_render_attribute( $lightbox_key, [
2109
- 'data-elementor-open-lightbox' => $lightbox_type
2110
- ]);
2111
- } else {
2112
  $this->add_render_attribute( $lightbox_key, [
2113
- 'data-rel' => $rel
 
2114
  ]);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2115
  }
2116
-
2117
- ?>
2118
-
2119
- <a <?php echo $this->get_render_attribute_string( $lightbox_key ); ?>></a>
2120
-
2121
- <?php
2122
  }
2123
-
2124
- }
2125
-
2126
  ?>
2127
-
2128
  </div>
2129
  </div>
2130
  <?php endforeach; ?>
@@ -2152,4 +2113,298 @@ class Premium_Grid extends Widget_Base {
2152
  <?php endif; ?>
2153
 
2154
  <?php }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2155
  }
4
 
5
  use PremiumAddons\Helper_Functions;
6
  use PremiumAddons\Includes;
7
+ use Elementor\Modules\DynamicTags\Module as TagsModule;
8
  use Elementor\Widget_Base;
9
  use Elementor\Utils;
10
+ use Elementor\Embed;
11
  use Elementor\Control_Media;
12
  use Elementor\Controls_Manager;
13
  use Elementor\Repeater;
34
  }
35
 
36
  public function get_title() {
37
+ return sprintf( '%1$s %2$s', Helper_Functions::get_prefix(), __('Media Grid', 'premium-addons-for-elementor') );
38
  }
39
 
40
  public function get_icon() {
65
  }
66
 
67
  public function get_keywords() {
68
+ return ['layout', 'gallery', 'images', 'videos', 'portfolio', 'visual', 'masonry'];
69
  }
70
 
71
  protected function _register_controls() {
348
 
349
  $this->start_controls_section('premium_gallery_content',
350
  [
351
+ 'label' => __('Images/Videos','premium-addons-for-elementor'),
352
  ]);
353
 
354
  $img_repeater = new REPEATER();
403
  ]
404
  );
405
 
406
+ $img_repeater->add_control('premium_gallery_video',
407
+ [
408
+ 'label' => __( 'Video', 'premium-addons-for-elementor' ),
409
+ 'type' => Controls_Manager::SWITCHER,
410
+ 'return_value' => 'true'
411
+ ]
412
+ );
413
+
414
+ $img_repeater->add_control('premium_gallery_video_type',
415
+ [
416
+ 'label' => __( 'Type', 'premium-addons-for-elementor' ),
417
+ 'type' => Controls_Manager::SELECT,
418
+ 'options' => [
419
+ 'youtube' => __('YouTube', 'premium-addons-for-elementor'),
420
+ 'vimeo' => __('Vimeo', 'premium-addons-for-elementor'),
421
+ 'hosted' => __('Self Hosted', 'premium-addons-for-elementor'),
422
+ ],
423
+ 'label_block' => true,
424
+ 'default' => 'youtube',
425
+ 'condition' => [
426
+ 'premium_gallery_video' => 'true',
427
+ ]
428
+ ]
429
+ );
430
+
431
+ $img_repeater->add_control('premium_gallery_video_url',
432
+ [
433
+ 'label' => __( 'Video URL', 'premium-addons-for-elementor' ),
434
+ 'type' => Controls_Manager::TEXT,
435
+ 'label_block' => true,
436
+ 'dynamic' => [
437
+ 'active' => true,
438
+ 'categories' => [
439
+ TagsModule::POST_META_CATEGORY,
440
+ TagsModule::URL_CATEGORY
441
+ ]
442
+ ],
443
+ 'condition' => [
444
+ 'premium_gallery_video' => 'true',
445
+ 'premium_gallery_video_type!' => 'hosted'
446
+ ]
447
+ ]
448
+ );
449
+
450
+ $img_repeater->add_control('premium_gallery_video_self',
451
+ [
452
+ 'label' => __('Select Video', 'premium-addons-for-elementor'),
453
+ 'type' => Controls_Manager::MEDIA,
454
+ 'dynamic' => [
455
+ 'active' => true,
456
+ 'categories' => [
457
+ TagsModule::POST_META_CATEGORY,
458
+ TagsModule::URL_CATEGORY,
459
+ ],
460
+ ],
461
+ 'media_type' => 'video',
462
+ 'condition' => [
463
+ 'premium_gallery_video' => 'true',
464
+ 'premium_gallery_video_type'=> 'hosted'
465
+ ]
466
+ ]
467
+ );
468
+
469
+ $img_repeater->add_control('premium_gallery_video_controls',
470
+ [
471
+ 'label' => __( 'Controls', 'premium-addons-for-elementor' ),
472
+ 'type' => Controls_Manager::SWITCHER,
473
+ 'return_value' => 'true',
474
+ 'default' => 'true',
475
+ 'condition' => [
476
+ 'premium_gallery_video' => 'true',
477
+ 'premium_gallery_video_type!'=> 'vimeo'
478
+ ]
479
+ ]
480
+ );
481
+
482
+ $img_repeater->add_control('premium_gallery_video_mute',
483
+ [
484
+ 'label' => __( 'Mute', 'premium-addons-for-elementor' ),
485
+ 'type' => Controls_Manager::SWITCHER,
486
+ 'return_value' => 'true',
487
+ 'condition' => [
488
+ 'premium_gallery_video' => 'true'
489
+ ]
490
+ ]
491
+ );
492
+
493
  $img_repeater->add_control('premium_gallery_img_name',
494
  [
495
  'label' => __( 'Title', 'premium-addons-for-elementor' ),
524
  ],
525
  'default' => 'url',
526
  'label_block' => true,
527
+ 'condition' => [
528
+ 'premium_gallery_video!' => 'true',
529
+ ]
530
  ]);
531
 
532
  $img_repeater->add_control('premium_gallery_img_link',
537
  'placeholder' => 'https://premiumaddons.com/',
538
  'label_block' => true,
539
  'condition' => [
540
+ 'premium_gallery_img_link_type' => 'url',
541
+ 'premium_gallery_video!' => 'true',
542
  ]
543
  ]);
544
 
553
  'multiple' => false,
554
  'separator' => 'after',
555
  'label_block' => true,
556
+ 'condition' => [
557
+ 'premium_gallery_video!' => 'true',
558
+ ]
559
  ]);
560
 
561
  $img_repeater->add_control('premium_gallery_link_whole',
562
  [
563
  'label' => __( 'Whole Image Link', 'premium-addons-for-elementor' ),
564
  'type' => Controls_Manager::SWITCHER,
565
+ 'condition' => [
566
+ 'premium_gallery_video!' => 'true',
567
+ ]
568
  ]
569
  );
570
 
572
  [
573
  'label' => __( 'Whole Image Lightbox', 'premium-addons-for-elementor' ),
574
  'type' => Controls_Manager::SWITCHER,
575
+ 'condition' => [
576
+ 'premium_gallery_video!' => 'true',
577
+ ]
578
  ]
579
  );
580
 
608
 
609
  $this->start_controls_section('premium_gallery_grid_settings',
610
  [
611
+ 'label' => __('Display Options','premium-addons-for-elementor'),
612
 
613
  ]);
614
 
697
 
698
  $this->add_control('premium_gallery_lightbox_type',
699
  [
700
+ 'label' => __( 'Lightbox Style', 'premium-addons-for-elementor' ),
701
  'type' => Controls_Manager::SELECT,
702
  'default' => 'default',
703
  'options' => [
704
+ 'default' => __( 'PrettyPhoto', 'premium-addons-for-elementor' ),
705
+ 'yes' => __( 'Elementor', 'premium-addons-for-elementor' ),
706
+ 'no' => __( 'Other Lightbox PLugin', 'premium-addons-for-elementor' ),
707
  ],
708
  'condition' => [
709
  'premium_gallery_light_box' => 'yes',
742
  ]
743
  );
744
 
745
+ $this->add_control('premium_gallery_video_icon',
746
+ [
747
+ 'label' => __( 'Always Show Play Icon', 'premium-addons-for-elementor' ),
748
+ 'type' => Controls_Manager::SWITCHER,
749
+ 'return_value' => 'true',
750
+ 'default' => 'true',
751
+ 'condition' => [
752
+ 'premium_gallery_img_style!' => 'style2'
753
+ ]
754
+ ]
755
+ );
756
+
757
  $this->add_control('premium_gallery_rtl_mode',
758
  [
759
  'label' => __( 'RTL Mode', 'premium-addons-for-elementor' ),
1841
  <?php
1842
  }
1843
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1844
  /**
1845
  * Render Grid output on the frontend.
1846
  *
1861
 
1862
  $lightbox_type = $settings['premium_gallery_lightbox_type'];
1863
 
1864
+ $show_play = $settings['premium_gallery_video_icon'];
1865
+
1866
  if ( 'yes' === $settings['premium_gallery_responsive_switcher'] ) {
1867
  $min_size = $settings['premium_gallery_min_range'] . 'px';
1868
  $max_size = $settings['premium_gallery_max_range'] . 'px';
1929
  'lightbox_type' => $lightbox_type,
1930
  'overlay' => 'yes' === $settings['premium_gallery_overlay_gallery'] ? true : false,
1931
  ]);
1932
+ } else {
1933
+ $this->add_render_attribute( 'grid', [
1934
+ 'class' => [
1935
+ 'premium-img-gallery-no-lightbox'
1936
+ ]
1937
+ ]
1938
+ );
1939
  }
1940
 
1941
  $this->add_render_attribute( 'grid', [
1948
  ]
1949
  );
1950
 
1951
+ if ( $show_play ) {
1952
+ $this->add_render_attribute( 'grid', [
1953
+ 'class' => [
1954
+ 'premium-gallery-icon-show'
1955
+ ]
1956
+ ]
1957
+ );
1958
+ }
1959
+
1960
  $this->add_render_attribute( 'container', 'class', [
1961
  'pa-gallery-img-container'
1962
  ]);
2001
  $this->add_render_attribute( $key, 'data-metro', wp_json_encode( $cells ) );
2002
  }
2003
 
2004
+ if( $image['premium_gallery_video'] ) {
2005
+ $this->add_render_attribute( $key, 'class', 'premium-gallery-video-item' );
2006
+ }
2007
+
2008
  ?>
2009
  <div <?php echo $this->get_render_attribute_string( $key ); ?>>
2010
  <div class="pa-gallery-img <?php echo esc_attr( $layout ); ?>" onclick="">
2011
  <div <?php echo $this->get_render_attribute_string( 'container' ); ?>>
2012
+ <?php
2013
+ $video_link = $this->render_grid_item ( $image, $index );
2014
+
2015
+ $image['video_link'] = $video_link;
2016
+ ?>
2017
  </div>
2018
  <?php if( 'default' === $layout || 'style1' === $layout ) : ?>
2019
+ <div class="pa-gallery-icons-wrapper">
2020
+ <div class="pa-gallery-icons-inner-container">
2021
+ <?php $this->render_icons( $image, $index ); ?>
2022
+ </div>
2023
+ </div>
2024
+ <?php $this->render_image_caption( $image );
2025
 
2026
+ else: ?>
2027
+ <div class="pa-gallery-icons-caption-container">
2028
+ <div class="pa-gallery-icons-caption-cell">
2029
+ <?php
2030
+ $this->render_icons( $image, $index );
2031
+ $this->render_image_caption( $image );
2032
+ ?>
2033
+ </div>
2034
  </div>
2035
+ <?php endif;
2036
+ if( $image['premium_gallery_video'] ) : ?>
2037
+ </div>
 
 
 
 
 
 
 
 
 
2038
  </div>
2039
+ <?php continue;
2040
+ endif;
2041
+ if( 'yes' === $image['premium_gallery_link_whole'] ) {
2042
+
2043
+ if( 'url' === $image['premium_gallery_img_link_type'] && ! empty( $image['premium_gallery_img_link']['url'] ) ) {
2044
+
2045
+ $icon_link = $image['premium_gallery_img_link']['url'];
2046
+ $external = $image['premium_gallery_img_link']['is_external'] ? 'target="_blank"' : '';
2047
+ $no_follow = $image['premium_gallery_img_link']['nofollow'] ? 'rel="nofollow"' : '';
2048
+
2049
+ ?>
2050
+ <a class="pa-gallery-whole-link" href="<?php echo esc_attr( $icon_link ); ?>" <?php echo $external; ?><?php echo $no_follow; ?>></a>
2051
+
2052
+ <?php } elseif( 'link' === $image['premium_gallery_img_link_type'] ) {
2053
+ $icon_link = get_permalink( $image['premium_gallery_img_existing'] );
2054
+ ?>
2055
+ <a class="pa-gallery-whole-link" href="<?php echo esc_attr( $icon_link ); ?>"></a>
2056
+ <?php }
2057
+
2058
+ } elseif ( 'yes' === $lightbox ) {
2059
+
2060
+ if( 'yes' === $image['premium_gallery_lightbox_whole'] ) {
2061
+
2062
+ $lightbox_key = 'image_lightbox_' . $index;
2063
+
2064
+ $rel = sprintf( 'prettyPhoto[premium-grid-%s]', $this->get_id() );
2065
+
 
 
 
 
 
 
 
 
 
 
 
2066
  $this->add_render_attribute( $lightbox_key, [
2067
+ 'class' => 'pa-gallery-whole-link',
2068
+ 'href' => $image['premium_gallery_img']['url'],
2069
  ]);
2070
+
2071
+ if( 'default' !== $lightbox_type ) {
2072
+ $this->add_render_attribute( $lightbox_key, [
2073
+ 'data-elementor-open-lightbox' => $lightbox_type
2074
+ ]);
2075
+ } else {
2076
+ $this->add_render_attribute( $lightbox_key, [
2077
+ 'data-rel' => $rel
2078
+ ]);
2079
+ }
2080
+
2081
+ ?>
2082
+
2083
+ <a <?php echo $this->get_render_attribute_string( $lightbox_key ); ?>></a>
2084
+
2085
+ <?php
2086
  }
 
 
 
 
 
 
2087
  }
 
 
 
2088
  ?>
 
2089
  </div>
2090
  </div>
2091
  <?php endforeach; ?>
2113
  <?php endif; ?>
2114
 
2115
  <?php }
2116
+
2117
+ /*
2118
+ * Render Grid Image
2119
+ *
2120
+ * Written in PHP and used to generate the final HTML for image.
2121
+ *
2122
+ * @since 3.6.4
2123
+ * @access protected
2124
+ *
2125
+ * @param array $item grid image repeater item
2126
+ * @param number $index item index
2127
+ */
2128
+ protected function render_grid_item( $item, $index ) {
2129
+
2130
+ $settings = $this->get_settings();
2131
+
2132
+ $is_video = $item['premium_gallery_video'];
2133
+
2134
+ $alt = Control_Media::get_image_alt( $item['premium_gallery_img'] );
2135
+
2136
+ $key = 'image_' . $index;
2137
+
2138
+ if ( ! $is_video ) {
2139
+ if ( $settings['premium_gallery_img_size_select'] == 'fitRows' ) {
2140
+ $image_src = $item['premium_gallery_img'];
2141
+ $image_src_size = Group_Control_Image_Size::get_attachment_image_src($image_src['id'], 'thumbnail', $settings);
2142
+
2143
+ $image_src = empty( $image_src_size ) ? $image_src['url'] : $image_src_size;
2144
+
2145
+ } else {
2146
+ $image_src = $item['premium_gallery_img']['url'];
2147
+ }
2148
+ } else {
2149
+
2150
+ $image_src = $item['premium_gallery_img']['url'];
2151
+
2152
+ if( 'hosted' !== $item['premium_gallery_video_type'] ) {
2153
+ $embed_params = $this->get_embed_params( $item );
2154
+ $link = Embed::get_embed_url( $item['premium_gallery_video_url'], $embed_params );
2155
+
2156
+ if( empty( $image_src ) ) {
2157
+ $video_props = Embed::get_video_properties( $link );
2158
+ $id = $video_props['video_id'];
2159
+ $type = $video_props['provider'];
2160
+
2161
+ $image_src = Helper_Functions::get_video_thumbnail( $id, $type );
2162
+ }
2163
+
2164
+ } else {
2165
+ $video_params = $this->get_hosted_params( $item );
2166
+ }
2167
+
2168
+ }
2169
+
2170
+ $this->add_render_attribute( $key, [
2171
+ 'class' => 'pa-gallery-image',
2172
+ 'src' => $image_src,
2173
+ 'alt' => $alt
2174
+ ]);
2175
+
2176
+ if ( $is_video ) {
2177
+ ?>
2178
+ <div class="premium-gallery-video-wrap" data-type="<?php echo $item['premium_gallery_video_type']; ?>">
2179
+ <?php if( 'hosted' !== $item['premium_gallery_video_type'] ) : ?>
2180
+ <iframe src="<?php echo $link; ?>"></iframe>
2181
+ <?php else:
2182
+ $link = $item['premium_gallery_video_self']['url'];
2183
+ ?>
2184
+ <video src="<?php echo esc_url( $link ); ?>" <?php echo Utils::render_html_attributes( $video_params ); ?>></video>
2185
+ <?php endif; ?>
2186
+ </div>
2187
+ <?php } ?>
2188
+
2189
+ <img <?php echo $this->get_render_attribute_string( $key ); ?>>
2190
+ <?php
2191
+
2192
+ return ( isset( $link ) && ! empty ( $link ) ) ? $link : false;
2193
+ }
2194
+
2195
+ /*
2196
+ * Render Icons
2197
+ *
2198
+ * Render Lightbox and URL Icons HTML
2199
+ *
2200
+ * @since 3.6.4
2201
+ * @access protected
2202
+ *
2203
+ * @param array $item grid image repeater item
2204
+ * @param number $index item index
2205
+ */
2206
+ protected function render_icons( $item, $index ) {
2207
+
2208
+ $settings = $this->get_settings_for_display();
2209
+
2210
+ $lightbox_key = 'image_lightbox_' . $index;
2211
+
2212
+ $link_key = 'image_link_' . $index;
2213
+
2214
+ $href = $item['premium_gallery_img']['url'];
2215
+
2216
+ $rel = sprintf( 'prettyPhoto[premium-grid-%s]', $this->get_id() );
2217
+
2218
+ $lightbox = $settings['premium_gallery_light_box'];
2219
+
2220
+ $lightbox_type = $settings['premium_gallery_lightbox_type'];
2221
+
2222
+ $is_video = $item['premium_gallery_video'];
2223
+
2224
+ if ( $is_video ) {
2225
+
2226
+ $this->add_render_attribute( $lightbox_key, [
2227
+ 'class' => [
2228
+ 'pa-gallery-lightbox-wrap',
2229
+ 'pa-gallery-video-icon'
2230
+ ]
2231
+ ]);
2232
+
2233
+ if( $lightbox ) {
2234
+
2235
+ $lightbox_options = [
2236
+ 'type' => 'video',
2237
+ 'videoType' => $item['premium_gallery_video_type'],
2238
+ 'url' => $item['video_link'],
2239
+ 'modalOptions' => [
2240
+ 'id' => 'elementor-lightbox-' . $this->get_id(),
2241
+ 'videoAspectRatio' => '169',
2242
+ ],
2243
+ ];
2244
+
2245
+ $this->add_render_attribute( $lightbox_key, [
2246
+ 'data-elementor-open-lightbox' => 'yes',
2247
+ 'data-elementor-lightbox' => wp_json_encode( $lightbox_options ),
2248
+ ] );
2249
+ }
2250
+
2251
+ ?>
2252
+ <div <?php echo $this->get_render_attribute_string( $lightbox_key ); ?>>
2253
+ <a class="pa-gallery-magnific-image pa-gallery-video-icon">
2254
+ <span><i class="fas fa-play"></i></span>
2255
+ </a>
2256
+ </div>
2257
+
2258
+ <?php
2259
+ return;
2260
+ }
2261
+
2262
+ if( 'yes' === $lightbox ) {
2263
+
2264
+ if( 'yes' !== $item['premium_gallery_lightbox_whole'] ) {
2265
+
2266
+ $this->add_render_attribute( $lightbox_key, [
2267
+ 'class' => 'pa-gallery-magnific-image',
2268
+ 'href' => $href,
2269
+ ]);
2270
+
2271
+ if( 'default' !== $lightbox_type ) {
2272
+ $this->add_render_attribute( $lightbox_key, [
2273
+ 'data-elementor-open-lightbox' => $lightbox_type
2274
+ ]);
2275
+ } else {
2276
+ $this->add_render_attribute( $lightbox_key, [
2277
+ 'data-rel' => $rel
2278
+ ]);
2279
+
2280
+ }
2281
+
2282
+ ?>
2283
+ <a <?php echo $this->get_render_attribute_string( $lightbox_key ); ?>>
2284
+ <span><i class="fas fa-search"></i></span>
2285
+ </a>
2286
+ <?php
2287
+ }
2288
+ }
2289
+
2290
+
2291
+ if( ! empty( $item['premium_gallery_img_link']['url'] ) || ! empty ( $item['premium_gallery_img_existing'] ) ) {
2292
+
2293
+ if( 'yes' !== $item['premium_gallery_link_whole'] ) {
2294
+
2295
+ $icon_link = '';
2296
+
2297
+ $this->add_render_attribute( $link_key, [
2298
+ 'class' => 'pa-gallery-img-link',
2299
+ ]);
2300
+
2301
+ if( 'url' === $item['premium_gallery_img_link_type'] && ! empty( $item['premium_gallery_img_link']['url'] ) ) {
2302
+
2303
+ $icon_link = $item['premium_gallery_img_link']['url'];
2304
+
2305
+ $external = $item['premium_gallery_img_link']['is_external'] ? '_blank' : '';
2306
+
2307
+ $no_follow = $item['premium_gallery_img_link']['nofollow'] ? 'nofollow' : '';
2308
+
2309
+ $this->add_render_attribute( $link_key, [
2310
+ 'href' => $icon_link,
2311
+ 'target' => $external,
2312
+ 'rel' => $no_follow
2313
+ ]);
2314
+
2315
+ } elseif( 'link' === $item['premium_gallery_img_link_type'] && ! empty( $item['premium_gallery_img_existing']['url'] ) ) {
2316
+
2317
+ $icon_link = get_permalink( $item['premium_gallery_img_existing'] );
2318
+
2319
+ $this->add_render_attribute( $link_key, [
2320
+ 'href' => $icon_link
2321
+ ]);
2322
+
2323
+ }
2324
+
2325
+ if ( ! empty ( $icon_link ) ) {
2326
+ ?>
2327
+ <a <?php echo $this->get_render_attribute_string( $link_key ); ?>>
2328
+ <span><i class="fas fa-link"></i></span>
2329
+ </a>
2330
+ <?php
2331
+ }
2332
+ }
2333
+ }
2334
+ }
2335
+
2336
+ /*
2337
+ * Render Image Caption
2338
+ *
2339
+ * Written in PHP to render the final HTML for image title and description
2340
+ *
2341
+ * @since 3.6.4
2342
+ * @access proteced
2343
+ *
2344
+ * @param array $item grid image repeater item
2345
+ */
2346
+ protected function render_image_caption( $item ) {
2347
+
2348
+ $title = $item['premium_gallery_img_name'];
2349
+
2350
+ $description = $item['premium_gallery_img_desc'];
2351
+
2352
+ if( ! empty( $title ) || ! empty( $description ) ) : ?>
2353
+ <div class="premium-gallery-caption">
2354
+
2355
+ <?php if( ! empty( $title ) ) : ?>
2356
+ <span class="premium-gallery-img-name"><?php echo $title; ?></span>
2357
+ <?php endif;
2358
+
2359
+ if( ! empty( $description ) ) : ?>
2360
+ <p class="premium-gallery-img-desc"><?php echo $description; ?></p>
2361
+ <?php endif; ?>
2362
+
2363
+ </div>
2364
+ <?php endif;
2365
+ }
2366
+
2367
+ /*
2368
+ * Get Hosted Videos Parameters
2369
+ *
2370
+ * @since 3.7.0
2371
+ * @access protected
2372
+ *
2373
+ * @param array $item grid image repeater item
2374
+ */
2375
+ private function get_hosted_params( $item ) {
2376
+
2377
+ $video_params = [];
2378
+
2379
+ if ( $item[ 'premium_gallery_video_controls' ] ) {
2380
+ $video_params[ 'controls' ] = '';
2381
+ }
2382
+
2383
+ if ( $item['premium_gallery_video_mute'] ) {
2384
+ $video_params['muted'] = 'muted';
2385
+ }
2386
+
2387
+ return $video_params;
2388
+ }
2389
+
2390
+ /*
2391
+ * Get embeded videos parameters
2392
+ *
2393
+ * @since 3.7.0
2394
+ * @access protected
2395
+ *
2396
+ * @param array $item grid image repeater item
2397
+ */
2398
+ private function get_embed_params( $item ) {
2399
+
2400
+ $video_params = [];
2401
+
2402
+ $video_params[ 'controls' ] = $item[ 'premium_gallery_video_controls' ] ? '1' : '0';
2403
+
2404
+ $key = 'youtube' === $item[ 'premium_gallery_video_type' ] ? 'mute' : 'muted';
2405
+
2406
+ $video_params[ $key ] = $item['premium_gallery_video_mute'] ? '1' : '0';
2407
+
2408
+ return $video_params;
2409
+ }
2410
  }
widgets/premium-modalbox.php CHANGED
@@ -1319,6 +1319,8 @@ class Premium_Modalbox extends Widget_Base {
1319
  $header_migrated = isset( $settings['__fa4_migrated']['premium_modal_box_font_icon_updated'] );
1320
  $header_new = empty( $settings['premium_modal_box_font_icon'] ) && Icons_Manager::is_migration_allowed();
1321
  } else {
 
 
1322
  $this->add_render_attribute('title_icon', 'src', $settings['premium_modal_box_image_icon']['url'] );
1323
  $alt = Control_Media::get_image_alt( $settings['premium_modal_box_image_icon'] );
1324
  $this->add_render_attribute('title_icon', 'alt', $alt );
@@ -1358,7 +1360,7 @@ class Premium_Modalbox extends Widget_Base {
1358
  <div id="premium-modal-<?php echo $this->get_id(); ?>" class="premium-modal-box-modal premium-modal-fade" role="dialog">
1359
  <div class="premium-modal-box-modal-dialog">
1360
  <div class="premium-modal-box-modal-content">
1361
- <?php if( $settings['premium_modal_box_header_switcher'] == 'yes' ) : ?>
1362
  <div class="premium-modal-box-modal-header">
1363
  <?php if ( ! empty( $settings['premium_modal_box_title'] ) ) : ?>
1364
  <h3 class="premium-modal-box-modal-title">
1319
  $header_migrated = isset( $settings['__fa4_migrated']['premium_modal_box_font_icon_updated'] );
1320
  $header_new = empty( $settings['premium_modal_box_font_icon'] ) && Icons_Manager::is_migration_allowed();
1321
  } else {
1322
+ $header_migrated = false;
1323
+ $header_new = false;
1324
  $this->add_render_attribute('title_icon', 'src', $settings['premium_modal_box_image_icon']['url'] );
1325
  $alt = Control_Media::get_image_alt( $settings['premium_modal_box_image_icon'] );
1326
  $this->add_render_attribute('title_icon', 'alt', $alt );
1360
  <div id="premium-modal-<?php echo $this->get_id(); ?>" class="premium-modal-box-modal premium-modal-fade" role="dialog">
1361
  <div class="premium-modal-box-modal-dialog">
1362
  <div class="premium-modal-box-modal-content">
1363
+ <?php if( $settings['premium_modal_box_header_switcher'] === 'yes' ) : ?>
1364
  <div class="premium-modal-box-modal-header">
1365
  <?php if ( ! empty( $settings['premium_modal_box_title'] ) ) : ?>
1366
  <h3 class="premium-modal-box-modal-title">
widgets/premium-videobox.php CHANGED
@@ -122,7 +122,7 @@ class Premium_Videobox extends Widget_Base {
122
  'type' => Controls_Manager::TEXT,
123
  'label_block' => true,
124
  'default' => 'https://www.youtube.com/watch?v=xPe1jMuX32s',
125
- 'dynamic' => [ 'active' => true,
126
  'active' => true,
127
  'categories' => [
128
  TagsModule::POST_META_CATEGORY,
@@ -782,19 +782,7 @@ class Premium_Videobox extends Widget_Base {
782
  $thumbnail_src = $settings['premium_video_box_image']['url'];
783
 
784
  if ( 'yes' !== $thumbnail ) {
785
- if ('youtube' === $type ) {
786
- $thumbnail_src = sprintf('https://i.ytimg.com/vi/%s/sddefault.jpg', $id );
787
- } elseif ('vimeo' === $type ) {
788
-
789
- $vimeo_data = wp_remote_get( 'http://www.vimeo.com/api/v2/video/' . intval( $id ) . '.php' );
790
- if ( isset( $vimeo_data['response']['code'] ) && '200' == $vimeo_data['response']['code'] ) {
791
- $response = unserialize( $vimeo_data['body'] );
792
- $thumbnail_src = isset( $response[0]['thumbnail_large'] ) ? $response[0]['thumbnail_large'] : false;
793
- }
794
-
795
- } else {
796
- $thumbnail_src = 'transparent';
797
- }
798
  }
799
 
800
  return $thumbnail_src;
122
  'type' => Controls_Manager::TEXT,
123
  'label_block' => true,
124
  'default' => 'https://www.youtube.com/watch?v=xPe1jMuX32s',
125
+ 'dynamic' => [
126
  'active' => true,
127
  'categories' => [
128
  TagsModule::POST_META_CATEGORY,
782
  $thumbnail_src = $settings['premium_video_box_image']['url'];
783
 
784
  if ( 'yes' !== $thumbnail ) {
785
+ $thumbnail_src = Helper_Functions::get_video_thumbnail( $id, $type );
 
 
 
 
 
 
 
 
 
 
 
 
786
  }
787
 
788
  return $thumbnail_src;
widgets/premium-vscroll.php CHANGED
@@ -45,6 +45,8 @@ class Premium_Vscroll extends Widget_Base {
45
 
46
  public function get_script_depends() {
47
  return [
 
 
48
  'vscroll-js'
49
  ];
50
  }
45
 
46
  public function get_script_depends() {
47
  return [
48
+ // 'iscroll-js',
49
+ // 'slimscroll-js',
50
  'vscroll-js'
51
  ];
52
  }