Premium Addons for Elementor - Version 2.6.5

Version Description

  • Tweak: Premium Button widget performance enhanced.
  • Fixed: Modal Box responsive issues.
Download this release

Release Info

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

Code changes from version 2.6.4 to 2.6.5

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