Premium Addons for Elementor - Version 4.9.35

Version Description

  • Tweak: Added option to Disable Page Scroll if Slide menu is opened in Mega Menu widget.
  • Tweak: Added Reset on Mouse Leave option in Lottie Animation widget.
  • Tweak: Post Title Hover Color now works when the post box is hovered in Blog widget.
  • Tweak: Filter Tabs option performance improved in Blog widget.
  • Fixed: Console errors showing while on the editor page.
  • Fixed: Filter tabs in Blog widget not translated using WPML.
Download this release

Release Info

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

Code changes from version 4.9.34 to 4.9.35

Files changed (18) hide show
  1. assets/frontend/css/common-rtl.css +339 -339
  2. assets/frontend/css/common.css +274 -274
  3. assets/frontend/css/premium-addons-rtl.css +727 -730
  4. assets/frontend/css/premium-addons.css +3800 -3800
  5. assets/frontend/css/premium-blog.css +702 -702
  6. assets/frontend/css/premium-icon-list-rtl.css +326 -330
  7. assets/frontend/css/premium-icon-list.css +252 -254
  8. assets/frontend/css/premium-image-button.css +378 -378
  9. assets/frontend/css/premium-nav-menu-rtl.css +7 -5
  10. assets/frontend/css/premium-nav-menu.css +6 -4
  11. assets/frontend/css/premium-pricing-table.css +252 -252
  12. assets/frontend/css/premium-woo-products.css +982 -982
  13. assets/frontend/js/lottie.js +24 -0
  14. assets/frontend/js/motionpath.js +3 -3
  15. assets/frontend/js/premium-addons.js +2972 -2959
  16. assets/frontend/js/premium-blog.js +1 -1
  17. assets/frontend/js/premium-nav-menu.js +436 -423
  18. assets/frontend/min-css/premium-addons-rtl.min.css +0 -1
assets/frontend/css/common-rtl.css CHANGED
@@ -1,340 +1,340 @@
1
- /*
2
- * Common Title/Dual Heading
3
- */
4
- .premium-title-bg-text:before {
5
- position: absolute;
6
- content: attr(data-background);
7
- top: 0;
8
- left: 0;
9
- text-align: left;
10
- }
11
-
12
- .premium-bg-text-yes .elementor-widget-container:before {
13
- position: absolute;
14
- top: 0;
15
- left: 0;
16
- text-align: left;
17
- }
18
-
19
- .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
20
- .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
21
- background: inherit;
22
- }
23
-
24
- .premium-mask-yes .premium-mask-span {
25
- position: relative;
26
- overflow: hidden;
27
- -js-display: inline-flex !important;
28
- display: -webkit-inline-box !important;
29
- display: -webkit-inline-flex !important;
30
- display: -moz-inline-box !important;
31
- display: -ms-inline-flexbox !important;
32
- display: inline-flex !important;
33
- }
34
-
35
- .premium-mask-yes .premium-mask-span::after {
36
- content: "";
37
- position: absolute;
38
- top: 0;
39
- right: 0px;
40
- width: 100%;
41
- height: 100%;
42
- background-color: currentColor;
43
- -webkit-backface-visibility: visible;
44
- backface-visibility: visible;
45
- }
46
-
47
- .premium-mask-active.premium-mask-tr .premium-mask-span::after {
48
- -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
49
- animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
50
- -webkit-transform: translateX(-103%);
51
- -ms-transform: translateX(-103%);
52
- transform: translateX(-103%);
53
- }
54
-
55
- .premium-mask-active.premium-mask-tl .premium-mask-span::after {
56
- -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
57
- animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
58
- -webkit-transform: translateX(103%);
59
- -ms-transform: translateX(103%);
60
- transform: translateX(103%);
61
- }
62
-
63
- .premium-mask-active.premium-mask-tb .premium-mask-span::after {
64
- -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
65
- animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
66
- -webkit-transform: translateY(-103%);
67
- -ms-transform: translateY(-103%);
68
- transform: translateY(-103%);
69
- }
70
-
71
- .premium-mask-active.premium-mask-tt .premium-mask-span::after {
72
- -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
73
- animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
74
- -webkit-transform: translateY(103%);
75
- -ms-transform: translateY(103%);
76
- transform: translateY(103%);
77
- }
78
-
79
- @-webkit-keyframes pa-mask-tr {
80
- 0% {
81
- -webkit-transform: translateX(0%);
82
- transform: translateX(0%);
83
- }
84
-
85
- 100% {
86
- -webkit-transform: translateX(103%);
87
- transform: translateX(103%);
88
- }
89
- }
90
-
91
- @keyframes pa-mask-tr {
92
- 0% {
93
- -webkit-transform: translateX(0%);
94
- transform: translateX(0%);
95
- }
96
-
97
- 100% {
98
- -webkit-transform: translateX(103%);
99
- transform: translateX(103%);
100
- }
101
- }
102
-
103
- @-webkit-keyframes pa-mask-tl {
104
- 0% {
105
- -webkit-transform: translateX(0%);
106
- transform: translateX(0%);
107
- }
108
-
109
- 100% {
110
- -webkit-transform: translateX(-103%);
111
- transform: translateX(-103%);
112
- }
113
- }
114
-
115
- @keyframes pa-mask-tl {
116
- 0% {
117
- -webkit-transform: translateX(0%);
118
- transform: translateX(0%);
119
- }
120
-
121
- 100% {
122
- -webkit-transform: translateX(-103%);
123
- transform: translateX(-103%);
124
- }
125
- }
126
-
127
- @-webkit-keyframes pa-mask-tb {
128
- 0% {
129
- -webkit-transform: translateY(0%);
130
- transform: translateY(0%);
131
- }
132
-
133
- 100% {
134
- -webkit-transform: translateY(103%);
135
- transform: translateY(103%);
136
- }
137
- }
138
-
139
- @keyframes pa-mask-tb {
140
- 0% {
141
- -webkit-transform: translateY(0%);
142
- transform: translateY(0%);
143
- }
144
-
145
- 100% {
146
- -webkit-transform: translateY(103%);
147
- transform: translateY(103%);
148
- }
149
- }
150
-
151
- @-webkit-keyframes pa-mask-tt {
152
- 0% {
153
- -webkit-transform: translateY(0%);
154
- transform: translateY(0%);
155
- }
156
-
157
- 100% {
158
- -webkit-transform: translateY(-103%);
159
- transform: translateY(-103%);
160
- }
161
- }
162
-
163
- @keyframes pa-mask-tt {
164
- 0% {
165
- -webkit-transform: translateY(0%);
166
- transform: translateY(0%);
167
- }
168
-
169
- 100% {
170
- -webkit-transform: translateY(-103%);
171
- transform: translateY(-103%);
172
- }
173
- }
174
-
175
- /*
176
- * Common Button style.
177
- */
178
- .premium-button .premium-lottie-animation,
179
- .premium-image-button .premium-lottie-animation {
180
- -js-display: flex;
181
- display: -webkit-box;
182
- display: -webkit-flex;
183
- display: -moz-box;
184
- display: -ms-flexbox;
185
- display: flex;
186
- }
187
-
188
- .premium-button svg,
189
- .premium-image-button svg {
190
- width: 30px;
191
- height: 30px;
192
- }
193
-
194
- .premium-btn-sm,
195
- .premium-btn-md,
196
- .premium-btn-lg,
197
- .premium-btn-block {
198
- background-color: #eee;
199
- color: #042551;
200
- margin: 0px;
201
- text-decoration: none;
202
- }
203
-
204
- .premium-btn-sm:hover,
205
- .premium-btn-md:hover,
206
- .premium-btn-lg:hover,
207
- .premium-btn-block:hover {
208
- background-color: #54595f;
209
- color: #eee;
210
- }
211
-
212
- div[class*="elementor-widget-premium"] .premium-btn-sm {
213
- padding: 12px 24px;
214
- font-size: 14px;
215
- line-height: 1;
216
- }
217
-
218
- div[class*="elementor-widget-premium"] .premium-btn-md {
219
- padding: 14px 26px;
220
- font-size: 16px;
221
- line-height: 1.2;
222
- }
223
-
224
- div[class*="elementor-widget-premium"] .premium-btn-lg {
225
- padding: 16px 28px;
226
- font-size: 18px;
227
- line-height: 1.3333;
228
- }
229
-
230
- div[class*="elementor-widget-premium"] .premium-btn-block {
231
- font-size: 18px;
232
- line-height: 1;
233
- padding: 20px 0px;
234
- width: 100%;
235
- text-align: center;
236
- }
237
-
238
- .premium-button-text {
239
- display: inline-block;
240
- width: 100%;
241
- }
242
-
243
- /*
244
- * Common Button/Image Button Mouse Detect Effect.
245
- */
246
- .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
247
- position: absolute;
248
- z-index: 0;
249
- top: 0;
250
- right: 0;
251
- width: 0px;
252
- height: 0px;
253
- -webkit-border-radius: 50%;
254
- border-radius: 50%;
255
- display: block;
256
- -webkit-transform: translate(50%, -50%);
257
- -ms-transform: translate(50%, -50%);
258
- transform: translate(50%, -50%);
259
- -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
260
- transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
261
- }
262
-
263
- .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
264
- width: 225%;
265
- height: 560px;
266
- }
267
-
268
- .premium-mouse-detect-yes .premium-button-style6:before {
269
- width: 0;
270
- height: 0;
271
- }
272
-
273
- /*
274
- Common SVG Draw
275
- premium-svg-drawer not prefixed with 'svg'
276
- because it's rendered as div with custom SVG code.
277
- */
278
- .premium-svg-nodraw *,
279
- .premium-svg-drawer * {
280
- -webkit-transition: all 0.3s ease-in-out;
281
- transition: all 0.3s ease-in-out;
282
- -webkit-transition-property: stroke, fill, background-color;
283
- transition-property: stroke, fill, background-color;
284
- }
285
-
286
- .premium-svg-nodraw .no-transition,
287
- .premium-svg-drawer .no-transition {
288
- -webkit-transition: none !important;
289
- transition: none !important;
290
- }
291
-
292
- /**Animation*/
293
- @-webkit-keyframes spin {
294
- 0% {
295
- -webkit-transform: rotate(0deg);
296
- }
297
-
298
- 100% {
299
- -webkit-transform: rotate(-360deg);
300
- }
301
- }
302
-
303
- @keyframes spin {
304
- 0% {
305
- -webkit-transform: rotate(0deg);
306
- transform: rotate(0deg);
307
- }
308
-
309
- 100% {
310
- -webkit-transform: rotate(-360deg);
311
- transform: rotate(-360deg);
312
- }
313
- }
314
-
315
- /** Notice*/
316
- .premium-error-notice {
317
- width: 100%;
318
- padding: 10px;
319
- color: #b94a48;
320
- background-color: #f2dede;
321
- border-color: #eed3d7;
322
- text-align: center;
323
- }
324
-
325
- /**Loader*/
326
- .premium-loader {
327
- border: 3px solid #f3f3f3;
328
- border-top-width: 3px;
329
- border-top-style: solid;
330
- border-top-color: rgb(243, 243, 243);
331
- -webkit-border-radius: 50%;
332
- border-radius: 50%;
333
- border-top: 3px solid;
334
- border-top-color: #bbb;
335
- width: 30px;
336
- height: 30px;
337
- -webkit-animation: spin 2s linear infinite;
338
- animation: spin 2s linear infinite;
339
- margin: 0 auto;
340
  }
1
+ /*
2
+ * Common Title/Dual Heading
3
+ */
4
+ .premium-title-bg-text:before {
5
+ position: absolute;
6
+ content: attr(data-background);
7
+ top: 0;
8
+ left: 0;
9
+ text-align: left;
10
+ }
11
+
12
+ .premium-bg-text-yes .elementor-widget-container:before {
13
+ position: absolute;
14
+ top: 0;
15
+ left: 0;
16
+ text-align: left;
17
+ }
18
+
19
+ .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
20
+ .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
21
+ background: inherit;
22
+ }
23
+
24
+ .premium-mask-yes .premium-mask-span {
25
+ position: relative;
26
+ overflow: hidden;
27
+ -js-display: inline-flex !important;
28
+ display: -webkit-inline-box !important;
29
+ display: -webkit-inline-flex !important;
30
+ display: -moz-inline-box !important;
31
+ display: -ms-inline-flexbox !important;
32
+ display: inline-flex !important;
33
+ }
34
+
35
+ .premium-mask-yes .premium-mask-span::after {
36
+ content: "";
37
+ position: absolute;
38
+ top: 0;
39
+ right: 0px;
40
+ width: 100%;
41
+ height: 100%;
42
+ background-color: currentColor;
43
+ -webkit-backface-visibility: visible;
44
+ backface-visibility: visible;
45
+ }
46
+
47
+ .premium-mask-active.premium-mask-tr .premium-mask-span::after {
48
+ -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
49
+ animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
50
+ -webkit-transform: translateX(-103%);
51
+ -ms-transform: translateX(-103%);
52
+ transform: translateX(-103%);
53
+ }
54
+
55
+ .premium-mask-active.premium-mask-tl .premium-mask-span::after {
56
+ -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
57
+ animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
58
+ -webkit-transform: translateX(103%);
59
+ -ms-transform: translateX(103%);
60
+ transform: translateX(103%);
61
+ }
62
+
63
+ .premium-mask-active.premium-mask-tb .premium-mask-span::after {
64
+ -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
65
+ animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
66
+ -webkit-transform: translateY(-103%);
67
+ -ms-transform: translateY(-103%);
68
+ transform: translateY(-103%);
69
+ }
70
+
71
+ .premium-mask-active.premium-mask-tt .premium-mask-span::after {
72
+ -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
73
+ animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
74
+ -webkit-transform: translateY(103%);
75
+ -ms-transform: translateY(103%);
76
+ transform: translateY(103%);
77
+ }
78
+
79
+ @-webkit-keyframes pa-mask-tr {
80
+ 0% {
81
+ -webkit-transform: translateX(0%);
82
+ transform: translateX(0%);
83
+ }
84
+
85
+ 100% {
86
+ -webkit-transform: translateX(103%);
87
+ transform: translateX(103%);
88
+ }
89
+ }
90
+
91
+ @keyframes pa-mask-tr {
92
+ 0% {
93
+ -webkit-transform: translateX(0%);
94
+ transform: translateX(0%);
95
+ }
96
+
97
+ 100% {
98
+ -webkit-transform: translateX(103%);
99
+ transform: translateX(103%);
100
+ }
101
+ }
102
+
103
+ @-webkit-keyframes pa-mask-tl {
104
+ 0% {
105
+ -webkit-transform: translateX(0%);
106
+ transform: translateX(0%);
107
+ }
108
+
109
+ 100% {
110
+ -webkit-transform: translateX(-103%);
111
+ transform: translateX(-103%);
112
+ }
113
+ }
114
+
115
+ @keyframes pa-mask-tl {
116
+ 0% {
117
+ -webkit-transform: translateX(0%);
118
+ transform: translateX(0%);
119
+ }
120
+
121
+ 100% {
122
+ -webkit-transform: translateX(-103%);
123
+ transform: translateX(-103%);
124
+ }
125
+ }
126
+
127
+ @-webkit-keyframes pa-mask-tb {
128
+ 0% {
129
+ -webkit-transform: translateY(0%);
130
+ transform: translateY(0%);
131
+ }
132
+
133
+ 100% {
134
+ -webkit-transform: translateY(103%);
135
+ transform: translateY(103%);
136
+ }
137
+ }
138
+
139
+ @keyframes pa-mask-tb {
140
+ 0% {
141
+ -webkit-transform: translateY(0%);
142
+ transform: translateY(0%);
143
+ }
144
+
145
+ 100% {
146
+ -webkit-transform: translateY(103%);
147
+ transform: translateY(103%);
148
+ }
149
+ }
150
+
151
+ @-webkit-keyframes pa-mask-tt {
152
+ 0% {
153
+ -webkit-transform: translateY(0%);
154
+ transform: translateY(0%);
155
+ }
156
+
157
+ 100% {
158
+ -webkit-transform: translateY(-103%);
159
+ transform: translateY(-103%);
160
+ }
161
+ }
162
+
163
+ @keyframes pa-mask-tt {
164
+ 0% {
165
+ -webkit-transform: translateY(0%);
166
+ transform: translateY(0%);
167
+ }
168
+
169
+ 100% {
170
+ -webkit-transform: translateY(-103%);
171
+ transform: translateY(-103%);
172
+ }
173
+ }
174
+
175
+ /*
176
+ * Common Button style.
177
+ */
178
+ .premium-button .premium-lottie-animation,
179
+ .premium-image-button .premium-lottie-animation {
180
+ -js-display: flex;
181
+ display: -webkit-box;
182
+ display: -webkit-flex;
183
+ display: -moz-box;
184
+ display: -ms-flexbox;
185
+ display: flex;
186
+ }
187
+
188
+ .premium-button svg,
189
+ .premium-image-button svg {
190
+ width: 30px;
191
+ height: 30px;
192
+ }
193
+
194
+ .premium-btn-sm,
195
+ .premium-btn-md,
196
+ .premium-btn-lg,
197
+ .premium-btn-block {
198
+ background-color: #eee;
199
+ color: #042551;
200
+ margin: 0px;
201
+ text-decoration: none;
202
+ }
203
+
204
+ .premium-btn-sm:hover,
205
+ .premium-btn-md:hover,
206
+ .premium-btn-lg:hover,
207
+ .premium-btn-block:hover {
208
+ background-color: #54595f;
209
+ color: #eee;
210
+ }
211
+
212
+ div[class*="elementor-widget-premium"] .premium-btn-sm {
213
+ padding: 12px 24px;
214
+ font-size: 14px;
215
+ line-height: 1;
216
+ }
217
+
218
+ div[class*="elementor-widget-premium"] .premium-btn-md {
219
+ padding: 14px 26px;
220
+ font-size: 16px;
221
+ line-height: 1.2;
222
+ }
223
+
224
+ div[class*="elementor-widget-premium"] .premium-btn-lg {
225
+ padding: 16px 28px;
226
+ font-size: 18px;
227
+ line-height: 1.3333;
228
+ }
229
+
230
+ div[class*="elementor-widget-premium"] .premium-btn-block {
231
+ font-size: 18px;
232
+ line-height: 1;
233
+ padding: 20px 0px;
234
+ width: 100%;
235
+ text-align: center;
236
+ }
237
+
238
+ .premium-button-text {
239
+ display: inline-block;
240
+ width: 100%;
241
+ }
242
+
243
+ /*
244
+ * Common Button/Image Button Mouse Detect Effect.
245
+ */
246
+ .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
247
+ position: absolute;
248
+ z-index: 0;
249
+ top: 0;
250
+ right: 0;
251
+ width: 0px;
252
+ height: 0px;
253
+ -webkit-border-radius: 50%;
254
+ border-radius: 50%;
255
+ display: block;
256
+ -webkit-transform: translate(50%, -50%);
257
+ -ms-transform: translate(50%, -50%);
258
+ transform: translate(50%, -50%);
259
+ -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
260
+ transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
261
+ }
262
+
263
+ .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
264
+ width: 225%;
265
+ height: 560px;
266
+ }
267
+
268
+ .premium-mouse-detect-yes .premium-button-style6:before {
269
+ width: 0;
270
+ height: 0;
271
+ }
272
+
273
+ /*
274
+ Common SVG Draw
275
+ premium-svg-drawer not prefixed with 'svg'
276
+ because it's rendered as div with custom SVG code.
277
+ */
278
+ .premium-svg-nodraw *,
279
+ .premium-svg-drawer * {
280
+ -webkit-transition: all 0.3s ease-in-out;
281
+ transition: all 0.3s ease-in-out;
282
+ -webkit-transition-property: stroke, fill, background-color;
283
+ transition-property: stroke, fill, background-color;
284
+ }
285
+
286
+ .premium-svg-nodraw .no-transition,
287
+ .premium-svg-drawer .no-transition {
288
+ -webkit-transition: none !important;
289
+ transition: none !important;
290
+ }
291
+
292
+ /**Animation*/
293
+ @-webkit-keyframes spin {
294
+ 0% {
295
+ -webkit-transform: rotate(0deg);
296
+ }
297
+
298
+ 100% {
299
+ -webkit-transform: rotate(-360deg);
300
+ }
301
+ }
302
+
303
+ @keyframes spin {
304
+ 0% {
305
+ -webkit-transform: rotate(0deg);
306
+ transform: rotate(0deg);
307
+ }
308
+
309
+ 100% {
310
+ -webkit-transform: rotate(-360deg);
311
+ transform: rotate(-360deg);
312
+ }
313
+ }
314
+
315
+ /** Notice*/
316
+ .premium-error-notice {
317
+ width: 100%;
318
+ padding: 10px;
319
+ color: #b94a48;
320
+ background-color: #f2dede;
321
+ border-color: #eed3d7;
322
+ text-align: center;
323
+ }
324
+
325
+ /**Loader*/
326
+ .premium-loader {
327
+ border: 3px solid #f3f3f3;
328
+ border-top-width: 3px;
329
+ border-top-style: solid;
330
+ border-top-color: rgb(243, 243, 243);
331
+ -webkit-border-radius: 50%;
332
+ border-radius: 50%;
333
+ border-top: 3px solid;
334
+ border-top-color: #bbb;
335
+ width: 30px;
336
+ height: 30px;
337
+ -webkit-animation: spin 2s linear infinite;
338
+ animation: spin 2s linear infinite;
339
+ margin: 0 auto;
340
  }
assets/frontend/css/common.css CHANGED
@@ -1,274 +1,274 @@
1
- /*
2
- * Common Title/Dual Heading
3
- */
4
- .premium-title-bg-text:before {
5
- position: absolute;
6
- content: attr(data-background);
7
- top: 0;
8
- left: 0;
9
- text-align: left; }
10
-
11
- .premium-bg-text-yes .elementor-widget-container:before {
12
- position: absolute;
13
- top: 0;
14
- left: 0;
15
- text-align: left; }
16
-
17
- .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
18
- .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
19
- background: inherit; }
20
-
21
- .premium-mask-yes .premium-mask-span {
22
- position: relative;
23
- overflow: hidden;
24
- -js-display: inline-flex !important;
25
- display: -webkit-inline-box !important;
26
- display: -webkit-inline-flex !important;
27
- display: -moz-inline-box !important;
28
- display: -ms-inline-flexbox !important;
29
- display: inline-flex !important; }
30
- .premium-mask-yes .premium-mask-span::after {
31
- content: "";
32
- position: absolute;
33
- top: 0;
34
- right: 0px;
35
- width: 100%;
36
- height: 100%;
37
- background-color: currentColor;
38
- -webkit-backface-visibility: visible;
39
- backface-visibility: visible; }
40
-
41
- .premium-mask-active.premium-mask-tr .premium-mask-span::after {
42
- -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
43
- animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
44
- -webkit-transform: translateX(-103%);
45
- -ms-transform: translateX(-103%);
46
- transform: translateX(-103%); }
47
-
48
- .premium-mask-active.premium-mask-tl .premium-mask-span::after {
49
- -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
50
- animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
51
- -webkit-transform: translateX(103%);
52
- -ms-transform: translateX(103%);
53
- transform: translateX(103%); }
54
-
55
- .premium-mask-active.premium-mask-tb .premium-mask-span::after {
56
- -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
57
- animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
58
- -webkit-transform: translateY(-103%);
59
- -ms-transform: translateY(-103%);
60
- transform: translateY(-103%); }
61
-
62
- .premium-mask-active.premium-mask-tt .premium-mask-span::after {
63
- -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
64
- animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
65
- -webkit-transform: translateY(103%);
66
- -ms-transform: translateY(103%);
67
- transform: translateY(103%); }
68
-
69
- @-webkit-keyframes pa-mask-tr {
70
- 0% {
71
- -webkit-transform: translateX(0%);
72
- transform: translateX(0%); }
73
- 100% {
74
- -webkit-transform: translateX(103%);
75
- transform: translateX(103%); } }
76
-
77
- @keyframes pa-mask-tr {
78
- 0% {
79
- -webkit-transform: translateX(0%);
80
- transform: translateX(0%); }
81
- 100% {
82
- -webkit-transform: translateX(103%);
83
- transform: translateX(103%); } }
84
-
85
- @-webkit-keyframes pa-mask-tl {
86
- 0% {
87
- -webkit-transform: translateX(0%);
88
- transform: translateX(0%); }
89
- 100% {
90
- -webkit-transform: translateX(-103%);
91
- transform: translateX(-103%); } }
92
-
93
- @keyframes pa-mask-tl {
94
- 0% {
95
- -webkit-transform: translateX(0%);
96
- transform: translateX(0%); }
97
- 100% {
98
- -webkit-transform: translateX(-103%);
99
- transform: translateX(-103%); } }
100
-
101
- @-webkit-keyframes pa-mask-tb {
102
- 0% {
103
- -webkit-transform: translateY(0%);
104
- transform: translateY(0%); }
105
- 100% {
106
- -webkit-transform: translateY(103%);
107
- transform: translateY(103%); } }
108
-
109
- @keyframes pa-mask-tb {
110
- 0% {
111
- -webkit-transform: translateY(0%);
112
- transform: translateY(0%); }
113
- 100% {
114
- -webkit-transform: translateY(103%);
115
- transform: translateY(103%); } }
116
-
117
- @-webkit-keyframes pa-mask-tt {
118
- 0% {
119
- -webkit-transform: translateY(0%);
120
- transform: translateY(0%); }
121
- 100% {
122
- -webkit-transform: translateY(-103%);
123
- transform: translateY(-103%); } }
124
-
125
- @keyframes pa-mask-tt {
126
- 0% {
127
- -webkit-transform: translateY(0%);
128
- transform: translateY(0%); }
129
- 100% {
130
- -webkit-transform: translateY(-103%);
131
- transform: translateY(-103%); } }
132
-
133
- /*
134
- * Common Buttons Style.
135
- */
136
- .premium-button .premium-lottie-animation,
137
- .premium-image-button .premium-lottie-animation {
138
- -js-display: flex;
139
- display: -webkit-box;
140
- display: -webkit-flex;
141
- display: -moz-box;
142
- display: -ms-flexbox;
143
- display: flex; }
144
-
145
- .premium-button svg,
146
- .premium-image-button svg {
147
- width: 30px;
148
- height: 30px; }
149
-
150
- .premium-btn-sm,
151
- .premium-btn-md,
152
- .premium-btn-lg,
153
- .premium-btn-block {
154
- background-color: #eee;
155
- color: #042551;
156
- margin: 0px;
157
- text-decoration: none; }
158
- .premium-btn-sm:hover,
159
- .premium-btn-md:hover,
160
- .premium-btn-lg:hover,
161
- .premium-btn-block:hover {
162
- background-color: #54595f;
163
- color: #eee; }
164
-
165
- div[class*="elementor-widget-premium"] .premium-btn-sm {
166
- padding: 12px 24px;
167
- font-size: 14px;
168
- line-height: 1; }
169
-
170
- div[class*="elementor-widget-premium"] .premium-btn-md {
171
- padding: 14px 26px;
172
- font-size: 16px;
173
- line-height: 1.2; }
174
-
175
- div[class*="elementor-widget-premium"] .premium-btn-lg {
176
- padding: 16px 28px;
177
- font-size: 18px;
178
- line-height: 1.3333; }
179
-
180
- div[class*="elementor-widget-premium"] .premium-btn-block {
181
- font-size: 18px;
182
- line-height: 1;
183
- padding: 20px 0px;
184
- width: 100%;
185
- text-align: center; }
186
-
187
- .premium-button-text {
188
- display: inline-block;
189
- width: 100%; }
190
-
191
- /*
192
- * Common Button/Image Button Mouse Detect Effect.
193
- */
194
- .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
195
- position: absolute;
196
- z-index: 0;
197
- top: 0;
198
- left: 0;
199
- width: 0px;
200
- height: 0px;
201
- -webkit-border-radius: 50%;
202
- border-radius: 50%;
203
- display: block;
204
- -webkit-transform: translate(-50%, -50%);
205
- -ms-transform: translate(-50%, -50%);
206
- transform: translate(-50%, -50%);
207
- -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
208
- transition: width 0.4s ease-in-out, height 0.4s ease-in-out; }
209
-
210
- .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
211
- width: 225%;
212
- height: 560px; }
213
-
214
- .premium-mouse-detect-yes .premium-button-style6:before {
215
- width: 0;
216
- height: 0; }
217
-
218
- /** Loader */
219
- .premium-loader {
220
- border: 3px solid #f3f3f3;
221
- border-top-width: 3px;
222
- border-top-style: solid;
223
- border-top-color: #f3f3f3;
224
- -webkit-border-radius: 50%;
225
- border-radius: 50%;
226
- border-top: 3px solid;
227
- border-top-color: #bbb;
228
- width: 30px;
229
- height: 30px;
230
- -webkit-animation: spin 2s linear infinite;
231
- animation: spin 2s linear infinite;
232
- margin: 0 auto; }
233
-
234
- /*
235
- Common SVG Draw
236
- premium-svg-drawer not prefixed with 'svg'
237
- because it's rendered as div with custom SVG code.
238
- */
239
- .premium-svg-nodraw *,
240
- .premium-svg-drawer * {
241
- -webkit-transition: all 0.3s ease-in-out;
242
- transition: all 0.3s ease-in-out;
243
- -webkit-transition-property: stroke, fill, background-color;
244
- transition-property: stroke, fill, background-color; }
245
-
246
- .premium-svg-nodraw .no-transition,
247
- .premium-svg-drawer .no-transition {
248
- -webkit-transition: none !important;
249
- transition: none !important; }
250
-
251
- /** Common Animation */
252
- @-webkit-keyframes spin {
253
- 0% {
254
- -webkit-transform: rotate(0deg);
255
- transform: rotate(0deg); }
256
- 100% {
257
- -webkit-transform: rotate(360deg);
258
- transform: rotate(360deg); } }
259
- @keyframes spin {
260
- 0% {
261
- -webkit-transform: rotate(0deg);
262
- transform: rotate(0deg); }
263
- 100% {
264
- -webkit-transform: rotate(360deg);
265
- transform: rotate(360deg); } }
266
-
267
- /**Notice*/
268
- .premium-error-notice {
269
- width: 100%;
270
- padding: 10px;
271
- color: #b94a48;
272
- background-color: #f2dede;
273
- border-color: #eed3d7;
274
- text-align: center; }
1
+ /*
2
+ * Common Title/Dual Heading
3
+ */
4
+ .premium-title-bg-text:before {
5
+ position: absolute;
6
+ content: attr(data-background);
7
+ top: 0;
8
+ left: 0;
9
+ text-align: left; }
10
+
11
+ .premium-bg-text-yes .elementor-widget-container:before {
12
+ position: absolute;
13
+ top: 0;
14
+ left: 0;
15
+ text-align: left; }
16
+
17
+ .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
18
+ .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
19
+ background: inherit; }
20
+
21
+ .premium-mask-yes .premium-mask-span {
22
+ position: relative;
23
+ overflow: hidden;
24
+ -js-display: inline-flex !important;
25
+ display: -webkit-inline-box !important;
26
+ display: -webkit-inline-flex !important;
27
+ display: -moz-inline-box !important;
28
+ display: -ms-inline-flexbox !important;
29
+ display: inline-flex !important; }
30
+ .premium-mask-yes .premium-mask-span::after {
31
+ content: "";
32
+ position: absolute;
33
+ top: 0;
34
+ right: 0px;
35
+ width: 100%;
36
+ height: 100%;
37
+ background-color: currentColor;
38
+ -webkit-backface-visibility: visible;
39
+ backface-visibility: visible; }
40
+
41
+ .premium-mask-active.premium-mask-tr .premium-mask-span::after {
42
+ -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
43
+ animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
44
+ -webkit-transform: translateX(-103%);
45
+ -ms-transform: translateX(-103%);
46
+ transform: translateX(-103%); }
47
+
48
+ .premium-mask-active.premium-mask-tl .premium-mask-span::after {
49
+ -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
50
+ animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
51
+ -webkit-transform: translateX(103%);
52
+ -ms-transform: translateX(103%);
53
+ transform: translateX(103%); }
54
+
55
+ .premium-mask-active.premium-mask-tb .premium-mask-span::after {
56
+ -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
57
+ animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
58
+ -webkit-transform: translateY(-103%);
59
+ -ms-transform: translateY(-103%);
60
+ transform: translateY(-103%); }
61
+
62
+ .premium-mask-active.premium-mask-tt .premium-mask-span::after {
63
+ -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
64
+ animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
65
+ -webkit-transform: translateY(103%);
66
+ -ms-transform: translateY(103%);
67
+ transform: translateY(103%); }
68
+
69
+ @-webkit-keyframes pa-mask-tr {
70
+ 0% {
71
+ -webkit-transform: translateX(0%);
72
+ transform: translateX(0%); }
73
+ 100% {
74
+ -webkit-transform: translateX(103%);
75
+ transform: translateX(103%); } }
76
+
77
+ @keyframes pa-mask-tr {
78
+ 0% {
79
+ -webkit-transform: translateX(0%);
80
+ transform: translateX(0%); }
81
+ 100% {
82
+ -webkit-transform: translateX(103%);
83
+ transform: translateX(103%); } }
84
+
85
+ @-webkit-keyframes pa-mask-tl {
86
+ 0% {
87
+ -webkit-transform: translateX(0%);
88
+ transform: translateX(0%); }
89
+ 100% {
90
+ -webkit-transform: translateX(-103%);
91
+ transform: translateX(-103%); } }
92
+
93
+ @keyframes pa-mask-tl {
94
+ 0% {
95
+ -webkit-transform: translateX(0%);
96
+ transform: translateX(0%); }
97
+ 100% {
98
+ -webkit-transform: translateX(-103%);
99
+ transform: translateX(-103%); } }
100
+
101
+ @-webkit-keyframes pa-mask-tb {
102
+ 0% {
103
+ -webkit-transform: translateY(0%);
104
+ transform: translateY(0%); }
105
+ 100% {
106
+ -webkit-transform: translateY(103%);
107
+ transform: translateY(103%); } }
108
+
109
+ @keyframes pa-mask-tb {
110
+ 0% {
111
+ -webkit-transform: translateY(0%);
112
+ transform: translateY(0%); }
113
+ 100% {
114
+ -webkit-transform: translateY(103%);
115
+ transform: translateY(103%); } }
116
+
117
+ @-webkit-keyframes pa-mask-tt {
118
+ 0% {
119
+ -webkit-transform: translateY(0%);
120
+ transform: translateY(0%); }
121
+ 100% {
122
+ -webkit-transform: translateY(-103%);
123
+ transform: translateY(-103%); } }
124
+
125
+ @keyframes pa-mask-tt {
126
+ 0% {
127
+ -webkit-transform: translateY(0%);
128
+ transform: translateY(0%); }
129
+ 100% {
130
+ -webkit-transform: translateY(-103%);
131
+ transform: translateY(-103%); } }
132
+
133
+ /*
134
+ * Common Buttons Style.
135
+ */
136
+ .premium-button .premium-lottie-animation,
137
+ .premium-image-button .premium-lottie-animation {
138
+ -js-display: flex;
139
+ display: -webkit-box;
140
+ display: -webkit-flex;
141
+ display: -moz-box;
142
+ display: -ms-flexbox;
143
+ display: flex; }
144
+
145
+ .premium-button svg,
146
+ .premium-image-button svg {
147
+ width: 30px;
148
+ height: 30px; }
149
+
150
+ .premium-btn-sm,
151
+ .premium-btn-md,
152
+ .premium-btn-lg,
153
+ .premium-btn-block {
154
+ background-color: #eee;
155
+ color: #042551;
156
+ margin: 0px;
157
+ text-decoration: none; }
158
+ .premium-btn-sm:hover,
159
+ .premium-btn-md:hover,
160
+ .premium-btn-lg:hover,
161
+ .premium-btn-block:hover {
162
+ background-color: #54595f;
163
+ color: #eee; }
164
+
165
+ div[class*="elementor-widget-premium"] .premium-btn-sm {
166
+ padding: 12px 24px;
167
+ font-size: 14px;
168
+ line-height: 1; }
169
+
170
+ div[class*="elementor-widget-premium"] .premium-btn-md {
171
+ padding: 14px 26px;
172
+ font-size: 16px;
173
+ line-height: 1.2; }
174
+
175
+ div[class*="elementor-widget-premium"] .premium-btn-lg {
176
+ padding: 16px 28px;
177
+ font-size: 18px;
178
+ line-height: 1.3333; }
179
+
180
+ div[class*="elementor-widget-premium"] .premium-btn-block {
181
+ font-size: 18px;
182
+ line-height: 1;
183
+ padding: 20px 0px;
184
+ width: 100%;
185
+ text-align: center; }
186
+
187
+ .premium-button-text {
188
+ display: inline-block;
189
+ width: 100%; }
190
+
191
+ /*
192
+ * Common Button/Image Button Mouse Detect Effect.
193
+ */
194
+ .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
195
+ position: absolute;
196
+ z-index: 0;
197
+ top: 0;
198
+ left: 0;
199
+ width: 0px;
200
+ height: 0px;
201
+ -webkit-border-radius: 50%;
202
+ border-radius: 50%;
203
+ display: block;
204
+ -webkit-transform: translate(-50%, -50%);
205
+ -ms-transform: translate(-50%, -50%);
206
+ transform: translate(-50%, -50%);
207
+ -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
208
+ transition: width 0.4s ease-in-out, height 0.4s ease-in-out; }
209
+
210
+ .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
211
+ width: 225%;
212
+ height: 560px; }
213
+
214
+ .premium-mouse-detect-yes .premium-button-style6:before {
215
+ width: 0;
216
+ height: 0; }
217
+
218
+ /** Loader */
219
+ .premium-loader {
220
+ border: 3px solid #f3f3f3;
221
+ border-top-width: 3px;
222
+ border-top-style: solid;
223
+ border-top-color: #f3f3f3;
224
+ -webkit-border-radius: 50%;
225
+ border-radius: 50%;
226
+ border-top: 3px solid;
227
+ border-top-color: #bbb;
228
+ width: 30px;
229
+ height: 30px;
230
+ -webkit-animation: spin 2s linear infinite;
231
+ animation: spin 2s linear infinite;
232
+ margin: 0 auto; }
233
+
234
+ /*
235
+ Common SVG Draw
236
+ premium-svg-drawer not prefixed with 'svg'
237
+ because it's rendered as div with custom SVG code.
238
+ */
239
+ .premium-svg-nodraw *,
240
+ .premium-svg-drawer * {
241
+ -webkit-transition: all 0.3s ease-in-out;
242
+ transition: all 0.3s ease-in-out;
243
+ -webkit-transition-property: stroke, fill, background-color;
244
+ transition-property: stroke, fill, background-color; }
245
+
246
+ .premium-svg-nodraw .no-transition,
247
+ .premium-svg-drawer .no-transition {
248
+ -webkit-transition: none !important;
249
+ transition: none !important; }
250
+
251
+ /** Common Animation */
252
+ @-webkit-keyframes spin {
253
+ 0% {
254
+ -webkit-transform: rotate(0deg);
255
+ transform: rotate(0deg); }
256
+ 100% {
257
+ -webkit-transform: rotate(360deg);
258
+ transform: rotate(360deg); } }
259
+ @keyframes spin {
260
+ 0% {
261
+ -webkit-transform: rotate(0deg);
262
+ transform: rotate(0deg); }
263
+ 100% {
264
+ -webkit-transform: rotate(360deg);
265
+ transform: rotate(360deg); } }
266
+
267
+ /**Notice*/
268
+ .premium-error-notice {
269
+ width: 100%;
270
+ padding: 10px;
271
+ color: #b94a48;
272
+ background-color: #f2dede;
273
+ border-color: #eed3d7;
274
+ text-align: center; }
assets/frontend/css/premium-addons-rtl.css CHANGED
@@ -3834,336 +3834,332 @@ span.icon.flex-width {
3834
  transform: rotateX(180deg);
3835
  }
3836
  }
3837
- /**************** Premium Bullet List *****************/
3838
- /******************************************************/
3839
- .premium-bullet-list-box {
3840
- -js-display: flex;
3841
- display: -webkit-box;
3842
- display: -webkit-flex;
3843
- display: -moz-box;
3844
- display: -ms-flexbox;
3845
- display: flex;
3846
- -webkit-flex-wrap: wrap;
3847
- -ms-flex-wrap: wrap;
3848
- flex-wrap: wrap;
3849
- -webkit-box-orient: vertical;
3850
- -webkit-box-direction: normal;
3851
- -webkit-flex-direction: column;
3852
- -moz-box-orient: vertical;
3853
- -moz-box-direction: normal;
3854
- -ms-flex-direction: column;
3855
- flex-direction: column;
3856
- padding: 0;
3857
- }
3858
-
3859
- .premium-bullet-list-box .premium-bullet-list-content-grow-lc {
3860
- -webkit-transform-origin: right center;
3861
- -ms-transform-origin: right center;
3862
- transform-origin: right center;
3863
- }
3864
-
3865
- .premium-bullet-list-box .premium-bullet-list-content-grow-rc {
3866
- -webkit-transform-origin: left center;
3867
- -ms-transform-origin: left center;
3868
- transform-origin: left center;
3869
- }
3870
-
3871
- .premium-bullet-list-box .premium-bullet-list-content-grow-cc {
3872
- -webkit-transform-origin: center center;
3873
- -ms-transform-origin: center center;
3874
- transform-origin: center center;
3875
- }
3876
-
3877
- .premium-bullet-list-content {
3878
- -js-display: flex;
3879
- display: -webkit-box;
3880
- display: -webkit-flex;
3881
- display: -moz-box;
3882
- display: -ms-flexbox;
3883
- display: flex;
3884
- -webkit-transition: all 0.3s ease-in-out;
3885
- transition: all 0.3s ease-in-out;
3886
- width: auto;
3887
- position: relative;
3888
- }
3889
-
3890
- .premium-bullet-list-content .premium-bullet-list-text span,
3891
- .premium-bullet-list-content .premium-bullet-list-wrapper {
3892
- display: inline-block;
3893
- -webkit-align-self: center;
3894
- -ms-flex-item-align: center;
3895
- align-self: center;
3896
- -webkit-transition: all 0.3s ease-in-out;
3897
- transition: all 0.3s ease-in-out;
3898
- }
3899
-
3900
- .premium-bullet-list-content .premium-bullet-list-text span {
3901
- margin: 0 5px;
3902
- -webkit-box-flex: 1;
3903
- -webkit-flex: 1;
3904
- -moz-box-flex: 1;
3905
- -ms-flex: 1;
3906
- flex: 1;
3907
- }
3908
-
3909
- .premium-bullet-list-content .premium-bullet-list-icon-text p {
3910
- font-size: 18px;
3911
- background-color: #eee;
3912
- padding: 1px 5px;
3913
- -webkit-border-radius: 2px;
3914
- border-radius: 2px;
3915
- }
3916
-
3917
- .premium-bullet-list-content .premium-bullet-list-text span,
3918
- .premium-bullet-list-content .premium-bullet-list-icon-text p,
3919
- .premium-bullet-list-content .premium-bullet-list-wrapper img,
3920
- .premium-bullet-list-content .premium-bullet-list-wrapper svg,
3921
- .premium-bullet-list-content .premium-bullet-list-wrapper i {
3922
- -webkit-transition: all 0.3s ease-in-out;
3923
- transition: all 0.3s ease-in-out;
3924
- }
3925
-
3926
- .premium-bullet-list-content .premium-bullet-list-wrapper {
3927
- position: relative;
3928
- line-height: 0;
3929
- }
3930
-
3931
- .premium-bullet-list-content .premium-bullet-list-wrapper img,
3932
- .premium-bullet-list-content .premium-bullet-list-wrapper svg {
3933
- width: 30px !important;
3934
- height: 30px !important;
3935
- position: relative;
3936
- z-index: 500;
3937
- }
3938
-
3939
- .premium-bullet-list-content .premium-bullet-list-wrapper i {
3940
- width: 1.25em;
3941
- }
3942
-
3943
- .premium-bullet-list-content .premium-bullet-list-wrapper i,
3944
- .premium-bullet-list-content .premium-bullet-list-wrapper .premium-bullet-list-icon-text {
3945
- position: relative;
3946
- z-index: 500;
3947
- }
3948
-
3949
- .premium-bullet-list-content .premium-bullet-list-link {
3950
- position: absolute;
3951
- top: 0;
3952
- right: 0;
3953
- width: 100%;
3954
- height: 100%;
3955
- z-index: 1000;
3956
- }
3957
-
3958
- .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector {
3959
- width: 100%;
3960
- height: 100%;
3961
- position: absolute;
3962
- top: 0.5em;
3963
- z-index: 100;
3964
- -js-display: flex;
3965
- display: -webkit-box;
3966
- display: -webkit-flex;
3967
- display: -moz-box;
3968
- display: -ms-flexbox;
3969
- display: flex;
3970
- -webkit-box-pack: center;
3971
- -webkit-justify-content: center;
3972
- -moz-box-pack: center;
3973
- -ms-flex-pack: center;
3974
- justify-content: center;
3975
- }
3976
-
3977
- .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector .premium-icon-connector-content:after {
3978
- content: "";
3979
- border-left-width: 1px;
3980
- border-left-style: solid;
3981
- border-color: #333333;
3982
- display: block;
3983
- height: 100%;
3984
- }
3985
-
3986
- li.premium-bullet-list-content.premium-bullet-list-content-inline {
3987
- -webkit-align-self: center;
3988
- -ms-flex-item-align: center;
3989
- align-self: center;
3990
- z-index: 2;
3991
- }
3992
-
3993
- li.premium-bullet-list-content.premium-bullet-list-content-inline:not(:first-child) {
3994
- margin: 0 3px;
3995
- }
3996
-
3997
- li.premium-bullet-list-content.premium-bullet-list-content-inline:first-child {
3998
- margin: 0 0 0 3px;
3999
- }
4000
-
4001
- .premium-bullet-list-divider:not(:last-child) {
4002
- width: 100%;
4003
- -webkit-box-flex: 0;
4004
- -webkit-flex: 0 0 100%;
4005
- -moz-box-flex: 0;
4006
- -ms-flex: 0 0 100%;
4007
- flex: 0 0 100%;
4008
- overflow: hidden;
4009
- }
4010
-
4011
- .premium-bullet-list-divider:not(:last-child):after {
4012
- content: "";
4013
- display: block;
4014
- border-top-style: solid;
4015
- border-top-width: 1px;
4016
- }
4017
-
4018
- .premium-bullet-list-divider-inline:not(:last-child) {
4019
- float: left;
4020
- display: inline-block;
4021
- position: relative;
4022
- height: 100%;
4023
- overflow: hidden;
4024
- -webkit-align-self: center;
4025
- -ms-flex-item-align: center;
4026
- align-self: center;
4027
- margin: 0 3px;
4028
- }
4029
-
4030
- .premium-bullet-list-divider-inline:not(:last-child):after {
4031
- content: "";
4032
- display: block;
4033
- border-right-width: 1px;
4034
- height: 33px;
4035
- border-right-style: solid;
4036
- }
4037
-
4038
- .premium-bullet-list-icon-text {
4039
- line-height: 1.5;
4040
- }
4041
-
4042
- .premium-bullet-list-icon-text p,
4043
- ul.premium-bullet-list-box,
4044
- li.premium-bullet-list-content {
4045
- margin: 0;
4046
- }
4047
-
4048
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper i,
4049
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-text span,
4050
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-icon-text p {
4051
- color: transparent !important;
4052
- text-shadow: 0 0 3px #aaa;
4053
- }
4054
-
4055
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-icon-connector-content,
4056
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper .premium-lottie-animation svg,
4057
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper img,
4058
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-badge {
4059
- -webkit-filter: blur(3px);
4060
- filter: blur(3px);
4061
- }
4062
-
4063
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper i,
4064
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-text span,
4065
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-icon-text p {
4066
- color: #aaa !important;
4067
- text-shadow: 0 0px 0 transparent;
4068
- }
4069
-
4070
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-icon-connector-content,
4071
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper .premium-lottie-animation svg,
4072
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper img,
4073
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-badge {
4074
- -webkit-filter: none;
4075
- filter: none;
4076
- }
4077
-
4078
- .premium-bullet-list-content .premium-bullet-list-badge {
4079
- font-size: 11px;
4080
- top: auto;
4081
- min-width: -webkit-max-content;
4082
- min-width: -moz-max-content;
4083
- min-width: max-content;
4084
- height: -webkit-fit-content;
4085
- height: -moz-fit-content;
4086
- height: fit-content;
4087
- }
4088
-
4089
- .premium-bullet-list-content .premium-bullet-list-icon-text p {
4090
- font-size: 13px;
4091
- }
4092
-
4093
- .premium-bullet-list-gradient-effect[data-text] {
4094
- display: inline-block;
4095
- position: relative;
4096
- text-decoration: none;
4097
- }
4098
-
4099
- .premium-bullet-list-gradient-effect[data-text]::before {
4100
- content: attr(data-text);
4101
- position: absolute;
4102
- z-index: 1;
4103
- overflow: hidden;
4104
- -webkit-clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
4105
- clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
4106
- -webkit-background-clip: text;
4107
- background-clip: text;
4108
- -webkit-text-fill-color: transparent;
4109
- -webkit-transition: all 0.4s ease;
4110
- transition: all 0.4s ease;
4111
- }
4112
-
4113
- .premium-bullet-list-content:hover .premium-bullet-list-gradient-effect[data-text]::before,
4114
- .premium-bullet-list-content:focus .premium-bullet-list-gradient-effect[data-text]::before {
4115
- -webkit-animation: rtlgradient 1s forwards;
4116
- animation: rtlgradient 1s forwards;
4117
- }
4118
-
4119
- @-webkit-keyframes rtlgradient {
4120
- 0% {
4121
- -webkit-clip-path: circle(0% at 150% 50%);
4122
- clip-path: circle(0% at 150% 50%);
4123
- }
4124
-
4125
- 100% {
4126
- -webkit-clip-path: circle(100% at 50% 50%);
4127
- clip-path: circle(100% at 50% 50%);
4128
- }
4129
- }
4130
-
4131
- @keyframes rtlgradient {
4132
- 0% {
4133
- -webkit-clip-path: circle(0% at 150% 50%);
4134
- clip-path: circle(0% at 150% 50%);
4135
- }
4136
-
4137
- 100% {
4138
- -webkit-clip-path: circle(100% at 50% 50%);
4139
- clip-path: circle(100% at 50% 50%);
4140
- }
4141
- }
4142
-
4143
- ul[data-list-animation*="animated-"] .premium-bullet-list-divider,
4144
- ul[data-list-animation*="animated-"] .premium-bullet-list-content,
4145
- ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
4146
- opacity: 0;
4147
- }
4148
-
4149
- .premium-bullet-list-content-grow-effect:hover {
4150
- -webkit-transform: scale(1.07);
4151
- -ms-transform: scale(1.07);
4152
- transform: scale(1.07);
4153
- }
4154
-
4155
- @-webkit-keyframes spin {
4156
- 100% {
4157
- -webkit-transform: rotate(360deg);
4158
- transform: rotate(360deg);
4159
- }
4160
- }
4161
-
4162
- @keyframes spin {
4163
- 100% {
4164
- -webkit-transform: rotate(360deg);
4165
- transform: rotate(360deg);
4166
- }
4167
  }
4168
  /**************** Premium Image Button ***********/
4169
  /*************************************************/
@@ -5843,7 +5839,7 @@ button.premium-modal-box-modal-close {
5843
  }
5844
 
5845
  /**Mega Menu Container*/
5846
- .premium-mega-nav-item .premium-sub-menu {
5847
  display: none;
5848
  }
5849
 
@@ -6467,10 +6463,6 @@ button.premium-modal-box-modal-close {
6467
  transform: translateY(-50%);
6468
  }
6469
 
6470
- .premium-mega-nav-item .premium-sub-menu {
6471
- display: none;
6472
- }
6473
-
6474
  .premium-mega-nav-item {
6475
  position: relative;
6476
  }
@@ -7150,6 +7142,11 @@ button.premium-modal-box-modal-close {
7150
  transition: all 0.3s;
7151
  }
7152
 
 
 
 
 
 
7153
  /************ Premium Team Members ************/
7154
  /*********************************************/
7155
  .premium-person-container {
@@ -10643,418 +10640,418 @@ html.premium-woo-qv-opened body {
10643
  }
10644
 
10645
  /*
10646
- * Load More Button
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
10647
  */
10648
- .premium-woo-load-more {
10649
- position: relative;
 
 
 
 
 
 
 
 
 
 
 
 
 
10650
  }
10651
 
10652
- .premium-woo-load-more .premium-woo-load-more-btn {
10653
- -webkit-box-shadow: none;
10654
- box-shadow: none;
10655
- text-shadow: none;
10656
- border: none;
10657
- outline: none;
10658
- -webkit-box-align: center;
10659
- -webkit-align-items: center;
10660
- -moz-box-align: center;
10661
- -ms-flex-align: center;
10662
- align-items: center;
10663
- vertical-align: bottom;
10664
- cursor: pointer;
10665
- line-height: 1;
10666
- font-style: normal;
10667
- font-weight: normal;
10668
- background-image: none;
10669
- color: #fff;
10670
- -webkit-transition: all 0.3s ease-in-out;
10671
- transition: all 0.3s ease-in-out;
10672
- padding: 10px 20px;
10673
  }
10674
 
10675
- .premium-woo-load-more-btn {
10676
- -js-display: inline-flex;
10677
- display: -webkit-inline-box;
10678
- display: -webkit-inline-flex;
10679
- display: -moz-inline-box;
10680
- display: -ms-inline-flexbox;
10681
- display: inline-flex;
10682
- -webkit-box-align: center;
10683
- -webkit-align-items: center;
10684
- -moz-box-align: center;
10685
- -ms-flex-align: center;
10686
- align-items: center;
10687
  }
10688
 
10689
- .premium-woo-load-more-btn span {
10690
- margin-right: 3px;
 
 
 
 
 
 
 
 
 
10691
  }
10692
 
10693
- .premium-woo-load-more-btn .premium-loader {
10694
- display: inline-block;
10695
- width: 20px;
10696
- height: 20px;
10697
  }
10698
 
10699
- .premium-woo-title-above-yes .premium-woo-product__link {
10700
- opacity: 0;
10701
- }
 
 
10702
 
10703
- @media (min-width: 545px) {
10704
- #premium-woo-quick-view-content div.summary {
10705
- content: "544";
10706
- overflow-y: auto;
10707
  }
10708
  }
10709
 
10710
- @media (max-width: 544px) {
10711
- #premium-woo-quick-view-content .premium-woo-lightbox-content {
10712
- display: block;
 
10713
  }
10714
 
10715
- #premium-woo-quick-view-content div.images,
10716
- #premium-woo-quick-view-content div.summary {
10717
- width: 100%;
10718
- float: none;
10719
  }
10720
  }
10721
- /*
10722
- * Common Title/Dual Heading
10723
- */
10724
- .premium-title-bg-text:before {
10725
- position: absolute;
10726
- content: attr(data-background);
10727
- top: 0;
10728
- left: 0;
10729
- text-align: left;
10730
- }
10731
-
10732
- .premium-bg-text-yes .elementor-widget-container:before {
10733
- position: absolute;
10734
- top: 0;
10735
- left: 0;
10736
- text-align: left;
10737
- }
10738
-
10739
- .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
10740
- .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
10741
- background: inherit;
10742
- }
10743
-
10744
- .premium-mask-yes .premium-mask-span {
10745
- position: relative;
10746
- overflow: hidden;
10747
- -js-display: inline-flex !important;
10748
- display: -webkit-inline-box !important;
10749
- display: -webkit-inline-flex !important;
10750
- display: -moz-inline-box !important;
10751
- display: -ms-inline-flexbox !important;
10752
- display: inline-flex !important;
10753
- }
10754
-
10755
- .premium-mask-yes .premium-mask-span::after {
10756
- content: "";
10757
- position: absolute;
10758
- top: 0;
10759
- right: 0px;
10760
- width: 100%;
10761
- height: 100%;
10762
- background-color: currentColor;
10763
- -webkit-backface-visibility: visible;
10764
- backface-visibility: visible;
10765
- }
10766
-
10767
- .premium-mask-active.premium-mask-tr .premium-mask-span::after {
10768
- -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
10769
- animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
10770
- -webkit-transform: translateX(-103%);
10771
- -ms-transform: translateX(-103%);
10772
- transform: translateX(-103%);
10773
- }
10774
-
10775
- .premium-mask-active.premium-mask-tl .premium-mask-span::after {
10776
- -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
10777
- animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
10778
- -webkit-transform: translateX(103%);
10779
- -ms-transform: translateX(103%);
10780
- transform: translateX(103%);
10781
- }
10782
-
10783
- .premium-mask-active.premium-mask-tb .premium-mask-span::after {
10784
- -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
10785
- animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
10786
- -webkit-transform: translateY(-103%);
10787
- -ms-transform: translateY(-103%);
10788
- transform: translateY(-103%);
10789
- }
10790
-
10791
- .premium-mask-active.premium-mask-tt .premium-mask-span::after {
10792
- -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
10793
- animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
10794
- -webkit-transform: translateY(103%);
10795
- -ms-transform: translateY(103%);
10796
- transform: translateY(103%);
10797
- }
10798
-
10799
- @-webkit-keyframes pa-mask-tr {
10800
- 0% {
10801
- -webkit-transform: translateX(0%);
10802
- transform: translateX(0%);
10803
- }
10804
-
10805
- 100% {
10806
- -webkit-transform: translateX(103%);
10807
- transform: translateX(103%);
10808
- }
10809
- }
10810
-
10811
- @keyframes pa-mask-tr {
10812
- 0% {
10813
- -webkit-transform: translateX(0%);
10814
- transform: translateX(0%);
10815
- }
10816
-
10817
- 100% {
10818
- -webkit-transform: translateX(103%);
10819
- transform: translateX(103%);
10820
- }
10821
- }
10822
-
10823
- @-webkit-keyframes pa-mask-tl {
10824
- 0% {
10825
- -webkit-transform: translateX(0%);
10826
- transform: translateX(0%);
10827
- }
10828
-
10829
- 100% {
10830
- -webkit-transform: translateX(-103%);
10831
- transform: translateX(-103%);
10832
- }
10833
- }
10834
-
10835
- @keyframes pa-mask-tl {
10836
- 0% {
10837
- -webkit-transform: translateX(0%);
10838
- transform: translateX(0%);
10839
- }
10840
-
10841
- 100% {
10842
- -webkit-transform: translateX(-103%);
10843
- transform: translateX(-103%);
10844
- }
10845
- }
10846
-
10847
- @-webkit-keyframes pa-mask-tb {
10848
- 0% {
10849
- -webkit-transform: translateY(0%);
10850
- transform: translateY(0%);
10851
- }
10852
-
10853
- 100% {
10854
- -webkit-transform: translateY(103%);
10855
- transform: translateY(103%);
10856
- }
10857
- }
10858
-
10859
- @keyframes pa-mask-tb {
10860
- 0% {
10861
- -webkit-transform: translateY(0%);
10862
- transform: translateY(0%);
10863
- }
10864
-
10865
- 100% {
10866
- -webkit-transform: translateY(103%);
10867
- transform: translateY(103%);
10868
- }
10869
- }
10870
-
10871
- @-webkit-keyframes pa-mask-tt {
10872
- 0% {
10873
- -webkit-transform: translateY(0%);
10874
- transform: translateY(0%);
10875
- }
10876
-
10877
- 100% {
10878
- -webkit-transform: translateY(-103%);
10879
- transform: translateY(-103%);
10880
- }
10881
- }
10882
-
10883
- @keyframes pa-mask-tt {
10884
- 0% {
10885
- -webkit-transform: translateY(0%);
10886
- transform: translateY(0%);
10887
- }
10888
-
10889
- 100% {
10890
- -webkit-transform: translateY(-103%);
10891
- transform: translateY(-103%);
10892
- }
10893
- }
10894
-
10895
- /*
10896
- * Common Button style.
10897
- */
10898
- .premium-button .premium-lottie-animation,
10899
- .premium-image-button .premium-lottie-animation {
10900
- -js-display: flex;
10901
- display: -webkit-box;
10902
- display: -webkit-flex;
10903
- display: -moz-box;
10904
- display: -ms-flexbox;
10905
- display: flex;
10906
- }
10907
-
10908
- .premium-button svg,
10909
- .premium-image-button svg {
10910
- width: 30px;
10911
- height: 30px;
10912
- }
10913
-
10914
- .premium-btn-sm,
10915
- .premium-btn-md,
10916
- .premium-btn-lg,
10917
- .premium-btn-block {
10918
- background-color: #eee;
10919
- color: #042551;
10920
- margin: 0px;
10921
- text-decoration: none;
10922
- }
10923
-
10924
- .premium-btn-sm:hover,
10925
- .premium-btn-md:hover,
10926
- .premium-btn-lg:hover,
10927
- .premium-btn-block:hover {
10928
- background-color: #54595f;
10929
- color: #eee;
10930
- }
10931
-
10932
- div[class*="elementor-widget-premium"] .premium-btn-sm {
10933
- padding: 12px 24px;
10934
- font-size: 14px;
10935
- line-height: 1;
10936
- }
10937
-
10938
- div[class*="elementor-widget-premium"] .premium-btn-md {
10939
- padding: 14px 26px;
10940
- font-size: 16px;
10941
- line-height: 1.2;
10942
- }
10943
-
10944
- div[class*="elementor-widget-premium"] .premium-btn-lg {
10945
- padding: 16px 28px;
10946
- font-size: 18px;
10947
- line-height: 1.3333;
10948
- }
10949
-
10950
- div[class*="elementor-widget-premium"] .premium-btn-block {
10951
- font-size: 18px;
10952
- line-height: 1;
10953
- padding: 20px 0px;
10954
- width: 100%;
10955
- text-align: center;
10956
- }
10957
-
10958
- .premium-button-text {
10959
- display: inline-block;
10960
- width: 100%;
10961
- }
10962
-
10963
- /*
10964
- * Common Button/Image Button Mouse Detect Effect.
10965
- */
10966
- .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
10967
- position: absolute;
10968
- z-index: 0;
10969
- top: 0;
10970
- right: 0;
10971
- width: 0px;
10972
- height: 0px;
10973
- -webkit-border-radius: 50%;
10974
- border-radius: 50%;
10975
- display: block;
10976
- -webkit-transform: translate(50%, -50%);
10977
- -ms-transform: translate(50%, -50%);
10978
- transform: translate(50%, -50%);
10979
- -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
10980
- transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
10981
- }
10982
-
10983
- .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
10984
- width: 225%;
10985
- height: 560px;
10986
- }
10987
-
10988
- .premium-mouse-detect-yes .premium-button-style6:before {
10989
- width: 0;
10990
- height: 0;
10991
- }
10992
-
10993
- /*
10994
- Common SVG Draw
10995
- premium-svg-drawer not prefixed with 'svg'
10996
- because it's rendered as div with custom SVG code.
10997
- */
10998
- .premium-svg-nodraw *,
10999
- .premium-svg-drawer * {
11000
- -webkit-transition: all 0.3s ease-in-out;
11001
- transition: all 0.3s ease-in-out;
11002
- -webkit-transition-property: stroke, fill, background-color;
11003
- transition-property: stroke, fill, background-color;
11004
- }
11005
-
11006
- .premium-svg-nodraw .no-transition,
11007
- .premium-svg-drawer .no-transition {
11008
- -webkit-transition: none !important;
11009
- transition: none !important;
11010
- }
11011
-
11012
- /**Animation*/
11013
- @-webkit-keyframes spin {
11014
- 0% {
11015
- -webkit-transform: rotate(0deg);
11016
- }
11017
-
11018
- 100% {
11019
- -webkit-transform: rotate(-360deg);
11020
- }
11021
- }
11022
-
11023
- @keyframes spin {
11024
- 0% {
11025
- -webkit-transform: rotate(0deg);
11026
- transform: rotate(0deg);
11027
- }
11028
-
11029
- 100% {
11030
- -webkit-transform: rotate(-360deg);
11031
- transform: rotate(-360deg);
11032
- }
11033
- }
11034
-
11035
- /** Notice*/
11036
- .premium-error-notice {
11037
- width: 100%;
11038
- padding: 10px;
11039
- color: #b94a48;
11040
- background-color: #f2dede;
11041
- border-color: #eed3d7;
11042
- text-align: center;
11043
- }
11044
-
11045
- /**Loader*/
11046
- .premium-loader {
11047
- border: 3px solid #f3f3f3;
11048
- border-top-width: 3px;
11049
- border-top-style: solid;
11050
- border-top-color: rgb(243, 243, 243);
11051
- -webkit-border-radius: 50%;
11052
- border-radius: 50%;
11053
- border-top: 3px solid;
11054
- border-top-color: #bbb;
11055
- width: 30px;
11056
- height: 30px;
11057
- -webkit-animation: spin 2s linear infinite;
11058
- animation: spin 2s linear infinite;
11059
- margin: 0 auto;
11060
  }
3834
  transform: rotateX(180deg);
3835
  }
3836
  }
3837
+ /**************** Premium Bullet List *****************/
3838
+ /******************************************************/
3839
+ .premium-bullet-list-box {
3840
+ -js-display: flex;
3841
+ display: -webkit-box;
3842
+ display: -webkit-flex;
3843
+ display: -moz-box;
3844
+ display: -ms-flexbox;
3845
+ display: flex;
3846
+ -webkit-flex-wrap: wrap;
3847
+ -ms-flex-wrap: wrap;
3848
+ flex-wrap: wrap;
3849
+ -webkit-box-orient: vertical;
3850
+ -webkit-box-direction: normal;
3851
+ -webkit-flex-direction: column;
3852
+ -moz-box-orient: vertical;
3853
+ -moz-box-direction: normal;
3854
+ -ms-flex-direction: column;
3855
+ flex-direction: column;
3856
+ padding: 0;
3857
+ }
3858
+
3859
+ .premium-bullet-list-box .premium-bullet-list-content-grow-lc {
3860
+ -webkit-transform-origin: right center;
3861
+ -ms-transform-origin: right center;
3862
+ transform-origin: right center;
3863
+ }
3864
+
3865
+ .premium-bullet-list-box .premium-bullet-list-content-grow-rc {
3866
+ -webkit-transform-origin: left center;
3867
+ -ms-transform-origin: left center;
3868
+ transform-origin: left center;
3869
+ }
3870
+
3871
+ .premium-bullet-list-box .premium-bullet-list-content-grow-cc {
3872
+ -webkit-transform-origin: center center;
3873
+ -ms-transform-origin: center center;
3874
+ transform-origin: center center;
3875
+ }
3876
+
3877
+ .premium-bullet-list-content {
3878
+ -js-display: flex;
3879
+ display: -webkit-box;
3880
+ display: -webkit-flex;
3881
+ display: -moz-box;
3882
+ display: -ms-flexbox;
3883
+ display: flex;
3884
+ -webkit-transition: all 0.3s ease-in-out;
3885
+ transition: all 0.3s ease-in-out;
3886
+ width: auto;
3887
+ position: relative;
3888
+ }
3889
+
3890
+ .premium-bullet-list-content .premium-bullet-list-text span,
3891
+ .premium-bullet-list-content .premium-bullet-list-wrapper {
3892
+ display: inline-block;
3893
+ -webkit-align-self: center;
3894
+ -ms-flex-item-align: center;
3895
+ align-self: center;
3896
+ -webkit-transition: all 0.3s ease-in-out;
3897
+ transition: all 0.3s ease-in-out;
3898
+ }
3899
+
3900
+ .premium-bullet-list-content .premium-bullet-list-text span {
3901
+ margin: 0 5px;
3902
+ -webkit-box-flex: 1;
3903
+ -webkit-flex: 1;
3904
+ -moz-box-flex: 1;
3905
+ -ms-flex: 1;
3906
+ flex: 1;
3907
+ }
3908
+
3909
+ .premium-bullet-list-content .premium-bullet-list-icon-text p {
3910
+ font-size: 18px;
3911
+ background-color: #eee;
3912
+ padding: 1px 5px;
3913
+ -webkit-border-radius: 2px;
3914
+ border-radius: 2px;
3915
+ }
3916
+
3917
+ .premium-bullet-list-content .premium-bullet-list-text span,
3918
+ .premium-bullet-list-content .premium-bullet-list-icon-text p,
3919
+ .premium-bullet-list-content .premium-bullet-list-wrapper img,
3920
+ .premium-bullet-list-content .premium-bullet-list-wrapper svg,
3921
+ .premium-bullet-list-content .premium-bullet-list-wrapper i {
3922
+ -webkit-transition: all 0.3s ease-in-out;
3923
+ transition: all 0.3s ease-in-out;
3924
+ }
3925
+
3926
+ .premium-bullet-list-content .premium-bullet-list-wrapper {
3927
+ position: relative;
3928
+ line-height: 0;
3929
+ }
3930
+
3931
+ .premium-bullet-list-content .premium-bullet-list-wrapper img,
3932
+ .premium-bullet-list-content .premium-bullet-list-wrapper svg {
3933
+ width: 30px !important;
3934
+ height: 30px !important;
3935
+ position: relative;
3936
+ z-index: 500;
3937
+ }
3938
+
3939
+ .premium-bullet-list-content .premium-bullet-list-wrapper i,
3940
+ .premium-bullet-list-content .premium-bullet-list-wrapper .premium-bullet-list-icon-text {
3941
+ position: relative;
3942
+ z-index: 500;
3943
+ }
3944
+
3945
+ .premium-bullet-list-content .premium-bullet-list-link {
3946
+ position: absolute;
3947
+ top: 0;
3948
+ right: 0;
3949
+ width: 100%;
3950
+ height: 100%;
3951
+ z-index: 1000;
3952
+ }
3953
+
3954
+ .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector {
3955
+ width: 100%;
3956
+ height: 100%;
3957
+ position: absolute;
3958
+ top: 0.5em;
3959
+ z-index: 100;
3960
+ -js-display: flex;
3961
+ display: -webkit-box;
3962
+ display: -webkit-flex;
3963
+ display: -moz-box;
3964
+ display: -ms-flexbox;
3965
+ display: flex;
3966
+ -webkit-box-pack: center;
3967
+ -webkit-justify-content: center;
3968
+ -moz-box-pack: center;
3969
+ -ms-flex-pack: center;
3970
+ justify-content: center;
3971
+ }
3972
+
3973
+ .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector .premium-icon-connector-content:after {
3974
+ content: "";
3975
+ border-left-width: 1px;
3976
+ border-left-style: solid;
3977
+ border-color: #333333;
3978
+ display: block;
3979
+ height: 100%;
3980
+ }
3981
+
3982
+ li.premium-bullet-list-content.premium-bullet-list-content-inline {
3983
+ -webkit-align-self: center;
3984
+ -ms-flex-item-align: center;
3985
+ align-self: center;
3986
+ z-index: 2;
3987
+ }
3988
+
3989
+ li.premium-bullet-list-content.premium-bullet-list-content-inline:not(:first-child) {
3990
+ margin: 0 3px;
3991
+ }
3992
+
3993
+ li.premium-bullet-list-content.premium-bullet-list-content-inline:first-child {
3994
+ margin: 0 0 0 3px;
3995
+ }
3996
+
3997
+ .premium-bullet-list-divider:not(:last-child) {
3998
+ width: 100%;
3999
+ -webkit-box-flex: 0;
4000
+ -webkit-flex: 0 0 100%;
4001
+ -moz-box-flex: 0;
4002
+ -ms-flex: 0 0 100%;
4003
+ flex: 0 0 100%;
4004
+ overflow: hidden;
4005
+ }
4006
+
4007
+ .premium-bullet-list-divider:not(:last-child):after {
4008
+ content: "";
4009
+ display: block;
4010
+ border-top-style: solid;
4011
+ border-top-width: 1px;
4012
+ }
4013
+
4014
+ .premium-bullet-list-divider-inline:not(:last-child) {
4015
+ float: left;
4016
+ display: inline-block;
4017
+ position: relative;
4018
+ height: 100%;
4019
+ overflow: hidden;
4020
+ -webkit-align-self: center;
4021
+ -ms-flex-item-align: center;
4022
+ align-self: center;
4023
+ margin: 0 3px;
4024
+ }
4025
+
4026
+ .premium-bullet-list-divider-inline:not(:last-child):after {
4027
+ content: "";
4028
+ display: block;
4029
+ border-right-width: 1px;
4030
+ height: 33px;
4031
+ border-right-style: solid;
4032
+ }
4033
+
4034
+ .premium-bullet-list-icon-text {
4035
+ line-height: 1.5;
4036
+ }
4037
+
4038
+ .premium-bullet-list-icon-text p,
4039
+ ul.premium-bullet-list-box,
4040
+ li.premium-bullet-list-content {
4041
+ margin: 0;
4042
+ }
4043
+
4044
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper i,
4045
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-text span,
4046
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-icon-text p {
4047
+ color: transparent !important;
4048
+ text-shadow: 0 0 3px #aaa;
4049
+ }
4050
+
4051
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-icon-connector-content,
4052
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper .premium-lottie-animation svg,
4053
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper img,
4054
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-badge {
4055
+ -webkit-filter: blur(3px);
4056
+ filter: blur(3px);
4057
+ }
4058
+
4059
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper i,
4060
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-text span,
4061
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-icon-text p {
4062
+ color: #aaa !important;
4063
+ text-shadow: 0 0px 0 transparent;
4064
+ }
4065
+
4066
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-icon-connector-content,
4067
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper .premium-lottie-animation svg,
4068
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper img,
4069
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-badge {
4070
+ -webkit-filter: none;
4071
+ filter: none;
4072
+ }
4073
+
4074
+ .premium-bullet-list-content .premium-bullet-list-badge {
4075
+ font-size: 11px;
4076
+ top: auto;
4077
+ min-width: -webkit-max-content;
4078
+ min-width: -moz-max-content;
4079
+ min-width: max-content;
4080
+ height: -webkit-fit-content;
4081
+ height: -moz-fit-content;
4082
+ height: fit-content;
4083
+ }
4084
+
4085
+ .premium-bullet-list-content .premium-bullet-list-icon-text p {
4086
+ font-size: 13px;
4087
+ }
4088
+
4089
+ .premium-bullet-list-gradient-effect[data-text] {
4090
+ display: inline-block;
4091
+ position: relative;
4092
+ text-decoration: none;
4093
+ }
4094
+
4095
+ .premium-bullet-list-gradient-effect[data-text]::before {
4096
+ content: attr(data-text);
4097
+ position: absolute;
4098
+ z-index: 1;
4099
+ overflow: hidden;
4100
+ -webkit-clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
4101
+ clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
4102
+ -webkit-background-clip: text;
4103
+ background-clip: text;
4104
+ -webkit-text-fill-color: transparent;
4105
+ -webkit-transition: all 0.4s ease;
4106
+ transition: all 0.4s ease;
4107
+ }
4108
+
4109
+ .premium-bullet-list-content:hover .premium-bullet-list-gradient-effect[data-text]::before,
4110
+ .premium-bullet-list-content:focus .premium-bullet-list-gradient-effect[data-text]::before {
4111
+ -webkit-animation: rtlgradient 1s forwards;
4112
+ animation: rtlgradient 1s forwards;
4113
+ }
4114
+
4115
+ @-webkit-keyframes rtlgradient {
4116
+ 0% {
4117
+ -webkit-clip-path: circle(0% at 150% 50%);
4118
+ clip-path: circle(0% at 150% 50%);
4119
+ }
4120
+
4121
+ 100% {
4122
+ -webkit-clip-path: circle(100% at 50% 50%);
4123
+ clip-path: circle(100% at 50% 50%);
4124
+ }
4125
+ }
4126
+
4127
+ @keyframes rtlgradient {
4128
+ 0% {
4129
+ -webkit-clip-path: circle(0% at 150% 50%);
4130
+ clip-path: circle(0% at 150% 50%);
4131
+ }
4132
+
4133
+ 100% {
4134
+ -webkit-clip-path: circle(100% at 50% 50%);
4135
+ clip-path: circle(100% at 50% 50%);
4136
+ }
4137
+ }
4138
+
4139
+ ul[data-list-animation*="animated-"] .premium-bullet-list-divider,
4140
+ ul[data-list-animation*="animated-"] .premium-bullet-list-content,
4141
+ ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
4142
+ opacity: 0;
4143
+ }
4144
+
4145
+ .premium-bullet-list-content-grow-effect:hover {
4146
+ -webkit-transform: scale(1.07);
4147
+ -ms-transform: scale(1.07);
4148
+ transform: scale(1.07);
4149
+ }
4150
+
4151
+ @-webkit-keyframes spin {
4152
+ 100% {
4153
+ -webkit-transform: rotate(360deg);
4154
+ transform: rotate(360deg);
4155
+ }
4156
+ }
4157
+
4158
+ @keyframes spin {
4159
+ 100% {
4160
+ -webkit-transform: rotate(360deg);
4161
+ transform: rotate(360deg);
4162
+ }
 
 
 
 
4163
  }
4164
  /**************** Premium Image Button ***********/
4165
  /*************************************************/
5839
  }
5840
 
5841
  /**Mega Menu Container*/
5842
+ .premium-mega-nav-item > .premium-sub-menu {
5843
  display: none;
5844
  }
5845
 
6463
  transform: translateY(-50%);
6464
  }
6465
 
 
 
 
 
6466
  .premium-mega-nav-item {
6467
  position: relative;
6468
  }
7142
  transition: all 0.3s;
7143
  }
7144
 
7145
+ body.premium-scroll-disabled {
7146
+ overflow-y: hidden;
7147
+ height: 100vh;
7148
+ margin: 0;
7149
+ }
7150
  /************ Premium Team Members ************/
7151
  /*********************************************/
7152
  .premium-person-container {
10640
  }
10641
 
10642
  /*
10643
+ * Load More Button
10644
+ */
10645
+ .premium-woo-load-more {
10646
+ position: relative;
10647
+ }
10648
+
10649
+ .premium-woo-load-more .premium-woo-load-more-btn {
10650
+ -webkit-box-shadow: none;
10651
+ box-shadow: none;
10652
+ text-shadow: none;
10653
+ border: none;
10654
+ outline: none;
10655
+ -webkit-box-align: center;
10656
+ -webkit-align-items: center;
10657
+ -moz-box-align: center;
10658
+ -ms-flex-align: center;
10659
+ align-items: center;
10660
+ vertical-align: bottom;
10661
+ cursor: pointer;
10662
+ line-height: 1;
10663
+ font-style: normal;
10664
+ font-weight: normal;
10665
+ background-image: none;
10666
+ color: #fff;
10667
+ -webkit-transition: all 0.3s ease-in-out;
10668
+ transition: all 0.3s ease-in-out;
10669
+ padding: 10px 20px;
10670
+ }
10671
+
10672
+ .premium-woo-load-more-btn {
10673
+ -js-display: inline-flex;
10674
+ display: -webkit-inline-box;
10675
+ display: -webkit-inline-flex;
10676
+ display: -moz-inline-box;
10677
+ display: -ms-inline-flexbox;
10678
+ display: inline-flex;
10679
+ -webkit-box-align: center;
10680
+ -webkit-align-items: center;
10681
+ -moz-box-align: center;
10682
+ -ms-flex-align: center;
10683
+ align-items: center;
10684
+ }
10685
+
10686
+ .premium-woo-load-more-btn span {
10687
+ margin-right: 3px;
10688
+ }
10689
+
10690
+ .premium-woo-load-more-btn .premium-loader {
10691
+ display: inline-block;
10692
+ width: 20px;
10693
+ height: 20px;
10694
+ }
10695
+
10696
+ .premium-woo-title-above-yes .premium-woo-product__link {
10697
+ opacity: 0;
10698
+ }
10699
+
10700
+ @media (min-width: 545px) {
10701
+ #premium-woo-quick-view-content div.summary {
10702
+ content: "544";
10703
+ overflow-y: auto;
10704
+ }
10705
+ }
10706
+
10707
+ @media (max-width: 544px) {
10708
+ #premium-woo-quick-view-content .premium-woo-lightbox-content {
10709
+ display: block;
10710
+ }
10711
+
10712
+ #premium-woo-quick-view-content div.images,
10713
+ #premium-woo-quick-view-content div.summary {
10714
+ width: 100%;
10715
+ float: none;
10716
+ }
10717
+ }
10718
+ /*
10719
+ * Common Title/Dual Heading
10720
+ */
10721
+ .premium-title-bg-text:before {
10722
+ position: absolute;
10723
+ content: attr(data-background);
10724
+ top: 0;
10725
+ left: 0;
10726
+ text-align: left;
10727
+ }
10728
+
10729
+ .premium-bg-text-yes .elementor-widget-container:before {
10730
+ position: absolute;
10731
+ top: 0;
10732
+ left: 0;
10733
+ text-align: left;
10734
+ }
10735
+
10736
+ .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
10737
+ .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
10738
+ background: inherit;
10739
+ }
10740
+
10741
+ .premium-mask-yes .premium-mask-span {
10742
+ position: relative;
10743
+ overflow: hidden;
10744
+ -js-display: inline-flex !important;
10745
+ display: -webkit-inline-box !important;
10746
+ display: -webkit-inline-flex !important;
10747
+ display: -moz-inline-box !important;
10748
+ display: -ms-inline-flexbox !important;
10749
+ display: inline-flex !important;
10750
+ }
10751
+
10752
+ .premium-mask-yes .premium-mask-span::after {
10753
+ content: "";
10754
+ position: absolute;
10755
+ top: 0;
10756
+ right: 0px;
10757
+ width: 100%;
10758
+ height: 100%;
10759
+ background-color: currentColor;
10760
+ -webkit-backface-visibility: visible;
10761
+ backface-visibility: visible;
10762
+ }
10763
+
10764
+ .premium-mask-active.premium-mask-tr .premium-mask-span::after {
10765
+ -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
10766
+ animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
10767
+ -webkit-transform: translateX(-103%);
10768
+ -ms-transform: translateX(-103%);
10769
+ transform: translateX(-103%);
10770
+ }
10771
+
10772
+ .premium-mask-active.premium-mask-tl .premium-mask-span::after {
10773
+ -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
10774
+ animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
10775
+ -webkit-transform: translateX(103%);
10776
+ -ms-transform: translateX(103%);
10777
+ transform: translateX(103%);
10778
+ }
10779
+
10780
+ .premium-mask-active.premium-mask-tb .premium-mask-span::after {
10781
+ -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
10782
+ animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
10783
+ -webkit-transform: translateY(-103%);
10784
+ -ms-transform: translateY(-103%);
10785
+ transform: translateY(-103%);
10786
+ }
10787
+
10788
+ .premium-mask-active.premium-mask-tt .premium-mask-span::after {
10789
+ -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
10790
+ animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
10791
+ -webkit-transform: translateY(103%);
10792
+ -ms-transform: translateY(103%);
10793
+ transform: translateY(103%);
10794
+ }
10795
+
10796
+ @-webkit-keyframes pa-mask-tr {
10797
+ 0% {
10798
+ -webkit-transform: translateX(0%);
10799
+ transform: translateX(0%);
10800
+ }
10801
+
10802
+ 100% {
10803
+ -webkit-transform: translateX(103%);
10804
+ transform: translateX(103%);
10805
+ }
10806
+ }
10807
+
10808
+ @keyframes pa-mask-tr {
10809
+ 0% {
10810
+ -webkit-transform: translateX(0%);
10811
+ transform: translateX(0%);
10812
+ }
10813
+
10814
+ 100% {
10815
+ -webkit-transform: translateX(103%);
10816
+ transform: translateX(103%);
10817
+ }
10818
+ }
10819
+
10820
+ @-webkit-keyframes pa-mask-tl {
10821
+ 0% {
10822
+ -webkit-transform: translateX(0%);
10823
+ transform: translateX(0%);
10824
+ }
10825
+
10826
+ 100% {
10827
+ -webkit-transform: translateX(-103%);
10828
+ transform: translateX(-103%);
10829
+ }
10830
+ }
10831
+
10832
+ @keyframes pa-mask-tl {
10833
+ 0% {
10834
+ -webkit-transform: translateX(0%);
10835
+ transform: translateX(0%);
10836
+ }
10837
+
10838
+ 100% {
10839
+ -webkit-transform: translateX(-103%);
10840
+ transform: translateX(-103%);
10841
+ }
10842
+ }
10843
+
10844
+ @-webkit-keyframes pa-mask-tb {
10845
+ 0% {
10846
+ -webkit-transform: translateY(0%);
10847
+ transform: translateY(0%);
10848
+ }
10849
+
10850
+ 100% {
10851
+ -webkit-transform: translateY(103%);
10852
+ transform: translateY(103%);
10853
+ }
10854
+ }
10855
+
10856
+ @keyframes pa-mask-tb {
10857
+ 0% {
10858
+ -webkit-transform: translateY(0%);
10859
+ transform: translateY(0%);
10860
+ }
10861
+
10862
+ 100% {
10863
+ -webkit-transform: translateY(103%);
10864
+ transform: translateY(103%);
10865
+ }
10866
+ }
10867
+
10868
+ @-webkit-keyframes pa-mask-tt {
10869
+ 0% {
10870
+ -webkit-transform: translateY(0%);
10871
+ transform: translateY(0%);
10872
+ }
10873
+
10874
+ 100% {
10875
+ -webkit-transform: translateY(-103%);
10876
+ transform: translateY(-103%);
10877
+ }
10878
+ }
10879
+
10880
+ @keyframes pa-mask-tt {
10881
+ 0% {
10882
+ -webkit-transform: translateY(0%);
10883
+ transform: translateY(0%);
10884
+ }
10885
+
10886
+ 100% {
10887
+ -webkit-transform: translateY(-103%);
10888
+ transform: translateY(-103%);
10889
+ }
10890
+ }
10891
+
10892
+ /*
10893
+ * Common Button style.
10894
+ */
10895
+ .premium-button .premium-lottie-animation,
10896
+ .premium-image-button .premium-lottie-animation {
10897
+ -js-display: flex;
10898
+ display: -webkit-box;
10899
+ display: -webkit-flex;
10900
+ display: -moz-box;
10901
+ display: -ms-flexbox;
10902
+ display: flex;
10903
+ }
10904
+
10905
+ .premium-button svg,
10906
+ .premium-image-button svg {
10907
+ width: 30px;
10908
+ height: 30px;
10909
+ }
10910
+
10911
+ .premium-btn-sm,
10912
+ .premium-btn-md,
10913
+ .premium-btn-lg,
10914
+ .premium-btn-block {
10915
+ background-color: #eee;
10916
+ color: #042551;
10917
+ margin: 0px;
10918
+ text-decoration: none;
10919
+ }
10920
+
10921
+ .premium-btn-sm:hover,
10922
+ .premium-btn-md:hover,
10923
+ .premium-btn-lg:hover,
10924
+ .premium-btn-block:hover {
10925
+ background-color: #54595f;
10926
+ color: #eee;
10927
+ }
10928
+
10929
+ div[class*="elementor-widget-premium"] .premium-btn-sm {
10930
+ padding: 12px 24px;
10931
+ font-size: 14px;
10932
+ line-height: 1;
10933
+ }
10934
+
10935
+ div[class*="elementor-widget-premium"] .premium-btn-md {
10936
+ padding: 14px 26px;
10937
+ font-size: 16px;
10938
+ line-height: 1.2;
10939
+ }
10940
+
10941
+ div[class*="elementor-widget-premium"] .premium-btn-lg {
10942
+ padding: 16px 28px;
10943
+ font-size: 18px;
10944
+ line-height: 1.3333;
10945
+ }
10946
+
10947
+ div[class*="elementor-widget-premium"] .premium-btn-block {
10948
+ font-size: 18px;
10949
+ line-height: 1;
10950
+ padding: 20px 0px;
10951
+ width: 100%;
10952
+ text-align: center;
10953
+ }
10954
+
10955
+ .premium-button-text {
10956
+ display: inline-block;
10957
+ width: 100%;
10958
+ }
10959
+
10960
+ /*
10961
+ * Common Button/Image Button Mouse Detect Effect.
10962
  */
10963
+ .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
10964
+ position: absolute;
10965
+ z-index: 0;
10966
+ top: 0;
10967
+ right: 0;
10968
+ width: 0px;
10969
+ height: 0px;
10970
+ -webkit-border-radius: 50%;
10971
+ border-radius: 50%;
10972
+ display: block;
10973
+ -webkit-transform: translate(50%, -50%);
10974
+ -ms-transform: translate(50%, -50%);
10975
+ transform: translate(50%, -50%);
10976
+ -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
10977
+ transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
10978
  }
10979
 
10980
+ .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
10981
+ width: 225%;
10982
+ height: 560px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
10983
  }
10984
 
10985
+ .premium-mouse-detect-yes .premium-button-style6:before {
10986
+ width: 0;
10987
+ height: 0;
 
 
 
 
 
 
 
 
 
10988
  }
10989
 
10990
+ /*
10991
+ Common SVG Draw
10992
+ premium-svg-drawer not prefixed with 'svg'
10993
+ because it's rendered as div with custom SVG code.
10994
+ */
10995
+ .premium-svg-nodraw *,
10996
+ .premium-svg-drawer * {
10997
+ -webkit-transition: all 0.3s ease-in-out;
10998
+ transition: all 0.3s ease-in-out;
10999
+ -webkit-transition-property: stroke, fill, background-color;
11000
+ transition-property: stroke, fill, background-color;
11001
  }
11002
 
11003
+ .premium-svg-nodraw .no-transition,
11004
+ .premium-svg-drawer .no-transition {
11005
+ -webkit-transition: none !important;
11006
+ transition: none !important;
11007
  }
11008
 
11009
+ /**Animation*/
11010
+ @-webkit-keyframes spin {
11011
+ 0% {
11012
+ -webkit-transform: rotate(0deg);
11013
+ }
11014
 
11015
+ 100% {
11016
+ -webkit-transform: rotate(-360deg);
 
 
11017
  }
11018
  }
11019
 
11020
+ @keyframes spin {
11021
+ 0% {
11022
+ -webkit-transform: rotate(0deg);
11023
+ transform: rotate(0deg);
11024
  }
11025
 
11026
+ 100% {
11027
+ -webkit-transform: rotate(-360deg);
11028
+ transform: rotate(-360deg);
 
11029
  }
11030
  }
11031
+
11032
+ /** Notice*/
11033
+ .premium-error-notice {
11034
+ width: 100%;
11035
+ padding: 10px;
11036
+ color: #b94a48;
11037
+ background-color: #f2dede;
11038
+ border-color: #eed3d7;
11039
+ text-align: center;
11040
+ }
11041
+
11042
+ /**Loader*/
11043
+ .premium-loader {
11044
+ border: 3px solid #f3f3f3;
11045
+ border-top-width: 3px;
11046
+ border-top-style: solid;
11047
+ border-top-color: rgb(243, 243, 243);
11048
+ -webkit-border-radius: 50%;
11049
+ border-radius: 50%;
11050
+ border-top: 3px solid;
11051
+ border-top-color: #bbb;
11052
+ width: 30px;
11053
+ height: 30px;
11054
+ -webkit-animation: spin 2s linear infinite;
11055
+ animation: spin 2s linear infinite;
11056
+ margin: 0 auto;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
11057
  }
assets/frontend/css/premium-addons.css CHANGED
@@ -1264,665 +1264,1017 @@
1264
  -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1265
  transform: translate3d(-10px, 0, 0) scale(1.1); }
1266
 
1267
- /**************** Premium Blog *****************/
1268
- /***********************************************/
1269
- .premium-blog-thumb-effect-wrapper {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1270
  position: relative;
1271
- overflow: hidden; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1272
 
1273
- .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
 
 
 
1274
  position: absolute;
 
1275
  top: 0;
1276
  left: 0;
1277
- width: 100%;
1278
- height: 100%;
1279
- z-index: 2;
1280
- padding: 20px; }
1281
-
1282
- .premium-blog-bordered-effect .premium-blog-post-link {
1283
- display: block;
1284
- height: 100%;
1285
- position: relative; }
 
 
 
 
 
 
 
1286
 
1287
- /*Thumbnail Img*/
1288
- .premium-blog-wrap .premium-blog-thumbnail-container {
1289
- overflow: hidden; }
1290
- .premium-blog-wrap .premium-blog-thumbnail-container img,
1291
- .premium-blog-wrap .premium-blog-thumbnail-container .below-entry-meta {
1292
- width: 100%;
1293
- height: 100%;
1294
- margin: 0 !important;
1295
- -webkit-transition: all 0.4s ease-in-out;
1296
- transition: all 0.4s ease-in-out;
1297
- display: block; }
1298
 
1299
- .premium-blog-zoomout-effect img,
1300
- .premium-blog-scale-effect img {
1301
- -webkit-transform: scale(1.2);
1302
- -ms-transform: scale(1.2);
1303
- transform: scale(1.2); }
1304
 
1305
- .premium-blog-sepia-effect img {
1306
- -webkit-filter: sepia(30%);
1307
- filter: sepia(30%); }
 
 
 
 
1308
 
1309
- .premium-blog-bright-effect img {
1310
- -webkit-filter: brightness(1);
1311
- filter: brightness(1); }
 
 
 
 
1312
 
1313
- .premium-blog-trans-effect img {
1314
- -webkit-transform: translateX(-15px) scale(1.1);
1315
- -ms-transform: translateX(-15px) scale(1.1);
1316
- transform: translateX(-15px) scale(1.1); }
1317
 
1318
- .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
1319
- -webkit-transform: scale(1.2);
1320
- -ms-transform: scale(1.2);
1321
- transform: scale(1.2); }
1322
 
1323
- .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
1324
- -webkit-transform: scale(1.1);
1325
- -ms-transform: scale(1.1);
1326
- transform: scale(1.1); }
1327
 
1328
- .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
1329
- -webkit-transform: scale(1.3) rotate(5deg);
1330
- -ms-transform: scale(1.3) rotate(5deg);
1331
- transform: scale(1.3) rotate(5deg); }
1332
 
1333
- .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
1334
- -webkit-filter: grayscale(100%);
1335
- filter: grayscale(100%); }
 
1336
 
1337
- .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
1338
- -webkit-filter: blur(3px);
1339
- filter: blur(3px); }
 
 
 
 
1340
 
1341
- .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
1342
- -webkit-filter: sepia(0%);
1343
- filter: sepia(0%); }
 
 
 
 
1344
 
1345
- .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
1346
- -webkit-filter: brightness(1.2);
1347
- filter: brightness(1.2); }
 
 
 
 
 
1348
 
1349
- .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
1350
- -webkit-transform: translateX(0px) scale(1.1);
1351
- -ms-transform: translateX(0px) scale(1.1);
1352
- transform: translateX(0px) scale(1.1); }
 
 
 
 
1353
 
1354
- .premium-blog-post-container {
1355
- overflow: hidden; }
1356
- .premium-blog-post-container .premium-blog-inner-container {
1357
- -js-display: flex;
1358
- display: -webkit-box;
1359
- display: -webkit-flex;
1360
- display: -moz-box;
1361
- display: -ms-flexbox;
1362
- display: flex;
1363
- -webkit-box-orient: vertical;
1364
- -webkit-box-direction: normal;
1365
- -webkit-flex-direction: column;
1366
- -moz-box-orient: vertical;
1367
- -moz-box-direction: normal;
1368
- -ms-flex-direction: column;
1369
- flex-direction: column; }
1370
- .premium-blog-post-container .premium-blog-post-content {
1371
- line-height: 1.5em;
1372
- color: #777;
1373
- font-size: 14px;
1374
- margin-bottom: 10px; }
1375
- .premium-blog-post-container ul.post-categories a:hover, .premium-blog-post-container ul.post-categories a:focus,
1376
- .premium-blog-post-container .premium-blog-post-link:hover,
1377
- .premium-blog-post-container .premium-blog-post-link:focus {
1378
- -webkit-box-shadow: none !important;
1379
- box-shadow: none !important;
1380
- outline: none !important; }
1381
- .premium-blog-post-container .premium-blog-entry-title {
1382
- font-size: 18px;
1383
- margin-bottom: 5px; }
1384
- .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
1385
- position: relative;
1386
- z-index: 3;
1387
- top: -50px; }
1388
- .premium-blog-post-container .premium-blog-content-wrapper {
1389
- background-color: #f5f5f5;
1390
- padding: 30px; }
1391
- .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
1392
- top: 0; }
1393
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before, .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
1394
- position: absolute;
1395
- content: "";
1396
- z-index: 1;
1397
- top: 50%;
1398
- left: 50%;
1399
- opacity: 0;
1400
- -webkit-transform: translate(-50%, -50%);
1401
- -ms-transform: translate(-50%, -50%);
1402
- transform: translate(-50%, -50%);
1403
- -webkit-transition: all 0.4s linear 0s;
1404
- transition: all 0.4s linear 0s;
1405
- height: 1px;
1406
- width: 100%;
1407
- background-color: #fff; }
1408
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
1409
- width: 1px;
1410
- height: 100%; }
1411
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner):hover .premium-blog-thumbnail-container:after {
1412
- width: 20px;
1413
- opacity: 1; }
1414
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner):hover .premium-blog-thumbnail-container:before {
1415
- height: 20px;
1416
- opacity: 1; }
1417
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
1418
- margin: 0px 10px 20px;
1419
- clear: both; }
1420
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay {
1421
- position: absolute;
1422
- top: 0;
1423
- left: 0;
1424
- width: 100%;
1425
- height: 100%;
1426
- -webkit-transition: all 0.3s ease-in-out;
1427
- transition: all 0.3s ease-in-out;
1428
- opacity: 0; }
1429
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a {
1430
- -js-display: flex;
1431
- display: -webkit-box;
1432
- display: -webkit-flex;
1433
- display: -moz-box;
1434
- display: -ms-flexbox;
1435
- display: flex;
1436
- -webkit-box-pack: center;
1437
- -webkit-justify-content: center;
1438
- -moz-box-pack: center;
1439
- -ms-flex-pack: center;
1440
- justify-content: center;
1441
- -webkit-box-align: center;
1442
- -webkit-align-items: center;
1443
- -moz-box-align: center;
1444
- -ms-flex-align: center;
1445
- align-items: center;
1446
- width: 100%;
1447
- height: 100%; }
1448
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
1449
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span,
1450
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,
1451
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
1452
- -webkit-transition: all 0.3s ease-in-out;
1453
- transition: all 0.3s ease-in-out; }
1454
- .premium-blog-post-container.premium-blog-skin-side {
1455
- -js-display: flex;
1456
- display: -webkit-box;
1457
- display: -webkit-flex;
1458
- display: -moz-box;
1459
- display: -ms-flexbox;
1460
- display: flex; }
1461
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
1462
- height: 100%; }
1463
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
1464
- -webkit-box-flex: 1;
1465
- -webkit-flex: 1;
1466
- -moz-box-flex: 1;
1467
- -ms-flex: 1;
1468
- flex: 1; }
1469
- .premium-blog-post-container.premium-blog-skin-banner {
1470
- position: relative; }
1471
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
1472
- position: absolute;
1473
- width: 100%;
1474
- bottom: -5px;
1475
- -js-display: flex;
1476
- display: -webkit-box;
1477
- display: -webkit-flex;
1478
- display: -moz-box;
1479
- display: -ms-flexbox;
1480
- display: flex;
1481
- -webkit-box-orient: vertical;
1482
- -webkit-box-direction: normal;
1483
- -webkit-flex-direction: column;
1484
- -moz-box-orient: vertical;
1485
- -moz-box-direction: normal;
1486
- -ms-flex-direction: column;
1487
- flex-direction: column;
1488
- background-color: transparent;
1489
- z-index: 3;
1490
- -webkit-transition: bottom 0.3s ease-in-out;
1491
- transition: bottom 0.3s ease-in-out; }
1492
- .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper {
1493
- bottom: 0px; }
1494
- .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
1495
- margin: 0;
1496
- padding: 0;
1497
- list-style: none;
1498
- -js-display: flex;
1499
- display: -webkit-box;
1500
- display: -webkit-flex;
1501
- display: -moz-box;
1502
- display: -ms-flexbox;
1503
- display: flex; }
1504
- .premium-blog-post-container .premium-blog-cats-container a {
1505
- display: block;
1506
- font-size: 12px;
1507
- color: #fff;
1508
- background-color: #777;
1509
- margin: 0 3px 10px 0;
1510
- padding: 5px;
1511
- -webkit-transition: all 0.3s ease-in-out;
1512
- transition: all 0.3s ease-in-out; }
1513
-
1514
- /*
1515
- * Diagonal Effect
1516
- */
1517
- .premium-blog-diagonal-container {
1518
- position: absolute;
1519
- top: 0;
1520
- left: 0;
1521
- width: 100%;
1522
- height: 100%; }
1523
-
1524
- .premium-blog-diagonal-effect:before {
1525
- position: absolute;
1526
- top: 0px;
1527
- left: 0px;
1528
- width: 100%;
1529
- height: 100%;
1530
- content: " ";
1531
- z-index: 1;
1532
- background: rgba(255, 255, 255, 0.2);
1533
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
1534
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
1535
- -webkit-transition: all 0.3s linear 0s;
1536
- transition: all 0.3s linear 0s; }
1537
 
1538
- .premium-blog-post-outer-container:hover .premium-blog-diagonal-effect:before {
1539
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
1540
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
 
 
 
 
1541
 
1542
- /*
1543
- * Framed Effect
1544
- */
1545
- .premium-blog-framed-effect {
1546
- position: absolute;
1547
- width: -webkit-calc(100% - 30px);
1548
- width: calc(100% - 30px);
1549
- height: -webkit-calc(100% - 30px);
1550
- height: calc(100% - 30px);
1551
- top: 15px;
1552
- left: 15px;
1553
- opacity: 0;
1554
- -webkit-transform: scale(0.3);
1555
- -ms-transform: scale(0.3);
1556
- transform: scale(0.3);
1557
- -webkit-transition: all 0.3s linear 0s;
1558
- transition: all 0.3s linear 0s; }
1559
 
1560
- .premium-blog-post-outer-container:hover .premium-blog-framed-effect {
1561
- opacity: 0.99;
1562
- -webkit-transform: scale(1);
1563
- -ms-transform: scale(1);
1564
- transform: scale(1); }
 
 
1565
 
1566
- /*
1567
- * Bordered Effect
1568
- */
1569
- .premium-blog-bordered-effect {
1570
- position: absolute;
1571
- top: 0;
1572
- left: 0;
1573
- width: 100%;
1574
- height: 100%;
1575
- opacity: 0;
1576
- padding: 15px;
1577
- -webkit-transition: all 0.3s linear 0s;
1578
- transition: all 0.3s linear 0s; }
1579
- .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-bordered-effect .premium-blog-post-link:after {
1580
- content: "";
1581
- display: block;
1582
- position: absolute;
1583
- top: 0;
1584
- left: 0;
1585
- width: 100%;
1586
- height: 100%;
1587
- -webkit-transition: all 0.5s linear 0s;
1588
- transition: all 0.5s linear 0s;
1589
- -webkit-transition-delay: 0s;
1590
- transition-delay: 0s;
1591
- border-color: rgba(255, 255, 255, 0.45); }
1592
- .premium-blog-bordered-effect .premium-blog-post-link:before {
1593
- border-right: 2px solid;
1594
- border-left: 2px solid;
1595
- -webkit-transform: scale(1, 0);
1596
- -ms-transform: scale(1, 0);
1597
- transform: scale(1, 0);
1598
- -webkit-transform-origin: 100% 0;
1599
- -ms-transform-origin: 100% 0;
1600
- transform-origin: 100% 0; }
1601
- .premium-blog-bordered-effect .premium-blog-post-link:after {
1602
- border-top: 2px solid;
1603
- border-bottom: 2px solid;
1604
- -webkit-transform: scale(0, 1);
1605
- -ms-transform: scale(0, 1);
1606
- transform: scale(0, 1);
1607
- -webkit-transform-origin: 0 0;
1608
- -ms-transform-origin: 0 0;
1609
- transform-origin: 0 0; }
1610
 
1611
- .premium-blog-bordered-effect:hover {
1612
- opacity: 0.99; }
1613
- .premium-blog-bordered-effect:hover .premium-blog-post-link:before, .premium-blog-bordered-effect:hover .premium-blog-post-link:after {
1614
- -webkit-transition-delay: 0.15s;
1615
- transition-delay: 0.15s;
1616
- opacity: 1;
1617
- -webkit-transform: scale(1);
1618
- -ms-transform: scale(1);
1619
- transform: scale(1); }
1620
 
1621
- /*
1622
- * Squares Effect
1623
- */
1624
- .premium-blog-squares-effect,
1625
- .premium-blog-squares-square-container {
1626
- position: absolute;
1627
- top: 0;
1628
- left: 0;
1629
- width: 100%;
1630
- height: 100%; }
1631
 
1632
- .premium-blog-squares-effect:before, .premium-blog-squares-effect:after {
1633
- position: absolute;
1634
- content: "";
1635
- top: 0;
1636
- left: 0;
1637
- width: 50%;
1638
- height: 50%;
1639
- -webkit-transform: translate(-100%, -100%);
1640
- -ms-transform: translate(-100%, -100%);
1641
- transform: translate(-100%, -100%);
1642
- opacity: 0.7;
1643
- -webkit-transition: all 0.3s linear 0s;
1644
- transition: all 0.3s linear 0s; }
1645
 
1646
- .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
1647
- position: absolute;
1648
- content: "";
1649
- top: 0;
1650
- left: 0;
1651
- width: 50%;
1652
- height: 50%;
1653
- -webkit-transform: translate(-100%, -100%);
1654
- -ms-transform: translate(-100%, -100%);
1655
- transform: translate(-100%, -100%);
1656
- opacity: 0.7;
1657
- -webkit-transition: all 0.3s linear 0s;
1658
- transition: all 0.3s linear 0s; }
 
1659
 
1660
- .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
1661
- opacity: 0.8; }
1662
-
1663
- .premium-blog-squares-effect:after {
1664
- -webkit-transform: translate(200%, 200%);
1665
- -ms-transform: translate(200%, 200%);
1666
- transform: translate(200%, 200%); }
1667
-
1668
- .premium-blog-squares-square-container:before {
1669
- -webkit-transform: translate(-100%, 200%);
1670
- -ms-transform: translate(-100%, 200%);
1671
- transform: translate(-100%, 200%); }
1672
-
1673
- .premium-blog-squares-square-container:after {
1674
- -webkit-transform: translate(200%, -100%);
1675
- -ms-transform: translate(200%, -100%);
1676
- transform: translate(200%, -100%); }
1677
-
1678
- .premium-blog-squares-effect:hover:before {
1679
- -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
1680
- -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
1681
- transform: translate(0, 0%) scaleY(1.003) scaleX(1.003); }
1682
-
1683
- .premium-blog-squares-effect:hover:after {
1684
- -webkit-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
1685
- -ms-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
1686
- transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003); }
1687
-
1688
- .premium-blog-squares-effect:hover .premium-blog-squares-square-container:before {
1689
- -webkit-transform: translate(0, 100%);
1690
- -ms-transform: translate(0, 100%);
1691
- transform: translate(0, 100%); }
1692
-
1693
- .premium-blog-squares-effect:hover .premium-blog-squares-square-container:after {
1694
- -webkit-transform: translate(100%, 0%);
1695
- -ms-transform: translate(100%, 0%);
1696
- transform: translate(100%, 0%); }
1697
-
1698
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
1699
- opacity: 1; }
1700
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
1701
- opacity: 1;
1702
- -webkit-transform: scale(1);
1703
- -ms-transform: scale(1);
1704
- transform: scale(1); }
1705
 
1706
- .premium-blog-clear-fix {
1707
- clear: both; }
 
1708
 
1709
- .premium-blog-masked .premium-blog-thumbnail-container {
1710
- position: relative;
1711
- overflow: visible; }
1712
- .premium-blog-masked .premium-blog-thumbnail-container svg {
1713
- position: absolute;
1714
- height: 100px;
1715
- width: 100%;
1716
- bottom: -5px;
1717
- left: 0;
1718
- fill: #f5f5f5;
1719
- z-index: 99; }
1720
- .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
1721
- -webkit-transform: rotate(180deg);
1722
- -ms-transform: rotate(180deg);
1723
- transform: rotate(180deg); }
1724
 
1725
- .premium-blog-masked .premium-blog-author-thumbnail,
1726
- .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
1727
- z-index: 999 !important; }
 
 
 
 
 
 
 
 
1728
 
1729
- .premium-blog-format-link {
1730
- padding: 5px;
1731
- line-height: 0; }
1732
 
1733
- .premium-blog-entry-meta {
1734
- line-height: 1.3em;
1735
- font-size: 12px;
1736
- margin-bottom: 13px;
1737
- color: #adadad; }
1738
- .premium-blog-entry-meta i {
1739
- margin-right: 3px;
1740
- -webkit-transition: all 0.3s ease-in-out;
1741
- transition: all 0.3s ease-in-out; }
1742
 
1743
- .premium-blog-meta-data {
1744
- display: inline-block; }
1745
- .premium-blog-meta-data .premium-blog-meta-separator {
1746
- margin: 0 5px; }
1747
- .premium-blog-meta-data a,
1748
- .premium-blog-meta-data span {
1749
- color: inherit;
1750
- -webkit-transition: all 0.3s ease-in-out;
1751
- transition: all 0.3s ease-in-out; }
1752
-
1753
- .premium-blog-author-thumbnail {
1754
- position: relative;
1755
- padding: 0 30px;
1756
  width: 100%;
1757
- top: -10px;
1758
- height: 0;
1759
- pointer-events: none; }
1760
- .premium-blog-author-thumbnail img {
1761
- -webkit-border-radius: 50%;
1762
- border-radius: 50%;
1763
- width: 60px;
1764
- pointer-events: all;
1765
- -webkit-transform: translateY(-50%);
1766
- -ms-transform: translateY(-50%);
1767
- transform: translateY(-50%); }
1768
-
1769
- .premium-blog-entry-title a,
1770
- .premium-blog-post-tags-container a,
1771
- .premium-blog-post-content .premium-blog-excerpt-link {
1772
- -webkit-transition: all 0.3s ease-in-out;
1773
- transition: all 0.3s ease-in-out; }
1774
-
1775
- .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
1776
- background-color: transparent;
1777
- color: #54595f;
1778
- padding: 0; }
1779
-
1780
- .premium-blog-cta-full-yes .premium-blog-excerpt-link {
1781
- width: 100%; }
1782
-
1783
- .premium-blog-post-tags-container {
1784
- margin-top: 8px;
1785
  -js-display: flex;
1786
  display: -webkit-box;
1787
  display: -webkit-flex;
1788
  display: -moz-box;
1789
  display: -ms-flexbox;
1790
  display: flex;
1791
- -webkit-box-align: center;
1792
- -webkit-align-items: center;
1793
- -moz-box-align: center;
1794
- -ms-flex-align: center;
1795
- align-items: center;
1796
- -webkit-flex-wrap: wrap;
1797
- -ms-flex-wrap: wrap;
1798
- flex-wrap: wrap; }
1799
- .premium-blog-post-tags-container a {
1800
- color: inherit;
1801
- margin-left: 5px; }
1802
-
1803
- /*Tags align*/
1804
- .premium-blog-align-left .post-categories,
1805
- .premium-blog-align-left .premium-blog-post-tags-container {
1806
- -webkit-box-pack: start;
1807
- -webkit-justify-content: flex-start;
1808
- -moz-box-pack: start;
1809
- -ms-flex-pack: start;
1810
- justify-content: flex-start; }
1811
-
1812
- .premium-blog-align-left .premium-blog-inner-container {
1813
- -webkit-box-align: start;
1814
- -webkit-align-items: flex-start;
1815
- -moz-box-align: start;
1816
- -ms-flex-align: start;
1817
- align-items: flex-start; }
1818
-
1819
- .premium-blog-align-center .post-categories,
1820
- .premium-blog-align-center .premium-blog-post-tags-container {
1821
  -webkit-box-pack: center;
1822
  -webkit-justify-content: center;
1823
  -moz-box-pack: center;
1824
  -ms-flex-pack: center;
1825
- justify-content: center; }
1826
-
1827
- .premium-blog-align-center .premium-blog-inner-container {
1828
  -webkit-box-align: center;
1829
  -webkit-align-items: center;
1830
  -moz-box-align: center;
1831
  -ms-flex-align: center;
1832
- align-items: center; }
1833
-
1834
- .premium-blog-align-right .post-categories,
1835
- .premium-blog-align-right .premium-blog-post-tags-container {
1836
- -webkit-box-pack: end;
1837
- -webkit-justify-content: flex-end;
1838
- -moz-box-pack: end;
1839
- -ms-flex-pack: end;
1840
- justify-content: flex-end; }
1841
-
1842
- .premium-blog-align-right .premium-blog-inner-container {
1843
- -webkit-box-align: end;
1844
- -webkit-align-items: flex-end;
1845
- -moz-box-align: end;
1846
- -ms-flex-align: end;
1847
- align-items: flex-end; }
1848
-
1849
- /* Pagination */
1850
- .premium-blog-pagination-container {
1851
- text-align: right; }
1852
- .premium-blog-pagination-container span {
1853
- cursor: default; }
1854
- .premium-blog-pagination-container .page-numbers {
1855
- display: inline-block;
1856
- color: #000;
1857
- line-height: 1;
1858
- font-size: 1em;
1859
- font-weight: 400;
1860
- text-decoration: none;
1861
- padding: 0.75em;
1862
- margin: 0 0.4em 0.4em 0;
1863
- -webkit-transition: all 0.3s ease-in-out;
1864
- transition: all 0.3s ease-in-out; }
1865
 
1866
- .premium-blog-wrap .premium-loading-feed {
1867
- display: block;
1868
  position: absolute;
 
1869
  width: 100%;
1870
- height: 100%;
1871
- top: 0px;
1872
- left: 0px;
1873
- bottom: 0px;
1874
- right: 0px;
1875
- background: rgba(255, 255, 255, 0.2);
1876
- -js-display: flex;
1877
- display: -webkit-box;
1878
- display: -webkit-flex;
1879
- display: -moz-box;
1880
- display: -ms-flexbox;
1881
- display: flex;
1882
- -webkit-box-align: center;
1883
- -webkit-align-items: center;
1884
- -moz-box-align: center;
1885
- -ms-flex-align: center;
1886
- align-items: center;
1887
- z-index: 99; }
1888
-
1889
- .premium-blog-wrap {
1890
- -js-display: flex;
1891
- display: -webkit-box;
1892
- display: -webkit-flex;
1893
- display: -moz-box;
1894
- display: -ms-flexbox;
1895
- display: flex;
1896
- -webkit-flex-wrap: wrap;
1897
- -ms-flex-wrap: wrap;
1898
- flex-wrap: wrap; }
1899
- .premium-blog-wrap ul.slick-dots {
1900
- width: 100%; }
1901
-
1902
- /*
1903
- * List Layout
1904
- */
1905
- .premium-blog-list .premium-blog-post-outer-container {
1906
- width: 100%; }
1907
-
1908
- /**
1909
- * Even Layout
1910
- */
1911
- .premium-blog-even .premium-blog-post-container {
1912
- height: 100%; }
1913
-
1914
- .premium-blog-even .slick-track {
1915
- -js-display: flex;
1916
- display: -webkit-box;
1917
- display: -webkit-flex;
1918
- display: -moz-box;
1919
- display: -ms-flexbox;
1920
- display: flex; }
1921
-
1922
- .premium-blog-even .slick-slide {
1923
- height: inherit !important; }
1924
-
1925
- .premium-blog-filter {
1926
  -js-display: flex;
1927
  display: -webkit-box;
1928
  display: -webkit-flex;
@@ -1938,522 +2290,170 @@
1938
  -webkit-justify-content: center;
1939
  -moz-box-pack: center;
1940
  -ms-flex-pack: center;
1941
- justify-content: center; }
1942
-
1943
- .premium-blog-filter .premium-blog-filters-container li a.category {
1944
- outline: none;
1945
- text-decoration: none;
1946
- -webkit-border-radius: 75px;
1947
- border-radius: 75px;
1948
- margin: 15px 5px 20px;
1949
- padding: 7px 20px;
1950
  -webkit-transition: all 0.3s ease-in-out;
1951
  transition: all 0.3s ease-in-out; }
1952
-
1953
- .premium-blog-filter ul.premium-blog-filters-container {
1954
- text-align: center;
1955
- margin: 0;
1956
- padding: 0; }
1957
-
1958
- .premium-blog-filter .premium-blog-filters-container li {
1959
- list-style: none;
1960
- -js-display: inline-flex;
1961
- display: -webkit-inline-box;
1962
- display: -webkit-inline-flex;
1963
- display: -moz-inline-box;
1964
- display: -ms-inline-flexbox;
1965
- display: inline-flex; }
1966
-
1967
- /**
1968
- * Responsive Style
1969
- */
1970
- @media (max-width: 768px) {
1971
- .premium-blog-content-wrapper {
1972
  top: 0;
1973
- margin: 0;
1974
- padding: 15px; }
1975
- .premium-blog-skin-side {
1976
- -webkit-box-orient: vertical;
1977
- -webkit-box-direction: normal;
1978
- -webkit-flex-direction: column;
1979
- -moz-box-orient: vertical;
1980
- -moz-box-direction: normal;
1981
- -ms-flex-direction: column;
1982
- flex-direction: column; } }
1983
-
1984
- /**************** Premium Button ***********************/
1985
- /*******************************************************/
1986
- .premium-button {
1987
- -js-display: inline-flex;
1988
- display: -webkit-inline-box;
1989
- display: -webkit-inline-flex;
1990
- display: -moz-inline-box;
1991
- display: -ms-inline-flexbox;
1992
- display: inline-flex;
1993
- position: relative;
1994
- overflow: hidden;
1995
- -webkit-backface-visibility: hidden;
1996
- backface-visibility: hidden;
1997
- -webkit-transform: translate3d(0, 0, 0);
1998
- transform: translate3d(0, 0, 0);
1999
- cursor: pointer;
2000
- -webkit-transition: all 0.2s ease-in-out !important;
2001
- transition: all 0.2s ease-in-out !important; }
2002
-
2003
- .premium-button-style1,
2004
- .premium-button-style2,
2005
- .premium-button-style5,
2006
- .premium-button-style7 {
2007
- display: inline-block;
2008
- vertical-align: middle;
2009
- -webkit-transform: perspective(1px) translateZ(0);
2010
- transform: perspective(1px) translateZ(0);
2011
- -webkit-box-shadow: 0 0 1px transparent;
2012
- box-shadow: 0 0 1px transparent;
2013
- position: relative;
2014
- -webkit-transition-property: color;
2015
- transition-property: color;
2016
- -webkit-transition-duration: 0.15s;
2017
- transition-duration: 0.15s; }
2018
 
2019
- .premium-button-style1:before,
2020
- .premium-button-style2:before,
2021
- .premium-button-style5:before {
2022
- content: "";
2023
- position: absolute;
2024
- z-index: -1;
2025
  top: 0;
2026
- left: 0;
2027
- right: 0;
 
2028
  bottom: 0;
2029
- -webkit-transform: scaleY(0);
2030
- -ms-transform: scaleY(0);
2031
- transform: scaleY(0);
2032
- -webkit-transform-origin: 50% 0;
2033
- -ms-transform-origin: 50% 0;
2034
- transform-origin: 50% 0;
2035
- -webkit-transition-property: -webkit-transform;
2036
- transition-property: -webkit-transform;
2037
- transition-property: transform;
2038
- transition-property: transform, -webkit-transform;
2039
- -webkit-transition-duration: 0.15s;
2040
- transition-duration: 0.15s;
2041
- -webkit-transition-timing-function: ease-out;
2042
- transition-timing-function: ease-out; }
2043
 
2044
- .premium-button-style5-radialin:before,
2045
- .premium-button-style5-radialout:before {
2046
- -webkit-transform-origin: 50%;
2047
- -ms-transform-origin: 50%;
2048
- transform-origin: 50%;
2049
- -webkit-border-radius: 100%;
2050
- border-radius: 100%;
2051
- -webkit-transform: scale(0);
2052
- -ms-transform: scale(0);
2053
- transform: scale(0); }
2054
 
2055
- .premium-button-style5-radialin:before {
2056
- -webkit-transform: scale(2);
2057
- -ms-transform: scale(2);
2058
- transform: scale(2); }
2059
 
2060
- .premium-button-style5-rectin:before {
2061
- -webkit-transform-origin: 50%;
2062
- -ms-transform-origin: 50%;
2063
- transform-origin: 50%;
2064
- -webkit-transform: scale(1);
2065
- -ms-transform: scale(1);
2066
- transform: scale(1); }
2067
 
2068
- .premium-button-style5-rectout:before {
2069
- -webkit-transform-origin: 50%;
2070
- -ms-transform-origin: 50%;
2071
- transform-origin: 50%;
2072
- -webkit-transform: scale(0);
2073
- -ms-transform: scale(0);
2074
- transform: scale(0); }
2075
-
2076
- .premium-button-style5-rectout:hover:before {
2077
- -webkit-transform: scale(1);
2078
- -ms-transform: scale(1);
2079
- transform: scale(1); }
2080
-
2081
- .premium-button-style5-rectin:hover:before {
2082
- -webkit-transform: scale(0);
2083
- -ms-transform: scale(0);
2084
- transform: scale(0); }
2085
-
2086
- .premium-button-style5-radialout:hover:before {
2087
- -webkit-transform: scale(2);
2088
- -ms-transform: scale(2);
2089
- transform: scale(2); }
2090
-
2091
- .premium-button-style5-radialin:hover:before {
2092
- -webkit-transform: scale(0);
2093
- -ms-transform: scale(0);
2094
- transform: scale(0); }
2095
 
2096
- .premium-button-style1-top:before {
2097
- -webkit-transform-origin: 50% 100%;
2098
- -ms-transform-origin: 50% 100%;
2099
- transform-origin: 50% 100%; }
 
2100
 
2101
- .premium-button-style1-right:before {
2102
- -webkit-transform: scaleX(0);
2103
- -ms-transform: scaleX(0);
2104
- transform: scaleX(0);
2105
- -webkit-transform-origin: 0% 50%;
2106
- -ms-transform-origin: 0% 50%;
2107
- transform-origin: 0% 50%; }
2108
 
2109
- .premium-button-style1-left:before {
2110
- -webkit-transform: scaleX(0);
2111
- -ms-transform: scaleX(0);
2112
- transform: scaleX(0);
2113
- -webkit-transform-origin: 100% 50%;
2114
- -ms-transform-origin: 100% 50%;
2115
- transform-origin: 100% 50%; }
 
 
 
 
 
 
 
2116
 
2117
- .premium-button-style2-shutouthor:before,
2118
- .premium-button-style2-scshutoutver:before {
2119
- -webkit-transform: scaleY(0);
2120
- -ms-transform: scaleY(0);
2121
- transform: scaleY(0);
2122
- -webkit-transform-origin: 100% 50%;
2123
- -ms-transform-origin: 100% 50%;
2124
- transform-origin: 100% 50%; }
2125
 
2126
- .premium-button-style2-shutoutver:before,
2127
- .premium-button-style2-scshutouthor:before {
2128
- -webkit-transform: scaleX(0);
2129
- -ms-transform: scaleX(0);
2130
- transform: scaleX(0);
2131
- -webkit-transform-origin: 50% 50%;
2132
- -ms-transform-origin: 50% 50%;
2133
- transform-origin: 50% 50%; }
2134
 
2135
- .premium-button-style2-shutinhor:before {
2136
- -webkit-transform: scaleX(1);
2137
- -ms-transform: scaleX(1);
2138
- transform: scaleX(1);
2139
- -webkit-transform-origin: 50%;
2140
- -ms-transform-origin: 50%;
2141
- transform-origin: 50%; }
2142
 
2143
- .premium-button-style2-shutinver:before {
2144
- -webkit-transform: scaleY(1);
2145
- -ms-transform: scaleY(1);
2146
- transform: scaleY(1);
2147
- -webkit-transform-origin: 50%;
2148
- -ms-transform-origin: 50%;
2149
- transform-origin: 50%; }
2150
 
2151
- .premium-button-style1-bottom:hover:before,
2152
- .premium-button-style1-top:hover:before {
2153
- -webkit-transform: scaleY(1);
2154
- -ms-transform: scaleY(1);
2155
- transform: scaleY(1); }
2156
 
2157
- .premium-button-style1-left:hover:before,
2158
- .premium-button-style1-right:hover:before,
2159
- .premium-button-style2-shutouthor:hover:before,
2160
- .premium-button-style2-shutoutver:hover:before {
2161
- -webkit-transform: scaleX(1);
2162
- -ms-transform: scaleX(1);
2163
- transform: scaleX(1); }
2164
 
2165
- .premium-button-style2-shutinhor:hover:before {
2166
- -webkit-transform: scaleX(0);
2167
- -ms-transform: scaleX(0);
2168
- transform: scaleX(0); }
2169
 
2170
- .premium-button-style2-shutinver:hover:before {
2171
- -webkit-transform: scaleY(0);
2172
- -ms-transform: scaleY(0);
2173
- transform: scaleY(0); }
2174
 
2175
- .premium-button-style2-scshutouthor:hover:before {
2176
- -webkit-transform: scaleX(0.9);
2177
- -ms-transform: scaleX(0.9);
2178
- transform: scaleX(0.9); }
 
 
 
 
 
2179
 
2180
- .premium-button-style2-scshutoutver:hover:before {
2181
- -webkit-transform: scaleY(0.8);
2182
- -ms-transform: scaleY(0.8);
2183
- transform: scaleY(0.8); }
 
 
 
 
 
2184
 
2185
- /*Diagonal*/
2186
- .premium-button-style2-dshutinhor:before {
2187
- top: 50%;
2188
- left: 50%;
2189
- width: 120%;
2190
- height: 0%;
2191
- -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
2192
- -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
2193
- transform: translateX(-50%) translateY(-50%) rotate(-45deg);
2194
- -webkit-transform-origin: 50%;
2195
- -ms-transform-origin: 50%;
2196
- transform-origin: 50%;
2197
- -webkit-transition-property: all;
2198
- transition-property: all; }
2199
 
2200
- .premium-button-style2-dshutinver:before {
2201
- top: 50%;
2202
- left: 50%;
2203
- width: 120%;
2204
- height: 0%;
2205
- -webkit-transform-origin: 50%;
2206
- -ms-transform-origin: 50%;
2207
- transform-origin: 50%;
2208
- -webkit-transition-property: all;
2209
- transition-property: all;
2210
- -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
2211
- -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
2212
- transform: translateX(-50%) translateY(-50%) rotate(45deg); }
2213
 
2214
- .premium-button-style2-dshutinhor:hover:before,
2215
- .premium-button-style2-dshutinver:hover:before {
2216
- height: 220%; }
 
2217
 
2218
- .premium-button-style3-before i,
2219
- .premium-button-style3-before svg {
2220
- opacity: 0;
2221
- -webkit-transform: translateX(-5px);
2222
- -ms-transform: translateX(-5px);
2223
- transform: translateX(-5px);
2224
- -webkit-transition: all 0.5s ease-in-out;
2225
- transition: all 0.5s ease-in-out; }
2226
 
2227
- .premium-button-style3-after i,
2228
- .premium-button-style3-after svg {
2229
- opacity: 0;
2230
- -webkit-transform: translateX(-5px);
2231
- -ms-transform: translateX(-5px);
2232
- transform: translateX(-5px);
2233
- -webkit-transition: all 0.5s ease-in-out;
2234
- transition: all 0.5s ease-in-out;
2235
- -webkit-transform: translateX(5px);
2236
- -ms-transform: translateX(5px);
2237
- transform: translateX(5px); }
2238
-
2239
- .premium-button-style3-after:hover i,
2240
- .premium-button-style3-after:hover svg {
2241
- opacity: 1; }
2242
-
2243
- .premium-button-style3-before:hover i,
2244
- .premium-button-style3-before:hover svg {
2245
- opacity: 1; }
2246
-
2247
- .premium-button-text-icon-wrapper {
2248
- width: 100%;
2249
- -js-display: flex;
2250
- display: -webkit-box;
2251
- display: -webkit-flex;
2252
- display: -moz-box;
2253
- display: -ms-flexbox;
2254
- display: flex;
2255
- -webkit-box-pack: center;
2256
- -webkit-justify-content: center;
2257
- -moz-box-pack: center;
2258
- -ms-flex-pack: center;
2259
- justify-content: center;
2260
- -webkit-box-align: center;
2261
- -webkit-align-items: center;
2262
- -moz-box-align: center;
2263
- -ms-flex-align: center;
2264
- align-items: center;
2265
- -webkit-transition: all 0.2s ease-in-out;
2266
- transition: all 0.2s ease-in-out; }
2267
- .premium-button-text-icon-wrapper span,
2268
- .premium-button-text-icon-wrapper i,
2269
- .premium-button-text-icon-wrapper svg {
2270
- -webkit-transition: all 0.2s ease-in-out;
2271
- transition: all 0.2s ease-in-out; }
2272
-
2273
- .premium-button-style4-icon-wrapper {
2274
- position: absolute;
2275
- z-index: 2;
2276
- width: 100%;
2277
- text-align: center;
2278
- -js-display: flex;
2279
- display: -webkit-box;
2280
- display: -webkit-flex;
2281
- display: -moz-box;
2282
- display: -ms-flexbox;
2283
- display: flex;
2284
- -webkit-box-align: center;
2285
- -webkit-align-items: center;
2286
- -moz-box-align: center;
2287
- -ms-flex-align: center;
2288
- align-items: center;
2289
- -webkit-box-pack: center;
2290
- -webkit-justify-content: center;
2291
- -moz-box-pack: center;
2292
- -ms-flex-pack: center;
2293
- justify-content: center;
2294
- height: 100%;
2295
- opacity: 0;
2296
- -webkit-transition: all 0.3s ease-in-out;
2297
- transition: all 0.3s ease-in-out; }
2298
- .premium-button-style4-icon-wrapper.top {
2299
- bottom: -100%;
2300
- left: 0; }
2301
- .premium-button-style4-icon-wrapper.bottom {
2302
- top: -100%;
2303
- left: 0; }
2304
- .premium-button-style4-icon-wrapper.left {
2305
- top: 0;
2306
- left: -100%; }
2307
- .premium-button-style4-icon-wrapper.right {
2308
- top: 0;
2309
- right: -100%; }
2310
-
2311
- .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
2312
- top: 0;
2313
- opacity: 1; }
2314
-
2315
- .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
2316
- bottom: 0;
2317
- opacity: 1; }
2318
-
2319
- .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
2320
- left: 0;
2321
- opacity: 1; }
2322
-
2323
- .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
2324
- right: 0;
2325
- opacity: 1; }
2326
-
2327
- .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
2328
- -webkit-transform: translateY(100%);
2329
- -ms-transform: translateY(100%);
2330
- transform: translateY(100%);
2331
- opacity: 0; }
2332
-
2333
- .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
2334
- -webkit-transform: translateY(-100%);
2335
- -ms-transform: translateY(-100%);
2336
- transform: translateY(-100%);
2337
- opacity: 0; }
2338
-
2339
- .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
2340
- -webkit-transform: translateX(100%);
2341
- -ms-transform: translateX(100%);
2342
- transform: translateX(100%);
2343
- opacity: 0; }
2344
-
2345
- .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
2346
- -webkit-transform: translateX(-100%);
2347
- -ms-transform: translateX(-100%);
2348
- transform: translateX(-100%);
2349
- opacity: 0; }
2350
-
2351
- .premium-button-style6:before {
2352
- content: "";
2353
- position: absolute;
2354
- left: 50%;
2355
- top: 50%;
2356
- width: 100px;
2357
- height: 100px;
2358
- -webkit-border-radius: 100%;
2359
- border-radius: 100%;
2360
- -webkit-transform: translate(-50%, -50%) scale(0);
2361
- -ms-transform: translate(-50%, -50%) scale(0);
2362
- transform: translate(-50%, -50%) scale(0);
2363
- -webkit-transition: all 0.3s ease-in-out;
2364
- transition: all 0.3s ease-in-out; }
2365
-
2366
- .premium-button-style6:hover:before {
2367
- -webkit-transform: translate(-50%, -50%) scale(3);
2368
- -ms-transform: translate(-50%, -50%) scale(3);
2369
- transform: translate(-50%, -50%) scale(3); }
2370
-
2371
- .premium-button-style6 .premium-button-text-icon-wrapper {
2372
- position: relative;
2373
- z-index: 1; }
2374
-
2375
- .premium-button-style7-right .premium-button-text-icon-wrapper:before,
2376
- .premium-button-style7-left .premium-button-text-icon-wrapper:before {
2377
- -webkit-transition: width 0.3s ease-out 0.15s;
2378
- transition: width 0.3s ease-out 0.15s; }
2379
-
2380
- .premium-button-style7-right .premium-button-text-icon-wrapper:after,
2381
- .premium-button-style7-left .premium-button-text-icon-wrapper:after {
2382
- -webkit-transition: width 0.3s ease-out 0s;
2383
- transition: width 0.3s ease-out 0s; }
2384
-
2385
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
2386
- .premium-button-style7-top .premium-button-text-icon-wrapper:before {
2387
- -webkit-transition: height 0.3s ease-out 0.15s;
2388
- transition: height 0.3s ease-out 0.15s; }
2389
-
2390
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:after,
2391
- .premium-button-style7-top .premium-button-text-icon-wrapper:after {
2392
- -webkit-transition: height 0.3s ease-out 0s;
2393
- transition: height 0.3s ease-out 0s; }
2394
-
2395
- .premium-button-style7:hover .premium-button-text-icon-wrapper:before {
2396
- -webkit-transition-delay: 0s;
2397
- transition-delay: 0s; }
2398
-
2399
- .premium-button-style7:hover .premium-button-text-icon-wrapper:after {
2400
- -webkit-transition-delay: 0.15s;
2401
- transition-delay: 0.15s; }
2402
-
2403
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
2404
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:after {
2405
- content: "";
2406
- position: absolute;
2407
- right: 0;
2408
- top: 0;
2409
- left: 0;
2410
- height: 0;
2411
- z-index: -1; }
2412
-
2413
- .premium-button-style7-top .premium-button-text-icon-wrapper:after,
2414
- .premium-button-style7-top .premium-button-text-icon-wrapper:before {
2415
- content: "";
2416
- position: absolute;
2417
- right: 0;
2418
- bottom: 0;
2419
- left: 0;
2420
- height: 0;
2421
- z-index: -1; }
2422
-
2423
- .premium-button-style7-right .premium-button-text-icon-wrapper:after,
2424
- .premium-button-style7-right .premium-button-text-icon-wrapper:before {
2425
- content: "";
2426
- position: absolute;
2427
- right: 0;
2428
- top: 0;
2429
- bottom: 0;
2430
- width: 0;
2431
- z-index: -1; }
2432
-
2433
- .premium-button-style7-left .premium-button-text-icon-wrapper:after,
2434
- .premium-button-style7-left .premium-button-text-icon-wrapper:before {
2435
- content: "";
2436
- position: absolute;
2437
- left: 0;
2438
- top: 0;
2439
- bottom: 0;
2440
- width: 0;
2441
- z-index: -1; }
2442
-
2443
- .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:after,
2444
- .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:before {
2445
- height: 100%;
2446
- top: 0; }
2447
-
2448
- .premium-button-style7-top:hover .premium-button-text-icon-wrapper:after,
2449
- .premium-button-style7-top:hover .premium-button-text-icon-wrapper:before {
2450
- height: 100%;
2451
- bottom: 0; }
2452
-
2453
- .premium-button-style7-left:hover .premium-button-text-icon-wrapper:after,
2454
- .premium-button-style7-left:hover .premium-button-text-icon-wrapper:before {
2455
- width: 100%;
2456
- left: 0; }
2457
 
2458
  .premium-button-style7-right:hover .premium-button-text-icon-wrapper:after,
2459
  .premium-button-style7-right:hover .premium-button-text-icon-wrapper:before {
@@ -3229,403 +3229,838 @@ span.icon.flex-width {
3229
  -webkit-transform: rotateX(180deg);
3230
  transform: rotateX(180deg); } }
3231
 
3232
- /**************** Premium Bullet List ****************/
3233
- /*****************************************************/
3234
- .premium-bullet-list-box {
3235
- -js-display: flex;
3236
- display: -webkit-box;
3237
- display: -webkit-flex;
3238
- display: -moz-box;
3239
- display: -ms-flexbox;
3240
- display: flex;
3241
- -webkit-flex-wrap: wrap;
3242
- -ms-flex-wrap: wrap;
3243
- flex-wrap: wrap;
3244
- -webkit-box-orient: vertical;
3245
- -webkit-box-direction: normal;
3246
- -webkit-flex-direction: column;
3247
- -moz-box-orient: vertical;
3248
- -moz-box-direction: normal;
3249
- -ms-flex-direction: column;
3250
- flex-direction: column;
3251
- padding: 0; }
3252
- .premium-bullet-list-box .premium-bullet-list-content-grow-lc {
3253
- -webkit-transform-origin: left center;
3254
- -ms-transform-origin: left center;
3255
- transform-origin: left center; }
3256
- .premium-bullet-list-box .premium-bullet-list-content-grow-rc {
3257
- -webkit-transform-origin: right center;
3258
- -ms-transform-origin: right center;
3259
- transform-origin: right center; }
3260
- .premium-bullet-list-box .premium-bullet-list-content-grow-cc {
3261
- -webkit-transform-origin: center center;
3262
- -ms-transform-origin: center center;
3263
- transform-origin: center center; }
3264
-
3265
- .premium-bullet-list-content {
3266
- -js-display: flex;
3267
- display: -webkit-box;
3268
- display: -webkit-flex;
3269
- display: -moz-box;
3270
- display: -ms-flexbox;
3271
- display: flex;
3272
- -webkit-transition: all 0.3s ease-in-out;
3273
- transition: all 0.3s ease-in-out;
3274
- width: auto;
3275
- position: relative; }
3276
- .premium-bullet-list-content .premium-bullet-list-text span,
3277
- .premium-bullet-list-content .premium-bullet-list-wrapper {
3278
- display: inline-block;
3279
- -webkit-align-self: center;
3280
- -ms-flex-item-align: center;
3281
- align-self: center;
3282
- -webkit-transition: all 0.3s ease-in-out;
3283
- transition: all 0.3s ease-in-out; }
3284
- .premium-bullet-list-content .premium-bullet-list-text span {
3285
- margin: 0 5px;
3286
- -webkit-box-flex: 1;
3287
- -webkit-flex: 1;
3288
- -moz-box-flex: 1;
3289
- -ms-flex: 1;
3290
- flex: 1; }
3291
- .premium-bullet-list-content .premium-bullet-list-icon-text p {
3292
- font-size: 18px;
3293
- background-color: #eee;
3294
- padding: 1px 5px;
3295
- -webkit-border-radius: 2px;
3296
- border-radius: 2px; }
3297
- .premium-bullet-list-content .premium-bullet-list-text span,
3298
- .premium-bullet-list-content .premium-bullet-list-icon-text p,
3299
- .premium-bullet-list-content .premium-bullet-list-wrapper img,
3300
- .premium-bullet-list-content .premium-bullet-list-wrapper svg,
3301
- .premium-bullet-list-content .premium-bullet-list-wrapper i {
3302
- -webkit-transition: all 0.3s ease-in-out;
3303
- transition: all 0.3s ease-in-out; }
3304
- .premium-bullet-list-content .premium-bullet-list-wrapper {
3305
- position: relative;
3306
- line-height: 0; }
3307
- .premium-bullet-list-content .premium-bullet-list-wrapper img,
3308
- .premium-bullet-list-content .premium-bullet-list-wrapper svg {
3309
- width: 30px !important;
3310
- height: 30px !important;
3311
- position: relative;
3312
- z-index: 500; }
3313
- .premium-bullet-list-content .premium-bullet-list-wrapper i,
3314
- .premium-bullet-list-content .premium-bullet-list-wrapper .premium-bullet-list-icon-text {
3315
- position: relative;
3316
- z-index: 500; }
3317
- .premium-bullet-list-content .premium-bullet-list-wrapper i {
3318
- width: 1.25em; }
3319
- .premium-bullet-list-content .premium-bullet-list-link {
3320
- position: absolute;
3321
- top: 0;
3322
- left: 0;
3323
- width: 100%;
3324
- height: 100%;
3325
- z-index: 1000; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3326
 
3327
- .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector {
 
 
3328
  width: 100%;
3329
- height: 100%;
3330
- position: absolute;
3331
- top: 0.5em;
3332
- z-index: 100;
3333
- -js-display: flex;
3334
- display: -webkit-box;
3335
- display: -webkit-flex;
3336
- display: -moz-box;
3337
- display: -ms-flexbox;
3338
- display: flex;
3339
- -webkit-box-pack: center;
3340
- -webkit-justify-content: center;
3341
- -moz-box-pack: center;
3342
- -ms-flex-pack: center;
3343
- justify-content: center; }
3344
- .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector .premium-icon-connector-content:after {
3345
- content: "";
3346
- border-right-width: 1px;
3347
- border-right-style: solid;
3348
- border-color: #333333;
3349
- display: block;
3350
- height: 100%; }
3351
 
3352
- li.premium-bullet-list-content.premium-bullet-list-content-inline {
3353
- -webkit-align-self: center;
3354
- -ms-flex-item-align: center;
3355
- align-self: center;
3356
- z-index: 2; }
 
 
3357
 
3358
- li.premium-bullet-list-content.premium-bullet-list-content-inline:not(:first-child) {
3359
- margin: 0 3px; }
3360
 
3361
- li.premium-bullet-list-content.premium-bullet-list-content-inline:first-child {
3362
- margin: 0 3px 0 0; }
 
 
 
 
 
3363
 
3364
- .premium-bullet-list-divider:not(:last-child) {
3365
  width: 100%;
3366
- -webkit-box-flex: 0;
3367
- -webkit-flex: 0 0 100%;
3368
- -moz-box-flex: 0;
3369
- -ms-flex: 0 0 100%;
3370
- flex: 0 0 100%;
3371
- overflow: hidden; }
3372
 
3373
- .premium-bullet-list-divider:not(:last-child):after {
3374
- content: "";
3375
- display: block;
3376
- border-top-style: solid;
3377
- border-top-width: 1px; }
3378
 
3379
- .premium-bullet-list-divider-inline:not(:last-child) {
3380
- float: right;
3381
- display: inline-block;
3382
- position: relative;
3383
- height: 100%;
3384
- overflow: hidden;
3385
- -webkit-align-self: center;
3386
- -ms-flex-item-align: center;
3387
- align-self: center;
3388
- margin: 0 3px; }
3389
 
3390
- .premium-bullet-list-divider-inline:not(:last-child):after {
3391
- content: "";
3392
- display: block;
3393
- border-left-width: 1px;
3394
- height: 33px;
3395
- border-left-style: solid; }
 
 
3396
 
3397
- .premium-bullet-list-icon-text {
3398
- line-height: 1.5; }
 
 
 
 
 
 
 
 
 
3399
 
3400
- .premium-bullet-list-icon-text p,
3401
- ul.premium-bullet-list-box,
3402
- li.premium-bullet-list-content {
3403
- margin: 0; }
3404
 
3405
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper i,
3406
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-text span,
3407
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-icon-text p {
3408
- color: transparent !important;
3409
- text-shadow: 0 0 3px #aaa; }
3410
 
3411
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-icon-connector-content,
3412
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper .premium-lottie-animation svg,
3413
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper img,
3414
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-badge {
3415
- -webkit-filter: blur(3px);
3416
- filter: blur(3px); }
3417
 
3418
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper i,
3419
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-text span,
3420
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-icon-text p {
3421
- color: #aaa !important;
3422
- text-shadow: 0 0px 0 transparent; }
3423
-
3424
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-icon-connector-content,
3425
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper .premium-lottie-animation svg,
3426
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper img,
3427
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-badge {
3428
- -webkit-filter: none;
3429
- filter: none; }
3430
-
3431
- .premium-bullet-list-content .premium-bullet-list-badge {
3432
- font-size: 11px;
3433
- top: auto;
3434
- min-width: -webkit-max-content;
3435
- min-width: -moz-max-content;
3436
- min-width: max-content;
3437
- height: -webkit-fit-content;
3438
- height: -moz-fit-content;
3439
- height: fit-content; }
3440
 
3441
- .premium-bullet-list-content .premium-bullet-list-icon-text p {
3442
- font-size: 13px; }
 
3443
 
3444
- .premium-bullet-list-gradient-effect[data-text] {
3445
  display: inline-block;
3446
- position: relative;
3447
- text-decoration: none; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3448
 
3449
- .premium-bullet-list-gradient-effect[data-text]::before {
3450
- content: attr(data-text);
3451
- position: absolute;
3452
- z-index: 1;
3453
- overflow: hidden;
3454
- -webkit-clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
3455
- clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
3456
- -webkit-background-clip: text;
3457
- background-clip: text;
3458
- -webkit-text-fill-color: transparent;
3459
- -webkit-transition: all 0.4s ease;
3460
- transition: all 0.4s ease; }
3461
 
3462
- .premium-bullet-list-content:hover .premium-bullet-list-gradient-effect[data-text]::before,
3463
- .premium-bullet-list-content:focus .premium-bullet-list-gradient-effect[data-text]::before {
3464
- -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
3465
- clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
3466
 
3467
- ul[data-list-animation*="animated-"] .premium-bullet-list-divider,
3468
- ul[data-list-animation*="animated-"] .premium-bullet-list-content,
3469
- ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
3470
- opacity: 0; }
3471
 
3472
- .premium-bullet-list-content-grow-effect:hover {
3473
- -webkit-transform: scale(1.07);
3474
- -ms-transform: scale(1.07);
3475
- transform: scale(1.07); }
3476
 
3477
- @-webkit-keyframes spin {
 
 
 
3478
  100% {
3479
- -webkit-transform: rotate(360deg);
3480
- transform: rotate(360deg); } }
3481
 
3482
- @keyframes spin {
 
 
 
3483
  100% {
3484
- -webkit-transform: rotate(360deg);
3485
- transform: rotate(360deg); } }
3486
-
3487
- /**************** Premium Image Button ***********/
3488
- /*************************************************/
3489
- .premium-image-button {
3490
- -js-display: inline-flex;
3491
- display: -webkit-inline-box;
3492
- display: -webkit-inline-flex;
3493
- display: -moz-inline-box;
3494
- display: -ms-inline-flexbox;
3495
- display: inline-flex;
3496
- position: relative;
3497
- overflow: hidden;
3498
- background-color: #eee;
3499
- cursor: pointer;
3500
- -webkit-transition: all 0.2s ease-in-out !important;
3501
- transition: all 0.2s ease-in-out !important; }
3502
- .premium-image-button .premium-button-style6-bg, .premium-image-button.premium-button-style6:before, .premium-image-button:not(.premium-image-button-style6):hover {
3503
- background-color: #54595f; }
3504
 
3505
- /*Default background for slide styles*/
3506
- .premium-image-button-style4-icon-wrapper,
3507
- .premium-image-button-style1:before {
3508
- background-color: #54595f; }
 
 
 
3509
 
3510
- .premium-image-button-text-icon-wrapper {
3511
- width: 100%;
3512
- -js-display: flex;
3513
- display: -webkit-box;
3514
- display: -webkit-flex;
3515
- display: -moz-box;
3516
- display: -ms-flexbox;
3517
- display: flex;
3518
- -webkit-box-pack: center;
3519
- -webkit-justify-content: center;
3520
- -moz-box-pack: center;
3521
- -ms-flex-pack: center;
3522
- justify-content: center;
3523
- -webkit-box-align: center;
3524
- -webkit-align-items: center;
3525
- -moz-box-align: center;
3526
- -ms-flex-align: center;
3527
- align-items: center;
3528
- position: relative;
3529
- z-index: 3;
3530
- -webkit-transition: all 0.2s ease-in-out;
3531
- transition: all 0.2s ease-in-out; }
3532
- .premium-image-button-text-icon-wrapper span,
3533
- .premium-image-button-text-icon-wrapper i,
3534
- .premium-image-button-text-icon-wrapper svg {
3535
- -webkit-transition: all 0.2s ease-in-out;
3536
- transition: all 0.2s ease-in-out; }
3537
-
3538
- .premium-image-button-style1:before {
3539
  position: absolute;
3540
- content: "";
3541
- -webkit-transition: all 0.2s ease-in-out;
3542
- transition: all 0.2s ease-in-out; }
3543
-
3544
- .premium-image-button-style1-bottom:before {
3545
- width: 100%;
3546
- height: 0;
3547
- top: 0;
3548
- left: 0; }
3549
-
3550
- .premium-image-button-style1-top:before {
3551
  width: 100%;
3552
- height: 0;
3553
- bottom: 0;
3554
- left: 0; }
3555
-
3556
- .premium-image-button-style1-right:before {
3557
- width: 0;
3558
- height: 100%;
3559
- bottom: 0;
3560
- left: 0; }
3561
-
3562
- .premium-image-button-style1-left:before {
3563
- width: 0;
3564
- height: 100%;
3565
- top: 0;
3566
- right: 0; }
3567
-
3568
- .premium-image-button-style1-bottom:hover:before,
3569
- .premium-image-button-style1-top:hover:before {
3570
- height: 100%; }
3571
-
3572
- .premium-image-button-style1-right:hover:before,
3573
- .premium-image-button-style1-left:hover:before {
3574
- width: 100%; }
3575
-
3576
- .premium-image-button-style3 {
3577
- z-index: 10; }
3578
- .premium-image-button-style3:before {
3579
  position: absolute;
3580
- top: 0px;
3581
- left: 0px;
 
3582
  width: 100%;
3583
  height: 100%;
3584
- content: "";
3585
- z-index: 1;
3586
- background: rgba(255, 255, 255, 0.2);
3587
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3588
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3589
- -webkit-transition: all 0.8s ease-out;
3590
- transition: all 0.8s ease-out; }
3591
-
3592
- .premium-image-button-diagonal-right:before {
3593
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
3594
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
3595
-
3596
- .premium-image-button-diagonal-right:hover:before {
3597
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
3598
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
3599
-
3600
- .premium-image-button-diagonal-left:before {
3601
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
3602
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
3603
-
3604
- .premium-image-button-diagonal-left:hover:before {
3605
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
3606
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
3607
-
3608
- .premium-image-button-diagonal-bottom:before {
3609
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3610
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
3611
-
3612
- .premium-image-button-diagonal-bottom:hover:before {
3613
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
3614
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
3615
-
3616
- .premium-image-button-diagonal-top:before {
3617
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
3618
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
3619
-
3620
- .premium-image-button-diagonal-top:hover:before {
3621
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3622
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
3623
-
3624
- .premium-image-button-style4-icon-wrapper {
3625
- position: absolute;
3626
- z-index: 2;
3627
- width: 100%;
3628
- text-align: center;
3629
  -js-display: flex;
3630
  display: -webkit-box;
3631
  display: -webkit-flex;
@@ -3641,916 +4076,479 @@ ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
3641
  -webkit-justify-content: center;
3642
  -moz-box-pack: center;
3643
  -ms-flex-pack: center;
3644
- justify-content: center;
3645
- height: 100%;
3646
- opacity: 0;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3647
  -webkit-transition: all 0.3s ease-in-out;
3648
  transition: all 0.3s ease-in-out; }
3649
- .premium-image-button-style4-icon-wrapper.top {
3650
- bottom: -100%;
3651
- left: 0; }
3652
- .premium-image-button-style4-icon-wrapper.bottom {
3653
- top: -100%;
3654
- left: 0; }
3655
- .premium-image-button-style4-icon-wrapper.left {
3656
- top: 0;
3657
- left: -100%; }
3658
- .premium-image-button-style4-icon-wrapper.right {
3659
- top: 0;
3660
- right: -100%; }
3661
 
3662
- .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
3663
- top: 0;
3664
- opacity: 1; }
 
 
 
 
 
 
 
 
 
 
3665
 
3666
- .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
3667
- -webkit-transform: translateY(100%);
3668
- -ms-transform: translateY(100%);
3669
- transform: translateY(100%);
3670
- opacity: 0; }
 
 
 
 
 
 
3671
 
3672
- .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
3673
- bottom: 0;
3674
- opacity: 1; }
3675
 
3676
- .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
3677
- -webkit-transform: translateY(-100%);
3678
- -ms-transform: translateY(-100%);
3679
- transform: translateY(-100%);
3680
- opacity: 0; }
3681
 
3682
- .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
3683
- left: 0;
3684
- opacity: 1; }
3685
 
3686
- .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
3687
- -webkit-transform: translateX(100%);
3688
- -ms-transform: translateX(100%);
3689
- transform: translateX(100%);
3690
- opacity: 0; }
3691
 
3692
- .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
3693
- right: 0;
3694
- opacity: 1; }
 
3695
 
3696
- .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
3697
- -webkit-transform: translateX(-100%);
3698
- -ms-transform: translateX(-100%);
3699
- transform: translateX(-100%);
3700
- opacity: 0; }
 
 
 
 
3701
 
3702
- .premium-image-button-style5:before {
3703
- position: absolute;
3704
- content: "";
3705
- top: 0;
3706
- left: 0;
3707
- width: 100%;
3708
- height: 100%;
3709
  opacity: 0;
3710
- -webkit-transition: all 1s ease-in-out;
3711
- transition: all 1s ease-in-out;
3712
- background: rgba(255, 255, 255, 0.2);
3713
- -webkit-animation-name: premium-overlap-effect-done;
3714
- animation-name: premium-overlap-effect-done;
3715
- -webkit-animation-duration: 1s;
3716
- animation-duration: 1s; }
3717
-
3718
- .premium-image-button-overlap-effect-vertical:before {
3719
- -webkit-animation-name: premium-overlap-ver-effect-done;
3720
- animation-name: premium-overlap-ver-effect-done; }
3721
-
3722
- .premium-image-button-overlap-effect-horizontal:hover:before {
3723
- -webkit-animation-name: premium-overlap-effect;
3724
- animation-name: premium-overlap-effect; }
3725
-
3726
- .premium-image-button-overlap-effect-vertical:hover:before {
3727
- -webkit-animation-name: premium-overlap-ver-effect;
3728
- animation-name: premium-overlap-ver-effect; }
3729
-
3730
- .premium-image-button-style6:before {
3731
- content: "";
3732
- position: absolute;
3733
- left: 50%;
3734
- top: 50%;
3735
- width: 100px;
3736
- height: 100px;
3737
- -webkit-border-radius: 100%;
3738
- border-radius: 100%;
3739
- -webkit-transform: translate(-50%, -50%) scale(0);
3740
- -ms-transform: translate(-50%, -50%) scale(0);
3741
- transform: translate(-50%, -50%) scale(0);
3742
- -webkit-transition: all 0.3s ease-in-out;
3743
- transition: all 0.3s ease-in-out; }
3744
 
3745
- .premium-image-button-style6:hover:before {
3746
- -webkit-transform: translate(-50%, -50%) scale(3);
3747
- -ms-transform: translate(-50%, -50%) scale(3);
3748
- transform: translate(-50%, -50%) scale(3); }
3749
 
3750
- .premium-image-button-style6 .premium-button-text-icon-wrapper {
3751
- position: relative;
3752
- z-index: 1; }
3753
 
3754
- @-webkit-keyframes premium-overlap-effect {
3755
- 0% {
3756
- opacity: 0;
3757
- -webkit-transform: rotateY(0deg);
3758
- transform: rotateY(0deg); }
3759
- 50% {
3760
- opacity: 1;
3761
- -webkit-transform: rotateY(180deg);
3762
- transform: rotateY(180deg); }
3763
- 100% {
3764
- opacity: 0;
3765
- -webkit-transform: rotateY(360deg);
3766
- transform: rotateY(360deg); } }
3767
 
3768
- @keyframes premium-overlap-effect {
3769
- 0% {
3770
- opacity: 0;
3771
- -webkit-transform: rotateY(0deg);
3772
- transform: rotateY(0deg); }
3773
- 50% {
3774
- opacity: 1;
3775
- -webkit-transform: rotateY(180deg);
3776
- transform: rotateY(180deg); }
3777
- 100% {
3778
- opacity: 0;
3779
- -webkit-transform: rotateY(360deg);
3780
- transform: rotateY(360deg); } }
3781
-
3782
- @-webkit-keyframes premium-overlap-effect-done {
3783
- 0% {
3784
- opacity: 0;
3785
- -webkit-transform: rotateY(0deg);
3786
- transform: rotateY(0deg); }
3787
- 50% {
3788
- opacity: 1;
3789
- -webkit-transform: rotateY(180deg);
3790
- transform: rotateY(180deg); }
3791
- 100% {
3792
- opacity: 0;
3793
- -webkit-transform: rotateY(360deg);
3794
- transform: rotateY(360deg); } }
3795
 
3796
- @keyframes premium-overlap-effect-done {
3797
- 0% {
3798
- opacity: 0;
3799
- -webkit-transform: rotateY(0deg);
3800
- transform: rotateY(0deg); }
3801
- 50% {
3802
- opacity: 1;
3803
- -webkit-transform: rotateY(180deg);
3804
- transform: rotateY(180deg); }
3805
- 100% {
3806
- opacity: 0;
3807
- -webkit-transform: rotateY(360deg);
3808
- transform: rotateY(360deg); } }
3809
 
3810
- @-webkit-keyframes premium-overlap-ver-effect {
3811
- 0% {
3812
- opacity: 0;
3813
- -webkit-transform: rotateX(0deg);
3814
- transform: rotateX(0deg); }
3815
- 50% {
3816
- opacity: 1;
3817
- -webkit-transform: rotateX(180deg);
3818
- transform: rotateX(180deg); }
3819
- 100% {
3820
- opacity: 0;
3821
- -webkit-transform: rotateX(360deg);
3822
- transform: rotateX(360deg); } }
3823
 
3824
- @keyframes premium-overlap-ver-effect {
3825
- 0% {
3826
- opacity: 0;
3827
- -webkit-transform: rotateX(0deg);
3828
- transform: rotateX(0deg); }
3829
- 50% {
3830
- opacity: 1;
3831
- -webkit-transform: rotateX(180deg);
3832
- transform: rotateX(180deg); }
3833
- 100% {
3834
- opacity: 0;
3835
- -webkit-transform: rotateX(360deg);
3836
- transform: rotateX(360deg); } }
3837
 
3838
- @-webkit-keyframes premium-overlap-ver-effect-done {
3839
- 0% {
3840
- opacity: 0;
3841
- -webkit-transform: rotateX(0deg);
3842
- transform: rotateX(0deg); }
3843
- 50% {
3844
- opacity: 1;
3845
- -webkit-transform: rotateX(180deg);
3846
- transform: rotateX(180deg); }
3847
- 100% {
3848
- opacity: 0;
3849
- -webkit-transform: rotateX(360deg);
3850
- transform: rotateX(360deg); } }
3851
 
3852
- @keyframes premium-overlap-ver-effect-done {
3853
- 0% {
3854
- opacity: 0;
3855
- -webkit-transform: rotateX(0deg);
3856
- transform: rotateX(0deg); }
3857
- 50% {
3858
- opacity: 1;
3859
- -webkit-transform: rotateX(180deg);
3860
- transform: rotateX(180deg); }
3861
- 100% {
3862
- opacity: 0;
3863
- -webkit-transform: rotateX(360deg);
3864
- transform: rotateX(360deg); } }
3865
-
3866
- /************ Premium Image Scroll ************/
3867
- /**********************************************/
3868
- @font-face {
3869
- font-family: "pa-elements";
3870
- src: url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.eot?vcwy2s");
3871
- src: url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.eot?vcwy2s#iefix") format("embedded-opentype"), url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.ttf?vcwy2s") format("truetype"), url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.woff?vcwy2s") format("woff"), url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.svg?vcwy2s#pa-elements") format("svg");
3872
- font-weight: normal;
3873
- font-style: normal; }
3874
 
3875
- .premium-image-scroll-section,
3876
- .premium-image-scroll-container {
3877
- -webkit-transition: all 0.3s ease-in-out;
3878
- transition: all 0.3s ease-in-out; }
3879
 
3880
- .premium-image-scroll-section {
3881
- position: relative;
3882
- overflow: hidden;
3883
- width: 100%;
3884
- -webkit-mask-image: -webkit-radial-gradient(white, black); }
3885
 
3886
- .premium-image-scroll-container {
3887
- width: 100%; }
3888
- .premium-image-scroll-container .premium-image-scroll-mask-media {
3889
- -webkit-mask-repeat: no-repeat;
3890
- mask-repeat: no-repeat;
3891
- -webkit-mask-position: center;
3892
- mask-position: center; }
3893
 
3894
- .premium-container-scroll {
3895
- overflow: auto; }
 
3896
 
3897
- .premium-image-scroll-container .premium-image-scroll-horizontal {
3898
- position: relative;
3899
- width: 100%;
3900
- height: 100%; }
3901
- .premium-image-scroll-container .premium-image-scroll-horizontal img {
3902
- max-width: none;
3903
- height: 100%; }
3904
 
3905
- .premium-image-scroll-container .premium-image-scroll-vertical img {
3906
- width: 100%;
3907
- max-width: 100%;
3908
- height: auto; }
3909
 
3910
- .premium-image-scroll-ver {
3911
- position: relative; }
 
 
3912
 
3913
- .premium-image-scroll-container .premium-image-scroll-overlay {
3914
- background: rgba(2, 2, 2, 0.3); }
3915
 
3916
- .premium-image-scroll-container .premium-image-scroll-link,
3917
- .premium-image-scroll-container .premium-image-scroll-overlay {
3918
  position: absolute;
3919
  top: 0;
3920
- bottom: 0;
3921
  left: 0;
3922
- right: 0;
3923
- z-index: 4; }
 
 
3924
 
3925
- .premium-image-scroll-content {
3926
- display: inline-block;
3927
  position: absolute;
3928
- height: auto;
3929
- top: 50%;
3930
- left: 50%;
3931
  text-align: center;
3932
- z-index: 5;
3933
- -webkit-transform: translate(-50%, -50%);
3934
- -ms-transform: translate(-50%, -50%);
3935
- transform: translate(-50%, -50%); }
3936
-
3937
- .premium-container-scroll-instant .premium-image-scroll-image {
3938
- -webkit-transition: all 0s ease-in-out !important;
3939
- transition: all 0s ease-in-out !important; }
3940
 
3941
- .premium-image-scroll-container img {
3942
- -webkit-transition: -webkit-transform 3s ease-in-out;
3943
- transition: -webkit-transform 3s ease-in-out;
3944
- transition: transform 3s ease-in-out;
3945
- transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out; }
 
 
 
 
 
 
3946
 
3947
- .premium-image-scroll-container .premium-image-scroll-overlay,
3948
- .premium-image-scroll-container .premium-image-scroll-content {
3949
- -webkit-transition: all 0.3s ease-in-out;
3950
- transition: all 0.3s ease-in-out;
3951
- opacity: 1; }
3952
 
3953
- .premium-image-scroll-container:hover .premium-image-scroll-overlay {
3954
- opacity: 0; }
 
 
 
 
 
3955
 
3956
- .premium-image-scroll-container:hover .premium-image-scroll-content {
 
 
 
 
 
3957
  opacity: 0;
3958
- visibility: hidden; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3959
 
3960
- .premium-image-scroll-content .premium-image-scroll-icon {
3961
- display: inline-block;
3962
- font-family: "pa-elements" !important;
3963
- speak: none;
3964
- font-style: normal;
3965
- font-weight: normal;
3966
- font-variant: normal;
3967
- text-transform: none;
3968
- line-height: 1;
3969
- -webkit-font-smoothing: antialiased;
3970
- -moz-osx-font-smoothing: grayscale;
3971
- -webkit-animation-duration: 0.5s;
3972
- animation-duration: 0.5s;
3973
- -webkit-animation-iteration-count: infinite;
3974
- animation-iteration-count: infinite;
3975
- -webkit-animation-direction: alternate;
3976
- animation-direction: alternate;
3977
- -webkit-animation-timing-function: ease-in-out;
3978
- animation-timing-function: ease-in-out; }
3979
-
3980
- .pa-horizontal-mouse-scroll:before {
3981
- content: "\e901"; }
3982
 
3983
- .pa-vertical-mouse-scroll:before {
3984
- content: "\e93c"; }
 
 
 
3985
 
3986
- .pa-horizontal-mouse-scroll {
3987
- -webkit-animation-name: pa-scroll-horizontal;
3988
- animation-name: pa-scroll-horizontal; }
3989
 
3990
- .pa-vertical-mouse-scroll {
3991
- -webkit-animation-name: pa-scroll-vertical;
3992
- animation-name: pa-scroll-vertical; }
 
 
3993
 
3994
- @-webkit-keyframes pa-scroll-vertical {
3995
- 0% {
3996
- -webkit-transform: translateY(0px);
3997
- transform: translateY(0px); }
3998
- 100% {
3999
- -webkit-transform: translateY(5px);
4000
- transform: translateY(5px); } }
4001
 
4002
- @keyframes pa-scroll-vertical {
4003
- 0% {
4004
- -webkit-transform: translateY(0px);
4005
- transform: translateY(0px); }
4006
- 100% {
4007
- -webkit-transform: translateY(5px);
4008
- transform: translateY(5px); } }
4009
 
4010
- @-webkit-keyframes pa-scroll-horizontal {
4011
- 0% {
4012
- -webkit-transform: translateX(0px);
4013
- transform: translateX(0px); }
4014
- 100% {
4015
- -webkit-transform: translateX(5px);
4016
- transform: translateX(5px); } }
4017
 
4018
- @keyframes pa-scroll-horizontal {
4019
- 0% {
4020
- -webkit-transform: translateX(0px);
4021
- transform: translateX(0px); }
4022
- 100% {
4023
- -webkit-transform: translateX(5px);
4024
- transform: translateX(5px); } }
4025
-
4026
- /**************** Premium Image Separator ****************/
4027
- /*********************************************************/
4028
- .premium-image-separator-container {
4029
- position: absolute;
4030
- width: 100%;
4031
- z-index: 2;
4032
- top: auto;
4033
- -webkit-transition: all 0.3s ease-in-out;
4034
- transition: all 0.3s ease-in-out; }
4035
- .premium-image-separator-container svg,
4036
- .premium-image-separator-container img {
4037
- display: inline-block !important;
4038
- -webkit-mask-repeat: no-repeat;
4039
- mask-repeat: no-repeat;
4040
- -webkit-mask-position: center;
4041
- mask-position: center; }
4042
- .premium-image-separator-container .premium-image-separator-link {
4043
- position: absolute;
4044
- z-index: 9999;
4045
- top: 0;
4046
- left: 0;
4047
- width: 100%;
4048
- height: 100%;
4049
- text-decoration: none; }
4050
- .premium-image-separator-container .premium-image-separator-link:hover, .premium-image-separator-container .premium-image-separator-link:visited, .premium-image-separator-container .premium-image-separator-link:focus, .premium-image-separator-container .premium-image-separator-link:active {
4051
- -webkit-box-shadow: none !important;
4052
- box-shadow: none !important;
4053
- outline: none !important;
4054
- border: none !important;
4055
- text-decoration: none !important; }
4056
- .premium-image-separator-container i,
4057
- .premium-image-separator-container > svg {
4058
- padding: 20px;
4059
  -webkit-transition: all 0.3s ease-in-out;
4060
  transition: all 0.3s ease-in-out; }
4061
-
4062
- /******** Premium Media Grid ********/
4063
- /************************************/
4064
- .premium-img-gallery-filter,
4065
- .premium-blog-filter {
4066
- -js-display: flex;
4067
- display: -webkit-box;
4068
- display: -webkit-flex;
4069
- display: -moz-box;
4070
- display: -ms-flexbox;
4071
- display: flex;
4072
  -webkit-box-align: center;
4073
  -webkit-align-items: center;
4074
  -moz-box-align: center;
4075
  -ms-flex-align: center;
4076
- align-items: center;
4077
- -webkit-box-pack: center;
4078
- -webkit-justify-content: center;
4079
- -moz-box-pack: center;
4080
- -ms-flex-pack: center;
4081
- justify-content: center; }
4082
 
4083
- .premium-img-gallery {
4084
- clear: both;
4085
- overflow: hidden; }
4086
 
4087
- .premium-gallery-container .premium-gallery-item {
4088
- padding: 10px;
4089
- float: left; }
 
4090
 
4091
- .premium-gallery-container .grid-sizer {
4092
- width: 33.33%; }
4093
 
4094
- .premium-gallery-container .pa-gallery-item {
4095
- padding: 10px; }
 
4096
 
4097
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
4098
- .premium-blog-filter .premium-blog-filters-container li a.category {
4099
- outline: none;
4100
- text-decoration: none;
4101
- -webkit-border-radius: 75px;
4102
- border-radius: 75px;
4103
- margin: 15px 5px 20px;
4104
- padding: 7px 20px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4105
  -webkit-transition: all 0.3s ease-in-out;
4106
  transition: all 0.3s ease-in-out; }
4107
-
4108
- .pa-gallery-img {
4109
- position: relative; }
4110
- .pa-gallery-img .pa-gallery-whole-link {
4111
  position: absolute;
4112
- top: 0;
4113
  left: 0;
 
4114
  width: 100%;
4115
  height: 100%;
4116
  z-index: 2; }
4117
- .pa-gallery-img .pa-gallery-whole-link span {
4118
- display: none; }
4119
- .pa-gallery-img.style2 .pa-gallery-whole-link, .pa-gallery-img.style3 .pa-gallery-whole-link {
4120
- z-index: 99; }
4121
-
4122
- .pa-gallery-img-container {
4123
- overflow: hidden;
4124
- -webkit-backface-visibility: hidden;
4125
- backface-visibility: hidden;
4126
- -webkit-transform: translate3d(0, 0, 0);
4127
- transform: translate3d(0, 0, 0); }
4128
- .pa-gallery-img-container img {
4129
- display: block;
4130
- width: 100%;
4131
- -webkit-transition: all 0.3s ease-in-out;
4132
- transition: all 0.3s ease-in-out; }
4133
-
4134
- .premium-img-gallery.gray img {
4135
- -webkit-filter: grayscale(100%);
4136
- filter: grayscale(100%); }
4137
-
4138
- .premium-img-gallery.zoomout img,
4139
- .premium-img-gallery.scale img {
4140
- -webkit-transform: scale(1.2);
4141
- -ms-transform: scale(1.2);
4142
- transform: scale(1.2); }
4143
-
4144
- .premium-img-gallery.sepia img {
4145
- -webkit-filter: sepia(30%);
4146
- filter: sepia(30%); }
4147
-
4148
- .premium-img-gallery.bright img {
4149
- -webkit-filter: brightness(1);
4150
- filter: brightness(1); }
4151
-
4152
- .premium-img-gallery.trans img {
4153
- -webkit-transform: translateX(-15px) scale(1.1);
4154
- -ms-transform: translateX(-15px) scale(1.1);
4155
- transform: translateX(-15px) scale(1.1); }
4156
-
4157
- .pa-gallery-img .pa-gallery-magnific-image,
4158
- .pa-gallery-img .pa-gallery-img-link {
4159
- outline: none; }
4160
- .pa-gallery-img .pa-gallery-magnific-image i,
4161
- .pa-gallery-img .pa-gallery-magnific-image svg,
4162
- .pa-gallery-img .pa-gallery-img-link i,
4163
- .pa-gallery-img .pa-gallery-img-link svg {
4164
- -webkit-transition: all 0.3s ease-in-out;
4165
- transition: all 0.3s ease-in-out; }
4166
-
4167
- .pa-gallery-img .pa-gallery-magnific-image span,
4168
- .pa-gallery-img .pa-gallery-img-link span {
4169
- line-height: 1;
4170
- display: inline-block;
4171
- opacity: 0;
4172
- margin: 0 5px;
4173
- padding: 15px;
4174
- -webkit-border-radius: 50%;
4175
- border-radius: 50%; }
4176
-
4177
- .pa-gallery-img.style2 .pa-gallery-magnific-image span,
4178
- .pa-gallery-img.style2 .pa-gallery-img-link span {
4179
- margin: 0 5px 20px; }
4180
-
4181
- .pa-gallery-img:hover .pa-gallery-magnific-image span {
4182
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
4183
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s; }
4184
-
4185
- .pa-gallery-img:hover .pa-gallery-img-link span {
4186
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
4187
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s; }
4188
-
4189
- .pa-gallery-img:hover .pa-gallery-magnific-image span,
4190
- .pa-gallery-img:hover .pa-gallery-img-link span {
4191
- opacity: 1; }
4192
-
4193
- .premium-gallery-icon-show a.pa-gallery-video-icon span {
4194
- opacity: 1; }
4195
 
4196
- .premium-img-gallery-filter ul.premium-gallery-cats-container,
4197
- .premium-blog-filter ul.premium-blog-filters-container {
4198
- text-align: center;
4199
  margin: 0;
4200
  padding: 0; }
4201
 
4202
- .premium-img-gallery-filter .premium-gallery-cats-container li,
4203
- .premium-blog-filter .premium-blog-filters-container li {
4204
- list-style: none;
4205
- -js-display: inline-flex;
4206
- display: -webkit-inline-box;
4207
- display: -webkit-inline-flex;
4208
- display: -moz-inline-box;
4209
- display: -ms-inline-flexbox;
4210
- display: inline-flex; }
4211
-
4212
- .premium-img-gallery.zoomin .pa-gallery-img:hover img {
4213
- -webkit-transform: scale(1.1);
4214
- -ms-transform: scale(1.1);
4215
- transform: scale(1.1); }
4216
-
4217
- .premium-img-gallery.zoomout .pa-gallery-img:hover img {
4218
- -webkit-transform: scale(1);
4219
- -ms-transform: scale(1);
4220
- transform: scale(1); }
4221
-
4222
- .premium-img-gallery.scale .pa-gallery-img:hover img {
4223
- -webkit-transform: scale(1.3) rotate(5deg);
4224
- -ms-transform: scale(1.3) rotate(5deg);
4225
- transform: scale(1.3) rotate(5deg); }
4226
-
4227
- .premium-img-gallery.gray .pa-gallery-img:hover img {
4228
- -webkit-filter: grayscale(0%);
4229
- filter: grayscale(0%); }
4230
-
4231
- .premium-img-gallery.blur .pa-gallery-img:hover img {
4232
- -webkit-filter: blur(3px);
4233
- filter: blur(3px); }
4234
-
4235
- .premium-img-gallery.sepia .pa-gallery-img:hover img {
4236
- -webkit-filter: sepia(0%);
4237
- filter: sepia(0%); }
4238
-
4239
- .premium-img-gallery.trans .pa-gallery-img:hover img {
4240
- -webkit-transform: translateX(0px) scale(1.1);
4241
- -ms-transform: translateX(0px) scale(1.1);
4242
- transform: translateX(0px) scale(1.1); }
4243
-
4244
- .premium-img-gallery.bright .pa-gallery-img:hover img {
4245
- -webkit-filter: brightness(1.2);
4246
- filter: brightness(1.2); }
4247
-
4248
- .pa-gallery-img .premium-gallery-caption {
4249
- padding: 10px; }
4250
- .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
4251
- margin-bottom: 0; }
4252
 
4253
- .pa-gallery-img.style1 {
4254
- overflow: hidden; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4255
 
4256
- .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
4257
- position: absolute;
4258
- top: 0;
4259
- left: 0;
4260
- width: 100%;
4261
- height: 100%;
4262
  -webkit-transition: all 0.3s ease-in-out;
4263
  transition: all 0.3s ease-in-out; }
4264
 
4265
- .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
4266
- position: absolute;
4267
- top: 33.33%;
4268
- width: 100%;
4269
- text-align: center;
4270
- -webkit-transform: translateY(-50%);
4271
- -ms-transform: translateY(-50%);
4272
- transform: translateY(-50%);
4273
- z-index: 3; }
4274
-
4275
- .pa-gallery-img.style1 .premium-gallery-caption {
4276
- position: absolute;
4277
- top: auto;
4278
- right: 0;
4279
- bottom: -1px;
4280
- left: 0;
4281
- width: 100%;
4282
- -webkit-transition: all 500ms ease 0s;
4283
- transition: all 500ms ease 0s;
4284
- -webkit-transform: translate3d(0, 100%, 0);
4285
- transform: translate3d(0, 100%, 0); }
4286
 
4287
- .pa-gallery-img.style1:hover .premium-gallery-caption {
4288
- -webkit-transform: translate3d(0, 0, 0);
4289
- transform: translate3d(0, 0, 0);
4290
- bottom: -1px !important; }
 
 
 
 
 
 
4291
 
4292
- .pa-gallery-img.default .premium-gallery-caption {
4293
- position: absolute;
4294
- top: auto;
4295
- right: 0;
4296
- left: 0;
4297
- width: 100%;
4298
- bottom: 0; }
4299
 
4300
- .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
4301
- position: absolute;
4302
  top: 0;
 
 
4303
  left: 0;
4304
- width: 100%;
4305
- height: 100%;
4306
- opacity: 0;
4307
- -webkit-backface-visibility: hidden;
4308
- backface-visibility: hidden;
4309
- -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
4310
- transition: opacity 0.3s, -webkit-transform 0.3s;
4311
- transition: transform 0.3s, opacity 0.3s;
4312
- transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
4313
- z-index: 1;
4314
- background-color: rgba(108, 191, 226, 0.68);
4315
- -js-display: flex;
4316
- display: -webkit-box;
4317
- display: -webkit-flex;
4318
- display: -moz-box;
4319
- display: -ms-flexbox;
4320
- display: flex;
4321
- text-align: center;
4322
- -webkit-box-align: center;
4323
- -webkit-align-items: center;
4324
- -moz-box-align: center;
4325
- -ms-flex-align: center;
4326
- align-items: center; }
4327
-
4328
- .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
4329
- width: 100%; }
4330
-
4331
- .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
4332
- opacity: 1;
4333
- -webkit-transform: translate(15px, 15px);
4334
- -ms-transform: translate(15px, 15px);
4335
- transform: translate(15px, 15px); }
4336
-
4337
- .premium-clearfix {
4338
- clear: both; }
4339
-
4340
- /**
4341
- * Metro Layout
4342
- */
4343
- .premium-img-gallery-metro .premium-gallery-item {
4344
- overflow: hidden; }
4345
-
4346
- .premium-img-gallery-metro .pa-gallery-img {
4347
- height: 100%; }
4348
-
4349
- .premium-img-gallery-metro .pa-gallery-img-container {
4350
- height: 100%; }
4351
- .premium-img-gallery-metro .pa-gallery-img-container img {
4352
- min-height: 100%;
4353
- width: 100%;
4354
- -o-object-fit: fill;
4355
- object-fit: fill; }
4356
-
4357
- .premium-img-gallery .premium-gallery-item-hidden {
4358
- visibility: hidden;
4359
- width: 0 !important;
4360
- height: 0 !important;
4361
- margin: 0 !important;
4362
- padding: 0 !important; }
4363
-
4364
- .premium-gallery-load-more {
4365
- position: relative; }
4366
- .premium-gallery-load-more .premium-gallery-load-more-btn {
4367
- -webkit-box-shadow: none;
4368
- box-shadow: none;
4369
- text-shadow: none;
4370
- border: none;
4371
- outline: none;
4372
- -webkit-box-align: center;
4373
- -webkit-align-items: center;
4374
- -moz-box-align: center;
4375
- -ms-flex-align: center;
4376
- align-items: center;
4377
- vertical-align: bottom;
4378
- cursor: pointer;
4379
- line-height: 1;
4380
- font-style: normal;
4381
- font-weight: normal;
4382
- background-image: none;
4383
- color: #fff;
4384
- -webkit-transition: all 0.3s ease-in-out;
4385
- transition: all 0.3s ease-in-out; }
4386
-
4387
- .premium-gallery-load-more-btn {
4388
- -js-display: inline-flex;
4389
- display: -webkit-inline-box;
4390
- display: -webkit-inline-flex;
4391
- display: -moz-inline-box;
4392
- display: -ms-inline-flexbox;
4393
- display: inline-flex;
4394
- -webkit-box-align: center;
4395
- -webkit-align-items: center;
4396
- -moz-box-align: center;
4397
- -ms-flex-align: center;
4398
- align-items: center; }
4399
-
4400
- .premium-gallery-load-more-btn div {
4401
- margin-left: 3px; }
4402
-
4403
- .premium-gallery-load-more-btn .premium-loader {
4404
- display: inline-block;
4405
- width: 20px;
4406
- height: 20px; }
4407
-
4408
- .pa-gallery-img .pa-gallery-lightbox-wrap {
4409
- display: inline-block; }
4410
-
4411
- .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
4412
- .pa-gallery-img .pa-gallery-video-icon {
4413
- cursor: pointer; }
4414
-
4415
- .pa-gallery-img-container iframe {
4416
- position: absolute;
4417
- visibility: hidden;
4418
- top: 0;
4419
- left: 0;
4420
- max-width: 100%;
4421
- width: 100%;
4422
- height: 100%;
4423
- margin: 0;
4424
- line-height: 1;
4425
- border: none; }
4426
-
4427
- .pa-gallery-img-container video {
4428
- position: absolute;
4429
- visibility: hidden;
4430
- top: 0;
4431
- left: 0;
4432
- max-width: 100%;
4433
- width: 100%;
4434
- height: 100%;
4435
- margin: 0;
4436
- line-height: 1;
4437
- border: none;
4438
- -o-object-fit: contain;
4439
- object-fit: contain; }
4440
-
4441
- .pa-gallery-icons-inner-container svg,
4442
- .pa-gallery-icons-caption-cell svg {
4443
- width: 14px;
4444
- height: 14px; }
4445
-
4446
- .premium-gallery-gradient-layer {
4447
- position: absolute;
4448
- bottom: 40px;
4449
- width: 100%;
4450
- height: 20px;
4451
- background: -webkit-gradient(linear, left bottom, left top, from(#17181f), to(rgba(255, 255, 255, 0)));
4452
- background: -webkit-linear-gradient(bottom, #17181f 0%, rgba(255, 255, 255, 0) 100%);
4453
- background: linear-gradient(to top, #17181f 0%, rgba(255, 255, 255, 0) 100%); }
4454
-
4455
- /********* Premium Lottie Animations *********/
4456
- /*********************************************/
4457
- .elementor-widget-premium-lottie .premium-lottie-animation {
4458
- position: relative;
4459
- -js-display: inline-flex;
4460
- display: -webkit-inline-box;
4461
- display: -webkit-inline-flex;
4462
- display: -moz-inline-box;
4463
- display: -ms-inline-flexbox;
4464
- display: inline-flex;
4465
- -webkit-transition: all 0.3s ease-in-out;
4466
- transition: all 0.3s ease-in-out; }
4467
- .elementor-widget-premium-lottie .premium-lottie-animation a {
4468
- position: absolute;
4469
- left: 0;
4470
- top: 0;
4471
- width: 100%;
4472
- height: 100%;
4473
- z-index: 2; }
4474
-
4475
- /**************** Premium Google Maps ******************/
4476
- /*******************************************************/
4477
- .premium-maps-info-container {
4478
- margin-top: 10px;
4479
- margin-bottom: 10px; }
4480
-
4481
- .premium-maps-info-title,
4482
- .premium-maps-info-desc {
4483
- margin: 0;
4484
- padding: 0; }
4485
-
4486
- .premium-maps-container .gm-style-iw {
4487
- text-align: center; }
4488
-
4489
- .premium-maps-container .gm-style img {
4490
- max-width: none !important; }
4491
-
4492
- /**************** Premium Modal Box ****************/
4493
- /***************************************************/
4494
- .premium-modal-trigger-btn,
4495
- .premium-modal-box-modal-lower-close {
4496
- display: inline-block;
4497
- padding: 6px 12px;
4498
- margin-bottom: 0;
4499
- font-size: 14px;
4500
- font-weight: normal;
4501
- line-height: 1.42857143;
4502
- text-align: center;
4503
- white-space: nowrap;
4504
- vertical-align: middle;
4505
- -ms-touch-action: manipulation;
4506
- touch-action: manipulation;
4507
- cursor: pointer;
4508
- -webkit-user-select: none;
4509
- -moz-user-select: none;
4510
- -ms-user-select: none;
4511
- user-select: none;
4512
- background-image: none;
4513
- border: 1px solid transparent; }
4514
-
4515
- .premium-modal-trigger-btn > svg,
4516
- .premium-modal-trigger-btn .premium-modal-box-icon {
4517
- -webkit-transition: all 0.3s ease-in-out;
4518
- transition: all 0.3s ease-in-out; }
4519
-
4520
- .premium-modal-trigger-btn > svg {
4521
- width: 30px;
4522
- height: 30px; }
4523
-
4524
- .premium-modal-box-modal-close {
4525
- float: right;
4526
- font-size: 21px;
4527
- font-weight: bold;
4528
- line-height: 1;
4529
- color: #000; }
4530
- .premium-modal-box-modal-close:hover, .premium-modal-box-modal-close:focus {
4531
- color: #000;
4532
- text-decoration: none;
4533
- cursor: pointer; }
4534
-
4535
- button.premium-modal-box-modal-close {
4536
- -webkit-appearance: none;
4537
- padding: 0;
4538
- cursor: pointer;
4539
- background: transparent;
4540
- border: 0; }
4541
-
4542
- .premium-modal-box-modal {
4543
- position: fixed;
4544
- top: 0;
4545
- right: 0;
4546
- bottom: 0;
4547
- left: 0;
4548
- z-index: 1050;
4549
- display: none;
4550
- -webkit-overflow-scrolling: touch;
4551
- outline: 0;
4552
- padding: 0 !important;
4553
- background: rgba(0, 0, 0, 0.5);
4554
  -webkit-box-align: center;
4555
  -webkit-align-items: center;
4556
  -moz-box-align: center;
@@ -4857,7 +4855,7 @@ button.premium-modal-box-modal-close {
4857
  left: 0; }
4858
 
4859
  /**Mega Menu Container*/
4860
- .premium-mega-nav-item .premium-sub-menu {
4861
  display: none; }
4862
 
4863
  .premium-mega-nav-item {
@@ -5360,9 +5358,6 @@ button.premium-modal-box-modal-close {
5360
  -ms-transform: translateY(-50%);
5361
  transform: translateY(-50%); }
5362
 
5363
- .premium-mega-nav-item .premium-sub-menu {
5364
- display: none; }
5365
-
5366
  .premium-mega-nav-item {
5367
  position: relative; }
5368
 
@@ -5904,6 +5899,11 @@ button.premium-modal-box-modal-close {
5904
  .premium-sub-item-badge {
5905
  -webkit-transition: all 0.3s;
5906
  transition: all 0.3s; }
 
 
 
 
 
5907
 
5908
  /************ Premium Team Members ************/
5909
  /**********************************************/
@@ -6323,258 +6323,258 @@ ul.premium-person-social-list {
6323
  -ms-transform: translateX(0) rotate(-90deg);
6324
  transform: translateX(0) rotate(-90deg); }
6325
 
6326
- /**************** Premium Pricing Table ****************/
6327
- /*******************************************************/
6328
- .premium-pricing-table-container {
6329
- position: relative;
6330
- text-align: center;
6331
- display: inline-block;
6332
- width: 100%;
6333
- -webkit-transition: all 0.3s ease-in-out;
6334
- transition: all 0.3s ease-in-out; }
6335
-
6336
- .premium-pricing-icon-container {
6337
- -js-display: flex;
6338
- display: -webkit-box;
6339
- display: -webkit-flex;
6340
- display: -moz-box;
6341
- display: -ms-flexbox;
6342
- display: flex;
6343
- -webkit-box-pack: center;
6344
- -webkit-justify-content: center;
6345
- -moz-box-pack: center;
6346
- -ms-flex-pack: center;
6347
- justify-content: center;
6348
- line-height: 0; }
6349
- .premium-pricing-icon-container .premium-pricing-icon {
6350
- display: inline-block; }
6351
- .premium-pricing-icon-container .premium-pricing-image {
6352
- overflow: hidden; }
6353
- .premium-pricing-icon-container .premium-pricing-image img {
6354
- width: 25px;
6355
- height: 25px;
6356
- -o-object-fit: cover;
6357
- object-fit: cover; }
6358
-
6359
- .premium-badge-left {
6360
- position: absolute;
6361
- top: 0; }
6362
-
6363
- .premium-badge-right {
6364
- position: absolute;
6365
- top: 0;
6366
- right: 0; }
6367
-
6368
- .premium-badge-left {
6369
- left: 0; }
6370
-
6371
- .premium-badge-triangle.premium-badge-left .corner {
6372
- width: 0;
6373
- height: 0;
6374
- border-top: 150px solid;
6375
- border-bottom: 150px solid transparent;
6376
- border-right: 150px solid transparent; }
6377
-
6378
- .premium-badge-triangle.premium-badge-right .corner {
6379
- width: 0;
6380
- height: 0;
6381
- border-bottom: 150px solid transparent;
6382
- border-right: 150px solid;
6383
- border-left: 150px solid transparent; }
6384
-
6385
- .premium-badge-triangle span {
6386
- position: absolute;
6387
- top: 35px;
6388
- width: 100px;
6389
- text-align: center;
6390
- -webkit-transform: rotate(-45deg);
6391
- -ms-transform: rotate(-45deg);
6392
- transform: rotate(-45deg);
6393
- display: block;
6394
- text-transform: uppercase; }
6395
-
6396
- .premium-badge-triangle.premium-badge-right span {
6397
- -webkit-transform: rotate(45deg);
6398
- -ms-transform: rotate(45deg);
6399
- transform: rotate(45deg);
6400
- right: 0; }
6401
-
6402
- .premium-badge-circle {
6403
- min-width: 4em;
6404
- min-height: 4em;
6405
- line-height: 4em;
6406
- text-align: center;
6407
- -webkit-border-radius: 100%;
6408
- border-radius: 100%;
6409
- position: absolute;
6410
- z-index: 1; }
6411
-
6412
- .premium-badge-stripe {
6413
- position: absolute;
6414
- -webkit-transform: rotate(90deg);
6415
- -ms-transform: rotate(90deg);
6416
- transform: rotate(90deg);
6417
- width: 15em;
6418
- overflow: hidden;
6419
- height: 15em; }
6420
- .premium-badge-stripe.premium-badge-left {
6421
- -webkit-transform: rotate(0);
6422
- -ms-transform: rotate(0);
6423
- transform: rotate(0); }
6424
- .premium-badge-stripe .corner {
6425
- text-align: center;
6426
- left: 0;
6427
- width: 150%;
6428
- -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
6429
- -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
6430
- transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
6431
- margin-top: 35px;
6432
- font-size: 13px;
6433
- line-height: 2;
6434
- font-weight: 800;
6435
- text-transform: uppercase; }
6436
-
6437
- .premium-badge-flag.premium-badge-right .corner {
6438
- right: -8px;
6439
- -webkit-border-radius: 4px 4px 0 4px;
6440
- border-radius: 4px 4px 0 4px; }
6441
- .premium-badge-flag.premium-badge-right .corner::before, .premium-badge-flag.premium-badge-right .corner::after {
6442
- right: 0; }
6443
-
6444
- .premium-badge-flag.premium-badge-left .corner {
6445
- left: -8px;
6446
- -webkit-border-radius: 4px 4px 4px 0;
6447
- border-radius: 4px 4px 4px 0; }
6448
- .premium-badge-flag.premium-badge-left .corner::before, .premium-badge-flag.premium-badge-left .corner::after {
6449
- left: 0; }
6450
-
6451
- .premium-badge-flag .corner {
6452
- text-align: center;
6453
- padding: 3px 15px;
6454
- position: absolute;
6455
- top: 10%; }
6456
- .premium-badge-flag .corner::before, .premium-badge-flag .corner::after {
6457
- content: "";
6458
- display: block;
6459
- position: absolute;
6460
- width: 0;
6461
- height: 0;
6462
- top: 100%;
6463
- border-bottom: 8px solid transparent; }
6464
-
6465
- .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
6466
- overflow: visible !important; }
6467
-
6468
- .premium-badge-flag.premium-badge-right .corner::after {
6469
- border-left: 8px solid rgba(0, 0, 0, 0.2); }
6470
-
6471
- .premium-badge-flag.premium-badge-left .corner::before {
6472
- border-right: 8px solid rgba(0, 0, 0, 0.2); }
6473
-
6474
- .premium-pricing-price-currency {
6475
- position: relative; }
6476
-
6477
- .premium-pricing-button-container {
6478
- display: block; }
6479
-
6480
- .premium-pricing-list {
6481
- -js-display: flex;
6482
- display: -webkit-box;
6483
- display: -webkit-flex;
6484
- display: -moz-box;
6485
- display: -ms-flexbox;
6486
- display: flex;
6487
- -webkit-box-orient: vertical;
6488
- -webkit-box-direction: normal;
6489
- -webkit-flex-direction: column;
6490
- -moz-box-orient: vertical;
6491
- -moz-box-direction: normal;
6492
- -ms-flex-direction: column;
6493
- flex-direction: column;
6494
- list-style-type: none;
6495
- margin: 0;
6496
- padding: 0; }
6497
- .premium-pricing-list .premium-pricing-list-item {
6498
- -js-display: flex;
6499
- display: -webkit-box;
6500
- display: -webkit-flex;
6501
- display: -moz-box;
6502
- display: -ms-flexbox;
6503
- display: flex;
6504
- -webkit-box-align: center;
6505
- -webkit-align-items: center;
6506
- -moz-box-align: center;
6507
- -ms-flex-align: center;
6508
- align-items: center; }
6509
- .premium-pricing-list .premium-pricing-list-item svg {
6510
- width: 50px;
6511
- height: 50px; }
6512
- .premium-pricing-list .premium-pricing-list-item img {
6513
- width: 30px;
6514
- height: 30px;
6515
- -o-object-fit: cover;
6516
- object-fit: cover; }
6517
- .premium-pricing-list .premium-pricing-list-span {
6518
- position: relative; }
6519
- .premium-pricing-list .list-item-tooltip {
6520
- border-bottom: 1px dotted; }
6521
- .premium-pricing-list .premium-pricing-list-tooltip {
6522
- position: absolute;
6523
- top: -webkit-calc(100% + 1px);
6524
- top: calc(100% + 1px);
6525
- left: 0;
6526
- visibility: hidden;
6527
- padding: 15px 20px;
6528
- -webkit-border-radius: 5px;
6529
- border-radius: 5px;
6530
- min-width: 200px;
6531
- overflow: hidden;
6532
- text-align: left;
6533
- font-size: 0.8rem;
6534
- color: #fff;
6535
- background-color: #aaa; }
6536
-
6537
- .premium-pricing-features-left .premium-pricing-list-span {
6538
- text-align: left; }
6539
-
6540
- .premium-pricing-features-center .premium-pricing-list-span {
6541
- text-align: center; }
6542
-
6543
- .premium-pricing-features-right .premium-pricing-list-span {
6544
- text-align: right; }
6545
-
6546
- .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
6547
- z-index: 99;
6548
- visibility: visible;
6549
- opacity: 1; }
6550
-
6551
- .premium-pricing-slashed-price-value {
6552
- display: inline-block;
6553
- font-size: 20px;
6554
- font-weight: 400;
6555
- margin-right: 5px; }
6556
-
6557
- .premium-pricing-price-value {
6558
- font-size: 70px; }
6559
-
6560
- .premium-pricing-description-container li {
6561
- list-style-position: inside;
6562
- text-indent: -40px; }
6563
-
6564
- @-moz-document url-prefix() {
6565
- .premium-pricing-description-container li {
6566
- text-indent: 0px; } }
6567
-
6568
- .premium-pricing-price-button {
6569
- display: block;
6570
- padding: 6px 12px;
6571
- line-height: 1.42857143;
6572
- text-align: center;
6573
- color: #fff;
6574
- background: #6ec1e4;
6575
- margin-bottom: 0;
6576
- -webkit-transition: all 0.3s ease-in-out;
6577
- transition: all 0.3s ease-in-out; }
6578
 
6579
  /**************** Premium Progress Bar ****************/
6580
  /******************************************************/
@@ -7845,1282 +7845,1282 @@ ul.premium-person-social-list {
7845
  [data-hijacking="off"] .premium-vscroll-parallax-position {
7846
  position: unset !important; }
7847
 
7848
- /********** Premium Woo Products **********/
7849
- /******************************************/
7850
- .ast-single-post .entry-content .premium-woocommerce a {
7851
- text-decoration: none; }
7852
-
7853
- .premium-woocommerce .premium-woo-qv-btn {
7854
- cursor: pointer; }
7855
-
7856
- .premium-woocommerce:not(.premium-woo-skin-grid-7) li.product .star-rating {
7857
- margin: 0 auto 0.5em; }
7858
-
7859
- .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-sale-wrap .premium-woo-product-onsale,
7860
- .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-featured-wrap .premium-woo-product-featured {
7861
- display: block;
7862
- text-align: center;
7863
- color: #fff;
7864
- min-width: 2em;
7865
- min-height: 2em;
7866
- line-height: 2em;
7867
- padding: 0.3em 0.6em;
7868
- margin: 0.5em 0.6em; }
7869
-
7870
- .premium-woocommerce .pa-out-of-stock {
7871
- display: block;
7872
- text-align: center;
7873
- color: #fff;
7874
- min-width: 2em;
7875
- min-height: 2em;
7876
- line-height: 2em;
7877
- padding: 0.3em 0.6em;
7878
- margin: 0.5em 0.6em; }
7879
-
7880
- .premium-woocommerce .woocommerce-loop-product__title {
7881
- margin-bottom: 0.5em;
7882
- font-size: 1em;
7883
- -webkit-transition: all 0.3s ease-in-out;
7884
- transition: all 0.3s ease-in-out; }
7885
-
7886
- .premium-woocommerce .premium-woo-product-category {
7887
- display: block;
7888
- font-size: 0.85em;
7889
- margin-bottom: 0.5em;
7890
- line-height: 1.3; }
7891
-
7892
- .premium-woocommerce .star-rating {
7893
- display: block;
7894
- float: none;
7895
- -webkit-backface-visibility: hidden;
7896
- backface-visibility: hidden;
7897
- overflow: hidden;
7898
- position: relative;
7899
- height: 1em;
7900
- line-height: 1;
7901
- font-size: 0.857em;
7902
- width: 5.4em;
7903
- font-family: "star"; }
7904
- .premium-woocommerce .star-rating::before {
7905
- content: "\73\73\73\73\73";
7906
- color: #54595f;
7907
- float: left;
7908
- top: 0;
7909
- left: 0;
7910
- position: absolute; }
7911
- .premium-woocommerce .star-rating span {
7912
- overflow: hidden;
7913
- float: left;
7914
- top: 0;
7915
- left: 0;
7916
- position: absolute;
7917
- padding-top: 1.5em; }
7918
- .premium-woocommerce .star-rating span::before {
7919
- content: "\53\53\53\53\53";
7920
- color: inherit;
7921
- top: 0;
7922
- position: absolute;
7923
- left: 0; }
7924
-
7925
- .premium-woocommerce .premium-woo-products-inner ul.products {
7926
- -js-display: flex;
7927
- display: -webkit-box;
7928
- display: -webkit-flex;
7929
- display: -moz-box;
7930
- display: -ms-flexbox;
7931
- display: flex;
7932
- margin: 0;
7933
- padding: 0;
7934
- -webkit-flex-wrap: wrap;
7935
- -ms-flex-wrap: wrap;
7936
- flex-wrap: wrap;
7937
- list-style: none outside;
7938
- -webkit-column-gap: 0;
7939
- -moz-column-gap: 0;
7940
- column-gap: 0; }
7941
- .premium-woocommerce .premium-woo-products-inner ul.products li.product {
7942
- margin: 0 0 10px;
7943
- padding: 0 10px; }
7944
- .premium-woocommerce .premium-woo-products-inner ul.products li.product .premium-woo-product-wrapper {
7945
- overflow: hidden;
7946
- -webkit-transition: all 0.3s ease-in-out;
7947
- transition: all 0.3s ease-in-out; }
7948
-
7949
- .premium-woocommerce .woocommerce-loop-product__link {
7950
- position: relative;
7951
- display: block !important;
7952
- overflow: hidden;
7953
- -webkit-transition: all 0.3s ease-in-out;
7954
- transition: all 0.3s ease-in-out; }
7955
-
7956
- .premium-woocommerce .premium-woo-ribbon-container,
7957
- .premium-woocommerce .pa-out-of-stock {
7958
- position: absolute;
7959
- z-index: 9; }
7960
-
7961
- .premium-woocommerce .premium-woo-ribbon-container {
7962
- top: 0;
7963
- left: 0; }
7964
-
7965
- .premium-woocommerce .pa-out-of-stock {
7966
- top: 7px;
7967
- left: 9px;
7968
- margin: 0; }
7969
-
7970
- .premium-woo-product-thumbnail {
7971
- position: relative;
7972
- overflow: hidden; }
7973
- .premium-woo-product-thumbnail .woocommerce-loop-product__link img {
7974
- margin: 0;
7975
- width: 100%; }
7976
-
7977
- .premium-woo-product-sale-wrap,
7978
- .premium-woo-product-featured-wrap {
7979
- margin: 0; }
7980
-
7981
- .premium-woocommerce .premium-woo-products-details-wrap {
7982
- padding: 1em 1.2em; }
7983
- .premium-woocommerce .premium-woo-products-details-wrap .button {
7984
- display: inline-block;
7985
- background-color: #6ec1e4;
7986
- color: #fff;
7987
- margin: 0.5em 0;
7988
- line-height: 1.3;
7989
- padding: 10px 40px;
7990
- font-size: 100%;
7991
- cursor: pointer;
7992
- text-decoration: none;
7993
- overflow: visible;
7994
- font-weight: 700;
7995
- background-image: none;
7996
- border: none;
7997
- -webkit-border-radius: 0px;
7998
- border-radius: 0px;
7999
- -webkit-box-shadow: none;
8000
- box-shadow: none;
8001
- text-shadow: none;
8002
- -webkit-transition: all 0.3s ease-in-out;
8003
- transition: all 0.3s ease-in-out; }
8004
-
8005
- .premium-woocommerce li.product .price {
8006
- display: block;
8007
- line-height: 1.3;
8008
- font-weight: 700;
8009
- margin-bottom: 0.5em;
8010
- font-size: 0.9em; }
8011
- .premium-woocommerce li.product .price del {
8012
- display: inline-block;
8013
- font-weight: 400;
8014
- background: transparent;
8015
- opacity: 1; }
8016
- .premium-woocommerce li.product .price ins {
8017
- display: inline-block;
8018
- background: transparent;
8019
- text-decoration: none;
8020
- font-weight: inherit; }
8021
- .premium-woocommerce li.product .price .amount {
8022
- color: inherit !important; }
8023
-
8024
- .premium-woocommerce li.product .premium-woo-product-desc p {
8025
- margin: 0; }
8026
-
8027
- .premium-woo-product-align-left .premium-woocommerce li.product .star-rating {
8028
- margin-left: 0;
8029
- margin-right: auto; }
8030
-
8031
- .premium-woo-product-align-center .premium-woocommerce li.product .star-rating {
8032
- margin-left: auto;
8033
- margin-right: auto; }
8034
-
8035
- .premium-woo-product-align-right .premium-woocommerce li.product .star-rating {
8036
- margin-left: auto;
8037
- margin-right: 0; }
8038
-
8039
- .premium-woo-products-pagination ul.page-numbers {
8040
- -js-display: flex;
8041
- display: -webkit-box;
8042
- display: -webkit-flex;
8043
- display: -moz-box;
8044
- display: -ms-flexbox;
8045
- display: flex;
8046
- list-style-type: none;
8047
- margin: 0;
8048
- margin-top: 10px;
8049
- padding: 0;
8050
- border: none;
8051
- -webkit-box-pack: center;
8052
- -webkit-justify-content: center;
8053
- -moz-box-pack: center;
8054
- -ms-flex-pack: center;
8055
- justify-content: center; }
8056
- .premium-woo-products-pagination ul.page-numbers li {
8057
- margin: 0 0.4em 0.4em 0;
8058
- padding: 0;
8059
- text-align: center; }
8060
- .premium-woo-products-pagination ul.page-numbers li .page-numbers {
8061
- margin: 0;
8062
- text-decoration: none;
8063
- color: #000;
8064
- border: 1px solid #54595f;
8065
- padding: 0;
8066
- line-height: 1;
8067
- font-size: 1em;
8068
- font-weight: 400;
8069
- padding: 0.75em;
8070
- display: block;
8071
- min-width: 2.5em;
8072
- -webkit-transition: all 0.3s ease-in-out;
8073
- transition: all 0.3s ease-in-out; }
8074
- .premium-woo-products-pagination ul.page-numbers li .page-numbers:hover, .premium-woo-products-pagination ul.page-numbers li .page-numbers.current {
8075
- background-color: #54595f;
8076
- color: #fff;
8077
- outline: none; }
8078
-
8079
- .premium-woocommerce .premium-loading-feed,
8080
- .premium-woo-quick-view-loader .premium-loading-feed {
8081
- display: block;
8082
- position: absolute;
8083
- width: 100%;
8084
- height: 100%;
8085
- top: 0px;
8086
- left: 0px;
8087
- bottom: 0px;
8088
- right: 0px;
8089
- background: rgba(255, 255, 255, 0.2);
8090
- -js-display: flex;
8091
- display: -webkit-box;
8092
- display: -webkit-flex;
8093
- display: -moz-box;
8094
- display: -ms-flexbox;
8095
- display: flex;
8096
- -webkit-box-align: center;
8097
- -webkit-align-items: center;
8098
- -moz-box-align: center;
8099
- -ms-flex-align: center;
8100
- align-items: center; }
8101
-
8102
  /**
8103
  * Image Hover Effects
8104
- */
8105
- .premium-woocommerce .woocommerce-loop-product__link img {
8106
- -webkit-transition: all 0.3s ease-in-out;
8107
- transition: all 0.3s ease-in-out; }
8108
-
8109
- .premium-woo-product__hover-zoomout .woocommerce-loop-product__link img {
8110
- -webkit-transform: scale(1.2);
8111
- -ms-transform: scale(1.2);
8112
- transform: scale(1.2); }
8113
-
8114
- .premium-woo-product__hover-zoomout li.product:hover .woocommerce-loop-product__link img {
8115
- -webkit-transform: none;
8116
- -ms-transform: none;
8117
- transform: none; }
8118
-
8119
- .premium-woo-product__hover-zoomin .woocommerce-loop-product__link img {
8120
- -webkit-transform: none;
8121
- -ms-transform: none;
8122
- transform: none; }
8123
-
8124
- .premium-woo-product__hover-zoomin li.product:hover .woocommerce-loop-product__link img {
8125
- -webkit-transform: scale(1.2);
8126
- -ms-transform: scale(1.2);
8127
- transform: scale(1.2); }
8128
-
8129
- .premium-woo-product__hover-gray .woocommerce-loop-product__link img {
8130
- -webkit-filter: grayscale(100%);
8131
- filter: grayscale(100%); }
8132
-
8133
- .premium-woo-product__hover-gray li.product:hover .woocommerce-loop-product__link img {
8134
- -webkit-filter: grayscale(0%);
8135
- filter: grayscale(0%); }
8136
-
8137
- .premium-woo-product__hover-sepia .woocommerce-loop-product__link img {
8138
- -webkit-filter: sepia(30%);
8139
- filter: sepia(30%); }
8140
-
8141
- .premium-woo-product__hover-sepia li.product:hover .woocommerce-loop-product__link img {
8142
- -webkit-filter: sepia(0%);
8143
- filter: sepia(0%); }
8144
-
8145
- .premium-woo-product__hover-bright .woocommerce-loop-product__link img {
8146
- -webkit-filter: brightness(1);
8147
- filter: brightness(1); }
8148
-
8149
- .premium-woo-product__hover-bright li.product:hover .woocommerce-loop-product__link img {
8150
- -webkit-filter: brightness(1.2);
8151
- filter: brightness(1.2); }
8152
-
8153
- .premium-woo-product__hover-trans .woocommerce-loop-product__link img {
8154
- -webkit-transform: translateX(-15px) scale(1.1);
8155
- -ms-transform: translateX(-15px) scale(1.1);
8156
- transform: translateX(-15px) scale(1.1); }
8157
-
8158
- .premium-woo-product__hover-trans li.product:hover .woocommerce-loop-product__link img {
8159
- -webkit-transform: translateX(0px) scale(1.1);
8160
- -ms-transform: translateX(0px) scale(1.1);
8161
- transform: translateX(0px) scale(1.1); }
8162
-
8163
- .premium-woo-product__hover-scale li.product:hover .woocommerce-loop-product__link img {
8164
- -webkit-transform: scaleX(1.3) scaleY(1.3) rotate(5deg);
8165
- -ms-transform: scaleX(1.3) scaleY(1.3) rotate(5deg);
8166
- transform: scaleX(1.3) scaleY(1.3) rotate(5deg); }
8167
-
8168
- .premium-woocommerce .premium-woo-product__on_hover {
8169
- position: absolute;
8170
- top: 0;
8171
- right: 0;
8172
- bottom: 0;
8173
- left: 0;
8174
- height: 100%;
8175
- opacity: 0; }
8176
-
8177
- .premium-woo-product__hover-swap li.product:hover .premium-woo-product__on_hover {
8178
- opacity: 1; }
8179
-
8180
- .premium-woo-skin-grid-1 .premium-woo-qv-btn,
8181
- .premium-woo-skin-grid-3 .premium-woo-qv-btn,
8182
- .premium-woo-skin-grid-4 .premium-woo-qv-btn {
8183
- position: absolute;
8184
- bottom: 0;
8185
- left: 0;
8186
- width: 100%;
8187
- text-align: center;
8188
- padding: 5px;
8189
- background: rgba(2, 2, 2, 0.5);
8190
- color: #fff;
8191
- -webkit-transition: all 0.3s ease-in-out;
8192
- transition: all 0.3s ease-in-out;
8193
- z-index: 2;
8194
- -webkit-transform: translateY(100%);
8195
- -ms-transform: translateY(100%);
8196
- transform: translateY(100%); }
8197
-
8198
- .premium-woo-skin-grid-4 .premium-woo-qv-btn {
8199
- -webkit-transition-delay: 0.1s;
8200
- transition-delay: 0.1s; }
8201
-
8202
- .premium-woo-skin-grid-1 .premium-woo-qv-icon,
8203
- .premium-woo-skin-grid-3 .premium-woo-qv-icon,
8204
- .premium-woo-skin-grid-4 .premium-woo-qv-icon,
8205
- .premium-woo-skin-grid-6 .premium-woo-qv-icon {
8206
- margin-left: 0.5em; }
8207
-
8208
- .premium-woo-product-thumbnail:hover .premium-woo-qv-btn-translate {
8209
- -webkit-transform: translateY(0);
8210
- -ms-transform: translateY(0);
8211
- transform: translateY(0); }
8212
-
8213
- .premium-woo-product-wrapper .premium-woo-qv-data {
8214
- position: absolute;
8215
- top: 0;
8216
- left: 0;
8217
- width: 100%;
8218
- height: 100%;
8219
- z-index: 1;
8220
- overflow: hidden;
8221
- cursor: pointer; }
8222
-
8223
  /**
8224
  * Skin 1,4
8225
- */
8226
- .premium-woo-skin-grid-1 .premium-woo-product-actions-wrapper,
8227
- .premium-woo-skin-grid-4 .premium-woo-product-actions-wrapper {
8228
- position: absolute;
8229
- top: 0.7em;
8230
- right: 1em;
8231
- -webkit-transform: translate3d(15px, 0, 0);
8232
- transform: translate3d(15px, 0, 0);
8233
- -webkit-transition: all 0.3s ease-in-out;
8234
- transition: all 0.3s ease-in-out;
8235
- opacity: 0;
8236
- z-index: 9; }
8237
-
8238
- .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-cart-btn {
8239
- position: relative;
8240
- display: block;
8241
- margin: 0 0 3px;
8242
- background: #fff;
8243
- text-align: center;
8244
- outline: 0;
8245
- -webkit-transition: all 0.3s ease-in-out;
8246
- transition: all 0.3s ease-in-out; }
8247
-
8248
- .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-add-cart-icon {
8249
- display: block;
8250
- color: #54595f;
8251
- width: 30px;
8252
- line-height: 30px;
8253
- height: 30px;
8254
- cursor: pointer;
8255
- -webkit-transition: all 0.3s ease-in-out;
8256
- transition: all 0.3s ease-in-out; }
8257
-
8258
- .premium-woo-skin-grid-1 li.product:hover .premium-woo-product-actions-wrapper,
8259
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-actions-wrapper {
8260
- -webkit-transform: translate3d(5px, 0, 0);
8261
- transform: translate3d(5px, 0, 0);
8262
- opacity: 1; }
8263
-
8264
- .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon {
8265
- -webkit-animation: spin 2s linear infinite;
8266
- animation: spin 2s linear infinite; }
8267
-
8268
- .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon::before {
8269
- content: "\f013"; }
8270
-
8271
- .premium-woocommerce .premium-woo-cart-btn.added .premium-woo-add-cart-icon::before {
8272
- content: "\f00c"; }
8273
-
8274
  /**
8275
  * Skin 2
8276
- */
8277
- .premium-woo-skin-grid-2 li.product .premium-woo-products-details-wrap {
8278
- position: absolute;
8279
- background: #fff;
8280
- bottom: 0;
8281
- left: 0;
8282
- width: 100%;
8283
- z-index: 2;
8284
- padding: 0;
8285
- opacity: 0;
8286
- -webkit-transition: opacity 0.2s, -webkit-transform 0.4s;
8287
- transition: opacity 0.2s, -webkit-transform 0.4s;
8288
- transition: transform 0.4s, opacity 0.2s;
8289
- transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s;
8290
- -webkit-transform: translateZ(0) translateY(5px);
8291
- transform: translateZ(0) translateY(5px); }
8292
-
8293
- .premium-woo-skin-grid-2 .premium-woo-product-details {
8294
- padding: 15px 0; }
8295
-
8296
- .premium-woo-skin-grid-2 li.product:hover .premium-woo-products-details-wrap {
8297
- opacity: 1;
8298
- -webkit-transform: translateZ(0) translateY(0);
8299
- transform: translateZ(0) translateY(0); }
8300
-
8301
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper {
8302
- position: static;
8303
- -js-display: flex;
8304
- display: -webkit-box;
8305
- display: -webkit-flex;
8306
- display: -moz-box;
8307
- display: -ms-flexbox;
8308
- display: flex;
8309
- -webkit-box-orient: horizontal;
8310
- -webkit-box-direction: reverse;
8311
- -webkit-flex-direction: row-reverse;
8312
- -moz-box-orient: horizontal;
8313
- -moz-box-direction: reverse;
8314
- -ms-flex-direction: row-reverse;
8315
- flex-direction: row-reverse; }
8316
-
8317
- .premium-woo-skin-grid-2 .premium-woo-product-actions-wrapper > * {
8318
- -webkit-box-flex: 1;
8319
- -webkit-flex: 1;
8320
- -moz-box-flex: 1;
8321
- -ms-flex: 1;
8322
- flex: 1;
8323
- min-width: 50%; }
8324
-
8325
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .button {
8326
- -js-display: flex;
8327
- display: -webkit-box;
8328
- display: -webkit-flex;
8329
- display: -moz-box;
8330
- display: -ms-flexbox;
8331
- display: flex;
8332
- margin: 0;
8333
- text-align: center;
8334
- -webkit-box-pack: center;
8335
- -webkit-justify-content: center;
8336
- -moz-box-pack: center;
8337
- -ms-flex-pack: center;
8338
- justify-content: center;
8339
- -webkit-box-align: center;
8340
- -webkit-align-items: center;
8341
- -moz-box-align: center;
8342
- -ms-flex-align: center;
8343
- align-items: center; }
8344
-
8345
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
8346
- background-color: #54595f; }
8347
-
8348
  /**
8349
  * Skin 4
8350
- */
8351
- .premium-woo-skin-grid-4 li.product .premium-woo-products-details-wrap {
8352
- position: absolute;
8353
- left: 0;
8354
- right: 0;
8355
- top: 50%;
8356
- -webkit-transform: scale(0.9) translateZ(0) translateY(-50%);
8357
- transform: scale(0.9) translateZ(0) translateY(-50%);
8358
- text-align: center;
8359
- z-index: 2;
8360
- opacity: 0;
8361
- -webkit-transition: opacity 0.5s, -webkit-transform 0.3s;
8362
- transition: opacity 0.5s, -webkit-transform 0.3s;
8363
- transition: opacity 0.5s, transform 0.3s;
8364
- transition: opacity 0.5s, transform 0.3s, -webkit-transform 0.3s; }
8365
-
8366
- .premium-woo-skin-grid-4 li.product .premium-woo-product-overlay,
8367
- .premium-woo-skin-grid-8 li.product .premium-woo-product-overlay {
8368
- position: absolute;
8369
- top: 0;
8370
- left: 0;
8371
- width: 100%;
8372
- height: 100%;
8373
- opacity: 0;
8374
- visibility: hidden;
8375
- background-color: rgba(27, 27, 23, 0.3);
8376
- -webkit-transition: all 0.25s ease-in-out;
8377
- transition: all 0.25s ease-in-out; }
8378
-
8379
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-overlay,
8380
- .premium-woo-skin-grid-8 li.product:hover .premium-woo-product-overlay {
8381
- opacity: 1;
8382
- visibility: visible;
8383
- z-index: 1; }
8384
-
8385
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-products-details-wrap {
8386
- -webkit-transform: scale(1) translateZ(0) translateY(-50%);
8387
- transform: scale(1) translateZ(0) translateY(-50%);
8388
- opacity: 1; }
8389
-
8390
  /**
8391
  * Skin 5
8392
- */
8393
- .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper {
8394
- -js-display: flex;
8395
- display: -webkit-box;
8396
- display: -webkit-flex;
8397
- display: -moz-box;
8398
- display: -ms-flexbox;
8399
- display: flex; }
8400
- .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
8401
- -js-display: flex;
8402
- display: -webkit-box;
8403
- display: -webkit-flex;
8404
- display: -moz-box;
8405
- display: -ms-flexbox;
8406
- display: flex;
8407
- -webkit-box-align: center;
8408
- -webkit-align-items: center;
8409
- -moz-box-align: center;
8410
- -ms-flex-align: center;
8411
- align-items: center;
8412
- background-color: #54595f;
8413
- padding: 10px;
8414
- -webkit-transition: all 0.25s ease 0s;
8415
- transition: all 0.25s ease 0s; }
8416
-
8417
- .premium-woo-skin-grid-5 li.product .premium-woo-products-details-wrap {
8418
- width: 75%; }
8419
-
8420
- .premium-woo-skin-grid-5 .premium-woo-product-wrapper {
8421
- -js-display: flex;
8422
- display: -webkit-box;
8423
- display: -webkit-flex;
8424
- display: -moz-box;
8425
- display: -ms-flexbox;
8426
- display: flex;
8427
- -webkit-box-align: center;
8428
- -webkit-align-items: center;
8429
- -moz-box-align: center;
8430
- -ms-flex-align: center;
8431
- align-items: center; }
8432
-
8433
- .premium-woo-product-align-right .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
8434
- -webkit-box-pack: end;
8435
- -webkit-justify-content: flex-end;
8436
- -moz-box-pack: end;
8437
- -ms-flex-pack: end;
8438
- justify-content: flex-end; }
8439
-
8440
- .premium-woo-product-align-center .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
8441
- -webkit-box-pack: center;
8442
- -webkit-justify-content: center;
8443
- -moz-box-pack: center;
8444
- -ms-flex-pack: center;
8445
- justify-content: center; }
8446
-
8447
  /**
8448
  * Skin 6
8449
- */
8450
- .premium-woo-skin-grid-6 .premium-woo-qv-btn {
8451
- position: absolute;
8452
- top: 50%;
8453
- left: 50%;
8454
- min-width: 40%;
8455
- text-align: center;
8456
- padding: 5px;
8457
- background: rgba(2, 2, 2, 0.5);
8458
- color: #fff;
8459
- -webkit-transform: translate(-50%, -50%);
8460
- -ms-transform: translate(-50%, -50%);
8461
- transform: translate(-50%, -50%);
8462
- opacity: 0;
8463
- visibility: hidden;
8464
- -webkit-transition: all 0.3s ease-in-out;
8465
- transition: all 0.3s ease-in-out;
8466
- cursor: pointer;
8467
- z-index: 2; }
8468
-
8469
- .premium-woo-skin-grid-6 li.product:hover .premium-woo-qv-btn {
8470
- opacity: 1;
8471
- visibility: visible; }
8472
-
8473
- .premium-woo-product-align-right .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
8474
- .premium-woo-product-align-left .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
8475
- .premium-woo-product-align-right .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating,
8476
- .premium-woo-product-align-left .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating {
8477
- margin: 0; }
8478
-
8479
- .premium-woo-skin-grid-6 li.product .premium-woo-product-info {
8480
- -js-display: flex;
8481
- display: -webkit-box;
8482
- display: -webkit-flex;
8483
- display: -moz-box;
8484
- display: -ms-flexbox;
8485
- display: flex;
8486
- -webkit-box-pack: justify;
8487
- -webkit-justify-content: space-between;
8488
- -moz-box-pack: justify;
8489
- -ms-flex-pack: justify;
8490
- justify-content: space-between; }
8491
-
8492
- .premium-woo-product-align-center .premium-woocommerce li.product .premium-woo-product-info {
8493
- -webkit-box-orient: vertical;
8494
- -webkit-box-direction: normal;
8495
- -webkit-flex-direction: column;
8496
- -moz-box-orient: vertical;
8497
- -moz-box-direction: normal;
8498
- -ms-flex-direction: column;
8499
- flex-direction: column; }
8500
-
8501
- .premium-woo-product-align-right .premium-woocommerce li.product .premium-woo-product-info {
8502
- -webkit-box-orient: horizontal;
8503
- -webkit-box-direction: reverse;
8504
- -webkit-flex-direction: row-reverse;
8505
- -moz-box-orient: horizontal;
8506
- -moz-box-direction: reverse;
8507
- -ms-flex-direction: row-reverse;
8508
- flex-direction: row-reverse; }
8509
-
8510
- .premium-woo-skin-grid-6 li.product .premium-woo-product-gallery-images {
8511
- -js-display: flex;
8512
- display: -webkit-box;
8513
- display: -webkit-flex;
8514
- display: -moz-box;
8515
- display: -ms-flexbox;
8516
- display: flex;
8517
- position: absolute;
8518
- bottom: 10px;
8519
- width: 100%;
8520
- -webkit-box-pack: center;
8521
- -webkit-justify-content: center;
8522
- -moz-box-pack: center;
8523
- -ms-flex-pack: center;
8524
- justify-content: center; }
8525
-
8526
- .premium-woo-product-gallery-images .premium-woo-product__gallery_image {
8527
- width: 20%;
8528
- margin: 0 0.2em;
8529
- border: 2px solid #aaa;
8530
- cursor: pointer; }
8531
-
8532
  /**
8533
  * Metro
8534
- */
8535
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail img,
8536
- .premium-woo-products-metro li.product .premium-woo-product-wrapper,
8537
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail,
8538
- .premium-woo-products-metro li.product .woocommerce-LoopProduct-link {
8539
- height: 100%; }
8540
-
8541
- .premium-woo-products-metro ul.products li.product {
8542
- margin-bottom: 0; }
8543
-
8544
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail img {
8545
- -o-object-fit: cover;
8546
- object-fit: cover; }
8547
-
8548
  /*
8549
  * Carousel
8550
- */
8551
- .premium-carousel-hidden {
8552
- opacity: 0;
8553
- visibility: hidden; }
8554
-
8555
- .premium-woocommerce:not(.premium-woo-skin-grid-7) .slick-arrow {
8556
- -webkit-border-radius: 50%;
8557
- border-radius: 50%; }
8558
-
8559
- .premium-woocommerce ul.slick-dots {
8560
- width: 100%; }
8561
-
8562
  /*
8563
  * Quick View Html/body
8564
- */
8565
- html.premium-woo-qv-opened,
8566
- html.premium-woo-qv-opened body {
8567
- overflow: hidden; }
8568
-
8569
  /**
8570
  * Quick View Modal
8571
- */
8572
- .premium-woo-quick-view-back {
8573
- position: fixed;
8574
- visibility: hidden;
8575
- overflow: hidden;
8576
- background: rgba(2, 2, 2, 0.5);
8577
- opacity: 0;
8578
- -webkit-transition: opacity 0.25s;
8579
- transition: opacity 0.25s;
8580
- z-index: 999; }
8581
-
8582
- .premium-woo-quick-view-active {
8583
- top: 0;
8584
- left: 0;
8585
- width: 100%;
8586
- height: 100%;
8587
- opacity: 1;
8588
- visibility: visible; }
8589
-
8590
- #premium-woo-quick-view-modal {
8591
- position: fixed;
8592
- visibility: hidden;
8593
- opacity: 0;
8594
- top: 0;
8595
- left: 0;
8596
- width: 100%;
8597
- height: 100%;
8598
- z-index: 1400;
8599
- text-align: center;
8600
- -webkit-transition: all 0.3s;
8601
- transition: all 0.3s;
8602
- overflow-x: hidden;
8603
- overflow-y: auto; }
8604
- #premium-woo-quick-view-modal.active {
8605
- visibility: visible;
8606
- opacity: 1; }
8607
- #premium-woo-quick-view-modal.active .premium-woo-content-main {
8608
- -webkit-transform: translateY(0);
8609
- -ms-transform: translateY(0);
8610
- transform: translateY(0);
8611
- opacity: 1;
8612
- width: 100%; }
8613
- #premium-woo-quick-view-modal .premium-woo-content-main-wrapper {
8614
- position: absolute;
8615
- width: 100%;
8616
- height: 100%;
8617
- top: 0;
8618
- left: 0;
8619
- text-align: center;
8620
- padding: 30px;
8621
- -js-display: flex;
8622
- display: -webkit-box;
8623
- display: -webkit-flex;
8624
- display: -moz-box;
8625
- display: -ms-flexbox;
8626
- display: flex;
8627
- -webkit-box-align: center;
8628
- -webkit-align-items: center;
8629
- -moz-box-align: center;
8630
- -ms-flex-align: center;
8631
- align-items: center; }
8632
- #premium-woo-quick-view-modal .premium-woo-content-main {
8633
- position: relative;
8634
- pointer-events: none;
8635
- max-width: 100%;
8636
- text-align: left;
8637
- z-index: 1045;
8638
- -webkit-transform: translateY(-30px);
8639
- -ms-transform: translateY(-30px);
8640
- transform: translateY(-30px);
8641
- opacity: 0;
8642
- -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
8643
- transition: opacity 0.3s, -webkit-transform 0.5s;
8644
- transition: transform 0.5s, opacity 0.3s;
8645
- transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
8646
- margin: 0 auto; }
8647
- #premium-woo-quick-view-modal .premium-woo-lightbox-content {
8648
- position: relative;
8649
- display: table;
8650
- pointer-events: auto;
8651
- background-color: #fff;
8652
- max-width: 975px;
8653
- margin: 20px auto;
8654
- -webkit-transform: translateZ(0);
8655
- transform: translateZ(0);
8656
- -webkit-box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
8657
- box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
8658
- overflow: hidden; }
8659
- #premium-woo-quick-view-modal .summary {
8660
- width: 50%;
8661
- margin: 0;
8662
- padding: 30px;
8663
- float: left;
8664
- -webkit-box-sizing: border-box;
8665
- -moz-box-sizing: border-box;
8666
- box-sizing: border-box; }
8667
- #premium-woo-quick-view-modal .summary .quantity {
8668
- min-width: auto; }
8669
- #premium-woo-quick-view-modal .summary .quantity input.qty {
8670
- width: 54px;
8671
- -webkit-appearance: button;
8672
- -moz-appearance: button;
8673
- appearance: button; }
8674
- #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-inner-spin-button,
8675
- #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-outer-spin-button {
8676
- display: unset; }
8677
- #premium-woo-quick-view-modal .woocommerce-product-details__short-description p {
8678
- margin: 0; }
8679
-
8680
- #premium-woo-quick-view-close {
8681
- position: absolute;
8682
- font-size: 22px;
8683
- top: 10px;
8684
- right: 10px;
8685
- width: 22px;
8686
- height: 22px;
8687
- line-height: 22px;
8688
- opacity: 0.7;
8689
- text-align: center;
8690
- z-index: 2;
8691
- color: #000; }
8692
-
8693
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider {
8694
- position: relative; }
8695
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider li {
8696
- list-style: none; }
8697
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav {
8698
- margin: 0;
8699
- padding: 0;
8700
- width: 100%;
8701
- position: absolute;
8702
- bottom: 10px;
8703
- text-align: center; }
8704
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li {
8705
- margin: 0 6px;
8706
- display: inline-block;
8707
- vertical-align: middle; }
8708
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a {
8709
- width: 11px;
8710
- height: 11px;
8711
- display: block;
8712
- background: #666;
8713
- background: rgba(0, 0, 0, 0.5);
8714
- cursor: pointer;
8715
- text-indent: -9999px;
8716
- -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
8717
- box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
8718
- -webkit-border-radius: 20px;
8719
- border-radius: 20px; }
8720
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a.flex-active {
8721
- background: rgba(0, 0, 0, 0.9);
8722
- cursor: default; }
8723
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a:focus {
8724
- outline: none; }
8725
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider img {
8726
- -o-object-fit: cover;
8727
- object-fit: cover;
8728
- width: 100%; }
8729
-
8730
- #premium-woo-quick-view-content div.images {
8731
- width: 50%;
8732
- float: left;
8733
- opacity: 1 !important;
8734
- margin: 0; }
8735
-
8736
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav {
8737
- margin: 0;
8738
- padding: 0;
8739
- list-style: none; }
8740
-
8741
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav a {
8742
- text-decoration: none;
8743
- display: block;
8744
- width: 14px;
8745
- height: 32px;
8746
- font-size: 32px;
8747
- line-height: 32px;
8748
- margin: -20px 0 0;
8749
- position: absolute;
8750
- top: 50%;
8751
- z-index: 10;
8752
- overflow: hidden;
8753
- cursor: pointer;
8754
- color: rgba(0, 0, 0, 0.8);
8755
- text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
8756
- -webkit-transition: all 0.3s ease-in-out;
8757
- transition: all 0.3s ease-in-out; }
8758
-
8759
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next,
8760
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
8761
- display: inline-block;
8762
- font-family: "Font Awesome 5 Free";
8763
- font-weight: 900;
8764
- text-rendering: auto;
8765
- -webkit-font-smoothing: antialiased;
8766
- -moz-osx-font-smoothing: grayscale; }
8767
-
8768
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
8769
- left: 10px; }
8770
-
8771
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next {
8772
- right: 10px; }
8773
-
8774
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev::before {
8775
- content: "\f104"; }
8776
-
8777
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next::before {
8778
- content: "\f105"; }
8779
-
8780
- .premium-woocommerce li.product .added_to_cart.wc-forward {
8781
- display: none; }
8782
-
8783
- .premium-woo-atc-button .add_to_cart_button .premium-woo-cart-loader {
8784
- -webkit-animation: spin 2s linear infinite;
8785
- animation: spin 2s linear infinite;
8786
- margin-left: 5px;
8787
- vertical-align: baseline; }
8788
-
8789
  /*
8790
  * Load More Button
8791
- */
8792
- .premium-woo-load-more {
8793
- position: relative; }
8794
- .premium-woo-load-more .premium-woo-load-more-btn {
8795
- -webkit-box-shadow: none;
8796
- box-shadow: none;
8797
- text-shadow: none;
8798
- border: none;
8799
- outline: none;
8800
- -webkit-box-align: center;
8801
- -webkit-align-items: center;
8802
- -moz-box-align: center;
8803
- -ms-flex-align: center;
8804
- align-items: center;
8805
- vertical-align: bottom;
8806
- cursor: pointer;
8807
- line-height: 1;
8808
- font-style: normal;
8809
- font-weight: normal;
8810
- background-image: none;
8811
- color: #fff;
8812
- -webkit-transition: all 0.3s ease-in-out;
8813
- transition: all 0.3s ease-in-out;
8814
- padding: 10px 20px; }
8815
-
8816
- .premium-woo-load-more-btn {
8817
- -js-display: inline-flex;
8818
- display: -webkit-inline-box;
8819
- display: -webkit-inline-flex;
8820
- display: -moz-inline-box;
8821
- display: -ms-inline-flexbox;
8822
- display: inline-flex;
8823
- -webkit-box-align: center;
8824
- -webkit-align-items: center;
8825
- -moz-box-align: center;
8826
- -ms-flex-align: center;
8827
- align-items: center; }
8828
-
8829
- .premium-woo-load-more-btn span {
8830
- margin-right: 3px; }
8831
-
8832
- .premium-woo-load-more-btn .premium-loader {
8833
- display: inline-block;
8834
- width: 20px;
8835
- height: 20px; }
8836
-
8837
- .premium-woo-title-above-yes .premium-woo-product__link {
8838
- opacity: 0; }
8839
-
8840
- @media (min-width: 545px) {
8841
- #premium-woo-quick-view-content div.summary {
8842
- content: "544";
8843
- overflow-y: auto; } }
8844
-
8845
- @media (max-width: 544px) {
8846
- #premium-woo-quick-view-content .premium-woo-lightbox-content {
8847
- display: block; }
8848
- #premium-woo-quick-view-content div.images,
8849
- #premium-woo-quick-view-content div.summary {
8850
- width: 100%;
8851
- float: none; } }
8852
 
8853
- /*
8854
- * Common Title/Dual Heading
8855
- */
8856
- .premium-title-bg-text:before {
8857
- position: absolute;
8858
- content: attr(data-background);
8859
- top: 0;
8860
- left: 0;
8861
- text-align: left; }
8862
-
8863
- .premium-bg-text-yes .elementor-widget-container:before {
8864
- position: absolute;
8865
- top: 0;
8866
- left: 0;
8867
- text-align: left; }
8868
-
8869
- .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
8870
- .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
8871
- background: inherit; }
8872
-
8873
- .premium-mask-yes .premium-mask-span {
8874
- position: relative;
8875
- overflow: hidden;
8876
- -js-display: inline-flex !important;
8877
- display: -webkit-inline-box !important;
8878
- display: -webkit-inline-flex !important;
8879
- display: -moz-inline-box !important;
8880
- display: -ms-inline-flexbox !important;
8881
- display: inline-flex !important; }
8882
- .premium-mask-yes .premium-mask-span::after {
8883
- content: "";
8884
- position: absolute;
8885
- top: 0;
8886
- right: 0px;
8887
- width: 100%;
8888
- height: 100%;
8889
- background-color: currentColor;
8890
- -webkit-backface-visibility: visible;
8891
- backface-visibility: visible; }
8892
-
8893
- .premium-mask-active.premium-mask-tr .premium-mask-span::after {
8894
- -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
8895
- animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
8896
- -webkit-transform: translateX(-103%);
8897
- -ms-transform: translateX(-103%);
8898
- transform: translateX(-103%); }
8899
-
8900
- .premium-mask-active.premium-mask-tl .premium-mask-span::after {
8901
- -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
8902
- animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
8903
- -webkit-transform: translateX(103%);
8904
- -ms-transform: translateX(103%);
8905
- transform: translateX(103%); }
8906
-
8907
- .premium-mask-active.premium-mask-tb .premium-mask-span::after {
8908
- -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
8909
- animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
8910
- -webkit-transform: translateY(-103%);
8911
- -ms-transform: translateY(-103%);
8912
- transform: translateY(-103%); }
8913
-
8914
- .premium-mask-active.premium-mask-tt .premium-mask-span::after {
8915
- -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
8916
- animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
8917
- -webkit-transform: translateY(103%);
8918
- -ms-transform: translateY(103%);
8919
- transform: translateY(103%); }
8920
-
8921
- @-webkit-keyframes pa-mask-tr {
8922
- 0% {
8923
- -webkit-transform: translateX(0%);
8924
- transform: translateX(0%); }
8925
- 100% {
8926
- -webkit-transform: translateX(103%);
8927
- transform: translateX(103%); } }
8928
-
8929
- @keyframes pa-mask-tr {
8930
- 0% {
8931
- -webkit-transform: translateX(0%);
8932
- transform: translateX(0%); }
8933
- 100% {
8934
- -webkit-transform: translateX(103%);
8935
- transform: translateX(103%); } }
8936
-
8937
- @-webkit-keyframes pa-mask-tl {
8938
- 0% {
8939
- -webkit-transform: translateX(0%);
8940
- transform: translateX(0%); }
8941
- 100% {
8942
- -webkit-transform: translateX(-103%);
8943
- transform: translateX(-103%); } }
8944
-
8945
- @keyframes pa-mask-tl {
8946
- 0% {
8947
- -webkit-transform: translateX(0%);
8948
- transform: translateX(0%); }
8949
- 100% {
8950
- -webkit-transform: translateX(-103%);
8951
- transform: translateX(-103%); } }
8952
-
8953
- @-webkit-keyframes pa-mask-tb {
8954
- 0% {
8955
- -webkit-transform: translateY(0%);
8956
- transform: translateY(0%); }
8957
- 100% {
8958
- -webkit-transform: translateY(103%);
8959
- transform: translateY(103%); } }
8960
-
8961
- @keyframes pa-mask-tb {
8962
- 0% {
8963
- -webkit-transform: translateY(0%);
8964
- transform: translateY(0%); }
8965
- 100% {
8966
- -webkit-transform: translateY(103%);
8967
- transform: translateY(103%); } }
8968
-
8969
- @-webkit-keyframes pa-mask-tt {
8970
- 0% {
8971
- -webkit-transform: translateY(0%);
8972
- transform: translateY(0%); }
8973
- 100% {
8974
- -webkit-transform: translateY(-103%);
8975
- transform: translateY(-103%); } }
8976
-
8977
- @keyframes pa-mask-tt {
8978
- 0% {
8979
- -webkit-transform: translateY(0%);
8980
- transform: translateY(0%); }
8981
- 100% {
8982
- -webkit-transform: translateY(-103%);
8983
- transform: translateY(-103%); } }
8984
-
8985
- /*
8986
- * Common Buttons Style.
8987
- */
8988
- .premium-button .premium-lottie-animation,
8989
- .premium-image-button .premium-lottie-animation {
8990
- -js-display: flex;
8991
- display: -webkit-box;
8992
- display: -webkit-flex;
8993
- display: -moz-box;
8994
- display: -ms-flexbox;
8995
- display: flex; }
8996
-
8997
- .premium-button svg,
8998
- .premium-image-button svg {
8999
- width: 30px;
9000
- height: 30px; }
9001
-
9002
- .premium-btn-sm,
9003
- .premium-btn-md,
9004
- .premium-btn-lg,
9005
- .premium-btn-block {
9006
- background-color: #eee;
9007
- color: #042551;
9008
- margin: 0px;
9009
- text-decoration: none; }
9010
- .premium-btn-sm:hover,
9011
- .premium-btn-md:hover,
9012
- .premium-btn-lg:hover,
9013
- .premium-btn-block:hover {
9014
- background-color: #54595f;
9015
- color: #eee; }
9016
-
9017
- div[class*="elementor-widget-premium"] .premium-btn-sm {
9018
- padding: 12px 24px;
9019
- font-size: 14px;
9020
- line-height: 1; }
9021
-
9022
- div[class*="elementor-widget-premium"] .premium-btn-md {
9023
- padding: 14px 26px;
9024
- font-size: 16px;
9025
- line-height: 1.2; }
9026
-
9027
- div[class*="elementor-widget-premium"] .premium-btn-lg {
9028
- padding: 16px 28px;
9029
- font-size: 18px;
9030
- line-height: 1.3333; }
9031
-
9032
- div[class*="elementor-widget-premium"] .premium-btn-block {
9033
- font-size: 18px;
9034
- line-height: 1;
9035
- padding: 20px 0px;
9036
- width: 100%;
9037
- text-align: center; }
9038
-
9039
- .premium-button-text {
9040
- display: inline-block;
9041
- width: 100%; }
9042
-
9043
- /*
9044
- * Common Button/Image Button Mouse Detect Effect.
9045
- */
9046
- .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
9047
- position: absolute;
9048
- z-index: 0;
9049
- top: 0;
9050
- left: 0;
9051
- width: 0px;
9052
- height: 0px;
9053
- -webkit-border-radius: 50%;
9054
- border-radius: 50%;
9055
- display: block;
9056
- -webkit-transform: translate(-50%, -50%);
9057
- -ms-transform: translate(-50%, -50%);
9058
- transform: translate(-50%, -50%);
9059
- -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
9060
- transition: width 0.4s ease-in-out, height 0.4s ease-in-out; }
9061
-
9062
- .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
9063
- width: 225%;
9064
- height: 560px; }
9065
-
9066
- .premium-mouse-detect-yes .premium-button-style6:before {
9067
- width: 0;
9068
- height: 0; }
9069
-
9070
- /** Loader */
9071
- .premium-loader {
9072
- border: 3px solid #f3f3f3;
9073
- border-top-width: 3px;
9074
- border-top-style: solid;
9075
- border-top-color: #f3f3f3;
9076
- -webkit-border-radius: 50%;
9077
- border-radius: 50%;
9078
- border-top: 3px solid;
9079
- border-top-color: #bbb;
9080
- width: 30px;
9081
- height: 30px;
9082
- -webkit-animation: spin 2s linear infinite;
9083
- animation: spin 2s linear infinite;
9084
- margin: 0 auto; }
9085
-
9086
- /*
9087
- Common SVG Draw
9088
- premium-svg-drawer not prefixed with 'svg'
9089
- because it's rendered as div with custom SVG code.
9090
- */
9091
- .premium-svg-nodraw *,
9092
- .premium-svg-drawer * {
9093
- -webkit-transition: all 0.3s ease-in-out;
9094
- transition: all 0.3s ease-in-out;
9095
- -webkit-transition-property: stroke, fill, background-color;
9096
- transition-property: stroke, fill, background-color; }
9097
-
9098
- .premium-svg-nodraw .no-transition,
9099
- .premium-svg-drawer .no-transition {
9100
- -webkit-transition: none !important;
9101
- transition: none !important; }
9102
-
9103
- /** Common Animation */
9104
- @-webkit-keyframes spin {
9105
- 0% {
9106
- -webkit-transform: rotate(0deg);
9107
- transform: rotate(0deg); }
9108
- 100% {
9109
- -webkit-transform: rotate(360deg);
9110
- transform: rotate(360deg); } }
9111
- @keyframes spin {
9112
- 0% {
9113
- -webkit-transform: rotate(0deg);
9114
- transform: rotate(0deg); }
9115
- 100% {
9116
- -webkit-transform: rotate(360deg);
9117
- transform: rotate(360deg); } }
9118
-
9119
- /**Notice*/
9120
- .premium-error-notice {
9121
- width: 100%;
9122
- padding: 10px;
9123
- color: #b94a48;
9124
- background-color: #f2dede;
9125
- border-color: #eed3d7;
9126
- text-align: center; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1264
  -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1265
  transform: translate3d(-10px, 0, 0) scale(1.1); }
1266
 
1267
+ /**************** Premium Blog *****************/
1268
+ /***********************************************/
1269
+ .premium-blog-thumb-effect-wrapper {
1270
+ position: relative;
1271
+ overflow: hidden; }
1272
+
1273
+ .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
1274
+ position: absolute;
1275
+ top: 0;
1276
+ left: 0;
1277
+ width: 100%;
1278
+ height: 100%;
1279
+ z-index: 2;
1280
+ padding: 20px; }
1281
+
1282
+ .premium-blog-bordered-effect .premium-blog-post-link {
1283
+ display: block;
1284
+ height: 100%;
1285
+ position: relative; }
1286
+
1287
+ /*Thumbnail Img*/
1288
+ .premium-blog-wrap .premium-blog-thumbnail-container {
1289
+ overflow: hidden; }
1290
+ .premium-blog-wrap .premium-blog-thumbnail-container img,
1291
+ .premium-blog-wrap .premium-blog-thumbnail-container .below-entry-meta {
1292
+ width: 100%;
1293
+ height: 100%;
1294
+ margin: 0 !important;
1295
+ -webkit-transition: all 0.4s ease-in-out;
1296
+ transition: all 0.4s ease-in-out;
1297
+ display: block; }
1298
+
1299
+ .premium-blog-zoomout-effect img,
1300
+ .premium-blog-scale-effect img {
1301
+ -webkit-transform: scale(1.2);
1302
+ -ms-transform: scale(1.2);
1303
+ transform: scale(1.2); }
1304
+
1305
+ .premium-blog-sepia-effect img {
1306
+ -webkit-filter: sepia(30%);
1307
+ filter: sepia(30%); }
1308
+
1309
+ .premium-blog-bright-effect img {
1310
+ -webkit-filter: brightness(1);
1311
+ filter: brightness(1); }
1312
+
1313
+ .premium-blog-trans-effect img {
1314
+ -webkit-transform: translateX(-15px) scale(1.1);
1315
+ -ms-transform: translateX(-15px) scale(1.1);
1316
+ transform: translateX(-15px) scale(1.1); }
1317
+
1318
+ .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
1319
+ -webkit-transform: scale(1.2);
1320
+ -ms-transform: scale(1.2);
1321
+ transform: scale(1.2); }
1322
+
1323
+ .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
1324
+ -webkit-transform: scale(1.1);
1325
+ -ms-transform: scale(1.1);
1326
+ transform: scale(1.1); }
1327
+
1328
+ .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
1329
+ -webkit-transform: scale(1.3) rotate(5deg);
1330
+ -ms-transform: scale(1.3) rotate(5deg);
1331
+ transform: scale(1.3) rotate(5deg); }
1332
+
1333
+ .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
1334
+ -webkit-filter: grayscale(100%);
1335
+ filter: grayscale(100%); }
1336
+
1337
+ .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
1338
+ -webkit-filter: blur(3px);
1339
+ filter: blur(3px); }
1340
+
1341
+ .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
1342
+ -webkit-filter: sepia(0%);
1343
+ filter: sepia(0%); }
1344
+
1345
+ .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
1346
+ -webkit-filter: brightness(1.2);
1347
+ filter: brightness(1.2); }
1348
+
1349
+ .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
1350
+ -webkit-transform: translateX(0px) scale(1.1);
1351
+ -ms-transform: translateX(0px) scale(1.1);
1352
+ transform: translateX(0px) scale(1.1); }
1353
+
1354
+ .premium-blog-post-container {
1355
+ overflow: hidden; }
1356
+ .premium-blog-post-container .premium-blog-inner-container {
1357
+ -js-display: flex;
1358
+ display: -webkit-box;
1359
+ display: -webkit-flex;
1360
+ display: -moz-box;
1361
+ display: -ms-flexbox;
1362
+ display: flex;
1363
+ -webkit-box-orient: vertical;
1364
+ -webkit-box-direction: normal;
1365
+ -webkit-flex-direction: column;
1366
+ -moz-box-orient: vertical;
1367
+ -moz-box-direction: normal;
1368
+ -ms-flex-direction: column;
1369
+ flex-direction: column; }
1370
+ .premium-blog-post-container .premium-blog-post-content {
1371
+ line-height: 1.5em;
1372
+ color: #777;
1373
+ font-size: 14px;
1374
+ margin-bottom: 10px; }
1375
+ .premium-blog-post-container ul.post-categories a:hover, .premium-blog-post-container ul.post-categories a:focus,
1376
+ .premium-blog-post-container .premium-blog-post-link:hover,
1377
+ .premium-blog-post-container .premium-blog-post-link:focus {
1378
+ -webkit-box-shadow: none !important;
1379
+ box-shadow: none !important;
1380
+ outline: none !important; }
1381
+ .premium-blog-post-container .premium-blog-entry-title {
1382
+ font-size: 18px;
1383
+ margin-bottom: 5px; }
1384
+ .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
1385
+ position: relative;
1386
+ z-index: 3;
1387
+ top: -50px; }
1388
+ .premium-blog-post-container .premium-blog-content-wrapper {
1389
+ background-color: #f5f5f5;
1390
+ padding: 30px; }
1391
+ .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
1392
+ top: 0; }
1393
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before, .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
1394
+ position: absolute;
1395
+ content: "";
1396
+ z-index: 1;
1397
+ top: 50%;
1398
+ left: 50%;
1399
+ opacity: 0;
1400
+ -webkit-transform: translate(-50%, -50%);
1401
+ -ms-transform: translate(-50%, -50%);
1402
+ transform: translate(-50%, -50%);
1403
+ -webkit-transition: all 0.4s linear 0s;
1404
+ transition: all 0.4s linear 0s;
1405
+ height: 1px;
1406
+ width: 100%;
1407
+ background-color: #fff; }
1408
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
1409
+ width: 1px;
1410
+ height: 100%; }
1411
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner):hover .premium-blog-thumbnail-container:after {
1412
+ width: 20px;
1413
+ opacity: 1; }
1414
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner):hover .premium-blog-thumbnail-container:before {
1415
+ height: 20px;
1416
+ opacity: 1; }
1417
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
1418
+ margin: 0px 10px 20px;
1419
+ clear: both; }
1420
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay {
1421
+ position: absolute;
1422
+ top: 0;
1423
+ left: 0;
1424
+ width: 100%;
1425
+ height: 100%;
1426
+ -webkit-transition: all 0.3s ease-in-out;
1427
+ transition: all 0.3s ease-in-out;
1428
+ opacity: 0; }
1429
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a {
1430
+ -js-display: flex;
1431
+ display: -webkit-box;
1432
+ display: -webkit-flex;
1433
+ display: -moz-box;
1434
+ display: -ms-flexbox;
1435
+ display: flex;
1436
+ -webkit-box-pack: center;
1437
+ -webkit-justify-content: center;
1438
+ -moz-box-pack: center;
1439
+ -ms-flex-pack: center;
1440
+ justify-content: center;
1441
+ -webkit-box-align: center;
1442
+ -webkit-align-items: center;
1443
+ -moz-box-align: center;
1444
+ -ms-flex-align: center;
1445
+ align-items: center;
1446
+ width: 100%;
1447
+ height: 100%; }
1448
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
1449
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span,
1450
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,
1451
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
1452
+ -webkit-transition: all 0.3s ease-in-out;
1453
+ transition: all 0.3s ease-in-out; }
1454
+ .premium-blog-post-container.premium-blog-skin-side {
1455
+ -js-display: flex;
1456
+ display: -webkit-box;
1457
+ display: -webkit-flex;
1458
+ display: -moz-box;
1459
+ display: -ms-flexbox;
1460
+ display: flex; }
1461
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
1462
+ height: 100%; }
1463
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
1464
+ -webkit-box-flex: 1;
1465
+ -webkit-flex: 1;
1466
+ -moz-box-flex: 1;
1467
+ -ms-flex: 1;
1468
+ flex: 1; }
1469
+ .premium-blog-post-container.premium-blog-skin-banner {
1470
+ position: relative; }
1471
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
1472
+ position: absolute;
1473
+ width: 100%;
1474
+ bottom: -5px;
1475
+ -js-display: flex;
1476
+ display: -webkit-box;
1477
+ display: -webkit-flex;
1478
+ display: -moz-box;
1479
+ display: -ms-flexbox;
1480
+ display: flex;
1481
+ -webkit-box-orient: vertical;
1482
+ -webkit-box-direction: normal;
1483
+ -webkit-flex-direction: column;
1484
+ -moz-box-orient: vertical;
1485
+ -moz-box-direction: normal;
1486
+ -ms-flex-direction: column;
1487
+ flex-direction: column;
1488
+ background-color: transparent;
1489
+ z-index: 3;
1490
+ -webkit-transition: bottom 0.3s ease-in-out;
1491
+ transition: bottom 0.3s ease-in-out; }
1492
+ .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper {
1493
+ bottom: 0px; }
1494
+ .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
1495
+ margin: 0;
1496
+ padding: 0;
1497
+ list-style: none;
1498
+ -js-display: flex;
1499
+ display: -webkit-box;
1500
+ display: -webkit-flex;
1501
+ display: -moz-box;
1502
+ display: -ms-flexbox;
1503
+ display: flex; }
1504
+ .premium-blog-post-container .premium-blog-cats-container a {
1505
+ display: block;
1506
+ font-size: 12px;
1507
+ color: #fff;
1508
+ background-color: #777;
1509
+ margin: 0 3px 10px 0;
1510
+ padding: 5px;
1511
+ -webkit-transition: all 0.3s ease-in-out;
1512
+ transition: all 0.3s ease-in-out; }
1513
+
1514
+ /*
1515
+ * Diagonal Effect
1516
+ */
1517
+ .premium-blog-diagonal-container {
1518
+ position: absolute;
1519
+ top: 0;
1520
+ left: 0;
1521
+ width: 100%;
1522
+ height: 100%; }
1523
+
1524
+ .premium-blog-diagonal-effect:before {
1525
+ position: absolute;
1526
+ top: 0px;
1527
+ left: 0px;
1528
+ width: 100%;
1529
+ height: 100%;
1530
+ content: " ";
1531
+ z-index: 1;
1532
+ background: rgba(255, 255, 255, 0.2);
1533
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
1534
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
1535
+ -webkit-transition: all 0.3s linear 0s;
1536
+ transition: all 0.3s linear 0s; }
1537
+
1538
+ .premium-blog-post-outer-container:hover .premium-blog-diagonal-effect:before {
1539
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
1540
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
1541
+
1542
+ /*
1543
+ * Framed Effect
1544
+ */
1545
+ .premium-blog-framed-effect {
1546
+ position: absolute;
1547
+ width: -webkit-calc(100% - 30px);
1548
+ width: calc(100% - 30px);
1549
+ height: -webkit-calc(100% - 30px);
1550
+ height: calc(100% - 30px);
1551
+ top: 15px;
1552
+ left: 15px;
1553
+ opacity: 0;
1554
+ -webkit-transform: scale(0.3);
1555
+ -ms-transform: scale(0.3);
1556
+ transform: scale(0.3);
1557
+ -webkit-transition: all 0.3s linear 0s;
1558
+ transition: all 0.3s linear 0s; }
1559
+
1560
+ .premium-blog-post-outer-container:hover .premium-blog-framed-effect {
1561
+ opacity: 0.99;
1562
+ -webkit-transform: scale(1);
1563
+ -ms-transform: scale(1);
1564
+ transform: scale(1); }
1565
+
1566
+ /*
1567
+ * Bordered Effect
1568
+ */
1569
+ .premium-blog-bordered-effect {
1570
+ position: absolute;
1571
+ top: 0;
1572
+ left: 0;
1573
+ width: 100%;
1574
+ height: 100%;
1575
+ opacity: 0;
1576
+ padding: 15px;
1577
+ -webkit-transition: all 0.3s linear 0s;
1578
+ transition: all 0.3s linear 0s; }
1579
+ .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-bordered-effect .premium-blog-post-link:after {
1580
+ content: "";
1581
+ display: block;
1582
+ position: absolute;
1583
+ top: 0;
1584
+ left: 0;
1585
+ width: 100%;
1586
+ height: 100%;
1587
+ -webkit-transition: all 0.5s linear 0s;
1588
+ transition: all 0.5s linear 0s;
1589
+ -webkit-transition-delay: 0s;
1590
+ transition-delay: 0s;
1591
+ border-color: rgba(255, 255, 255, 0.45); }
1592
+ .premium-blog-bordered-effect .premium-blog-post-link:before {
1593
+ border-right: 2px solid;
1594
+ border-left: 2px solid;
1595
+ -webkit-transform: scale(1, 0);
1596
+ -ms-transform: scale(1, 0);
1597
+ transform: scale(1, 0);
1598
+ -webkit-transform-origin: 100% 0;
1599
+ -ms-transform-origin: 100% 0;
1600
+ transform-origin: 100% 0; }
1601
+ .premium-blog-bordered-effect .premium-blog-post-link:after {
1602
+ border-top: 2px solid;
1603
+ border-bottom: 2px solid;
1604
+ -webkit-transform: scale(0, 1);
1605
+ -ms-transform: scale(0, 1);
1606
+ transform: scale(0, 1);
1607
+ -webkit-transform-origin: 0 0;
1608
+ -ms-transform-origin: 0 0;
1609
+ transform-origin: 0 0; }
1610
+
1611
+ .premium-blog-bordered-effect:hover {
1612
+ opacity: 0.99; }
1613
+ .premium-blog-bordered-effect:hover .premium-blog-post-link:before, .premium-blog-bordered-effect:hover .premium-blog-post-link:after {
1614
+ -webkit-transition-delay: 0.15s;
1615
+ transition-delay: 0.15s;
1616
+ opacity: 1;
1617
+ -webkit-transform: scale(1);
1618
+ -ms-transform: scale(1);
1619
+ transform: scale(1); }
1620
+
1621
+ /*
1622
+ * Squares Effect
1623
+ */
1624
+ .premium-blog-squares-effect,
1625
+ .premium-blog-squares-square-container {
1626
+ position: absolute;
1627
+ top: 0;
1628
+ left: 0;
1629
+ width: 100%;
1630
+ height: 100%; }
1631
+
1632
+ .premium-blog-squares-effect:before, .premium-blog-squares-effect:after {
1633
+ position: absolute;
1634
+ content: "";
1635
+ top: 0;
1636
+ left: 0;
1637
+ width: 50%;
1638
+ height: 50%;
1639
+ -webkit-transform: translate(-100%, -100%);
1640
+ -ms-transform: translate(-100%, -100%);
1641
+ transform: translate(-100%, -100%);
1642
+ opacity: 0.7;
1643
+ -webkit-transition: all 0.3s linear 0s;
1644
+ transition: all 0.3s linear 0s; }
1645
+
1646
+ .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
1647
+ position: absolute;
1648
+ content: "";
1649
+ top: 0;
1650
+ left: 0;
1651
+ width: 50%;
1652
+ height: 50%;
1653
+ -webkit-transform: translate(-100%, -100%);
1654
+ -ms-transform: translate(-100%, -100%);
1655
+ transform: translate(-100%, -100%);
1656
+ opacity: 0.7;
1657
+ -webkit-transition: all 0.3s linear 0s;
1658
+ transition: all 0.3s linear 0s; }
1659
+
1660
+ .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
1661
+ opacity: 0.8; }
1662
+
1663
+ .premium-blog-squares-effect:after {
1664
+ -webkit-transform: translate(200%, 200%);
1665
+ -ms-transform: translate(200%, 200%);
1666
+ transform: translate(200%, 200%); }
1667
+
1668
+ .premium-blog-squares-square-container:before {
1669
+ -webkit-transform: translate(-100%, 200%);
1670
+ -ms-transform: translate(-100%, 200%);
1671
+ transform: translate(-100%, 200%); }
1672
+
1673
+ .premium-blog-squares-square-container:after {
1674
+ -webkit-transform: translate(200%, -100%);
1675
+ -ms-transform: translate(200%, -100%);
1676
+ transform: translate(200%, -100%); }
1677
+
1678
+ .premium-blog-squares-effect:hover:before {
1679
+ -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
1680
+ -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
1681
+ transform: translate(0, 0%) scaleY(1.003) scaleX(1.003); }
1682
+
1683
+ .premium-blog-squares-effect:hover:after {
1684
+ -webkit-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
1685
+ -ms-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
1686
+ transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003); }
1687
+
1688
+ .premium-blog-squares-effect:hover .premium-blog-squares-square-container:before {
1689
+ -webkit-transform: translate(0, 100%);
1690
+ -ms-transform: translate(0, 100%);
1691
+ transform: translate(0, 100%); }
1692
+
1693
+ .premium-blog-squares-effect:hover .premium-blog-squares-square-container:after {
1694
+ -webkit-transform: translate(100%, 0%);
1695
+ -ms-transform: translate(100%, 0%);
1696
+ transform: translate(100%, 0%); }
1697
+
1698
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
1699
+ opacity: 1; }
1700
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
1701
+ opacity: 1;
1702
+ -webkit-transform: scale(1);
1703
+ -ms-transform: scale(1);
1704
+ transform: scale(1); }
1705
+
1706
+ .premium-blog-clear-fix {
1707
+ clear: both; }
1708
+
1709
+ .premium-blog-masked .premium-blog-thumbnail-container {
1710
+ position: relative;
1711
+ overflow: visible; }
1712
+ .premium-blog-masked .premium-blog-thumbnail-container svg {
1713
+ position: absolute;
1714
+ height: 100px;
1715
+ width: 100%;
1716
+ bottom: -5px;
1717
+ left: 0;
1718
+ fill: #f5f5f5;
1719
+ z-index: 99; }
1720
+ .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
1721
+ -webkit-transform: rotate(180deg);
1722
+ -ms-transform: rotate(180deg);
1723
+ transform: rotate(180deg); }
1724
+
1725
+ .premium-blog-masked .premium-blog-author-thumbnail,
1726
+ .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
1727
+ z-index: 999 !important; }
1728
+
1729
+ .premium-blog-format-link {
1730
+ padding: 5px;
1731
+ line-height: 0; }
1732
+
1733
+ .premium-blog-entry-meta {
1734
+ line-height: 1.3em;
1735
+ font-size: 12px;
1736
+ margin-bottom: 13px;
1737
+ color: #adadad; }
1738
+ .premium-blog-entry-meta i {
1739
+ margin-right: 3px;
1740
+ -webkit-transition: all 0.3s ease-in-out;
1741
+ transition: all 0.3s ease-in-out; }
1742
+
1743
+ .premium-blog-meta-data {
1744
+ display: inline-block; }
1745
+ .premium-blog-meta-data .premium-blog-meta-separator {
1746
+ margin: 0 5px; }
1747
+ .premium-blog-meta-data a,
1748
+ .premium-blog-meta-data span {
1749
+ color: inherit;
1750
+ -webkit-transition: all 0.3s ease-in-out;
1751
+ transition: all 0.3s ease-in-out; }
1752
+
1753
+ .premium-blog-author-thumbnail {
1754
+ position: relative;
1755
+ padding: 0 30px;
1756
+ width: 100%;
1757
+ top: -10px;
1758
+ height: 0;
1759
+ pointer-events: none; }
1760
+ .premium-blog-author-thumbnail img {
1761
+ -webkit-border-radius: 50%;
1762
+ border-radius: 50%;
1763
+ width: 60px;
1764
+ pointer-events: all;
1765
+ -webkit-transform: translateY(-50%);
1766
+ -ms-transform: translateY(-50%);
1767
+ transform: translateY(-50%); }
1768
+
1769
+ .premium-blog-entry-title a,
1770
+ .premium-blog-post-tags-container a,
1771
+ .premium-blog-post-content .premium-blog-excerpt-link {
1772
+ -webkit-transition: all 0.3s ease-in-out;
1773
+ transition: all 0.3s ease-in-out; }
1774
+
1775
+ .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
1776
+ background-color: transparent;
1777
+ color: #54595f;
1778
+ padding: 0; }
1779
+
1780
+ .premium-blog-cta-full-yes .premium-blog-excerpt-link {
1781
+ width: 100%; }
1782
+
1783
+ .premium-blog-post-tags-container {
1784
+ margin-top: 8px;
1785
+ -js-display: flex;
1786
+ display: -webkit-box;
1787
+ display: -webkit-flex;
1788
+ display: -moz-box;
1789
+ display: -ms-flexbox;
1790
+ display: flex;
1791
+ -webkit-box-align: center;
1792
+ -webkit-align-items: center;
1793
+ -moz-box-align: center;
1794
+ -ms-flex-align: center;
1795
+ align-items: center;
1796
+ -webkit-flex-wrap: wrap;
1797
+ -ms-flex-wrap: wrap;
1798
+ flex-wrap: wrap; }
1799
+ .premium-blog-post-tags-container a {
1800
+ color: inherit;
1801
+ margin-left: 5px; }
1802
+
1803
+ /*Tags align*/
1804
+ .premium-blog-align-left .post-categories,
1805
+ .premium-blog-align-left .premium-blog-post-tags-container {
1806
+ -webkit-box-pack: start;
1807
+ -webkit-justify-content: flex-start;
1808
+ -moz-box-pack: start;
1809
+ -ms-flex-pack: start;
1810
+ justify-content: flex-start; }
1811
+
1812
+ .premium-blog-align-left .premium-blog-inner-container {
1813
+ -webkit-box-align: start;
1814
+ -webkit-align-items: flex-start;
1815
+ -moz-box-align: start;
1816
+ -ms-flex-align: start;
1817
+ align-items: flex-start; }
1818
+
1819
+ .premium-blog-align-center .post-categories,
1820
+ .premium-blog-align-center .premium-blog-post-tags-container {
1821
+ -webkit-box-pack: center;
1822
+ -webkit-justify-content: center;
1823
+ -moz-box-pack: center;
1824
+ -ms-flex-pack: center;
1825
+ justify-content: center; }
1826
+
1827
+ .premium-blog-align-center .premium-blog-inner-container {
1828
+ -webkit-box-align: center;
1829
+ -webkit-align-items: center;
1830
+ -moz-box-align: center;
1831
+ -ms-flex-align: center;
1832
+ align-items: center; }
1833
+
1834
+ .premium-blog-align-right .post-categories,
1835
+ .premium-blog-align-right .premium-blog-post-tags-container {
1836
+ -webkit-box-pack: end;
1837
+ -webkit-justify-content: flex-end;
1838
+ -moz-box-pack: end;
1839
+ -ms-flex-pack: end;
1840
+ justify-content: flex-end; }
1841
+
1842
+ .premium-blog-align-right .premium-blog-inner-container {
1843
+ -webkit-box-align: end;
1844
+ -webkit-align-items: flex-end;
1845
+ -moz-box-align: end;
1846
+ -ms-flex-align: end;
1847
+ align-items: flex-end; }
1848
+
1849
+ /* Pagination */
1850
+ .premium-blog-pagination-container {
1851
+ text-align: right; }
1852
+ .premium-blog-pagination-container span {
1853
+ cursor: default; }
1854
+ .premium-blog-pagination-container .page-numbers {
1855
+ display: inline-block;
1856
+ color: #000;
1857
+ line-height: 1;
1858
+ font-size: 1em;
1859
+ font-weight: 400;
1860
+ text-decoration: none;
1861
+ padding: 0.75em;
1862
+ margin: 0 0.4em 0.4em 0;
1863
+ -webkit-transition: all 0.3s ease-in-out;
1864
+ transition: all 0.3s ease-in-out; }
1865
+
1866
+ .premium-blog-wrap .premium-loading-feed {
1867
+ display: block;
1868
+ position: absolute;
1869
+ width: 100%;
1870
+ height: 100%;
1871
+ top: 0px;
1872
+ left: 0px;
1873
+ bottom: 0px;
1874
+ right: 0px;
1875
+ background: rgba(255, 255, 255, 0.2);
1876
+ -js-display: flex;
1877
+ display: -webkit-box;
1878
+ display: -webkit-flex;
1879
+ display: -moz-box;
1880
+ display: -ms-flexbox;
1881
+ display: flex;
1882
+ -webkit-box-align: center;
1883
+ -webkit-align-items: center;
1884
+ -moz-box-align: center;
1885
+ -ms-flex-align: center;
1886
+ align-items: center;
1887
+ z-index: 99; }
1888
+
1889
+ .premium-blog-wrap {
1890
+ -js-display: flex;
1891
+ display: -webkit-box;
1892
+ display: -webkit-flex;
1893
+ display: -moz-box;
1894
+ display: -ms-flexbox;
1895
+ display: flex;
1896
+ -webkit-flex-wrap: wrap;
1897
+ -ms-flex-wrap: wrap;
1898
+ flex-wrap: wrap; }
1899
+ .premium-blog-wrap ul.slick-dots {
1900
+ width: 100%; }
1901
+
1902
+ /*
1903
+ * List Layout
1904
+ */
1905
+ .premium-blog-list .premium-blog-post-outer-container {
1906
+ width: 100%; }
1907
+
1908
+ /**
1909
+ * Even Layout
1910
+ */
1911
+ .premium-blog-even .premium-blog-post-container {
1912
+ height: 100%; }
1913
+
1914
+ .premium-blog-even .slick-track {
1915
+ -js-display: flex;
1916
+ display: -webkit-box;
1917
+ display: -webkit-flex;
1918
+ display: -moz-box;
1919
+ display: -ms-flexbox;
1920
+ display: flex; }
1921
+
1922
+ .premium-blog-even .slick-slide {
1923
+ height: inherit !important; }
1924
+
1925
+ .premium-blog-filter {
1926
+ -js-display: flex;
1927
+ display: -webkit-box;
1928
+ display: -webkit-flex;
1929
+ display: -moz-box;
1930
+ display: -ms-flexbox;
1931
+ display: flex;
1932
+ -webkit-box-align: center;
1933
+ -webkit-align-items: center;
1934
+ -moz-box-align: center;
1935
+ -ms-flex-align: center;
1936
+ align-items: center;
1937
+ -webkit-box-pack: center;
1938
+ -webkit-justify-content: center;
1939
+ -moz-box-pack: center;
1940
+ -ms-flex-pack: center;
1941
+ justify-content: center; }
1942
+
1943
+ .premium-blog-filter .premium-blog-filters-container li a.category {
1944
+ outline: none;
1945
+ text-decoration: none;
1946
+ -webkit-border-radius: 75px;
1947
+ border-radius: 75px;
1948
+ margin: 15px 5px 20px;
1949
+ padding: 7px 20px;
1950
+ -webkit-transition: all 0.3s ease-in-out;
1951
+ transition: all 0.3s ease-in-out; }
1952
+
1953
+ .premium-blog-filter ul.premium-blog-filters-container {
1954
+ text-align: center;
1955
+ margin: 0;
1956
+ padding: 0; }
1957
+
1958
+ .premium-blog-filter .premium-blog-filters-container li {
1959
+ list-style: none;
1960
+ -js-display: inline-flex;
1961
+ display: -webkit-inline-box;
1962
+ display: -webkit-inline-flex;
1963
+ display: -moz-inline-box;
1964
+ display: -ms-inline-flexbox;
1965
+ display: inline-flex; }
1966
+
1967
+ /**
1968
+ * Responsive Style
1969
+ */
1970
+ @media (max-width: 768px) {
1971
+ .premium-blog-content-wrapper {
1972
+ top: 0;
1973
+ margin: 0;
1974
+ padding: 15px; }
1975
+ .premium-blog-skin-side {
1976
+ -webkit-box-orient: vertical;
1977
+ -webkit-box-direction: normal;
1978
+ -webkit-flex-direction: column;
1979
+ -moz-box-orient: vertical;
1980
+ -moz-box-direction: normal;
1981
+ -ms-flex-direction: column;
1982
+ flex-direction: column; } }
1983
+
1984
+ /**************** Premium Button ***********************/
1985
+ /*******************************************************/
1986
+ .premium-button {
1987
+ -js-display: inline-flex;
1988
+ display: -webkit-inline-box;
1989
+ display: -webkit-inline-flex;
1990
+ display: -moz-inline-box;
1991
+ display: -ms-inline-flexbox;
1992
+ display: inline-flex;
1993
  position: relative;
1994
+ overflow: hidden;
1995
+ -webkit-backface-visibility: hidden;
1996
+ backface-visibility: hidden;
1997
+ -webkit-transform: translate3d(0, 0, 0);
1998
+ transform: translate3d(0, 0, 0);
1999
+ cursor: pointer;
2000
+ -webkit-transition: all 0.2s ease-in-out !important;
2001
+ transition: all 0.2s ease-in-out !important; }
2002
+
2003
+ .premium-button-style1,
2004
+ .premium-button-style2,
2005
+ .premium-button-style5,
2006
+ .premium-button-style7 {
2007
+ display: inline-block;
2008
+ vertical-align: middle;
2009
+ -webkit-transform: perspective(1px) translateZ(0);
2010
+ transform: perspective(1px) translateZ(0);
2011
+ -webkit-box-shadow: 0 0 1px transparent;
2012
+ box-shadow: 0 0 1px transparent;
2013
+ position: relative;
2014
+ -webkit-transition-property: color;
2015
+ transition-property: color;
2016
+ -webkit-transition-duration: 0.15s;
2017
+ transition-duration: 0.15s; }
2018
 
2019
+ .premium-button-style1:before,
2020
+ .premium-button-style2:before,
2021
+ .premium-button-style5:before {
2022
+ content: "";
2023
  position: absolute;
2024
+ z-index: -1;
2025
  top: 0;
2026
  left: 0;
2027
+ right: 0;
2028
+ bottom: 0;
2029
+ -webkit-transform: scaleY(0);
2030
+ -ms-transform: scaleY(0);
2031
+ transform: scaleY(0);
2032
+ -webkit-transform-origin: 50% 0;
2033
+ -ms-transform-origin: 50% 0;
2034
+ transform-origin: 50% 0;
2035
+ -webkit-transition-property: -webkit-transform;
2036
+ transition-property: -webkit-transform;
2037
+ transition-property: transform;
2038
+ transition-property: transform, -webkit-transform;
2039
+ -webkit-transition-duration: 0.15s;
2040
+ transition-duration: 0.15s;
2041
+ -webkit-transition-timing-function: ease-out;
2042
+ transition-timing-function: ease-out; }
2043
 
2044
+ .premium-button-style5-radialin:before,
2045
+ .premium-button-style5-radialout:before {
2046
+ -webkit-transform-origin: 50%;
2047
+ -ms-transform-origin: 50%;
2048
+ transform-origin: 50%;
2049
+ -webkit-border-radius: 100%;
2050
+ border-radius: 100%;
2051
+ -webkit-transform: scale(0);
2052
+ -ms-transform: scale(0);
2053
+ transform: scale(0); }
 
2054
 
2055
+ .premium-button-style5-radialin:before {
2056
+ -webkit-transform: scale(2);
2057
+ -ms-transform: scale(2);
2058
+ transform: scale(2); }
 
2059
 
2060
+ .premium-button-style5-rectin:before {
2061
+ -webkit-transform-origin: 50%;
2062
+ -ms-transform-origin: 50%;
2063
+ transform-origin: 50%;
2064
+ -webkit-transform: scale(1);
2065
+ -ms-transform: scale(1);
2066
+ transform: scale(1); }
2067
 
2068
+ .premium-button-style5-rectout:before {
2069
+ -webkit-transform-origin: 50%;
2070
+ -ms-transform-origin: 50%;
2071
+ transform-origin: 50%;
2072
+ -webkit-transform: scale(0);
2073
+ -ms-transform: scale(0);
2074
+ transform: scale(0); }
2075
 
2076
+ .premium-button-style5-rectout:hover:before {
2077
+ -webkit-transform: scale(1);
2078
+ -ms-transform: scale(1);
2079
+ transform: scale(1); }
2080
 
2081
+ .premium-button-style5-rectin:hover:before {
2082
+ -webkit-transform: scale(0);
2083
+ -ms-transform: scale(0);
2084
+ transform: scale(0); }
2085
 
2086
+ .premium-button-style5-radialout:hover:before {
2087
+ -webkit-transform: scale(2);
2088
+ -ms-transform: scale(2);
2089
+ transform: scale(2); }
2090
 
2091
+ .premium-button-style5-radialin:hover:before {
2092
+ -webkit-transform: scale(0);
2093
+ -ms-transform: scale(0);
2094
+ transform: scale(0); }
2095
 
2096
+ .premium-button-style1-top:before {
2097
+ -webkit-transform-origin: 50% 100%;
2098
+ -ms-transform-origin: 50% 100%;
2099
+ transform-origin: 50% 100%; }
2100
 
2101
+ .premium-button-style1-right:before {
2102
+ -webkit-transform: scaleX(0);
2103
+ -ms-transform: scaleX(0);
2104
+ transform: scaleX(0);
2105
+ -webkit-transform-origin: 0% 50%;
2106
+ -ms-transform-origin: 0% 50%;
2107
+ transform-origin: 0% 50%; }
2108
 
2109
+ .premium-button-style1-left:before {
2110
+ -webkit-transform: scaleX(0);
2111
+ -ms-transform: scaleX(0);
2112
+ transform: scaleX(0);
2113
+ -webkit-transform-origin: 100% 50%;
2114
+ -ms-transform-origin: 100% 50%;
2115
+ transform-origin: 100% 50%; }
2116
 
2117
+ .premium-button-style2-shutouthor:before,
2118
+ .premium-button-style2-scshutoutver:before {
2119
+ -webkit-transform: scaleY(0);
2120
+ -ms-transform: scaleY(0);
2121
+ transform: scaleY(0);
2122
+ -webkit-transform-origin: 100% 50%;
2123
+ -ms-transform-origin: 100% 50%;
2124
+ transform-origin: 100% 50%; }
2125
 
2126
+ .premium-button-style2-shutoutver:before,
2127
+ .premium-button-style2-scshutouthor:before {
2128
+ -webkit-transform: scaleX(0);
2129
+ -ms-transform: scaleX(0);
2130
+ transform: scaleX(0);
2131
+ -webkit-transform-origin: 50% 50%;
2132
+ -ms-transform-origin: 50% 50%;
2133
+ transform-origin: 50% 50%; }
2134
 
2135
+ .premium-button-style2-shutinhor:before {
2136
+ -webkit-transform: scaleX(1);
2137
+ -ms-transform: scaleX(1);
2138
+ transform: scaleX(1);
2139
+ -webkit-transform-origin: 50%;
2140
+ -ms-transform-origin: 50%;
2141
+ transform-origin: 50%; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2142
 
2143
+ .premium-button-style2-shutinver:before {
2144
+ -webkit-transform: scaleY(1);
2145
+ -ms-transform: scaleY(1);
2146
+ transform: scaleY(1);
2147
+ -webkit-transform-origin: 50%;
2148
+ -ms-transform-origin: 50%;
2149
+ transform-origin: 50%; }
2150
 
2151
+ .premium-button-style1-bottom:hover:before,
2152
+ .premium-button-style1-top:hover:before {
2153
+ -webkit-transform: scaleY(1);
2154
+ -ms-transform: scaleY(1);
2155
+ transform: scaleY(1); }
 
 
 
 
 
 
 
 
 
 
 
 
2156
 
2157
+ .premium-button-style1-left:hover:before,
2158
+ .premium-button-style1-right:hover:before,
2159
+ .premium-button-style2-shutouthor:hover:before,
2160
+ .premium-button-style2-shutoutver:hover:before {
2161
+ -webkit-transform: scaleX(1);
2162
+ -ms-transform: scaleX(1);
2163
+ transform: scaleX(1); }
2164
 
2165
+ .premium-button-style2-shutinhor:hover:before {
2166
+ -webkit-transform: scaleX(0);
2167
+ -ms-transform: scaleX(0);
2168
+ transform: scaleX(0); }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2169
 
2170
+ .premium-button-style2-shutinver:hover:before {
2171
+ -webkit-transform: scaleY(0);
2172
+ -ms-transform: scaleY(0);
2173
+ transform: scaleY(0); }
 
 
 
 
 
2174
 
2175
+ .premium-button-style2-scshutouthor:hover:before {
2176
+ -webkit-transform: scaleX(0.9);
2177
+ -ms-transform: scaleX(0.9);
2178
+ transform: scaleX(0.9); }
 
 
 
 
 
 
2179
 
2180
+ .premium-button-style2-scshutoutver:hover:before {
2181
+ -webkit-transform: scaleY(0.8);
2182
+ -ms-transform: scaleY(0.8);
2183
+ transform: scaleY(0.8); }
 
 
 
 
 
 
 
 
 
2184
 
2185
+ /*Diagonal*/
2186
+ .premium-button-style2-dshutinhor:before {
2187
+ top: 50%;
2188
+ left: 50%;
2189
+ width: 120%;
2190
+ height: 0%;
2191
+ -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
2192
+ -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
2193
+ transform: translateX(-50%) translateY(-50%) rotate(-45deg);
2194
+ -webkit-transform-origin: 50%;
2195
+ -ms-transform-origin: 50%;
2196
+ transform-origin: 50%;
2197
+ -webkit-transition-property: all;
2198
+ transition-property: all; }
2199
 
2200
+ .premium-button-style2-dshutinver:before {
2201
+ top: 50%;
2202
+ left: 50%;
2203
+ width: 120%;
2204
+ height: 0%;
2205
+ -webkit-transform-origin: 50%;
2206
+ -ms-transform-origin: 50%;
2207
+ transform-origin: 50%;
2208
+ -webkit-transition-property: all;
2209
+ transition-property: all;
2210
+ -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
2211
+ -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
2212
+ transform: translateX(-50%) translateY(-50%) rotate(45deg); }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2213
 
2214
+ .premium-button-style2-dshutinhor:hover:before,
2215
+ .premium-button-style2-dshutinver:hover:before {
2216
+ height: 220%; }
2217
 
2218
+ .premium-button-style3-before i,
2219
+ .premium-button-style3-before svg {
2220
+ opacity: 0;
2221
+ -webkit-transform: translateX(-5px);
2222
+ -ms-transform: translateX(-5px);
2223
+ transform: translateX(-5px);
2224
+ -webkit-transition: all 0.5s ease-in-out;
2225
+ transition: all 0.5s ease-in-out; }
 
 
 
 
 
 
 
2226
 
2227
+ .premium-button-style3-after i,
2228
+ .premium-button-style3-after svg {
2229
+ opacity: 0;
2230
+ -webkit-transform: translateX(-5px);
2231
+ -ms-transform: translateX(-5px);
2232
+ transform: translateX(-5px);
2233
+ -webkit-transition: all 0.5s ease-in-out;
2234
+ transition: all 0.5s ease-in-out;
2235
+ -webkit-transform: translateX(5px);
2236
+ -ms-transform: translateX(5px);
2237
+ transform: translateX(5px); }
2238
 
2239
+ .premium-button-style3-after:hover i,
2240
+ .premium-button-style3-after:hover svg {
2241
+ opacity: 1; }
2242
 
2243
+ .premium-button-style3-before:hover i,
2244
+ .premium-button-style3-before:hover svg {
2245
+ opacity: 1; }
 
 
 
 
 
 
2246
 
2247
+ .premium-button-text-icon-wrapper {
 
 
 
 
 
 
 
 
 
 
 
 
2248
  width: 100%;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2249
  -js-display: flex;
2250
  display: -webkit-box;
2251
  display: -webkit-flex;
2252
  display: -moz-box;
2253
  display: -ms-flexbox;
2254
  display: flex;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2255
  -webkit-box-pack: center;
2256
  -webkit-justify-content: center;
2257
  -moz-box-pack: center;
2258
  -ms-flex-pack: center;
2259
+ justify-content: center;
 
 
2260
  -webkit-box-align: center;
2261
  -webkit-align-items: center;
2262
  -moz-box-align: center;
2263
  -ms-flex-align: center;
2264
+ align-items: center;
2265
+ -webkit-transition: all 0.2s ease-in-out;
2266
+ transition: all 0.2s ease-in-out; }
2267
+ .premium-button-text-icon-wrapper span,
2268
+ .premium-button-text-icon-wrapper i,
2269
+ .premium-button-text-icon-wrapper svg {
2270
+ -webkit-transition: all 0.2s ease-in-out;
2271
+ transition: all 0.2s ease-in-out; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2272
 
2273
+ .premium-button-style4-icon-wrapper {
 
2274
  position: absolute;
2275
+ z-index: 2;
2276
  width: 100%;
2277
+ text-align: center;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2278
  -js-display: flex;
2279
  display: -webkit-box;
2280
  display: -webkit-flex;
2290
  -webkit-justify-content: center;
2291
  -moz-box-pack: center;
2292
  -ms-flex-pack: center;
2293
+ justify-content: center;
2294
+ height: 100%;
2295
+ opacity: 0;
 
 
 
 
 
 
2296
  -webkit-transition: all 0.3s ease-in-out;
2297
  transition: all 0.3s ease-in-out; }
2298
+ .premium-button-style4-icon-wrapper.top {
2299
+ bottom: -100%;
2300
+ left: 0; }
2301
+ .premium-button-style4-icon-wrapper.bottom {
2302
+ top: -100%;
2303
+ left: 0; }
2304
+ .premium-button-style4-icon-wrapper.left {
 
 
 
 
 
 
 
 
 
 
 
 
 
2305
  top: 0;
2306
+ left: -100%; }
2307
+ .premium-button-style4-icon-wrapper.right {
2308
+ top: 0;
2309
+ right: -100%; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2310
 
2311
+ .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
 
 
 
 
 
2312
  top: 0;
2313
+ opacity: 1; }
2314
+
2315
+ .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
2316
  bottom: 0;
2317
+ opacity: 1; }
 
 
 
 
 
 
 
 
 
 
 
 
 
2318
 
2319
+ .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
2320
+ left: 0;
2321
+ opacity: 1; }
 
 
 
 
 
 
 
2322
 
2323
+ .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
2324
+ right: 0;
2325
+ opacity: 1; }
 
2326
 
2327
+ .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
2328
+ -webkit-transform: translateY(100%);
2329
+ -ms-transform: translateY(100%);
2330
+ transform: translateY(100%);
2331
+ opacity: 0; }
 
 
2332
 
2333
+ .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
2334
+ -webkit-transform: translateY(-100%);
2335
+ -ms-transform: translateY(-100%);
2336
+ transform: translateY(-100%);
2337
+ opacity: 0; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2338
 
2339
+ .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
2340
+ -webkit-transform: translateX(100%);
2341
+ -ms-transform: translateX(100%);
2342
+ transform: translateX(100%);
2343
+ opacity: 0; }
2344
 
2345
+ .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
2346
+ -webkit-transform: translateX(-100%);
2347
+ -ms-transform: translateX(-100%);
2348
+ transform: translateX(-100%);
2349
+ opacity: 0; }
 
 
2350
 
2351
+ .premium-button-style6:before {
2352
+ content: "";
2353
+ position: absolute;
2354
+ left: 50%;
2355
+ top: 50%;
2356
+ width: 100px;
2357
+ height: 100px;
2358
+ -webkit-border-radius: 100%;
2359
+ border-radius: 100%;
2360
+ -webkit-transform: translate(-50%, -50%) scale(0);
2361
+ -ms-transform: translate(-50%, -50%) scale(0);
2362
+ transform: translate(-50%, -50%) scale(0);
2363
+ -webkit-transition: all 0.3s ease-in-out;
2364
+ transition: all 0.3s ease-in-out; }
2365
 
2366
+ .premium-button-style6:hover:before {
2367
+ -webkit-transform: translate(-50%, -50%) scale(3);
2368
+ -ms-transform: translate(-50%, -50%) scale(3);
2369
+ transform: translate(-50%, -50%) scale(3); }
 
 
 
 
2370
 
2371
+ .premium-button-style6 .premium-button-text-icon-wrapper {
2372
+ position: relative;
2373
+ z-index: 1; }
 
 
 
 
 
2374
 
2375
+ .premium-button-style7-right .premium-button-text-icon-wrapper:before,
2376
+ .premium-button-style7-left .premium-button-text-icon-wrapper:before {
2377
+ -webkit-transition: width 0.3s ease-out 0.15s;
2378
+ transition: width 0.3s ease-out 0.15s; }
 
 
 
2379
 
2380
+ .premium-button-style7-right .premium-button-text-icon-wrapper:after,
2381
+ .premium-button-style7-left .premium-button-text-icon-wrapper:after {
2382
+ -webkit-transition: width 0.3s ease-out 0s;
2383
+ transition: width 0.3s ease-out 0s; }
 
 
 
2384
 
2385
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
2386
+ .premium-button-style7-top .premium-button-text-icon-wrapper:before {
2387
+ -webkit-transition: height 0.3s ease-out 0.15s;
2388
+ transition: height 0.3s ease-out 0.15s; }
 
2389
 
2390
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:after,
2391
+ .premium-button-style7-top .premium-button-text-icon-wrapper:after {
2392
+ -webkit-transition: height 0.3s ease-out 0s;
2393
+ transition: height 0.3s ease-out 0s; }
 
 
 
2394
 
2395
+ .premium-button-style7:hover .premium-button-text-icon-wrapper:before {
2396
+ -webkit-transition-delay: 0s;
2397
+ transition-delay: 0s; }
 
2398
 
2399
+ .premium-button-style7:hover .premium-button-text-icon-wrapper:after {
2400
+ -webkit-transition-delay: 0.15s;
2401
+ transition-delay: 0.15s; }
 
2402
 
2403
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
2404
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:after {
2405
+ content: "";
2406
+ position: absolute;
2407
+ right: 0;
2408
+ top: 0;
2409
+ left: 0;
2410
+ height: 0;
2411
+ z-index: -1; }
2412
 
2413
+ .premium-button-style7-top .premium-button-text-icon-wrapper:after,
2414
+ .premium-button-style7-top .premium-button-text-icon-wrapper:before {
2415
+ content: "";
2416
+ position: absolute;
2417
+ right: 0;
2418
+ bottom: 0;
2419
+ left: 0;
2420
+ height: 0;
2421
+ z-index: -1; }
2422
 
2423
+ .premium-button-style7-right .premium-button-text-icon-wrapper:after,
2424
+ .premium-button-style7-right .premium-button-text-icon-wrapper:before {
2425
+ content: "";
2426
+ position: absolute;
2427
+ right: 0;
2428
+ top: 0;
2429
+ bottom: 0;
2430
+ width: 0;
2431
+ z-index: -1; }
 
 
 
 
 
2432
 
2433
+ .premium-button-style7-left .premium-button-text-icon-wrapper:after,
2434
+ .premium-button-style7-left .premium-button-text-icon-wrapper:before {
2435
+ content: "";
2436
+ position: absolute;
2437
+ left: 0;
2438
+ top: 0;
2439
+ bottom: 0;
2440
+ width: 0;
2441
+ z-index: -1; }
 
 
 
 
2442
 
2443
+ .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:after,
2444
+ .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:before {
2445
+ height: 100%;
2446
+ top: 0; }
2447
 
2448
+ .premium-button-style7-top:hover .premium-button-text-icon-wrapper:after,
2449
+ .premium-button-style7-top:hover .premium-button-text-icon-wrapper:before {
2450
+ height: 100%;
2451
+ bottom: 0; }
 
 
 
 
2452
 
2453
+ .premium-button-style7-left:hover .premium-button-text-icon-wrapper:after,
2454
+ .premium-button-style7-left:hover .premium-button-text-icon-wrapper:before {
2455
+ width: 100%;
2456
+ left: 0; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2457
 
2458
  .premium-button-style7-right:hover .premium-button-text-icon-wrapper:after,
2459
  .premium-button-style7-right:hover .premium-button-text-icon-wrapper:before {
3229
  -webkit-transform: rotateX(180deg);
3230
  transform: rotateX(180deg); } }
3231
 
3232
+ /**************** Premium Bullet List ****************/
3233
+ /*****************************************************/
3234
+ .premium-bullet-list-box {
3235
+ -js-display: flex;
3236
+ display: -webkit-box;
3237
+ display: -webkit-flex;
3238
+ display: -moz-box;
3239
+ display: -ms-flexbox;
3240
+ display: flex;
3241
+ -webkit-flex-wrap: wrap;
3242
+ -ms-flex-wrap: wrap;
3243
+ flex-wrap: wrap;
3244
+ -webkit-box-orient: vertical;
3245
+ -webkit-box-direction: normal;
3246
+ -webkit-flex-direction: column;
3247
+ -moz-box-orient: vertical;
3248
+ -moz-box-direction: normal;
3249
+ -ms-flex-direction: column;
3250
+ flex-direction: column;
3251
+ padding: 0; }
3252
+ .premium-bullet-list-box .premium-bullet-list-content-grow-lc {
3253
+ -webkit-transform-origin: left center;
3254
+ -ms-transform-origin: left center;
3255
+ transform-origin: left center; }
3256
+ .premium-bullet-list-box .premium-bullet-list-content-grow-rc {
3257
+ -webkit-transform-origin: right center;
3258
+ -ms-transform-origin: right center;
3259
+ transform-origin: right center; }
3260
+ .premium-bullet-list-box .premium-bullet-list-content-grow-cc {
3261
+ -webkit-transform-origin: center center;
3262
+ -ms-transform-origin: center center;
3263
+ transform-origin: center center; }
3264
+
3265
+ .premium-bullet-list-content {
3266
+ -js-display: flex;
3267
+ display: -webkit-box;
3268
+ display: -webkit-flex;
3269
+ display: -moz-box;
3270
+ display: -ms-flexbox;
3271
+ display: flex;
3272
+ -webkit-transition: all 0.3s ease-in-out;
3273
+ transition: all 0.3s ease-in-out;
3274
+ width: auto;
3275
+ position: relative; }
3276
+ .premium-bullet-list-content .premium-bullet-list-text span,
3277
+ .premium-bullet-list-content .premium-bullet-list-wrapper {
3278
+ display: inline-block;
3279
+ -webkit-align-self: center;
3280
+ -ms-flex-item-align: center;
3281
+ align-self: center;
3282
+ -webkit-transition: all 0.3s ease-in-out;
3283
+ transition: all 0.3s ease-in-out; }
3284
+ .premium-bullet-list-content .premium-bullet-list-text span {
3285
+ margin: 0 5px;
3286
+ -webkit-box-flex: 1;
3287
+ -webkit-flex: 1;
3288
+ -moz-box-flex: 1;
3289
+ -ms-flex: 1;
3290
+ flex: 1; }
3291
+ .premium-bullet-list-content .premium-bullet-list-icon-text p {
3292
+ font-size: 18px;
3293
+ background-color: #eee;
3294
+ padding: 1px 5px;
3295
+ -webkit-border-radius: 2px;
3296
+ border-radius: 2px; }
3297
+ .premium-bullet-list-content .premium-bullet-list-text span,
3298
+ .premium-bullet-list-content .premium-bullet-list-icon-text p,
3299
+ .premium-bullet-list-content .premium-bullet-list-wrapper img,
3300
+ .premium-bullet-list-content .premium-bullet-list-wrapper svg,
3301
+ .premium-bullet-list-content .premium-bullet-list-wrapper i {
3302
+ -webkit-transition: all 0.3s ease-in-out;
3303
+ transition: all 0.3s ease-in-out; }
3304
+ .premium-bullet-list-content .premium-bullet-list-wrapper {
3305
+ position: relative;
3306
+ line-height: 0; }
3307
+ .premium-bullet-list-content .premium-bullet-list-wrapper img,
3308
+ .premium-bullet-list-content .premium-bullet-list-wrapper svg {
3309
+ width: 30px !important;
3310
+ height: 30px !important;
3311
+ position: relative;
3312
+ z-index: 500; }
3313
+ .premium-bullet-list-content .premium-bullet-list-wrapper i,
3314
+ .premium-bullet-list-content .premium-bullet-list-wrapper .premium-bullet-list-icon-text {
3315
+ position: relative;
3316
+ z-index: 500; }
3317
+ .premium-bullet-list-content .premium-bullet-list-link {
3318
+ position: absolute;
3319
+ top: 0;
3320
+ left: 0;
3321
+ width: 100%;
3322
+ height: 100%;
3323
+ z-index: 1000; }
3324
+
3325
+ .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector {
3326
+ width: 100%;
3327
+ height: 100%;
3328
+ position: absolute;
3329
+ top: 0.5em;
3330
+ z-index: 100;
3331
+ -js-display: flex;
3332
+ display: -webkit-box;
3333
+ display: -webkit-flex;
3334
+ display: -moz-box;
3335
+ display: -ms-flexbox;
3336
+ display: flex;
3337
+ -webkit-box-pack: center;
3338
+ -webkit-justify-content: center;
3339
+ -moz-box-pack: center;
3340
+ -ms-flex-pack: center;
3341
+ justify-content: center; }
3342
+ .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector .premium-icon-connector-content:after {
3343
+ content: "";
3344
+ border-right-width: 1px;
3345
+ border-right-style: solid;
3346
+ border-color: #333333;
3347
+ display: block;
3348
+ height: 100%; }
3349
+
3350
+ li.premium-bullet-list-content.premium-bullet-list-content-inline {
3351
+ -webkit-align-self: center;
3352
+ -ms-flex-item-align: center;
3353
+ align-self: center;
3354
+ z-index: 2; }
3355
+
3356
+ li.premium-bullet-list-content.premium-bullet-list-content-inline:not(:first-child) {
3357
+ margin: 0 3px; }
3358
+
3359
+ li.premium-bullet-list-content.premium-bullet-list-content-inline:first-child {
3360
+ margin: 0 3px 0 0; }
3361
+
3362
+ .premium-bullet-list-divider:not(:last-child) {
3363
+ width: 100%;
3364
+ -webkit-box-flex: 0;
3365
+ -webkit-flex: 0 0 100%;
3366
+ -moz-box-flex: 0;
3367
+ -ms-flex: 0 0 100%;
3368
+ flex: 0 0 100%;
3369
+ overflow: hidden; }
3370
+
3371
+ .premium-bullet-list-divider:not(:last-child):after {
3372
+ content: "";
3373
+ display: block;
3374
+ border-top-style: solid;
3375
+ border-top-width: 1px; }
3376
+
3377
+ .premium-bullet-list-divider-inline:not(:last-child) {
3378
+ float: right;
3379
+ display: inline-block;
3380
+ position: relative;
3381
+ height: 100%;
3382
+ overflow: hidden;
3383
+ -webkit-align-self: center;
3384
+ -ms-flex-item-align: center;
3385
+ align-self: center;
3386
+ margin: 0 3px; }
3387
+
3388
+ .premium-bullet-list-divider-inline:not(:last-child):after {
3389
+ content: "";
3390
+ display: block;
3391
+ border-left-width: 1px;
3392
+ height: 33px;
3393
+ border-left-style: solid; }
3394
+
3395
+ .premium-bullet-list-icon-text {
3396
+ line-height: 1.5; }
3397
+
3398
+ .premium-bullet-list-icon-text p,
3399
+ ul.premium-bullet-list-box,
3400
+ li.premium-bullet-list-content {
3401
+ margin: 0; }
3402
+
3403
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper i,
3404
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-text span,
3405
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-icon-text p {
3406
+ color: transparent !important;
3407
+ text-shadow: 0 0 3px #aaa; }
3408
+
3409
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-icon-connector-content,
3410
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper .premium-lottie-animation svg,
3411
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper img,
3412
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-badge {
3413
+ -webkit-filter: blur(3px);
3414
+ filter: blur(3px); }
3415
+
3416
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper i,
3417
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-text span,
3418
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-icon-text p {
3419
+ color: #aaa !important;
3420
+ text-shadow: 0 0px 0 transparent; }
3421
+
3422
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-icon-connector-content,
3423
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper .premium-lottie-animation svg,
3424
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper img,
3425
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-badge {
3426
+ -webkit-filter: none;
3427
+ filter: none; }
3428
+
3429
+ .premium-bullet-list-content .premium-bullet-list-badge {
3430
+ font-size: 11px;
3431
+ top: auto;
3432
+ min-width: -webkit-max-content;
3433
+ min-width: -moz-max-content;
3434
+ min-width: max-content;
3435
+ height: -webkit-fit-content;
3436
+ height: -moz-fit-content;
3437
+ height: fit-content; }
3438
+
3439
+ .premium-bullet-list-content .premium-bullet-list-icon-text p {
3440
+ font-size: 13px; }
3441
+
3442
+ .premium-bullet-list-gradient-effect[data-text] {
3443
+ display: inline-block;
3444
+ position: relative;
3445
+ text-decoration: none; }
3446
+
3447
+ .premium-bullet-list-gradient-effect[data-text]::before {
3448
+ content: attr(data-text);
3449
+ position: absolute;
3450
+ z-index: 1;
3451
+ overflow: hidden;
3452
+ -webkit-clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
3453
+ clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
3454
+ -webkit-background-clip: text;
3455
+ background-clip: text;
3456
+ -webkit-text-fill-color: transparent;
3457
+ -webkit-transition: all 0.4s ease;
3458
+ transition: all 0.4s ease; }
3459
+
3460
+ .premium-bullet-list-content:hover .premium-bullet-list-gradient-effect[data-text]::before,
3461
+ .premium-bullet-list-content:focus .premium-bullet-list-gradient-effect[data-text]::before {
3462
+ -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
3463
+ clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
3464
+
3465
+ ul[data-list-animation*="animated-"] .premium-bullet-list-divider,
3466
+ ul[data-list-animation*="animated-"] .premium-bullet-list-content,
3467
+ ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
3468
+ opacity: 0; }
3469
+
3470
+ .premium-bullet-list-content-grow-effect:hover {
3471
+ -webkit-transform: scale(1.07);
3472
+ -ms-transform: scale(1.07);
3473
+ transform: scale(1.07); }
3474
+
3475
+ @-webkit-keyframes spin {
3476
+ 100% {
3477
+ -webkit-transform: rotate(360deg);
3478
+ transform: rotate(360deg); } }
3479
+
3480
+ @keyframes spin {
3481
+ 100% {
3482
+ -webkit-transform: rotate(360deg);
3483
+ transform: rotate(360deg); } }
3484
+
3485
+ /**************** Premium Image Button ***********/
3486
+ /*************************************************/
3487
+ .premium-image-button {
3488
+ -js-display: inline-flex;
3489
+ display: -webkit-inline-box;
3490
+ display: -webkit-inline-flex;
3491
+ display: -moz-inline-box;
3492
+ display: -ms-inline-flexbox;
3493
+ display: inline-flex;
3494
+ position: relative;
3495
+ overflow: hidden;
3496
+ background-color: #eee;
3497
+ cursor: pointer;
3498
+ -webkit-transition: all 0.2s ease-in-out !important;
3499
+ transition: all 0.2s ease-in-out !important; }
3500
+ .premium-image-button .premium-button-style6-bg, .premium-image-button.premium-button-style6:before, .premium-image-button:not(.premium-image-button-style6):hover {
3501
+ background-color: #54595f; }
3502
+
3503
+ /*Default background for slide styles*/
3504
+ .premium-image-button-style4-icon-wrapper,
3505
+ .premium-image-button-style1:before {
3506
+ background-color: #54595f; }
3507
+
3508
+ .premium-image-button-text-icon-wrapper {
3509
+ width: 100%;
3510
+ -js-display: flex;
3511
+ display: -webkit-box;
3512
+ display: -webkit-flex;
3513
+ display: -moz-box;
3514
+ display: -ms-flexbox;
3515
+ display: flex;
3516
+ -webkit-box-pack: center;
3517
+ -webkit-justify-content: center;
3518
+ -moz-box-pack: center;
3519
+ -ms-flex-pack: center;
3520
+ justify-content: center;
3521
+ -webkit-box-align: center;
3522
+ -webkit-align-items: center;
3523
+ -moz-box-align: center;
3524
+ -ms-flex-align: center;
3525
+ align-items: center;
3526
+ position: relative;
3527
+ z-index: 3;
3528
+ -webkit-transition: all 0.2s ease-in-out;
3529
+ transition: all 0.2s ease-in-out; }
3530
+ .premium-image-button-text-icon-wrapper span,
3531
+ .premium-image-button-text-icon-wrapper i,
3532
+ .premium-image-button-text-icon-wrapper svg {
3533
+ -webkit-transition: all 0.2s ease-in-out;
3534
+ transition: all 0.2s ease-in-out; }
3535
+
3536
+ .premium-image-button-style1:before {
3537
+ position: absolute;
3538
+ content: "";
3539
+ -webkit-transition: all 0.2s ease-in-out;
3540
+ transition: all 0.2s ease-in-out; }
3541
+
3542
+ .premium-image-button-style1-bottom:before {
3543
+ width: 100%;
3544
+ height: 0;
3545
+ top: 0;
3546
+ left: 0; }
3547
+
3548
+ .premium-image-button-style1-top:before {
3549
+ width: 100%;
3550
+ height: 0;
3551
+ bottom: 0;
3552
+ left: 0; }
3553
+
3554
+ .premium-image-button-style1-right:before {
3555
+ width: 0;
3556
+ height: 100%;
3557
+ bottom: 0;
3558
+ left: 0; }
3559
+
3560
+ .premium-image-button-style1-left:before {
3561
+ width: 0;
3562
+ height: 100%;
3563
+ top: 0;
3564
+ right: 0; }
3565
+
3566
+ .premium-image-button-style1-bottom:hover:before,
3567
+ .premium-image-button-style1-top:hover:before {
3568
+ height: 100%; }
3569
+
3570
+ .premium-image-button-style1-right:hover:before,
3571
+ .premium-image-button-style1-left:hover:before {
3572
+ width: 100%; }
3573
+
3574
+ .premium-image-button-style3 {
3575
+ z-index: 10; }
3576
+ .premium-image-button-style3:before {
3577
+ position: absolute;
3578
+ top: 0px;
3579
+ left: 0px;
3580
+ width: 100%;
3581
+ height: 100%;
3582
+ content: "";
3583
+ z-index: 1;
3584
+ background: rgba(255, 255, 255, 0.2);
3585
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3586
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3587
+ -webkit-transition: all 0.8s ease-out;
3588
+ transition: all 0.8s ease-out; }
3589
+
3590
+ .premium-image-button-diagonal-right:before {
3591
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
3592
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
3593
+
3594
+ .premium-image-button-diagonal-right:hover:before {
3595
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
3596
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
3597
+
3598
+ .premium-image-button-diagonal-left:before {
3599
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
3600
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
3601
+
3602
+ .premium-image-button-diagonal-left:hover:before {
3603
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
3604
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
3605
+
3606
+ .premium-image-button-diagonal-bottom:before {
3607
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3608
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
3609
+
3610
+ .premium-image-button-diagonal-bottom:hover:before {
3611
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
3612
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
3613
+
3614
+ .premium-image-button-diagonal-top:before {
3615
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
3616
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
3617
+
3618
+ .premium-image-button-diagonal-top:hover:before {
3619
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3620
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
3621
+
3622
+ .premium-image-button-style4-icon-wrapper {
3623
+ position: absolute;
3624
+ z-index: 2;
3625
+ width: 100%;
3626
+ text-align: center;
3627
+ -js-display: flex;
3628
+ display: -webkit-box;
3629
+ display: -webkit-flex;
3630
+ display: -moz-box;
3631
+ display: -ms-flexbox;
3632
+ display: flex;
3633
+ -webkit-box-align: center;
3634
+ -webkit-align-items: center;
3635
+ -moz-box-align: center;
3636
+ -ms-flex-align: center;
3637
+ align-items: center;
3638
+ -webkit-box-pack: center;
3639
+ -webkit-justify-content: center;
3640
+ -moz-box-pack: center;
3641
+ -ms-flex-pack: center;
3642
+ justify-content: center;
3643
+ height: 100%;
3644
+ opacity: 0;
3645
+ -webkit-transition: all 0.3s ease-in-out;
3646
+ transition: all 0.3s ease-in-out; }
3647
+ .premium-image-button-style4-icon-wrapper.top {
3648
+ bottom: -100%;
3649
+ left: 0; }
3650
+ .premium-image-button-style4-icon-wrapper.bottom {
3651
+ top: -100%;
3652
+ left: 0; }
3653
+ .premium-image-button-style4-icon-wrapper.left {
3654
+ top: 0;
3655
+ left: -100%; }
3656
+ .premium-image-button-style4-icon-wrapper.right {
3657
+ top: 0;
3658
+ right: -100%; }
3659
+
3660
+ .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
3661
+ top: 0;
3662
+ opacity: 1; }
3663
+
3664
+ .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
3665
+ -webkit-transform: translateY(100%);
3666
+ -ms-transform: translateY(100%);
3667
+ transform: translateY(100%);
3668
+ opacity: 0; }
3669
+
3670
+ .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
3671
+ bottom: 0;
3672
+ opacity: 1; }
3673
+
3674
+ .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
3675
+ -webkit-transform: translateY(-100%);
3676
+ -ms-transform: translateY(-100%);
3677
+ transform: translateY(-100%);
3678
+ opacity: 0; }
3679
+
3680
+ .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
3681
+ left: 0;
3682
+ opacity: 1; }
3683
+
3684
+ .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
3685
+ -webkit-transform: translateX(100%);
3686
+ -ms-transform: translateX(100%);
3687
+ transform: translateX(100%);
3688
+ opacity: 0; }
3689
+
3690
+ .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
3691
+ right: 0;
3692
+ opacity: 1; }
3693
+
3694
+ .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
3695
+ -webkit-transform: translateX(-100%);
3696
+ -ms-transform: translateX(-100%);
3697
+ transform: translateX(-100%);
3698
+ opacity: 0; }
3699
+
3700
+ .premium-image-button-style5:before {
3701
+ position: absolute;
3702
+ content: "";
3703
+ top: 0;
3704
+ left: 0;
3705
+ width: 100%;
3706
+ height: 100%;
3707
+ opacity: 0;
3708
+ -webkit-transition: all 1s ease-in-out;
3709
+ transition: all 1s ease-in-out;
3710
+ background: rgba(255, 255, 255, 0.2);
3711
+ -webkit-animation-name: premium-overlap-effect-done;
3712
+ animation-name: premium-overlap-effect-done;
3713
+ -webkit-animation-duration: 1s;
3714
+ animation-duration: 1s; }
3715
+
3716
+ .premium-image-button-overlap-effect-vertical:before {
3717
+ -webkit-animation-name: premium-overlap-ver-effect-done;
3718
+ animation-name: premium-overlap-ver-effect-done; }
3719
+
3720
+ .premium-image-button-overlap-effect-horizontal:hover:before {
3721
+ -webkit-animation-name: premium-overlap-effect;
3722
+ animation-name: premium-overlap-effect; }
3723
+
3724
+ .premium-image-button-overlap-effect-vertical:hover:before {
3725
+ -webkit-animation-name: premium-overlap-ver-effect;
3726
+ animation-name: premium-overlap-ver-effect; }
3727
+
3728
+ .premium-image-button-style6:before {
3729
+ content: "";
3730
+ position: absolute;
3731
+ left: 50%;
3732
+ top: 50%;
3733
+ width: 100px;
3734
+ height: 100px;
3735
+ -webkit-border-radius: 100%;
3736
+ border-radius: 100%;
3737
+ -webkit-transform: translate(-50%, -50%) scale(0);
3738
+ -ms-transform: translate(-50%, -50%) scale(0);
3739
+ transform: translate(-50%, -50%) scale(0);
3740
+ -webkit-transition: all 0.3s ease-in-out;
3741
+ transition: all 0.3s ease-in-out; }
3742
+
3743
+ .premium-image-button-style6:hover:before {
3744
+ -webkit-transform: translate(-50%, -50%) scale(3);
3745
+ -ms-transform: translate(-50%, -50%) scale(3);
3746
+ transform: translate(-50%, -50%) scale(3); }
3747
+
3748
+ .premium-image-button-style6 .premium-button-text-icon-wrapper {
3749
+ position: relative;
3750
+ z-index: 1; }
3751
+
3752
+ @-webkit-keyframes premium-overlap-effect {
3753
+ 0% {
3754
+ opacity: 0;
3755
+ -webkit-transform: rotateY(0deg);
3756
+ transform: rotateY(0deg); }
3757
+ 50% {
3758
+ opacity: 1;
3759
+ -webkit-transform: rotateY(180deg);
3760
+ transform: rotateY(180deg); }
3761
+ 100% {
3762
+ opacity: 0;
3763
+ -webkit-transform: rotateY(360deg);
3764
+ transform: rotateY(360deg); } }
3765
+
3766
+ @keyframes premium-overlap-effect {
3767
+ 0% {
3768
+ opacity: 0;
3769
+ -webkit-transform: rotateY(0deg);
3770
+ transform: rotateY(0deg); }
3771
+ 50% {
3772
+ opacity: 1;
3773
+ -webkit-transform: rotateY(180deg);
3774
+ transform: rotateY(180deg); }
3775
+ 100% {
3776
+ opacity: 0;
3777
+ -webkit-transform: rotateY(360deg);
3778
+ transform: rotateY(360deg); } }
3779
+
3780
+ @-webkit-keyframes premium-overlap-effect-done {
3781
+ 0% {
3782
+ opacity: 0;
3783
+ -webkit-transform: rotateY(0deg);
3784
+ transform: rotateY(0deg); }
3785
+ 50% {
3786
+ opacity: 1;
3787
+ -webkit-transform: rotateY(180deg);
3788
+ transform: rotateY(180deg); }
3789
+ 100% {
3790
+ opacity: 0;
3791
+ -webkit-transform: rotateY(360deg);
3792
+ transform: rotateY(360deg); } }
3793
+
3794
+ @keyframes premium-overlap-effect-done {
3795
+ 0% {
3796
+ opacity: 0;
3797
+ -webkit-transform: rotateY(0deg);
3798
+ transform: rotateY(0deg); }
3799
+ 50% {
3800
+ opacity: 1;
3801
+ -webkit-transform: rotateY(180deg);
3802
+ transform: rotateY(180deg); }
3803
+ 100% {
3804
+ opacity: 0;
3805
+ -webkit-transform: rotateY(360deg);
3806
+ transform: rotateY(360deg); } }
3807
+
3808
+ @-webkit-keyframes premium-overlap-ver-effect {
3809
+ 0% {
3810
+ opacity: 0;
3811
+ -webkit-transform: rotateX(0deg);
3812
+ transform: rotateX(0deg); }
3813
+ 50% {
3814
+ opacity: 1;
3815
+ -webkit-transform: rotateX(180deg);
3816
+ transform: rotateX(180deg); }
3817
+ 100% {
3818
+ opacity: 0;
3819
+ -webkit-transform: rotateX(360deg);
3820
+ transform: rotateX(360deg); } }
3821
+
3822
+ @keyframes premium-overlap-ver-effect {
3823
+ 0% {
3824
+ opacity: 0;
3825
+ -webkit-transform: rotateX(0deg);
3826
+ transform: rotateX(0deg); }
3827
+ 50% {
3828
+ opacity: 1;
3829
+ -webkit-transform: rotateX(180deg);
3830
+ transform: rotateX(180deg); }
3831
+ 100% {
3832
+ opacity: 0;
3833
+ -webkit-transform: rotateX(360deg);
3834
+ transform: rotateX(360deg); } }
3835
+
3836
+ @-webkit-keyframes premium-overlap-ver-effect-done {
3837
+ 0% {
3838
+ opacity: 0;
3839
+ -webkit-transform: rotateX(0deg);
3840
+ transform: rotateX(0deg); }
3841
+ 50% {
3842
+ opacity: 1;
3843
+ -webkit-transform: rotateX(180deg);
3844
+ transform: rotateX(180deg); }
3845
+ 100% {
3846
+ opacity: 0;
3847
+ -webkit-transform: rotateX(360deg);
3848
+ transform: rotateX(360deg); } }
3849
+
3850
+ @keyframes premium-overlap-ver-effect-done {
3851
+ 0% {
3852
+ opacity: 0;
3853
+ -webkit-transform: rotateX(0deg);
3854
+ transform: rotateX(0deg); }
3855
+ 50% {
3856
+ opacity: 1;
3857
+ -webkit-transform: rotateX(180deg);
3858
+ transform: rotateX(180deg); }
3859
+ 100% {
3860
+ opacity: 0;
3861
+ -webkit-transform: rotateX(360deg);
3862
+ transform: rotateX(360deg); } }
3863
+
3864
+ /************ Premium Image Scroll ************/
3865
+ /**********************************************/
3866
+ @font-face {
3867
+ font-family: "pa-elements";
3868
+ src: url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.eot?vcwy2s");
3869
+ src: url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.eot?vcwy2s#iefix") format("embedded-opentype"), url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.ttf?vcwy2s") format("truetype"), url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.woff?vcwy2s") format("woff"), url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.svg?vcwy2s#pa-elements") format("svg");
3870
+ font-weight: normal;
3871
+ font-style: normal; }
3872
+
3873
+ .premium-image-scroll-section,
3874
+ .premium-image-scroll-container {
3875
+ -webkit-transition: all 0.3s ease-in-out;
3876
+ transition: all 0.3s ease-in-out; }
3877
 
3878
+ .premium-image-scroll-section {
3879
+ position: relative;
3880
+ overflow: hidden;
3881
  width: 100%;
3882
+ -webkit-mask-image: -webkit-radial-gradient(white, black); }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3883
 
3884
+ .premium-image-scroll-container {
3885
+ width: 100%; }
3886
+ .premium-image-scroll-container .premium-image-scroll-mask-media {
3887
+ -webkit-mask-repeat: no-repeat;
3888
+ mask-repeat: no-repeat;
3889
+ -webkit-mask-position: center;
3890
+ mask-position: center; }
3891
 
3892
+ .premium-container-scroll {
3893
+ overflow: auto; }
3894
 
3895
+ .premium-image-scroll-container .premium-image-scroll-horizontal {
3896
+ position: relative;
3897
+ width: 100%;
3898
+ height: 100%; }
3899
+ .premium-image-scroll-container .premium-image-scroll-horizontal img {
3900
+ max-width: none;
3901
+ height: 100%; }
3902
 
3903
+ .premium-image-scroll-container .premium-image-scroll-vertical img {
3904
  width: 100%;
3905
+ max-width: 100%;
3906
+ height: auto; }
 
 
 
 
3907
 
3908
+ .premium-image-scroll-ver {
3909
+ position: relative; }
 
 
 
3910
 
3911
+ .premium-image-scroll-container .premium-image-scroll-overlay {
3912
+ background: rgba(2, 2, 2, 0.3); }
 
 
 
 
 
 
 
 
3913
 
3914
+ .premium-image-scroll-container .premium-image-scroll-link,
3915
+ .premium-image-scroll-container .premium-image-scroll-overlay {
3916
+ position: absolute;
3917
+ top: 0;
3918
+ bottom: 0;
3919
+ left: 0;
3920
+ right: 0;
3921
+ z-index: 4; }
3922
 
3923
+ .premium-image-scroll-content {
3924
+ display: inline-block;
3925
+ position: absolute;
3926
+ height: auto;
3927
+ top: 50%;
3928
+ left: 50%;
3929
+ text-align: center;
3930
+ z-index: 5;
3931
+ -webkit-transform: translate(-50%, -50%);
3932
+ -ms-transform: translate(-50%, -50%);
3933
+ transform: translate(-50%, -50%); }
3934
 
3935
+ .premium-container-scroll-instant .premium-image-scroll-image {
3936
+ -webkit-transition: all 0s ease-in-out !important;
3937
+ transition: all 0s ease-in-out !important; }
 
3938
 
3939
+ .premium-image-scroll-container img {
3940
+ -webkit-transition: -webkit-transform 3s ease-in-out;
3941
+ transition: -webkit-transform 3s ease-in-out;
3942
+ transition: transform 3s ease-in-out;
3943
+ transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out; }
3944
 
3945
+ .premium-image-scroll-container .premium-image-scroll-overlay,
3946
+ .premium-image-scroll-container .premium-image-scroll-content {
3947
+ -webkit-transition: all 0.3s ease-in-out;
3948
+ transition: all 0.3s ease-in-out;
3949
+ opacity: 1; }
 
3950
 
3951
+ .premium-image-scroll-container:hover .premium-image-scroll-overlay {
3952
+ opacity: 0; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3953
 
3954
+ .premium-image-scroll-container:hover .premium-image-scroll-content {
3955
+ opacity: 0;
3956
+ visibility: hidden; }
3957
 
3958
+ .premium-image-scroll-content .premium-image-scroll-icon {
3959
  display: inline-block;
3960
+ font-family: "pa-elements" !important;
3961
+ speak: none;
3962
+ font-style: normal;
3963
+ font-weight: normal;
3964
+ font-variant: normal;
3965
+ text-transform: none;
3966
+ line-height: 1;
3967
+ -webkit-font-smoothing: antialiased;
3968
+ -moz-osx-font-smoothing: grayscale;
3969
+ -webkit-animation-duration: 0.5s;
3970
+ animation-duration: 0.5s;
3971
+ -webkit-animation-iteration-count: infinite;
3972
+ animation-iteration-count: infinite;
3973
+ -webkit-animation-direction: alternate;
3974
+ animation-direction: alternate;
3975
+ -webkit-animation-timing-function: ease-in-out;
3976
+ animation-timing-function: ease-in-out; }
3977
 
3978
+ .pa-horizontal-mouse-scroll:before {
3979
+ content: "\e901"; }
 
 
 
 
 
 
 
 
 
 
3980
 
3981
+ .pa-vertical-mouse-scroll:before {
3982
+ content: "\e93c"; }
 
 
3983
 
3984
+ .pa-horizontal-mouse-scroll {
3985
+ -webkit-animation-name: pa-scroll-horizontal;
3986
+ animation-name: pa-scroll-horizontal; }
 
3987
 
3988
+ .pa-vertical-mouse-scroll {
3989
+ -webkit-animation-name: pa-scroll-vertical;
3990
+ animation-name: pa-scroll-vertical; }
 
3991
 
3992
+ @-webkit-keyframes pa-scroll-vertical {
3993
+ 0% {
3994
+ -webkit-transform: translateY(0px);
3995
+ transform: translateY(0px); }
3996
  100% {
3997
+ -webkit-transform: translateY(5px);
3998
+ transform: translateY(5px); } }
3999
 
4000
+ @keyframes pa-scroll-vertical {
4001
+ 0% {
4002
+ -webkit-transform: translateY(0px);
4003
+ transform: translateY(0px); }
4004
  100% {
4005
+ -webkit-transform: translateY(5px);
4006
+ transform: translateY(5px); } }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4007
 
4008
+ @-webkit-keyframes pa-scroll-horizontal {
4009
+ 0% {
4010
+ -webkit-transform: translateX(0px);
4011
+ transform: translateX(0px); }
4012
+ 100% {
4013
+ -webkit-transform: translateX(5px);
4014
+ transform: translateX(5px); } }
4015
 
4016
+ @keyframes pa-scroll-horizontal {
4017
+ 0% {
4018
+ -webkit-transform: translateX(0px);
4019
+ transform: translateX(0px); }
4020
+ 100% {
4021
+ -webkit-transform: translateX(5px);
4022
+ transform: translateX(5px); } }
4023
+
4024
+ /**************** Premium Image Separator ****************/
4025
+ /*********************************************************/
4026
+ .premium-image-separator-container {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4027
  position: absolute;
 
 
 
 
 
 
 
 
 
 
 
4028
  width: 100%;
4029
+ z-index: 2;
4030
+ top: auto;
4031
+ -webkit-transition: all 0.3s ease-in-out;
4032
+ transition: all 0.3s ease-in-out; }
4033
+ .premium-image-separator-container svg,
4034
+ .premium-image-separator-container img {
4035
+ display: inline-block !important;
4036
+ -webkit-mask-repeat: no-repeat;
4037
+ mask-repeat: no-repeat;
4038
+ -webkit-mask-position: center;
4039
+ mask-position: center; }
4040
+ .premium-image-separator-container .premium-image-separator-link {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4041
  position: absolute;
4042
+ z-index: 9999;
4043
+ top: 0;
4044
+ left: 0;
4045
  width: 100%;
4046
  height: 100%;
4047
+ text-decoration: none; }
4048
+ .premium-image-separator-container .premium-image-separator-link:hover, .premium-image-separator-container .premium-image-separator-link:visited, .premium-image-separator-container .premium-image-separator-link:focus, .premium-image-separator-container .premium-image-separator-link:active {
4049
+ -webkit-box-shadow: none !important;
4050
+ box-shadow: none !important;
4051
+ outline: none !important;
4052
+ border: none !important;
4053
+ text-decoration: none !important; }
4054
+ .premium-image-separator-container i,
4055
+ .premium-image-separator-container > svg {
4056
+ padding: 20px;
4057
+ -webkit-transition: all 0.3s ease-in-out;
4058
+ transition: all 0.3s ease-in-out; }
4059
+
4060
+ /******** Premium Media Grid ********/
4061
+ /************************************/
4062
+ .premium-img-gallery-filter,
4063
+ .premium-blog-filter {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4064
  -js-display: flex;
4065
  display: -webkit-box;
4066
  display: -webkit-flex;
4076
  -webkit-justify-content: center;
4077
  -moz-box-pack: center;
4078
  -ms-flex-pack: center;
4079
+ justify-content: center; }
4080
+
4081
+ .premium-img-gallery {
4082
+ clear: both;
4083
+ overflow: hidden; }
4084
+
4085
+ .premium-gallery-container .premium-gallery-item {
4086
+ padding: 10px;
4087
+ float: left; }
4088
+
4089
+ .premium-gallery-container .grid-sizer {
4090
+ width: 33.33%; }
4091
+
4092
+ .premium-gallery-container .pa-gallery-item {
4093
+ padding: 10px; }
4094
+
4095
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
4096
+ .premium-blog-filter .premium-blog-filters-container li a.category {
4097
+ outline: none;
4098
+ text-decoration: none;
4099
+ -webkit-border-radius: 75px;
4100
+ border-radius: 75px;
4101
+ margin: 15px 5px 20px;
4102
+ padding: 7px 20px;
4103
  -webkit-transition: all 0.3s ease-in-out;
4104
  transition: all 0.3s ease-in-out; }
 
 
 
 
 
 
 
 
 
 
 
 
4105
 
4106
+ .pa-gallery-img {
4107
+ position: relative; }
4108
+ .pa-gallery-img .pa-gallery-whole-link {
4109
+ position: absolute;
4110
+ top: 0;
4111
+ left: 0;
4112
+ width: 100%;
4113
+ height: 100%;
4114
+ z-index: 2; }
4115
+ .pa-gallery-img .pa-gallery-whole-link span {
4116
+ display: none; }
4117
+ .pa-gallery-img.style2 .pa-gallery-whole-link, .pa-gallery-img.style3 .pa-gallery-whole-link {
4118
+ z-index: 99; }
4119
 
4120
+ .pa-gallery-img-container {
4121
+ overflow: hidden;
4122
+ -webkit-backface-visibility: hidden;
4123
+ backface-visibility: hidden;
4124
+ -webkit-transform: translate3d(0, 0, 0);
4125
+ transform: translate3d(0, 0, 0); }
4126
+ .pa-gallery-img-container img {
4127
+ display: block;
4128
+ width: 100%;
4129
+ -webkit-transition: all 0.3s ease-in-out;
4130
+ transition: all 0.3s ease-in-out; }
4131
 
4132
+ .premium-img-gallery.gray img {
4133
+ -webkit-filter: grayscale(100%);
4134
+ filter: grayscale(100%); }
4135
 
4136
+ .premium-img-gallery.zoomout img,
4137
+ .premium-img-gallery.scale img {
4138
+ -webkit-transform: scale(1.2);
4139
+ -ms-transform: scale(1.2);
4140
+ transform: scale(1.2); }
4141
 
4142
+ .premium-img-gallery.sepia img {
4143
+ -webkit-filter: sepia(30%);
4144
+ filter: sepia(30%); }
4145
 
4146
+ .premium-img-gallery.bright img {
4147
+ -webkit-filter: brightness(1);
4148
+ filter: brightness(1); }
 
 
4149
 
4150
+ .premium-img-gallery.trans img {
4151
+ -webkit-transform: translateX(-15px) scale(1.1);
4152
+ -ms-transform: translateX(-15px) scale(1.1);
4153
+ transform: translateX(-15px) scale(1.1); }
4154
 
4155
+ .pa-gallery-img .pa-gallery-magnific-image,
4156
+ .pa-gallery-img .pa-gallery-img-link {
4157
+ outline: none; }
4158
+ .pa-gallery-img .pa-gallery-magnific-image i,
4159
+ .pa-gallery-img .pa-gallery-magnific-image svg,
4160
+ .pa-gallery-img .pa-gallery-img-link i,
4161
+ .pa-gallery-img .pa-gallery-img-link svg {
4162
+ -webkit-transition: all 0.3s ease-in-out;
4163
+ transition: all 0.3s ease-in-out; }
4164
 
4165
+ .pa-gallery-img .pa-gallery-magnific-image span,
4166
+ .pa-gallery-img .pa-gallery-img-link span {
4167
+ line-height: 1;
4168
+ display: inline-block;
 
 
 
4169
  opacity: 0;
4170
+ margin: 0 5px;
4171
+ padding: 15px;
4172
+ -webkit-border-radius: 50%;
4173
+ border-radius: 50%; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4174
 
4175
+ .pa-gallery-img.style2 .pa-gallery-magnific-image span,
4176
+ .pa-gallery-img.style2 .pa-gallery-img-link span {
4177
+ margin: 0 5px 20px; }
 
4178
 
4179
+ .pa-gallery-img:hover .pa-gallery-magnific-image span {
4180
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
4181
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s; }
4182
 
4183
+ .pa-gallery-img:hover .pa-gallery-img-link span {
4184
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
4185
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s; }
 
 
 
 
 
 
 
 
 
 
4186
 
4187
+ .pa-gallery-img:hover .pa-gallery-magnific-image span,
4188
+ .pa-gallery-img:hover .pa-gallery-img-link span {
4189
+ opacity: 1; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4190
 
4191
+ .premium-gallery-icon-show a.pa-gallery-video-icon span {
4192
+ opacity: 1; }
 
 
 
 
 
 
 
 
 
 
 
4193
 
4194
+ .premium-img-gallery-filter ul.premium-gallery-cats-container,
4195
+ .premium-blog-filter ul.premium-blog-filters-container {
4196
+ text-align: center;
4197
+ margin: 0;
4198
+ padding: 0; }
 
 
 
 
 
 
 
 
4199
 
4200
+ .premium-img-gallery-filter .premium-gallery-cats-container li,
4201
+ .premium-blog-filter .premium-blog-filters-container li {
4202
+ list-style: none;
4203
+ -js-display: inline-flex;
4204
+ display: -webkit-inline-box;
4205
+ display: -webkit-inline-flex;
4206
+ display: -moz-inline-box;
4207
+ display: -ms-inline-flexbox;
4208
+ display: inline-flex; }
 
 
 
 
4209
 
4210
+ .premium-img-gallery.zoomin .pa-gallery-img:hover img {
4211
+ -webkit-transform: scale(1.1);
4212
+ -ms-transform: scale(1.1);
4213
+ transform: scale(1.1); }
 
 
 
 
 
 
 
 
 
4214
 
4215
+ .premium-img-gallery.zoomout .pa-gallery-img:hover img {
4216
+ -webkit-transform: scale(1);
4217
+ -ms-transform: scale(1);
4218
+ transform: scale(1); }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4219
 
4220
+ .premium-img-gallery.scale .pa-gallery-img:hover img {
4221
+ -webkit-transform: scale(1.3) rotate(5deg);
4222
+ -ms-transform: scale(1.3) rotate(5deg);
4223
+ transform: scale(1.3) rotate(5deg); }
4224
 
4225
+ .premium-img-gallery.gray .pa-gallery-img:hover img {
4226
+ -webkit-filter: grayscale(0%);
4227
+ filter: grayscale(0%); }
 
 
4228
 
4229
+ .premium-img-gallery.blur .pa-gallery-img:hover img {
4230
+ -webkit-filter: blur(3px);
4231
+ filter: blur(3px); }
 
 
 
 
4232
 
4233
+ .premium-img-gallery.sepia .pa-gallery-img:hover img {
4234
+ -webkit-filter: sepia(0%);
4235
+ filter: sepia(0%); }
4236
 
4237
+ .premium-img-gallery.trans .pa-gallery-img:hover img {
4238
+ -webkit-transform: translateX(0px) scale(1.1);
4239
+ -ms-transform: translateX(0px) scale(1.1);
4240
+ transform: translateX(0px) scale(1.1); }
 
 
 
4241
 
4242
+ .premium-img-gallery.bright .pa-gallery-img:hover img {
4243
+ -webkit-filter: brightness(1.2);
4244
+ filter: brightness(1.2); }
 
4245
 
4246
+ .pa-gallery-img .premium-gallery-caption {
4247
+ padding: 10px; }
4248
+ .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
4249
+ margin-bottom: 0; }
4250
 
4251
+ .pa-gallery-img.style1 {
4252
+ overflow: hidden; }
4253
 
4254
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
 
4255
  position: absolute;
4256
  top: 0;
 
4257
  left: 0;
4258
+ width: 100%;
4259
+ height: 100%;
4260
+ -webkit-transition: all 0.3s ease-in-out;
4261
+ transition: all 0.3s ease-in-out; }
4262
 
4263
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
 
4264
  position: absolute;
4265
+ top: 33.33%;
4266
+ width: 100%;
 
4267
  text-align: center;
4268
+ -webkit-transform: translateY(-50%);
4269
+ -ms-transform: translateY(-50%);
4270
+ transform: translateY(-50%);
4271
+ z-index: 3; }
 
 
 
 
4272
 
4273
+ .pa-gallery-img.style1 .premium-gallery-caption {
4274
+ position: absolute;
4275
+ top: auto;
4276
+ right: 0;
4277
+ bottom: -1px;
4278
+ left: 0;
4279
+ width: 100%;
4280
+ -webkit-transition: all 500ms ease 0s;
4281
+ transition: all 500ms ease 0s;
4282
+ -webkit-transform: translate3d(0, 100%, 0);
4283
+ transform: translate3d(0, 100%, 0); }
4284
 
4285
+ .pa-gallery-img.style1:hover .premium-gallery-caption {
4286
+ -webkit-transform: translate3d(0, 0, 0);
4287
+ transform: translate3d(0, 0, 0);
4288
+ bottom: -1px !important; }
 
4289
 
4290
+ .pa-gallery-img.default .premium-gallery-caption {
4291
+ position: absolute;
4292
+ top: auto;
4293
+ right: 0;
4294
+ left: 0;
4295
+ width: 100%;
4296
+ bottom: 0; }
4297
 
4298
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
4299
+ position: absolute;
4300
+ top: 0;
4301
+ left: 0;
4302
+ width: 100%;
4303
+ height: 100%;
4304
  opacity: 0;
4305
+ -webkit-backface-visibility: hidden;
4306
+ backface-visibility: hidden;
4307
+ -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
4308
+ transition: opacity 0.3s, -webkit-transform 0.3s;
4309
+ transition: transform 0.3s, opacity 0.3s;
4310
+ transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
4311
+ z-index: 1;
4312
+ background-color: rgba(108, 191, 226, 0.68);
4313
+ -js-display: flex;
4314
+ display: -webkit-box;
4315
+ display: -webkit-flex;
4316
+ display: -moz-box;
4317
+ display: -ms-flexbox;
4318
+ display: flex;
4319
+ text-align: center;
4320
+ -webkit-box-align: center;
4321
+ -webkit-align-items: center;
4322
+ -moz-box-align: center;
4323
+ -ms-flex-align: center;
4324
+ align-items: center; }
4325
 
4326
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
4327
+ width: 100%; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4328
 
4329
+ .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
4330
+ opacity: 1;
4331
+ -webkit-transform: translate(15px, 15px);
4332
+ -ms-transform: translate(15px, 15px);
4333
+ transform: translate(15px, 15px); }
4334
 
4335
+ .premium-clearfix {
4336
+ clear: both; }
 
4337
 
4338
+ /**
4339
+ * Metro Layout
4340
+ */
4341
+ .premium-img-gallery-metro .premium-gallery-item {
4342
+ overflow: hidden; }
4343
 
4344
+ .premium-img-gallery-metro .pa-gallery-img {
4345
+ height: 100%; }
 
 
 
 
 
4346
 
4347
+ .premium-img-gallery-metro .pa-gallery-img-container {
4348
+ height: 100%; }
4349
+ .premium-img-gallery-metro .pa-gallery-img-container img {
4350
+ min-height: 100%;
4351
+ width: 100%;
4352
+ -o-object-fit: fill;
4353
+ object-fit: fill; }
4354
 
4355
+ .premium-img-gallery .premium-gallery-item-hidden {
4356
+ visibility: hidden;
4357
+ width: 0 !important;
4358
+ height: 0 !important;
4359
+ margin: 0 !important;
4360
+ padding: 0 !important; }
 
4361
 
4362
+ .premium-gallery-load-more {
4363
+ position: relative; }
4364
+ .premium-gallery-load-more .premium-gallery-load-more-btn {
4365
+ -webkit-box-shadow: none;
4366
+ box-shadow: none;
4367
+ text-shadow: none;
4368
+ border: none;
4369
+ outline: none;
4370
+ -webkit-box-align: center;
4371
+ -webkit-align-items: center;
4372
+ -moz-box-align: center;
4373
+ -ms-flex-align: center;
4374
+ align-items: center;
4375
+ vertical-align: bottom;
4376
+ cursor: pointer;
4377
+ line-height: 1;
4378
+ font-style: normal;
4379
+ font-weight: normal;
4380
+ background-image: none;
4381
+ color: #fff;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4382
  -webkit-transition: all 0.3s ease-in-out;
4383
  transition: all 0.3s ease-in-out; }
4384
+
4385
+ .premium-gallery-load-more-btn {
4386
+ -js-display: inline-flex;
4387
+ display: -webkit-inline-box;
4388
+ display: -webkit-inline-flex;
4389
+ display: -moz-inline-box;
4390
+ display: -ms-inline-flexbox;
4391
+ display: inline-flex;
 
 
 
4392
  -webkit-box-align: center;
4393
  -webkit-align-items: center;
4394
  -moz-box-align: center;
4395
  -ms-flex-align: center;
4396
+ align-items: center; }
 
 
 
 
 
4397
 
4398
+ .premium-gallery-load-more-btn div {
4399
+ margin-left: 3px; }
 
4400
 
4401
+ .premium-gallery-load-more-btn .premium-loader {
4402
+ display: inline-block;
4403
+ width: 20px;
4404
+ height: 20px; }
4405
 
4406
+ .pa-gallery-img .pa-gallery-lightbox-wrap {
4407
+ display: inline-block; }
4408
 
4409
+ .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
4410
+ .pa-gallery-img .pa-gallery-video-icon {
4411
+ cursor: pointer; }
4412
 
4413
+ .pa-gallery-img-container iframe {
4414
+ position: absolute;
4415
+ visibility: hidden;
4416
+ top: 0;
4417
+ left: 0;
4418
+ max-width: 100%;
4419
+ width: 100%;
4420
+ height: 100%;
4421
+ margin: 0;
4422
+ line-height: 1;
4423
+ border: none; }
4424
+
4425
+ .pa-gallery-img-container video {
4426
+ position: absolute;
4427
+ visibility: hidden;
4428
+ top: 0;
4429
+ left: 0;
4430
+ max-width: 100%;
4431
+ width: 100%;
4432
+ height: 100%;
4433
+ margin: 0;
4434
+ line-height: 1;
4435
+ border: none;
4436
+ -o-object-fit: contain;
4437
+ object-fit: contain; }
4438
+
4439
+ .pa-gallery-icons-inner-container svg,
4440
+ .pa-gallery-icons-caption-cell svg {
4441
+ width: 14px;
4442
+ height: 14px; }
4443
+
4444
+ .premium-gallery-gradient-layer {
4445
+ position: absolute;
4446
+ bottom: 40px;
4447
+ width: 100%;
4448
+ height: 20px;
4449
+ background: -webkit-gradient(linear, left bottom, left top, from(#17181f), to(rgba(255, 255, 255, 0)));
4450
+ background: -webkit-linear-gradient(bottom, #17181f 0%, rgba(255, 255, 255, 0) 100%);
4451
+ background: linear-gradient(to top, #17181f 0%, rgba(255, 255, 255, 0) 100%); }
4452
+
4453
+ /********* Premium Lottie Animations *********/
4454
+ /*********************************************/
4455
+ .elementor-widget-premium-lottie .premium-lottie-animation {
4456
+ position: relative;
4457
+ -js-display: inline-flex;
4458
+ display: -webkit-inline-box;
4459
+ display: -webkit-inline-flex;
4460
+ display: -moz-inline-box;
4461
+ display: -ms-inline-flexbox;
4462
+ display: inline-flex;
4463
  -webkit-transition: all 0.3s ease-in-out;
4464
  transition: all 0.3s ease-in-out; }
4465
+ .elementor-widget-premium-lottie .premium-lottie-animation a {
 
 
 
4466
  position: absolute;
 
4467
  left: 0;
4468
+ top: 0;
4469
  width: 100%;
4470
  height: 100%;
4471
  z-index: 2; }
4472
+
4473
+ /**************** Premium Google Maps ******************/
4474
+ /*******************************************************/
4475
+ .premium-maps-info-container {
4476
+ margin-top: 10px;
4477
+ margin-bottom: 10px; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4478
 
4479
+ .premium-maps-info-title,
4480
+ .premium-maps-info-desc {
 
4481
  margin: 0;
4482
  padding: 0; }
4483
 
4484
+ .premium-maps-container .gm-style-iw {
4485
+ text-align: center; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4486
 
4487
+ .premium-maps-container .gm-style img {
4488
+ max-width: none !important; }
4489
+
4490
+ /**************** Premium Modal Box ****************/
4491
+ /***************************************************/
4492
+ .premium-modal-trigger-btn,
4493
+ .premium-modal-box-modal-lower-close {
4494
+ display: inline-block;
4495
+ padding: 6px 12px;
4496
+ margin-bottom: 0;
4497
+ font-size: 14px;
4498
+ font-weight: normal;
4499
+ line-height: 1.42857143;
4500
+ text-align: center;
4501
+ white-space: nowrap;
4502
+ vertical-align: middle;
4503
+ -ms-touch-action: manipulation;
4504
+ touch-action: manipulation;
4505
+ cursor: pointer;
4506
+ -webkit-user-select: none;
4507
+ -moz-user-select: none;
4508
+ -ms-user-select: none;
4509
+ user-select: none;
4510
+ background-image: none;
4511
+ border: 1px solid transparent; }
4512
 
4513
+ .premium-modal-trigger-btn > svg,
4514
+ .premium-modal-trigger-btn .premium-modal-box-icon {
 
 
 
 
4515
  -webkit-transition: all 0.3s ease-in-out;
4516
  transition: all 0.3s ease-in-out; }
4517
 
4518
+ .premium-modal-trigger-btn > svg {
4519
+ width: 30px;
4520
+ height: 30px; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4521
 
4522
+ .premium-modal-box-modal-close {
4523
+ float: right;
4524
+ font-size: 21px;
4525
+ font-weight: bold;
4526
+ line-height: 1;
4527
+ color: #000; }
4528
+ .premium-modal-box-modal-close:hover, .premium-modal-box-modal-close:focus {
4529
+ color: #000;
4530
+ text-decoration: none;
4531
+ cursor: pointer; }
4532
 
4533
+ button.premium-modal-box-modal-close {
4534
+ -webkit-appearance: none;
4535
+ padding: 0;
4536
+ cursor: pointer;
4537
+ background: transparent;
4538
+ border: 0; }
 
4539
 
4540
+ .premium-modal-box-modal {
4541
+ position: fixed;
4542
  top: 0;
4543
+ right: 0;
4544
+ bottom: 0;
4545
  left: 0;
4546
+ z-index: 1050;
4547
+ display: none;
4548
+ -webkit-overflow-scrolling: touch;
4549
+ outline: 0;
4550
+ padding: 0 !important;
4551
+ background: rgba(0, 0, 0, 0.5);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4552
  -webkit-box-align: center;
4553
  -webkit-align-items: center;
4554
  -moz-box-align: center;
4855
  left: 0; }
4856
 
4857
  /**Mega Menu Container*/
4858
+ .premium-mega-nav-item > .premium-sub-menu {
4859
  display: none; }
4860
 
4861
  .premium-mega-nav-item {
5358
  -ms-transform: translateY(-50%);
5359
  transform: translateY(-50%); }
5360
 
 
 
 
5361
  .premium-mega-nav-item {
5362
  position: relative; }
5363
 
5899
  .premium-sub-item-badge {
5900
  -webkit-transition: all 0.3s;
5901
  transition: all 0.3s; }
5902
+
5903
+ body.premium-scroll-disabled {
5904
+ overflow-y: hidden;
5905
+ height: 100vh;
5906
+ margin: 0; }
5907
 
5908
  /************ Premium Team Members ************/
5909
  /**********************************************/
6323
  -ms-transform: translateX(0) rotate(-90deg);
6324
  transform: translateX(0) rotate(-90deg); }
6325
 
6326
+ /**************** Premium Pricing Table ****************/
6327
+ /*******************************************************/
6328
+ .premium-pricing-table-container {
6329
+ position: relative;
6330
+ text-align: center;
6331
+ display: inline-block;
6332
+ width: 100%;
6333
+ -webkit-transition: all 0.3s ease-in-out;
6334
+ transition: all 0.3s ease-in-out; }
6335
+
6336
+ .premium-pricing-icon-container {
6337
+ -js-display: flex;
6338
+ display: -webkit-box;
6339
+ display: -webkit-flex;
6340
+ display: -moz-box;
6341
+ display: -ms-flexbox;
6342
+ display: flex;
6343
+ -webkit-box-pack: center;
6344
+ -webkit-justify-content: center;
6345
+ -moz-box-pack: center;
6346
+ -ms-flex-pack: center;
6347
+ justify-content: center;
6348
+ line-height: 0; }
6349
+ .premium-pricing-icon-container .premium-pricing-icon {
6350
+ display: inline-block; }
6351
+ .premium-pricing-icon-container .premium-pricing-image {
6352
+ overflow: hidden; }
6353
+ .premium-pricing-icon-container .premium-pricing-image img {
6354
+ width: 25px;
6355
+ height: 25px;
6356
+ -o-object-fit: cover;
6357
+ object-fit: cover; }
6358
+
6359
+ .premium-badge-left {
6360
+ position: absolute;
6361
+ top: 0; }
6362
+
6363
+ .premium-badge-right {
6364
+ position: absolute;
6365
+ top: 0;
6366
+ right: 0; }
6367
+
6368
+ .premium-badge-left {
6369
+ left: 0; }
6370
+
6371
+ .premium-badge-triangle.premium-badge-left .corner {
6372
+ width: 0;
6373
+ height: 0;
6374
+ border-top: 150px solid;
6375
+ border-bottom: 150px solid transparent;
6376
+ border-right: 150px solid transparent; }
6377
+
6378
+ .premium-badge-triangle.premium-badge-right .corner {
6379
+ width: 0;
6380
+ height: 0;
6381
+ border-bottom: 150px solid transparent;
6382
+ border-right: 150px solid;
6383
+ border-left: 150px solid transparent; }
6384
+
6385
+ .premium-badge-triangle span {
6386
+ position: absolute;
6387
+ top: 35px;
6388
+ width: 100px;
6389
+ text-align: center;
6390
+ -webkit-transform: rotate(-45deg);
6391
+ -ms-transform: rotate(-45deg);
6392
+ transform: rotate(-45deg);
6393
+ display: block;
6394
+ text-transform: uppercase; }
6395
+
6396
+ .premium-badge-triangle.premium-badge-right span {
6397
+ -webkit-transform: rotate(45deg);
6398
+ -ms-transform: rotate(45deg);
6399
+ transform: rotate(45deg);
6400
+ right: 0; }
6401
+
6402
+ .premium-badge-circle {
6403
+ min-width: 4em;
6404
+ min-height: 4em;
6405
+ line-height: 4em;
6406
+ text-align: center;
6407
+ -webkit-border-radius: 100%;
6408
+ border-radius: 100%;
6409
+ position: absolute;
6410
+ z-index: 1; }
6411
+
6412
+ .premium-badge-stripe {
6413
+ position: absolute;
6414
+ -webkit-transform: rotate(90deg);
6415
+ -ms-transform: rotate(90deg);
6416
+ transform: rotate(90deg);
6417
+ width: 15em;
6418
+ overflow: hidden;
6419
+ height: 15em; }
6420
+ .premium-badge-stripe.premium-badge-left {
6421
+ -webkit-transform: rotate(0);
6422
+ -ms-transform: rotate(0);
6423
+ transform: rotate(0); }
6424
+ .premium-badge-stripe .corner {
6425
+ text-align: center;
6426
+ left: 0;
6427
+ width: 150%;
6428
+ -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
6429
+ -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
6430
+ transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
6431
+ margin-top: 35px;
6432
+ font-size: 13px;
6433
+ line-height: 2;
6434
+ font-weight: 800;
6435
+ text-transform: uppercase; }
6436
+
6437
+ .premium-badge-flag.premium-badge-right .corner {
6438
+ right: -8px;
6439
+ -webkit-border-radius: 4px 4px 0 4px;
6440
+ border-radius: 4px 4px 0 4px; }
6441
+ .premium-badge-flag.premium-badge-right .corner::before, .premium-badge-flag.premium-badge-right .corner::after {
6442
+ right: 0; }
6443
+
6444
+ .premium-badge-flag.premium-badge-left .corner {
6445
+ left: -8px;
6446
+ -webkit-border-radius: 4px 4px 4px 0;
6447
+ border-radius: 4px 4px 4px 0; }
6448
+ .premium-badge-flag.premium-badge-left .corner::before, .premium-badge-flag.premium-badge-left .corner::after {
6449
+ left: 0; }
6450
+
6451
+ .premium-badge-flag .corner {
6452
+ text-align: center;
6453
+ padding: 3px 15px;
6454
+ position: absolute;
6455
+ top: 10%; }
6456
+ .premium-badge-flag .corner::before, .premium-badge-flag .corner::after {
6457
+ content: "";
6458
+ display: block;
6459
+ position: absolute;
6460
+ width: 0;
6461
+ height: 0;
6462
+ top: 100%;
6463
+ border-bottom: 8px solid transparent; }
6464
+
6465
+ .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
6466
+ overflow: visible !important; }
6467
+
6468
+ .premium-badge-flag.premium-badge-right .corner::after {
6469
+ border-left: 8px solid rgba(0, 0, 0, 0.2); }
6470
+
6471
+ .premium-badge-flag.premium-badge-left .corner::before {
6472
+ border-right: 8px solid rgba(0, 0, 0, 0.2); }
6473
+
6474
+ .premium-pricing-price-currency {
6475
+ position: relative; }
6476
+
6477
+ .premium-pricing-button-container {
6478
+ display: block; }
6479
+
6480
+ .premium-pricing-list {
6481
+ -js-display: flex;
6482
+ display: -webkit-box;
6483
+ display: -webkit-flex;
6484
+ display: -moz-box;
6485
+ display: -ms-flexbox;
6486
+ display: flex;
6487
+ -webkit-box-orient: vertical;
6488
+ -webkit-box-direction: normal;
6489
+ -webkit-flex-direction: column;
6490
+ -moz-box-orient: vertical;
6491
+ -moz-box-direction: normal;
6492
+ -ms-flex-direction: column;
6493
+ flex-direction: column;
6494
+ list-style-type: none;
6495
+ margin: 0;
6496
+ padding: 0; }
6497
+ .premium-pricing-list .premium-pricing-list-item {
6498
+ -js-display: flex;
6499
+ display: -webkit-box;
6500
+ display: -webkit-flex;
6501
+ display: -moz-box;
6502
+ display: -ms-flexbox;
6503
+ display: flex;
6504
+ -webkit-box-align: center;
6505
+ -webkit-align-items: center;
6506
+ -moz-box-align: center;
6507
+ -ms-flex-align: center;
6508
+ align-items: center; }
6509
+ .premium-pricing-list .premium-pricing-list-item svg {
6510
+ width: 50px;
6511
+ height: 50px; }
6512
+ .premium-pricing-list .premium-pricing-list-item img {
6513
+ width: 30px;
6514
+ height: 30px;
6515
+ -o-object-fit: cover;
6516
+ object-fit: cover; }
6517
+ .premium-pricing-list .premium-pricing-list-span {
6518
+ position: relative; }
6519
+ .premium-pricing-list .list-item-tooltip {
6520
+ border-bottom: 1px dotted; }
6521
+ .premium-pricing-list .premium-pricing-list-tooltip {
6522
+ position: absolute;
6523
+ top: -webkit-calc(100% + 1px);
6524
+ top: calc(100% + 1px);
6525
+ left: 0;
6526
+ visibility: hidden;
6527
+ padding: 15px 20px;
6528
+ -webkit-border-radius: 5px;
6529
+ border-radius: 5px;
6530
+ min-width: 200px;
6531
+ overflow: hidden;
6532
+ text-align: left;
6533
+ font-size: 0.8rem;
6534
+ color: #fff;
6535
+ background-color: #aaa; }
6536
+
6537
+ .premium-pricing-features-left .premium-pricing-list-span {
6538
+ text-align: left; }
6539
+
6540
+ .premium-pricing-features-center .premium-pricing-list-span {
6541
+ text-align: center; }
6542
+
6543
+ .premium-pricing-features-right .premium-pricing-list-span {
6544
+ text-align: right; }
6545
+
6546
+ .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
6547
+ z-index: 99;
6548
+ visibility: visible;
6549
+ opacity: 1; }
6550
+
6551
+ .premium-pricing-slashed-price-value {
6552
+ display: inline-block;
6553
+ font-size: 20px;
6554
+ font-weight: 400;
6555
+ margin-right: 5px; }
6556
+
6557
+ .premium-pricing-price-value {
6558
+ font-size: 70px; }
6559
+
6560
+ .premium-pricing-description-container li {
6561
+ list-style-position: inside;
6562
+ text-indent: -40px; }
6563
+
6564
+ @-moz-document url-prefix() {
6565
+ .premium-pricing-description-container li {
6566
+ text-indent: 0px; } }
6567
+
6568
+ .premium-pricing-price-button {
6569
+ display: block;
6570
+ padding: 6px 12px;
6571
+ line-height: 1.42857143;
6572
+ text-align: center;
6573
+ color: #fff;
6574
+ background: #6ec1e4;
6575
+ margin-bottom: 0;
6576
+ -webkit-transition: all 0.3s ease-in-out;
6577
+ transition: all 0.3s ease-in-out; }
6578
 
6579
  /**************** Premium Progress Bar ****************/
6580
  /******************************************************/
7845
  [data-hijacking="off"] .premium-vscroll-parallax-position {
7846
  position: unset !important; }
7847
 
7848
+ /********** Premium Woo Products **********/
7849
+ /******************************************/
7850
+ .ast-single-post .entry-content .premium-woocommerce a {
7851
+ text-decoration: none; }
7852
+
7853
+ .premium-woocommerce .premium-woo-qv-btn {
7854
+ cursor: pointer; }
7855
+
7856
+ .premium-woocommerce:not(.premium-woo-skin-grid-7) li.product .star-rating {
7857
+ margin: 0 auto 0.5em; }
7858
+
7859
+ .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-sale-wrap .premium-woo-product-onsale,
7860
+ .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-featured-wrap .premium-woo-product-featured {
7861
+ display: block;
7862
+ text-align: center;
7863
+ color: #fff;
7864
+ min-width: 2em;
7865
+ min-height: 2em;
7866
+ line-height: 2em;
7867
+ padding: 0.3em 0.6em;
7868
+ margin: 0.5em 0.6em; }
7869
+
7870
+ .premium-woocommerce .pa-out-of-stock {
7871
+ display: block;
7872
+ text-align: center;
7873
+ color: #fff;
7874
+ min-width: 2em;
7875
+ min-height: 2em;
7876
+ line-height: 2em;
7877
+ padding: 0.3em 0.6em;
7878
+ margin: 0.5em 0.6em; }
7879
+
7880
+ .premium-woocommerce .woocommerce-loop-product__title {
7881
+ margin-bottom: 0.5em;
7882
+ font-size: 1em;
7883
+ -webkit-transition: all 0.3s ease-in-out;
7884
+ transition: all 0.3s ease-in-out; }
7885
+
7886
+ .premium-woocommerce .premium-woo-product-category {
7887
+ display: block;
7888
+ font-size: 0.85em;
7889
+ margin-bottom: 0.5em;
7890
+ line-height: 1.3; }
7891
+
7892
+ .premium-woocommerce .star-rating {
7893
+ display: block;
7894
+ float: none;
7895
+ -webkit-backface-visibility: hidden;
7896
+ backface-visibility: hidden;
7897
+ overflow: hidden;
7898
+ position: relative;
7899
+ height: 1em;
7900
+ line-height: 1;
7901
+ font-size: 0.857em;
7902
+ width: 5.4em;
7903
+ font-family: "star"; }
7904
+ .premium-woocommerce .star-rating::before {
7905
+ content: "\73\73\73\73\73";
7906
+ color: #54595f;
7907
+ float: left;
7908
+ top: 0;
7909
+ left: 0;
7910
+ position: absolute; }
7911
+ .premium-woocommerce .star-rating span {
7912
+ overflow: hidden;
7913
+ float: left;
7914
+ top: 0;
7915
+ left: 0;
7916
+ position: absolute;
7917
+ padding-top: 1.5em; }
7918
+ .premium-woocommerce .star-rating span::before {
7919
+ content: "\53\53\53\53\53";
7920
+ color: inherit;
7921
+ top: 0;
7922
+ position: absolute;
7923
+ left: 0; }
7924
+
7925
+ .premium-woocommerce .premium-woo-products-inner ul.products {
7926
+ -js-display: flex;
7927
+ display: -webkit-box;
7928
+ display: -webkit-flex;
7929
+ display: -moz-box;
7930
+ display: -ms-flexbox;
7931
+ display: flex;
7932
+ margin: 0;
7933
+ padding: 0;
7934
+ -webkit-flex-wrap: wrap;
7935
+ -ms-flex-wrap: wrap;
7936
+ flex-wrap: wrap;
7937
+ list-style: none outside;
7938
+ -webkit-column-gap: 0;
7939
+ -moz-column-gap: 0;
7940
+ column-gap: 0; }
7941
+ .premium-woocommerce .premium-woo-products-inner ul.products li.product {
7942
+ margin: 0 0 10px;
7943
+ padding: 0 10px; }
7944
+ .premium-woocommerce .premium-woo-products-inner ul.products li.product .premium-woo-product-wrapper {
7945
+ overflow: hidden;
7946
+ -webkit-transition: all 0.3s ease-in-out;
7947
+ transition: all 0.3s ease-in-out; }
7948
+
7949
+ .premium-woocommerce .woocommerce-loop-product__link {
7950
+ position: relative;
7951
+ display: block !important;
7952
+ overflow: hidden;
7953
+ -webkit-transition: all 0.3s ease-in-out;
7954
+ transition: all 0.3s ease-in-out; }
7955
+
7956
+ .premium-woocommerce .premium-woo-ribbon-container,
7957
+ .premium-woocommerce .pa-out-of-stock {
7958
+ position: absolute;
7959
+ z-index: 9; }
7960
+
7961
+ .premium-woocommerce .premium-woo-ribbon-container {
7962
+ top: 0;
7963
+ left: 0; }
7964
+
7965
+ .premium-woocommerce .pa-out-of-stock {
7966
+ top: 7px;
7967
+ left: 9px;
7968
+ margin: 0; }
7969
+
7970
+ .premium-woo-product-thumbnail {
7971
+ position: relative;
7972
+ overflow: hidden; }
7973
+ .premium-woo-product-thumbnail .woocommerce-loop-product__link img {
7974
+ margin: 0;
7975
+ width: 100%; }
7976
+
7977
+ .premium-woo-product-sale-wrap,
7978
+ .premium-woo-product-featured-wrap {
7979
+ margin: 0; }
7980
+
7981
+ .premium-woocommerce .premium-woo-products-details-wrap {
7982
+ padding: 1em 1.2em; }
7983
+ .premium-woocommerce .premium-woo-products-details-wrap .button {
7984
+ display: inline-block;
7985
+ background-color: #6ec1e4;
7986
+ color: #fff;
7987
+ margin: 0.5em 0;
7988
+ line-height: 1.3;
7989
+ padding: 10px 40px;
7990
+ font-size: 100%;
7991
+ cursor: pointer;
7992
+ text-decoration: none;
7993
+ overflow: visible;
7994
+ font-weight: 700;
7995
+ background-image: none;
7996
+ border: none;
7997
+ -webkit-border-radius: 0px;
7998
+ border-radius: 0px;
7999
+ -webkit-box-shadow: none;
8000
+ box-shadow: none;
8001
+ text-shadow: none;
8002
+ -webkit-transition: all 0.3s ease-in-out;
8003
+ transition: all 0.3s ease-in-out; }
8004
+
8005
+ .premium-woocommerce li.product .price {
8006
+ display: block;
8007
+ line-height: 1.3;
8008
+ font-weight: 700;
8009
+ margin-bottom: 0.5em;
8010
+ font-size: 0.9em; }
8011
+ .premium-woocommerce li.product .price del {
8012
+ display: inline-block;
8013
+ font-weight: 400;
8014
+ background: transparent;
8015
+ opacity: 1; }
8016
+ .premium-woocommerce li.product .price ins {
8017
+ display: inline-block;
8018
+ background: transparent;
8019
+ text-decoration: none;
8020
+ font-weight: inherit; }
8021
+ .premium-woocommerce li.product .price .amount {
8022
+ color: inherit !important; }
8023
+
8024
+ .premium-woocommerce li.product .premium-woo-product-desc p {
8025
+ margin: 0; }
8026
+
8027
+ .premium-woo-product-align-left .premium-woocommerce li.product .star-rating {
8028
+ margin-left: 0;
8029
+ margin-right: auto; }
8030
+
8031
+ .premium-woo-product-align-center .premium-woocommerce li.product .star-rating {
8032
+ margin-left: auto;
8033
+ margin-right: auto; }
8034
+
8035
+ .premium-woo-product-align-right .premium-woocommerce li.product .star-rating {
8036
+ margin-left: auto;
8037
+ margin-right: 0; }
8038
+
8039
+ .premium-woo-products-pagination ul.page-numbers {
8040
+ -js-display: flex;
8041
+ display: -webkit-box;
8042
+ display: -webkit-flex;
8043
+ display: -moz-box;
8044
+ display: -ms-flexbox;
8045
+ display: flex;
8046
+ list-style-type: none;
8047
+ margin: 0;
8048
+ margin-top: 10px;
8049
+ padding: 0;
8050
+ border: none;
8051
+ -webkit-box-pack: center;
8052
+ -webkit-justify-content: center;
8053
+ -moz-box-pack: center;
8054
+ -ms-flex-pack: center;
8055
+ justify-content: center; }
8056
+ .premium-woo-products-pagination ul.page-numbers li {
8057
+ margin: 0 0.4em 0.4em 0;
8058
+ padding: 0;
8059
+ text-align: center; }
8060
+ .premium-woo-products-pagination ul.page-numbers li .page-numbers {
8061
+ margin: 0;
8062
+ text-decoration: none;
8063
+ color: #000;
8064
+ border: 1px solid #54595f;
8065
+ padding: 0;
8066
+ line-height: 1;
8067
+ font-size: 1em;
8068
+ font-weight: 400;
8069
+ padding: 0.75em;
8070
+ display: block;
8071
+ min-width: 2.5em;
8072
+ -webkit-transition: all 0.3s ease-in-out;
8073
+ transition: all 0.3s ease-in-out; }
8074
+ .premium-woo-products-pagination ul.page-numbers li .page-numbers:hover, .premium-woo-products-pagination ul.page-numbers li .page-numbers.current {
8075
+ background-color: #54595f;
8076
+ color: #fff;
8077
+ outline: none; }
8078
+
8079
+ .premium-woocommerce .premium-loading-feed,
8080
+ .premium-woo-quick-view-loader .premium-loading-feed {
8081
+ display: block;
8082
+ position: absolute;
8083
+ width: 100%;
8084
+ height: 100%;
8085
+ top: 0px;
8086
+ left: 0px;
8087
+ bottom: 0px;
8088
+ right: 0px;
8089
+ background: rgba(255, 255, 255, 0.2);
8090
+ -js-display: flex;
8091
+ display: -webkit-box;
8092
+ display: -webkit-flex;
8093
+ display: -moz-box;
8094
+ display: -ms-flexbox;
8095
+ display: flex;
8096
+ -webkit-box-align: center;
8097
+ -webkit-align-items: center;
8098
+ -moz-box-align: center;
8099
+ -ms-flex-align: center;
8100
+ align-items: center; }
8101
+
8102
  /**
8103
  * Image Hover Effects
8104
+ */
8105
+ .premium-woocommerce .woocommerce-loop-product__link img {
8106
+ -webkit-transition: all 0.3s ease-in-out;
8107
+ transition: all 0.3s ease-in-out; }
8108
+
8109
+ .premium-woo-product__hover-zoomout .woocommerce-loop-product__link img {
8110
+ -webkit-transform: scale(1.2);
8111
+ -ms-transform: scale(1.2);
8112
+ transform: scale(1.2); }
8113
+
8114
+ .premium-woo-product__hover-zoomout li.product:hover .woocommerce-loop-product__link img {
8115
+ -webkit-transform: none;
8116
+ -ms-transform: none;
8117
+ transform: none; }
8118
+
8119
+ .premium-woo-product__hover-zoomin .woocommerce-loop-product__link img {
8120
+ -webkit-transform: none;
8121
+ -ms-transform: none;
8122
+ transform: none; }
8123
+
8124
+ .premium-woo-product__hover-zoomin li.product:hover .woocommerce-loop-product__link img {
8125
+ -webkit-transform: scale(1.2);
8126
+ -ms-transform: scale(1.2);
8127
+ transform: scale(1.2); }
8128
+
8129
+ .premium-woo-product__hover-gray .woocommerce-loop-product__link img {
8130
+ -webkit-filter: grayscale(100%);
8131
+ filter: grayscale(100%); }
8132
+
8133
+ .premium-woo-product__hover-gray li.product:hover .woocommerce-loop-product__link img {
8134
+ -webkit-filter: grayscale(0%);
8135
+ filter: grayscale(0%); }
8136
+
8137
+ .premium-woo-product__hover-sepia .woocommerce-loop-product__link img {
8138
+ -webkit-filter: sepia(30%);
8139
+ filter: sepia(30%); }
8140
+
8141
+ .premium-woo-product__hover-sepia li.product:hover .woocommerce-loop-product__link img {
8142
+ -webkit-filter: sepia(0%);
8143
+ filter: sepia(0%); }
8144
+
8145
+ .premium-woo-product__hover-bright .woocommerce-loop-product__link img {
8146
+ -webkit-filter: brightness(1);
8147
+ filter: brightness(1); }
8148
+
8149
+ .premium-woo-product__hover-bright li.product:hover .woocommerce-loop-product__link img {
8150
+ -webkit-filter: brightness(1.2);
8151
+ filter: brightness(1.2); }
8152
+
8153
+ .premium-woo-product__hover-trans .woocommerce-loop-product__link img {
8154
+ -webkit-transform: translateX(-15px) scale(1.1);
8155
+ -ms-transform: translateX(-15px) scale(1.1);
8156
+ transform: translateX(-15px) scale(1.1); }
8157
+
8158
+ .premium-woo-product__hover-trans li.product:hover .woocommerce-loop-product__link img {
8159
+ -webkit-transform: translateX(0px) scale(1.1);
8160
+ -ms-transform: translateX(0px) scale(1.1);
8161
+ transform: translateX(0px) scale(1.1); }
8162
+
8163
+ .premium-woo-product__hover-scale li.product:hover .woocommerce-loop-product__link img {
8164
+ -webkit-transform: scaleX(1.3) scaleY(1.3) rotate(5deg);
8165
+ -ms-transform: scaleX(1.3) scaleY(1.3) rotate(5deg);
8166
+ transform: scaleX(1.3) scaleY(1.3) rotate(5deg); }
8167
+
8168
+ .premium-woocommerce .premium-woo-product__on_hover {
8169
+ position: absolute;
8170
+ top: 0;
8171
+ right: 0;
8172
+ bottom: 0;
8173
+ left: 0;
8174
+ height: 100%;
8175
+ opacity: 0; }
8176
+
8177
+ .premium-woo-product__hover-swap li.product:hover .premium-woo-product__on_hover {
8178
+ opacity: 1; }
8179
+
8180
+ .premium-woo-skin-grid-1 .premium-woo-qv-btn,
8181
+ .premium-woo-skin-grid-3 .premium-woo-qv-btn,
8182
+ .premium-woo-skin-grid-4 .premium-woo-qv-btn {
8183
+ position: absolute;
8184
+ bottom: 0;
8185
+ left: 0;
8186
+ width: 100%;
8187
+ text-align: center;
8188
+ padding: 5px;
8189
+ background: rgba(2, 2, 2, 0.5);
8190
+ color: #fff;
8191
+ -webkit-transition: all 0.3s ease-in-out;
8192
+ transition: all 0.3s ease-in-out;
8193
+ z-index: 2;
8194
+ -webkit-transform: translateY(100%);
8195
+ -ms-transform: translateY(100%);
8196
+ transform: translateY(100%); }
8197
+
8198
+ .premium-woo-skin-grid-4 .premium-woo-qv-btn {
8199
+ -webkit-transition-delay: 0.1s;
8200
+ transition-delay: 0.1s; }
8201
+
8202
+ .premium-woo-skin-grid-1 .premium-woo-qv-icon,
8203
+ .premium-woo-skin-grid-3 .premium-woo-qv-icon,
8204
+ .premium-woo-skin-grid-4 .premium-woo-qv-icon,
8205
+ .premium-woo-skin-grid-6 .premium-woo-qv-icon {
8206
+ margin-left: 0.5em; }
8207
+
8208
+ .premium-woo-product-thumbnail:hover .premium-woo-qv-btn-translate {
8209
+ -webkit-transform: translateY(0);
8210
+ -ms-transform: translateY(0);
8211
+ transform: translateY(0); }
8212
+
8213
+ .premium-woo-product-wrapper .premium-woo-qv-data {
8214
+ position: absolute;
8215
+ top: 0;
8216
+ left: 0;
8217
+ width: 100%;
8218
+ height: 100%;
8219
+ z-index: 1;
8220
+ overflow: hidden;
8221
+ cursor: pointer; }
8222
+
8223
  /**
8224
  * Skin 1,4
8225
+ */
8226
+ .premium-woo-skin-grid-1 .premium-woo-product-actions-wrapper,
8227
+ .premium-woo-skin-grid-4 .premium-woo-product-actions-wrapper {
8228
+ position: absolute;
8229
+ top: 0.7em;
8230
+ right: 1em;
8231
+ -webkit-transform: translate3d(15px, 0, 0);
8232
+ transform: translate3d(15px, 0, 0);
8233
+ -webkit-transition: all 0.3s ease-in-out;
8234
+ transition: all 0.3s ease-in-out;
8235
+ opacity: 0;
8236
+ z-index: 9; }
8237
+
8238
+ .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-cart-btn {
8239
+ position: relative;
8240
+ display: block;
8241
+ margin: 0 0 3px;
8242
+ background: #fff;
8243
+ text-align: center;
8244
+ outline: 0;
8245
+ -webkit-transition: all 0.3s ease-in-out;
8246
+ transition: all 0.3s ease-in-out; }
8247
+
8248
+ .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-add-cart-icon {
8249
+ display: block;
8250
+ color: #54595f;
8251
+ width: 30px;
8252
+ line-height: 30px;
8253
+ height: 30px;
8254
+ cursor: pointer;
8255
+ -webkit-transition: all 0.3s ease-in-out;
8256
+ transition: all 0.3s ease-in-out; }
8257
+
8258
+ .premium-woo-skin-grid-1 li.product:hover .premium-woo-product-actions-wrapper,
8259
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-actions-wrapper {
8260
+ -webkit-transform: translate3d(5px, 0, 0);
8261
+ transform: translate3d(5px, 0, 0);
8262
+ opacity: 1; }
8263
+
8264
+ .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon {
8265
+ -webkit-animation: spin 2s linear infinite;
8266
+ animation: spin 2s linear infinite; }
8267
+
8268
+ .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon::before {
8269
+ content: "\f013"; }
8270
+
8271
+ .premium-woocommerce .premium-woo-cart-btn.added .premium-woo-add-cart-icon::before {
8272
+ content: "\f00c"; }
8273
+
8274
  /**
8275
  * Skin 2
8276
+ */
8277
+ .premium-woo-skin-grid-2 li.product .premium-woo-products-details-wrap {
8278
+ position: absolute;
8279
+ background: #fff;
8280
+ bottom: 0;
8281
+ left: 0;
8282
+ width: 100%;
8283
+ z-index: 2;
8284
+ padding: 0;
8285
+ opacity: 0;
8286
+ -webkit-transition: opacity 0.2s, -webkit-transform 0.4s;
8287
+ transition: opacity 0.2s, -webkit-transform 0.4s;
8288
+ transition: transform 0.4s, opacity 0.2s;
8289
+ transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s;
8290
+ -webkit-transform: translateZ(0) translateY(5px);
8291
+ transform: translateZ(0) translateY(5px); }
8292
+
8293
+ .premium-woo-skin-grid-2 .premium-woo-product-details {
8294
+ padding: 15px 0; }
8295
+
8296
+ .premium-woo-skin-grid-2 li.product:hover .premium-woo-products-details-wrap {
8297
+ opacity: 1;
8298
+ -webkit-transform: translateZ(0) translateY(0);
8299
+ transform: translateZ(0) translateY(0); }
8300
+
8301
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper {
8302
+ position: static;
8303
+ -js-display: flex;
8304
+ display: -webkit-box;
8305
+ display: -webkit-flex;
8306
+ display: -moz-box;
8307
+ display: -ms-flexbox;
8308
+ display: flex;
8309
+ -webkit-box-orient: horizontal;
8310
+ -webkit-box-direction: reverse;
8311
+ -webkit-flex-direction: row-reverse;
8312
+ -moz-box-orient: horizontal;
8313
+ -moz-box-direction: reverse;
8314
+ -ms-flex-direction: row-reverse;
8315
+ flex-direction: row-reverse; }
8316
+
8317
+ .premium-woo-skin-grid-2 .premium-woo-product-actions-wrapper > * {
8318
+ -webkit-box-flex: 1;
8319
+ -webkit-flex: 1;
8320
+ -moz-box-flex: 1;
8321
+ -ms-flex: 1;
8322
+ flex: 1;
8323
+ min-width: 50%; }
8324
+
8325
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .button {
8326
+ -js-display: flex;
8327
+ display: -webkit-box;
8328
+ display: -webkit-flex;
8329
+ display: -moz-box;
8330
+ display: -ms-flexbox;
8331
+ display: flex;
8332
+ margin: 0;
8333
+ text-align: center;
8334
+ -webkit-box-pack: center;
8335
+ -webkit-justify-content: center;
8336
+ -moz-box-pack: center;
8337
+ -ms-flex-pack: center;
8338
+ justify-content: center;
8339
+ -webkit-box-align: center;
8340
+ -webkit-align-items: center;
8341
+ -moz-box-align: center;
8342
+ -ms-flex-align: center;
8343
+ align-items: center; }
8344
+
8345
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
8346
+ background-color: #54595f; }
8347
+
8348
  /**
8349
  * Skin 4
8350
+ */
8351
+ .premium-woo-skin-grid-4 li.product .premium-woo-products-details-wrap {
8352
+ position: absolute;
8353
+ left: 0;
8354
+ right: 0;
8355
+ top: 50%;
8356
+ -webkit-transform: scale(0.9) translateZ(0) translateY(-50%);
8357
+ transform: scale(0.9) translateZ(0) translateY(-50%);
8358
+ text-align: center;
8359
+ z-index: 2;
8360
+ opacity: 0;
8361
+ -webkit-transition: opacity 0.5s, -webkit-transform 0.3s;
8362
+ transition: opacity 0.5s, -webkit-transform 0.3s;
8363
+ transition: opacity 0.5s, transform 0.3s;
8364
+ transition: opacity 0.5s, transform 0.3s, -webkit-transform 0.3s; }
8365
+
8366
+ .premium-woo-skin-grid-4 li.product .premium-woo-product-overlay,
8367
+ .premium-woo-skin-grid-8 li.product .premium-woo-product-overlay {
8368
+ position: absolute;
8369
+ top: 0;
8370
+ left: 0;
8371
+ width: 100%;
8372
+ height: 100%;
8373
+ opacity: 0;
8374
+ visibility: hidden;
8375
+ background-color: rgba(27, 27, 23, 0.3);
8376
+ -webkit-transition: all 0.25s ease-in-out;
8377
+ transition: all 0.25s ease-in-out; }
8378
+
8379
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-overlay,
8380
+ .premium-woo-skin-grid-8 li.product:hover .premium-woo-product-overlay {
8381
+ opacity: 1;
8382
+ visibility: visible;
8383
+ z-index: 1; }
8384
+
8385
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-products-details-wrap {
8386
+ -webkit-transform: scale(1) translateZ(0) translateY(-50%);
8387
+ transform: scale(1) translateZ(0) translateY(-50%);
8388
+ opacity: 1; }
8389
+
8390
  /**
8391
  * Skin 5
8392
+ */
8393
+ .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper {
8394
+ -js-display: flex;
8395
+ display: -webkit-box;
8396
+ display: -webkit-flex;
8397
+ display: -moz-box;
8398
+ display: -ms-flexbox;
8399
+ display: flex; }
8400
+ .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
8401
+ -js-display: flex;
8402
+ display: -webkit-box;
8403
+ display: -webkit-flex;
8404
+ display: -moz-box;
8405
+ display: -ms-flexbox;
8406
+ display: flex;
8407
+ -webkit-box-align: center;
8408
+ -webkit-align-items: center;
8409
+ -moz-box-align: center;
8410
+ -ms-flex-align: center;
8411
+ align-items: center;
8412
+ background-color: #54595f;
8413
+ padding: 10px;
8414
+ -webkit-transition: all 0.25s ease 0s;
8415
+ transition: all 0.25s ease 0s; }
8416
+
8417
+ .premium-woo-skin-grid-5 li.product .premium-woo-products-details-wrap {
8418
+ width: 75%; }
8419
+
8420
+ .premium-woo-skin-grid-5 .premium-woo-product-wrapper {
8421
+ -js-display: flex;
8422
+ display: -webkit-box;
8423
+ display: -webkit-flex;
8424
+ display: -moz-box;
8425
+ display: -ms-flexbox;
8426
+ display: flex;
8427
+ -webkit-box-align: center;
8428
+ -webkit-align-items: center;
8429
+ -moz-box-align: center;
8430
+ -ms-flex-align: center;
8431
+ align-items: center; }
8432
+
8433
+ .premium-woo-product-align-right .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
8434
+ -webkit-box-pack: end;
8435
+ -webkit-justify-content: flex-end;
8436
+ -moz-box-pack: end;
8437
+ -ms-flex-pack: end;
8438
+ justify-content: flex-end; }
8439
+
8440
+ .premium-woo-product-align-center .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
8441
+ -webkit-box-pack: center;
8442
+ -webkit-justify-content: center;
8443
+ -moz-box-pack: center;
8444
+ -ms-flex-pack: center;
8445
+ justify-content: center; }
8446
+
8447
  /**
8448
  * Skin 6
8449
+ */
8450
+ .premium-woo-skin-grid-6 .premium-woo-qv-btn {
8451
+ position: absolute;
8452
+ top: 50%;
8453
+ left: 50%;
8454
+ min-width: 40%;
8455
+ text-align: center;
8456
+ padding: 5px;
8457
+ background: rgba(2, 2, 2, 0.5);
8458
+ color: #fff;
8459
+ -webkit-transform: translate(-50%, -50%);
8460
+ -ms-transform: translate(-50%, -50%);
8461
+ transform: translate(-50%, -50%);
8462
+ opacity: 0;
8463
+ visibility: hidden;
8464
+ -webkit-transition: all 0.3s ease-in-out;
8465
+ transition: all 0.3s ease-in-out;
8466
+ cursor: pointer;
8467
+ z-index: 2; }
8468
+
8469
+ .premium-woo-skin-grid-6 li.product:hover .premium-woo-qv-btn {
8470
+ opacity: 1;
8471
+ visibility: visible; }
8472
+
8473
+ .premium-woo-product-align-right .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
8474
+ .premium-woo-product-align-left .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
8475
+ .premium-woo-product-align-right .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating,
8476
+ .premium-woo-product-align-left .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating {
8477
+ margin: 0; }
8478
+
8479
+ .premium-woo-skin-grid-6 li.product .premium-woo-product-info {
8480
+ -js-display: flex;
8481
+ display: -webkit-box;
8482
+ display: -webkit-flex;
8483
+ display: -moz-box;
8484
+ display: -ms-flexbox;
8485
+ display: flex;
8486
+ -webkit-box-pack: justify;
8487
+ -webkit-justify-content: space-between;
8488
+ -moz-box-pack: justify;
8489
+ -ms-flex-pack: justify;
8490
+ justify-content: space-between; }
8491
+
8492
+ .premium-woo-product-align-center .premium-woocommerce li.product .premium-woo-product-info {
8493
+ -webkit-box-orient: vertical;
8494
+ -webkit-box-direction: normal;
8495
+ -webkit-flex-direction: column;
8496
+ -moz-box-orient: vertical;
8497
+ -moz-box-direction: normal;
8498
+ -ms-flex-direction: column;
8499
+ flex-direction: column; }
8500
+
8501
+ .premium-woo-product-align-right .premium-woocommerce li.product .premium-woo-product-info {
8502
+ -webkit-box-orient: horizontal;
8503
+ -webkit-box-direction: reverse;
8504
+ -webkit-flex-direction: row-reverse;
8505
+ -moz-box-orient: horizontal;
8506
+ -moz-box-direction: reverse;
8507
+ -ms-flex-direction: row-reverse;
8508
+ flex-direction: row-reverse; }
8509
+
8510
+ .premium-woo-skin-grid-6 li.product .premium-woo-product-gallery-images {
8511
+ -js-display: flex;
8512
+ display: -webkit-box;
8513
+ display: -webkit-flex;
8514
+ display: -moz-box;
8515
+ display: -ms-flexbox;
8516
+ display: flex;
8517
+ position: absolute;
8518
+ bottom: 10px;
8519
+ width: 100%;
8520
+ -webkit-box-pack: center;
8521
+ -webkit-justify-content: center;
8522
+ -moz-box-pack: center;
8523
+ -ms-flex-pack: center;
8524
+ justify-content: center; }
8525
+
8526
+ .premium-woo-product-gallery-images .premium-woo-product__gallery_image {
8527
+ width: 20%;
8528
+ margin: 0 0.2em;
8529
+ border: 2px solid #aaa;
8530
+ cursor: pointer; }
8531
+
8532
  /**
8533
  * Metro
8534
+ */
8535
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail img,
8536
+ .premium-woo-products-metro li.product .premium-woo-product-wrapper,
8537
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail,
8538
+ .premium-woo-products-metro li.product .woocommerce-LoopProduct-link {
8539
+ height: 100%; }
8540
+
8541
+ .premium-woo-products-metro ul.products li.product {
8542
+ margin-bottom: 0; }
8543
+
8544
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail img {
8545
+ -o-object-fit: cover;
8546
+ object-fit: cover; }
8547
+
8548
  /*
8549
  * Carousel
8550
+ */
8551
+ .premium-carousel-hidden {
8552
+ opacity: 0;
8553
+ visibility: hidden; }
8554
+
8555
+ .premium-woocommerce:not(.premium-woo-skin-grid-7) .slick-arrow {
8556
+ -webkit-border-radius: 50%;
8557
+ border-radius: 50%; }
8558
+
8559
+ .premium-woocommerce ul.slick-dots {
8560
+ width: 100%; }
8561
+
8562
  /*
8563
  * Quick View Html/body
8564
+ */
8565
+ html.premium-woo-qv-opened,
8566
+ html.premium-woo-qv-opened body {
8567
+ overflow: hidden; }
8568
+
8569
  /**
8570
  * Quick View Modal
8571
+ */
8572
+ .premium-woo-quick-view-back {
8573
+ position: fixed;
8574
+ visibility: hidden;
8575
+ overflow: hidden;
8576
+ background: rgba(2, 2, 2, 0.5);
8577
+ opacity: 0;
8578
+ -webkit-transition: opacity 0.25s;
8579
+ transition: opacity 0.25s;
8580
+ z-index: 999; }
8581
+
8582
+ .premium-woo-quick-view-active {
8583
+ top: 0;
8584
+ left: 0;
8585
+ width: 100%;
8586
+ height: 100%;
8587
+ opacity: 1;
8588
+ visibility: visible; }
8589
+
8590
+ #premium-woo-quick-view-modal {
8591
+ position: fixed;
8592
+ visibility: hidden;
8593
+ opacity: 0;
8594
+ top: 0;
8595
+ left: 0;
8596
+ width: 100%;
8597
+ height: 100%;
8598
+ z-index: 1400;
8599
+ text-align: center;
8600
+ -webkit-transition: all 0.3s;
8601
+ transition: all 0.3s;
8602
+ overflow-x: hidden;
8603
+ overflow-y: auto; }
8604
+ #premium-woo-quick-view-modal.active {
8605
+ visibility: visible;
8606
+ opacity: 1; }
8607
+ #premium-woo-quick-view-modal.active .premium-woo-content-main {
8608
+ -webkit-transform: translateY(0);
8609
+ -ms-transform: translateY(0);
8610
+ transform: translateY(0);
8611
+ opacity: 1;
8612
+ width: 100%; }
8613
+ #premium-woo-quick-view-modal .premium-woo-content-main-wrapper {
8614
+ position: absolute;
8615
+ width: 100%;
8616
+ height: 100%;
8617
+ top: 0;
8618
+ left: 0;
8619
+ text-align: center;
8620
+ padding: 30px;
8621
+ -js-display: flex;
8622
+ display: -webkit-box;
8623
+ display: -webkit-flex;
8624
+ display: -moz-box;
8625
+ display: -ms-flexbox;
8626
+ display: flex;
8627
+ -webkit-box-align: center;
8628
+ -webkit-align-items: center;
8629
+ -moz-box-align: center;
8630
+ -ms-flex-align: center;
8631
+ align-items: center; }
8632
+ #premium-woo-quick-view-modal .premium-woo-content-main {
8633
+ position: relative;
8634
+ pointer-events: none;
8635
+ max-width: 100%;
8636
+ text-align: left;
8637
+ z-index: 1045;
8638
+ -webkit-transform: translateY(-30px);
8639
+ -ms-transform: translateY(-30px);
8640
+ transform: translateY(-30px);
8641
+ opacity: 0;
8642
+ -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
8643
+ transition: opacity 0.3s, -webkit-transform 0.5s;
8644
+ transition: transform 0.5s, opacity 0.3s;
8645
+ transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
8646
+ margin: 0 auto; }
8647
+ #premium-woo-quick-view-modal .premium-woo-lightbox-content {
8648
+ position: relative;
8649
+ display: table;
8650
+ pointer-events: auto;
8651
+ background-color: #fff;
8652
+ max-width: 975px;
8653
+ margin: 20px auto;
8654
+ -webkit-transform: translateZ(0);
8655
+ transform: translateZ(0);
8656
+ -webkit-box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
8657
+ box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
8658
+ overflow: hidden; }
8659
+ #premium-woo-quick-view-modal .summary {
8660
+ width: 50%;
8661
+ margin: 0;
8662
+ padding: 30px;
8663
+ float: left;
8664
+ -webkit-box-sizing: border-box;
8665
+ -moz-box-sizing: border-box;
8666
+ box-sizing: border-box; }
8667
+ #premium-woo-quick-view-modal .summary .quantity {
8668
+ min-width: auto; }
8669
+ #premium-woo-quick-view-modal .summary .quantity input.qty {
8670
+ width: 54px;
8671
+ -webkit-appearance: button;
8672
+ -moz-appearance: button;
8673
+ appearance: button; }
8674
+ #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-inner-spin-button,
8675
+ #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-outer-spin-button {
8676
+ display: unset; }
8677
+ #premium-woo-quick-view-modal .woocommerce-product-details__short-description p {
8678
+ margin: 0; }
8679
+
8680
+ #premium-woo-quick-view-close {
8681
+ position: absolute;
8682
+ font-size: 22px;
8683
+ top: 10px;
8684
+ right: 10px;
8685
+ width: 22px;
8686
+ height: 22px;
8687
+ line-height: 22px;
8688
+ opacity: 0.7;
8689
+ text-align: center;
8690
+ z-index: 2;
8691
+ color: #000; }
8692
+
8693
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider {
8694
+ position: relative; }
8695
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider li {
8696
+ list-style: none; }
8697
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav {
8698
+ margin: 0;
8699
+ padding: 0;
8700
+ width: 100%;
8701
+ position: absolute;
8702
+ bottom: 10px;
8703
+ text-align: center; }
8704
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li {
8705
+ margin: 0 6px;
8706
+ display: inline-block;
8707
+ vertical-align: middle; }
8708
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a {
8709
+ width: 11px;
8710
+ height: 11px;
8711
+ display: block;
8712
+ background: #666;
8713
+ background: rgba(0, 0, 0, 0.5);
8714
+ cursor: pointer;
8715
+ text-indent: -9999px;
8716
+ -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
8717
+ box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
8718
+ -webkit-border-radius: 20px;
8719
+ border-radius: 20px; }
8720
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a.flex-active {
8721
+ background: rgba(0, 0, 0, 0.9);
8722
+ cursor: default; }
8723
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a:focus {
8724
+ outline: none; }
8725
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider img {
8726
+ -o-object-fit: cover;
8727
+ object-fit: cover;
8728
+ width: 100%; }
8729
+
8730
+ #premium-woo-quick-view-content div.images {
8731
+ width: 50%;
8732
+ float: left;
8733
+ opacity: 1 !important;
8734
+ margin: 0; }
8735
+
8736
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav {
8737
+ margin: 0;
8738
+ padding: 0;
8739
+ list-style: none; }
8740
+
8741
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav a {
8742
+ text-decoration: none;
8743
+ display: block;
8744
+ width: 14px;
8745
+ height: 32px;
8746
+ font-size: 32px;
8747
+ line-height: 32px;
8748
+ margin: -20px 0 0;
8749
+ position: absolute;
8750
+ top: 50%;
8751
+ z-index: 10;
8752
+ overflow: hidden;
8753
+ cursor: pointer;
8754
+ color: rgba(0, 0, 0, 0.8);
8755
+ text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
8756
+ -webkit-transition: all 0.3s ease-in-out;
8757
+ transition: all 0.3s ease-in-out; }
8758
+
8759
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next,
8760
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
8761
+ display: inline-block;
8762
+ font-family: "Font Awesome 5 Free";
8763
+ font-weight: 900;
8764
+ text-rendering: auto;
8765
+ -webkit-font-smoothing: antialiased;
8766
+ -moz-osx-font-smoothing: grayscale; }
8767
+
8768
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
8769
+ left: 10px; }
8770
+
8771
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next {
8772
+ right: 10px; }
8773
+
8774
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev::before {
8775
+ content: "\f104"; }
8776
+
8777
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next::before {
8778
+ content: "\f105"; }
8779
+
8780
+ .premium-woocommerce li.product .added_to_cart.wc-forward {
8781
+ display: none; }
8782
+
8783
+ .premium-woo-atc-button .add_to_cart_button .premium-woo-cart-loader {
8784
+ -webkit-animation: spin 2s linear infinite;
8785
+ animation: spin 2s linear infinite;
8786
+ margin-left: 5px;
8787
+ vertical-align: baseline; }
8788
+
8789
  /*
8790
  * Load More Button
8791
+ */
8792
+ .premium-woo-load-more {
8793
+ position: relative; }
8794
+ .premium-woo-load-more .premium-woo-load-more-btn {
8795
+ -webkit-box-shadow: none;
8796
+ box-shadow: none;
8797
+ text-shadow: none;
8798
+ border: none;
8799
+ outline: none;
8800
+ -webkit-box-align: center;
8801
+ -webkit-align-items: center;
8802
+ -moz-box-align: center;
8803
+ -ms-flex-align: center;
8804
+ align-items: center;
8805
+ vertical-align: bottom;
8806
+ cursor: pointer;
8807
+ line-height: 1;
8808
+ font-style: normal;
8809
+ font-weight: normal;
8810
+ background-image: none;
8811
+ color: #fff;
8812
+ -webkit-transition: all 0.3s ease-in-out;
8813
+ transition: all 0.3s ease-in-out;
8814
+ padding: 10px 20px; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
8815
 
8816
+ .premium-woo-load-more-btn {
8817
+ -js-display: inline-flex;
8818
+ display: -webkit-inline-box;
8819
+ display: -webkit-inline-flex;
8820
+ display: -moz-inline-box;
8821
+ display: -ms-inline-flexbox;
8822
+ display: inline-flex;
8823
+ -webkit-box-align: center;
8824
+ -webkit-align-items: center;
8825
+ -moz-box-align: center;
8826
+ -ms-flex-align: center;
8827
+ align-items: center; }
8828
+
8829
+ .premium-woo-load-more-btn span {
8830
+ margin-right: 3px; }
8831
+
8832
+ .premium-woo-load-more-btn .premium-loader {
8833
+ display: inline-block;
8834
+ width: 20px;
8835
+ height: 20px; }
8836
+
8837
+ .premium-woo-title-above-yes .premium-woo-product__link {
8838
+ opacity: 0; }
8839
+
8840
+ @media (min-width: 545px) {
8841
+ #premium-woo-quick-view-content div.summary {
8842
+ content: "544";
8843
+ overflow-y: auto; } }
8844
+
8845
+ @media (max-width: 544px) {
8846
+ #premium-woo-quick-view-content .premium-woo-lightbox-content {
8847
+ display: block; }
8848
+ #premium-woo-quick-view-content div.images,
8849
+ #premium-woo-quick-view-content div.summary {
8850
+ width: 100%;
8851
+ float: none; } }
8852
+
8853
+ /*
8854
+ * Common Title/Dual Heading
8855
+ */
8856
+ .premium-title-bg-text:before {
8857
+ position: absolute;
8858
+ content: attr(data-background);
8859
+ top: 0;
8860
+ left: 0;
8861
+ text-align: left; }
8862
+
8863
+ .premium-bg-text-yes .elementor-widget-container:before {
8864
+ position: absolute;
8865
+ top: 0;
8866
+ left: 0;
8867
+ text-align: left; }
8868
+
8869
+ .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
8870
+ .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
8871
+ background: inherit; }
8872
+
8873
+ .premium-mask-yes .premium-mask-span {
8874
+ position: relative;
8875
+ overflow: hidden;
8876
+ -js-display: inline-flex !important;
8877
+ display: -webkit-inline-box !important;
8878
+ display: -webkit-inline-flex !important;
8879
+ display: -moz-inline-box !important;
8880
+ display: -ms-inline-flexbox !important;
8881
+ display: inline-flex !important; }
8882
+ .premium-mask-yes .premium-mask-span::after {
8883
+ content: "";
8884
+ position: absolute;
8885
+ top: 0;
8886
+ right: 0px;
8887
+ width: 100%;
8888
+ height: 100%;
8889
+ background-color: currentColor;
8890
+ -webkit-backface-visibility: visible;
8891
+ backface-visibility: visible; }
8892
+
8893
+ .premium-mask-active.premium-mask-tr .premium-mask-span::after {
8894
+ -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
8895
+ animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
8896
+ -webkit-transform: translateX(-103%);
8897
+ -ms-transform: translateX(-103%);
8898
+ transform: translateX(-103%); }
8899
+
8900
+ .premium-mask-active.premium-mask-tl .premium-mask-span::after {
8901
+ -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
8902
+ animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
8903
+ -webkit-transform: translateX(103%);
8904
+ -ms-transform: translateX(103%);
8905
+ transform: translateX(103%); }
8906
+
8907
+ .premium-mask-active.premium-mask-tb .premium-mask-span::after {
8908
+ -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
8909
+ animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
8910
+ -webkit-transform: translateY(-103%);
8911
+ -ms-transform: translateY(-103%);
8912
+ transform: translateY(-103%); }
8913
+
8914
+ .premium-mask-active.premium-mask-tt .premium-mask-span::after {
8915
+ -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
8916
+ animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
8917
+ -webkit-transform: translateY(103%);
8918
+ -ms-transform: translateY(103%);
8919
+ transform: translateY(103%); }
8920
+
8921
+ @-webkit-keyframes pa-mask-tr {
8922
+ 0% {
8923
+ -webkit-transform: translateX(0%);
8924
+ transform: translateX(0%); }
8925
+ 100% {
8926
+ -webkit-transform: translateX(103%);
8927
+ transform: translateX(103%); } }
8928
+
8929
+ @keyframes pa-mask-tr {
8930
+ 0% {
8931
+ -webkit-transform: translateX(0%);
8932
+ transform: translateX(0%); }
8933
+ 100% {
8934
+ -webkit-transform: translateX(103%);
8935
+ transform: translateX(103%); } }
8936
+
8937
+ @-webkit-keyframes pa-mask-tl {
8938
+ 0% {
8939
+ -webkit-transform: translateX(0%);
8940
+ transform: translateX(0%); }
8941
+ 100% {
8942
+ -webkit-transform: translateX(-103%);
8943
+ transform: translateX(-103%); } }
8944
+
8945
+ @keyframes pa-mask-tl {
8946
+ 0% {
8947
+ -webkit-transform: translateX(0%);
8948
+ transform: translateX(0%); }
8949
+ 100% {
8950
+ -webkit-transform: translateX(-103%);
8951
+ transform: translateX(-103%); } }
8952
+
8953
+ @-webkit-keyframes pa-mask-tb {
8954
+ 0% {
8955
+ -webkit-transform: translateY(0%);
8956
+ transform: translateY(0%); }
8957
+ 100% {
8958
+ -webkit-transform: translateY(103%);
8959
+ transform: translateY(103%); } }
8960
+
8961
+ @keyframes pa-mask-tb {
8962
+ 0% {
8963
+ -webkit-transform: translateY(0%);
8964
+ transform: translateY(0%); }
8965
+ 100% {
8966
+ -webkit-transform: translateY(103%);
8967
+ transform: translateY(103%); } }
8968
+
8969
+ @-webkit-keyframes pa-mask-tt {
8970
+ 0% {
8971
+ -webkit-transform: translateY(0%);
8972
+ transform: translateY(0%); }
8973
+ 100% {
8974
+ -webkit-transform: translateY(-103%);
8975
+ transform: translateY(-103%); } }
8976
+
8977
+ @keyframes pa-mask-tt {
8978
+ 0% {
8979
+ -webkit-transform: translateY(0%);
8980
+ transform: translateY(0%); }
8981
+ 100% {
8982
+ -webkit-transform: translateY(-103%);
8983
+ transform: translateY(-103%); } }
8984
+
8985
+ /*
8986
+ * Common Buttons Style.
8987
+ */
8988
+ .premium-button .premium-lottie-animation,
8989
+ .premium-image-button .premium-lottie-animation {
8990
+ -js-display: flex;
8991
+ display: -webkit-box;
8992
+ display: -webkit-flex;
8993
+ display: -moz-box;
8994
+ display: -ms-flexbox;
8995
+ display: flex; }
8996
+
8997
+ .premium-button svg,
8998
+ .premium-image-button svg {
8999
+ width: 30px;
9000
+ height: 30px; }
9001
+
9002
+ .premium-btn-sm,
9003
+ .premium-btn-md,
9004
+ .premium-btn-lg,
9005
+ .premium-btn-block {
9006
+ background-color: #eee;
9007
+ color: #042551;
9008
+ margin: 0px;
9009
+ text-decoration: none; }
9010
+ .premium-btn-sm:hover,
9011
+ .premium-btn-md:hover,
9012
+ .premium-btn-lg:hover,
9013
+ .premium-btn-block:hover {
9014
+ background-color: #54595f;
9015
+ color: #eee; }
9016
+
9017
+ div[class*="elementor-widget-premium"] .premium-btn-sm {
9018
+ padding: 12px 24px;
9019
+ font-size: 14px;
9020
+ line-height: 1; }
9021
+
9022
+ div[class*="elementor-widget-premium"] .premium-btn-md {
9023
+ padding: 14px 26px;
9024
+ font-size: 16px;
9025
+ line-height: 1.2; }
9026
+
9027
+ div[class*="elementor-widget-premium"] .premium-btn-lg {
9028
+ padding: 16px 28px;
9029
+ font-size: 18px;
9030
+ line-height: 1.3333; }
9031
+
9032
+ div[class*="elementor-widget-premium"] .premium-btn-block {
9033
+ font-size: 18px;
9034
+ line-height: 1;
9035
+ padding: 20px 0px;
9036
+ width: 100%;
9037
+ text-align: center; }
9038
+
9039
+ .premium-button-text {
9040
+ display: inline-block;
9041
+ width: 100%; }
9042
+
9043
+ /*
9044
+ * Common Button/Image Button Mouse Detect Effect.
9045
+ */
9046
+ .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
9047
+ position: absolute;
9048
+ z-index: 0;
9049
+ top: 0;
9050
+ left: 0;
9051
+ width: 0px;
9052
+ height: 0px;
9053
+ -webkit-border-radius: 50%;
9054
+ border-radius: 50%;
9055
+ display: block;
9056
+ -webkit-transform: translate(-50%, -50%);
9057
+ -ms-transform: translate(-50%, -50%);
9058
+ transform: translate(-50%, -50%);
9059
+ -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
9060
+ transition: width 0.4s ease-in-out, height 0.4s ease-in-out; }
9061
+
9062
+ .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
9063
+ width: 225%;
9064
+ height: 560px; }
9065
+
9066
+ .premium-mouse-detect-yes .premium-button-style6:before {
9067
+ width: 0;
9068
+ height: 0; }
9069
+
9070
+ /** Loader */
9071
+ .premium-loader {
9072
+ border: 3px solid #f3f3f3;
9073
+ border-top-width: 3px;
9074
+ border-top-style: solid;
9075
+ border-top-color: #f3f3f3;
9076
+ -webkit-border-radius: 50%;
9077
+ border-radius: 50%;
9078
+ border-top: 3px solid;
9079
+ border-top-color: #bbb;
9080
+ width: 30px;
9081
+ height: 30px;
9082
+ -webkit-animation: spin 2s linear infinite;
9083
+ animation: spin 2s linear infinite;
9084
+ margin: 0 auto; }
9085
+
9086
+ /*
9087
+ Common SVG Draw
9088
+ premium-svg-drawer not prefixed with 'svg'
9089
+ because it's rendered as div with custom SVG code.
9090
+ */
9091
+ .premium-svg-nodraw *,
9092
+ .premium-svg-drawer * {
9093
+ -webkit-transition: all 0.3s ease-in-out;
9094
+ transition: all 0.3s ease-in-out;
9095
+ -webkit-transition-property: stroke, fill, background-color;
9096
+ transition-property: stroke, fill, background-color; }
9097
+
9098
+ .premium-svg-nodraw .no-transition,
9099
+ .premium-svg-drawer .no-transition {
9100
+ -webkit-transition: none !important;
9101
+ transition: none !important; }
9102
+
9103
+ /** Common Animation */
9104
+ @-webkit-keyframes spin {
9105
+ 0% {
9106
+ -webkit-transform: rotate(0deg);
9107
+ transform: rotate(0deg); }
9108
+ 100% {
9109
+ -webkit-transform: rotate(360deg);
9110
+ transform: rotate(360deg); } }
9111
+ @keyframes spin {
9112
+ 0% {
9113
+ -webkit-transform: rotate(0deg);
9114
+ transform: rotate(0deg); }
9115
+ 100% {
9116
+ -webkit-transform: rotate(360deg);
9117
+ transform: rotate(360deg); } }
9118
+
9119
+ /**Notice*/
9120
+ .premium-error-notice {
9121
+ width: 100%;
9122
+ padding: 10px;
9123
+ color: #b94a48;
9124
+ background-color: #f2dede;
9125
+ border-color: #eed3d7;
9126
+ text-align: center; }
assets/frontend/css/premium-blog.css CHANGED
@@ -1,716 +1,716 @@
1
- /**************** Premium Blog *****************/
2
- /***********************************************/
3
- .premium-blog-thumb-effect-wrapper {
4
- position: relative;
5
- overflow: hidden; }
6
-
7
- .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
8
- position: absolute;
9
- top: 0;
10
- left: 0;
11
- width: 100%;
12
- height: 100%;
13
- z-index: 2;
14
- padding: 20px; }
15
-
16
- .premium-blog-bordered-effect .premium-blog-post-link {
17
- display: block;
18
- height: 100%;
19
- position: relative; }
20
-
21
- /*Thumbnail Img*/
22
- .premium-blog-wrap .premium-blog-thumbnail-container {
23
- overflow: hidden; }
24
- .premium-blog-wrap .premium-blog-thumbnail-container img,
25
- .premium-blog-wrap .premium-blog-thumbnail-container .below-entry-meta {
26
- width: 100%;
27
- height: 100%;
28
- margin: 0 !important;
29
- -webkit-transition: all 0.4s ease-in-out;
30
- transition: all 0.4s ease-in-out;
31
- display: block; }
32
-
33
- .premium-blog-zoomout-effect img,
34
- .premium-blog-scale-effect img {
35
- -webkit-transform: scale(1.2);
36
- -ms-transform: scale(1.2);
37
- transform: scale(1.2); }
38
-
39
- .premium-blog-sepia-effect img {
40
- -webkit-filter: sepia(30%);
41
- filter: sepia(30%); }
42
-
43
- .premium-blog-bright-effect img {
44
- -webkit-filter: brightness(1);
45
- filter: brightness(1); }
46
-
47
- .premium-blog-trans-effect img {
48
- -webkit-transform: translateX(-15px) scale(1.1);
49
- -ms-transform: translateX(-15px) scale(1.1);
50
- transform: translateX(-15px) scale(1.1); }
51
-
52
- .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
53
- -webkit-transform: scale(1.2);
54
- -ms-transform: scale(1.2);
55
- transform: scale(1.2); }
56
-
57
- .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
58
- -webkit-transform: scale(1.1);
59
- -ms-transform: scale(1.1);
60
- transform: scale(1.1); }
61
-
62
- .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
63
- -webkit-transform: scale(1.3) rotate(5deg);
64
- -ms-transform: scale(1.3) rotate(5deg);
65
- transform: scale(1.3) rotate(5deg); }
66
-
67
- .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
68
- -webkit-filter: grayscale(100%);
69
- filter: grayscale(100%); }
70
-
71
- .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
72
- -webkit-filter: blur(3px);
73
- filter: blur(3px); }
74
-
75
- .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
76
- -webkit-filter: sepia(0%);
77
- filter: sepia(0%); }
78
-
79
- .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
80
- -webkit-filter: brightness(1.2);
81
- filter: brightness(1.2); }
82
-
83
- .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
84
- -webkit-transform: translateX(0px) scale(1.1);
85
- -ms-transform: translateX(0px) scale(1.1);
86
- transform: translateX(0px) scale(1.1); }
87
-
88
- .premium-blog-post-container {
89
- overflow: hidden; }
90
- .premium-blog-post-container .premium-blog-inner-container {
91
- -js-display: flex;
92
- display: -webkit-box;
93
- display: -webkit-flex;
94
- display: -moz-box;
95
- display: -ms-flexbox;
96
- display: flex;
97
- -webkit-box-orient: vertical;
98
- -webkit-box-direction: normal;
99
- -webkit-flex-direction: column;
100
- -moz-box-orient: vertical;
101
- -moz-box-direction: normal;
102
- -ms-flex-direction: column;
103
- flex-direction: column; }
104
- .premium-blog-post-container .premium-blog-post-content {
105
- line-height: 1.5em;
106
- color: #777;
107
- font-size: 14px;
108
- margin-bottom: 10px; }
109
- .premium-blog-post-container ul.post-categories a:hover, .premium-blog-post-container ul.post-categories a:focus,
110
- .premium-blog-post-container .premium-blog-post-link:hover,
111
- .premium-blog-post-container .premium-blog-post-link:focus {
112
- -webkit-box-shadow: none !important;
113
- box-shadow: none !important;
114
- outline: none !important; }
115
- .premium-blog-post-container .premium-blog-entry-title {
116
- font-size: 18px;
117
- margin-bottom: 5px; }
118
- .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
119
- position: relative;
120
- z-index: 3;
121
- top: -50px; }
122
- .premium-blog-post-container .premium-blog-content-wrapper {
123
- background-color: #f5f5f5;
124
- padding: 30px; }
125
- .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
126
- top: 0; }
127
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before, .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
128
- position: absolute;
129
- content: "";
130
- z-index: 1;
131
- top: 50%;
132
- left: 50%;
133
- opacity: 0;
134
- -webkit-transform: translate(-50%, -50%);
135
- -ms-transform: translate(-50%, -50%);
136
- transform: translate(-50%, -50%);
137
- -webkit-transition: all 0.4s linear 0s;
138
- transition: all 0.4s linear 0s;
139
- height: 1px;
140
- width: 100%;
141
- background-color: #fff; }
142
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
143
- width: 1px;
144
- height: 100%; }
145
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner):hover .premium-blog-thumbnail-container:after {
146
- width: 20px;
147
- opacity: 1; }
148
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner):hover .premium-blog-thumbnail-container:before {
149
- height: 20px;
150
- opacity: 1; }
151
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
152
- margin: 0px 10px 20px;
153
- clear: both; }
154
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay {
155
- position: absolute;
156
- top: 0;
157
- left: 0;
158
- width: 100%;
159
- height: 100%;
160
- -webkit-transition: all 0.3s ease-in-out;
161
- transition: all 0.3s ease-in-out;
162
- opacity: 0; }
163
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a {
164
- -js-display: flex;
165
- display: -webkit-box;
166
- display: -webkit-flex;
167
- display: -moz-box;
168
- display: -ms-flexbox;
169
- display: flex;
170
- -webkit-box-pack: center;
171
- -webkit-justify-content: center;
172
- -moz-box-pack: center;
173
- -ms-flex-pack: center;
174
- justify-content: center;
175
- -webkit-box-align: center;
176
- -webkit-align-items: center;
177
- -moz-box-align: center;
178
- -ms-flex-align: center;
179
- align-items: center;
180
- width: 100%;
181
- height: 100%; }
182
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
183
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span,
184
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,
185
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
186
- -webkit-transition: all 0.3s ease-in-out;
187
- transition: all 0.3s ease-in-out; }
188
- .premium-blog-post-container.premium-blog-skin-side {
189
- -js-display: flex;
190
- display: -webkit-box;
191
- display: -webkit-flex;
192
- display: -moz-box;
193
- display: -ms-flexbox;
194
- display: flex; }
195
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
196
- height: 100%; }
197
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
198
- -webkit-box-flex: 1;
199
- -webkit-flex: 1;
200
- -moz-box-flex: 1;
201
- -ms-flex: 1;
202
- flex: 1; }
203
- .premium-blog-post-container.premium-blog-skin-banner {
204
- position: relative; }
205
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
206
- position: absolute;
207
- width: 100%;
208
- bottom: -5px;
209
- -js-display: flex;
210
- display: -webkit-box;
211
- display: -webkit-flex;
212
- display: -moz-box;
213
- display: -ms-flexbox;
214
- display: flex;
215
- -webkit-box-orient: vertical;
216
- -webkit-box-direction: normal;
217
- -webkit-flex-direction: column;
218
- -moz-box-orient: vertical;
219
- -moz-box-direction: normal;
220
- -ms-flex-direction: column;
221
- flex-direction: column;
222
- background-color: transparent;
223
- z-index: 3;
224
- -webkit-transition: bottom 0.3s ease-in-out;
225
- transition: bottom 0.3s ease-in-out; }
226
- .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper {
227
- bottom: 0px; }
228
- .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
229
- margin: 0;
230
- padding: 0;
231
- list-style: none;
232
- -js-display: flex;
233
- display: -webkit-box;
234
- display: -webkit-flex;
235
- display: -moz-box;
236
- display: -ms-flexbox;
237
- display: flex; }
238
- .premium-blog-post-container .premium-blog-cats-container a {
239
- display: block;
240
- font-size: 12px;
241
- color: #fff;
242
- background-color: #777;
243
- margin: 0 3px 10px 0;
244
- padding: 5px;
245
- -webkit-transition: all 0.3s ease-in-out;
246
- transition: all 0.3s ease-in-out; }
247
-
248
  /*
249
  * Diagonal Effect
250
- */
251
- .premium-blog-diagonal-container {
252
- position: absolute;
253
- top: 0;
254
- left: 0;
255
- width: 100%;
256
- height: 100%; }
257
-
258
- .premium-blog-diagonal-effect:before {
259
- position: absolute;
260
- top: 0px;
261
- left: 0px;
262
- width: 100%;
263
- height: 100%;
264
- content: " ";
265
- z-index: 1;
266
- background: rgba(255, 255, 255, 0.2);
267
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
268
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
269
- -webkit-transition: all 0.3s linear 0s;
270
- transition: all 0.3s linear 0s; }
271
-
272
- .premium-blog-post-outer-container:hover .premium-blog-diagonal-effect:before {
273
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
274
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
275
-
276
  /*
277
  * Framed Effect
278
- */
279
- .premium-blog-framed-effect {
280
- position: absolute;
281
- width: -webkit-calc(100% - 30px);
282
- width: calc(100% - 30px);
283
- height: -webkit-calc(100% - 30px);
284
- height: calc(100% - 30px);
285
- top: 15px;
286
- left: 15px;
287
- opacity: 0;
288
- -webkit-transform: scale(0.3);
289
- -ms-transform: scale(0.3);
290
- transform: scale(0.3);
291
- -webkit-transition: all 0.3s linear 0s;
292
- transition: all 0.3s linear 0s; }
293
-
294
- .premium-blog-post-outer-container:hover .premium-blog-framed-effect {
295
- opacity: 0.99;
296
- -webkit-transform: scale(1);
297
- -ms-transform: scale(1);
298
- transform: scale(1); }
299
-
300
  /*
301
  * Bordered Effect
302
- */
303
- .premium-blog-bordered-effect {
304
- position: absolute;
305
- top: 0;
306
- left: 0;
307
- width: 100%;
308
- height: 100%;
309
- opacity: 0;
310
- padding: 15px;
311
- -webkit-transition: all 0.3s linear 0s;
312
- transition: all 0.3s linear 0s; }
313
- .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-bordered-effect .premium-blog-post-link:after {
314
- content: "";
315
- display: block;
316
- position: absolute;
317
- top: 0;
318
- left: 0;
319
- width: 100%;
320
- height: 100%;
321
- -webkit-transition: all 0.5s linear 0s;
322
- transition: all 0.5s linear 0s;
323
- -webkit-transition-delay: 0s;
324
- transition-delay: 0s;
325
- border-color: rgba(255, 255, 255, 0.45); }
326
- .premium-blog-bordered-effect .premium-blog-post-link:before {
327
- border-right: 2px solid;
328
- border-left: 2px solid;
329
- -webkit-transform: scale(1, 0);
330
- -ms-transform: scale(1, 0);
331
- transform: scale(1, 0);
332
- -webkit-transform-origin: 100% 0;
333
- -ms-transform-origin: 100% 0;
334
- transform-origin: 100% 0; }
335
- .premium-blog-bordered-effect .premium-blog-post-link:after {
336
- border-top: 2px solid;
337
- border-bottom: 2px solid;
338
- -webkit-transform: scale(0, 1);
339
- -ms-transform: scale(0, 1);
340
- transform: scale(0, 1);
341
- -webkit-transform-origin: 0 0;
342
- -ms-transform-origin: 0 0;
343
- transform-origin: 0 0; }
344
-
345
- .premium-blog-bordered-effect:hover {
346
- opacity: 0.99; }
347
- .premium-blog-bordered-effect:hover .premium-blog-post-link:before, .premium-blog-bordered-effect:hover .premium-blog-post-link:after {
348
- -webkit-transition-delay: 0.15s;
349
- transition-delay: 0.15s;
350
- opacity: 1;
351
- -webkit-transform: scale(1);
352
- -ms-transform: scale(1);
353
- transform: scale(1); }
354
-
355
  /*
356
  * Squares Effect
357
- */
358
- .premium-blog-squares-effect,
359
- .premium-blog-squares-square-container {
360
- position: absolute;
361
- top: 0;
362
- left: 0;
363
- width: 100%;
364
- height: 100%; }
365
-
366
- .premium-blog-squares-effect:before, .premium-blog-squares-effect:after {
367
- position: absolute;
368
- content: "";
369
- top: 0;
370
- left: 0;
371
- width: 50%;
372
- height: 50%;
373
- -webkit-transform: translate(-100%, -100%);
374
- -ms-transform: translate(-100%, -100%);
375
- transform: translate(-100%, -100%);
376
- opacity: 0.7;
377
- -webkit-transition: all 0.3s linear 0s;
378
- transition: all 0.3s linear 0s; }
379
-
380
- .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
381
- position: absolute;
382
- content: "";
383
- top: 0;
384
- left: 0;
385
- width: 50%;
386
- height: 50%;
387
- -webkit-transform: translate(-100%, -100%);
388
- -ms-transform: translate(-100%, -100%);
389
- transform: translate(-100%, -100%);
390
- opacity: 0.7;
391
- -webkit-transition: all 0.3s linear 0s;
392
- transition: all 0.3s linear 0s; }
393
-
394
- .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
395
- opacity: 0.8; }
396
-
397
- .premium-blog-squares-effect:after {
398
- -webkit-transform: translate(200%, 200%);
399
- -ms-transform: translate(200%, 200%);
400
- transform: translate(200%, 200%); }
401
-
402
- .premium-blog-squares-square-container:before {
403
- -webkit-transform: translate(-100%, 200%);
404
- -ms-transform: translate(-100%, 200%);
405
- transform: translate(-100%, 200%); }
406
-
407
- .premium-blog-squares-square-container:after {
408
- -webkit-transform: translate(200%, -100%);
409
- -ms-transform: translate(200%, -100%);
410
- transform: translate(200%, -100%); }
411
-
412
- .premium-blog-squares-effect:hover:before {
413
- -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
414
- -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
415
- transform: translate(0, 0%) scaleY(1.003) scaleX(1.003); }
416
-
417
- .premium-blog-squares-effect:hover:after {
418
- -webkit-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
419
- -ms-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
420
- transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003); }
421
-
422
- .premium-blog-squares-effect:hover .premium-blog-squares-square-container:before {
423
- -webkit-transform: translate(0, 100%);
424
- -ms-transform: translate(0, 100%);
425
- transform: translate(0, 100%); }
426
-
427
- .premium-blog-squares-effect:hover .premium-blog-squares-square-container:after {
428
- -webkit-transform: translate(100%, 0%);
429
- -ms-transform: translate(100%, 0%);
430
- transform: translate(100%, 0%); }
431
-
432
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
433
- opacity: 1; }
434
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
435
- opacity: 1;
436
- -webkit-transform: scale(1);
437
- -ms-transform: scale(1);
438
- transform: scale(1); }
439
-
440
- .premium-blog-clear-fix {
441
- clear: both; }
442
-
443
- .premium-blog-masked .premium-blog-thumbnail-container {
444
- position: relative;
445
- overflow: visible; }
446
- .premium-blog-masked .premium-blog-thumbnail-container svg {
447
- position: absolute;
448
- height: 100px;
449
- width: 100%;
450
- bottom: -5px;
451
- left: 0;
452
- fill: #f5f5f5;
453
- z-index: 99; }
454
- .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
455
- -webkit-transform: rotate(180deg);
456
- -ms-transform: rotate(180deg);
457
- transform: rotate(180deg); }
458
-
459
- .premium-blog-masked .premium-blog-author-thumbnail,
460
- .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
461
- z-index: 999 !important; }
462
-
463
- .premium-blog-format-link {
464
- padding: 5px;
465
- line-height: 0; }
466
-
467
- .premium-blog-entry-meta {
468
- line-height: 1.3em;
469
- font-size: 12px;
470
- margin-bottom: 13px;
471
- color: #adadad; }
472
- .premium-blog-entry-meta i {
473
- margin-right: 3px;
474
- -webkit-transition: all 0.3s ease-in-out;
475
- transition: all 0.3s ease-in-out; }
476
-
477
- .premium-blog-meta-data {
478
- display: inline-block; }
479
- .premium-blog-meta-data .premium-blog-meta-separator {
480
- margin: 0 5px; }
481
- .premium-blog-meta-data a,
482
- .premium-blog-meta-data span {
483
- color: inherit;
484
- -webkit-transition: all 0.3s ease-in-out;
485
- transition: all 0.3s ease-in-out; }
486
-
487
- .premium-blog-author-thumbnail {
488
- position: relative;
489
- padding: 0 30px;
490
- width: 100%;
491
- top: -10px;
492
- height: 0;
493
- pointer-events: none; }
494
- .premium-blog-author-thumbnail img {
495
- -webkit-border-radius: 50%;
496
- border-radius: 50%;
497
- width: 60px;
498
- pointer-events: all;
499
- -webkit-transform: translateY(-50%);
500
- -ms-transform: translateY(-50%);
501
- transform: translateY(-50%); }
502
-
503
- .premium-blog-entry-title a,
504
- .premium-blog-post-tags-container a,
505
- .premium-blog-post-content .premium-blog-excerpt-link {
506
- -webkit-transition: all 0.3s ease-in-out;
507
- transition: all 0.3s ease-in-out; }
508
-
509
- .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
510
- background-color: transparent;
511
- color: #54595f;
512
- padding: 0; }
513
-
514
- .premium-blog-cta-full-yes .premium-blog-excerpt-link {
515
- width: 100%; }
516
-
517
- .premium-blog-post-tags-container {
518
- margin-top: 8px;
519
- -js-display: flex;
520
- display: -webkit-box;
521
- display: -webkit-flex;
522
- display: -moz-box;
523
- display: -ms-flexbox;
524
- display: flex;
525
- -webkit-box-align: center;
526
- -webkit-align-items: center;
527
- -moz-box-align: center;
528
- -ms-flex-align: center;
529
- align-items: center;
530
- -webkit-flex-wrap: wrap;
531
- -ms-flex-wrap: wrap;
532
- flex-wrap: wrap; }
533
- .premium-blog-post-tags-container a {
534
- color: inherit;
535
- margin-left: 5px; }
536
-
537
- /*Tags align*/
538
- .premium-blog-align-left .post-categories,
539
- .premium-blog-align-left .premium-blog-post-tags-container {
540
- -webkit-box-pack: start;
541
- -webkit-justify-content: flex-start;
542
- -moz-box-pack: start;
543
- -ms-flex-pack: start;
544
- justify-content: flex-start; }
545
-
546
- .premium-blog-align-left .premium-blog-inner-container {
547
- -webkit-box-align: start;
548
- -webkit-align-items: flex-start;
549
- -moz-box-align: start;
550
- -ms-flex-align: start;
551
- align-items: flex-start; }
552
-
553
- .premium-blog-align-center .post-categories,
554
- .premium-blog-align-center .premium-blog-post-tags-container {
555
- -webkit-box-pack: center;
556
- -webkit-justify-content: center;
557
- -moz-box-pack: center;
558
- -ms-flex-pack: center;
559
- justify-content: center; }
560
-
561
- .premium-blog-align-center .premium-blog-inner-container {
562
- -webkit-box-align: center;
563
- -webkit-align-items: center;
564
- -moz-box-align: center;
565
- -ms-flex-align: center;
566
- align-items: center; }
567
-
568
- .premium-blog-align-right .post-categories,
569
- .premium-blog-align-right .premium-blog-post-tags-container {
570
- -webkit-box-pack: end;
571
- -webkit-justify-content: flex-end;
572
- -moz-box-pack: end;
573
- -ms-flex-pack: end;
574
- justify-content: flex-end; }
575
-
576
- .premium-blog-align-right .premium-blog-inner-container {
577
- -webkit-box-align: end;
578
- -webkit-align-items: flex-end;
579
- -moz-box-align: end;
580
- -ms-flex-align: end;
581
- align-items: flex-end; }
582
-
583
- /* Pagination */
584
- .premium-blog-pagination-container {
585
- text-align: right; }
586
- .premium-blog-pagination-container span {
587
- cursor: default; }
588
- .premium-blog-pagination-container .page-numbers {
589
- display: inline-block;
590
- color: #000;
591
- line-height: 1;
592
- font-size: 1em;
593
- font-weight: 400;
594
- text-decoration: none;
595
- padding: 0.75em;
596
- margin: 0 0.4em 0.4em 0;
597
- -webkit-transition: all 0.3s ease-in-out;
598
- transition: all 0.3s ease-in-out; }
599
-
600
- .premium-blog-wrap .premium-loading-feed {
601
- display: block;
602
- position: absolute;
603
- width: 100%;
604
- height: 100%;
605
- top: 0px;
606
- left: 0px;
607
- bottom: 0px;
608
- right: 0px;
609
- background: rgba(255, 255, 255, 0.2);
610
- -js-display: flex;
611
- display: -webkit-box;
612
- display: -webkit-flex;
613
- display: -moz-box;
614
- display: -ms-flexbox;
615
- display: flex;
616
- -webkit-box-align: center;
617
- -webkit-align-items: center;
618
- -moz-box-align: center;
619
- -ms-flex-align: center;
620
- align-items: center;
621
- z-index: 99; }
622
-
623
- .premium-blog-wrap {
624
- -js-display: flex;
625
- display: -webkit-box;
626
- display: -webkit-flex;
627
- display: -moz-box;
628
- display: -ms-flexbox;
629
- display: flex;
630
- -webkit-flex-wrap: wrap;
631
- -ms-flex-wrap: wrap;
632
- flex-wrap: wrap; }
633
- .premium-blog-wrap ul.slick-dots {
634
- width: 100%; }
635
-
636
  /*
637
  * List Layout
638
- */
639
- .premium-blog-list .premium-blog-post-outer-container {
640
- width: 100%; }
641
-
642
  /**
643
  * Even Layout
644
- */
645
- .premium-blog-even .premium-blog-post-container {
646
- height: 100%; }
647
-
648
- .premium-blog-even .slick-track {
649
- -js-display: flex;
650
- display: -webkit-box;
651
- display: -webkit-flex;
652
- display: -moz-box;
653
- display: -ms-flexbox;
654
- display: flex; }
655
-
656
- .premium-blog-even .slick-slide {
657
- height: inherit !important; }
658
-
659
- .premium-blog-filter {
660
- -js-display: flex;
661
- display: -webkit-box;
662
- display: -webkit-flex;
663
- display: -moz-box;
664
- display: -ms-flexbox;
665
- display: flex;
666
- -webkit-box-align: center;
667
- -webkit-align-items: center;
668
- -moz-box-align: center;
669
- -ms-flex-align: center;
670
- align-items: center;
671
- -webkit-box-pack: center;
672
- -webkit-justify-content: center;
673
- -moz-box-pack: center;
674
- -ms-flex-pack: center;
675
- justify-content: center; }
676
-
677
- .premium-blog-filter .premium-blog-filters-container li a.category {
678
- outline: none;
679
- text-decoration: none;
680
- -webkit-border-radius: 75px;
681
- border-radius: 75px;
682
- margin: 15px 5px 20px;
683
- padding: 7px 20px;
684
- -webkit-transition: all 0.3s ease-in-out;
685
- transition: all 0.3s ease-in-out; }
686
-
687
- .premium-blog-filter ul.premium-blog-filters-container {
688
- text-align: center;
689
- margin: 0;
690
- padding: 0; }
691
-
692
- .premium-blog-filter .premium-blog-filters-container li {
693
- list-style: none;
694
- -js-display: inline-flex;
695
- display: -webkit-inline-box;
696
- display: -webkit-inline-flex;
697
- display: -moz-inline-box;
698
- display: -ms-inline-flexbox;
699
- display: inline-flex; }
700
-
701
  /**
702
  * Responsive Style
703
- */
704
- @media (max-width: 768px) {
705
- .premium-blog-content-wrapper {
706
- top: 0;
707
- margin: 0;
708
- padding: 15px; }
709
- .premium-blog-skin-side {
710
- -webkit-box-orient: vertical;
711
- -webkit-box-direction: normal;
712
- -webkit-flex-direction: column;
713
- -moz-box-orient: vertical;
714
- -moz-box-direction: normal;
715
- -ms-flex-direction: column;
716
- flex-direction: column; } }
1
+ /**************** Premium Blog *****************/
2
+ /***********************************************/
3
+ .premium-blog-thumb-effect-wrapper {
4
+ position: relative;
5
+ overflow: hidden; }
6
+
7
+ .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
8
+ position: absolute;
9
+ top: 0;
10
+ left: 0;
11
+ width: 100%;
12
+ height: 100%;
13
+ z-index: 2;
14
+ padding: 20px; }
15
+
16
+ .premium-blog-bordered-effect .premium-blog-post-link {
17
+ display: block;
18
+ height: 100%;
19
+ position: relative; }
20
+
21
+ /*Thumbnail Img*/
22
+ .premium-blog-wrap .premium-blog-thumbnail-container {
23
+ overflow: hidden; }
24
+ .premium-blog-wrap .premium-blog-thumbnail-container img,
25
+ .premium-blog-wrap .premium-blog-thumbnail-container .below-entry-meta {
26
+ width: 100%;
27
+ height: 100%;
28
+ margin: 0 !important;
29
+ -webkit-transition: all 0.4s ease-in-out;
30
+ transition: all 0.4s ease-in-out;
31
+ display: block; }
32
+
33
+ .premium-blog-zoomout-effect img,
34
+ .premium-blog-scale-effect img {
35
+ -webkit-transform: scale(1.2);
36
+ -ms-transform: scale(1.2);
37
+ transform: scale(1.2); }
38
+
39
+ .premium-blog-sepia-effect img {
40
+ -webkit-filter: sepia(30%);
41
+ filter: sepia(30%); }
42
+
43
+ .premium-blog-bright-effect img {
44
+ -webkit-filter: brightness(1);
45
+ filter: brightness(1); }
46
+
47
+ .premium-blog-trans-effect img {
48
+ -webkit-transform: translateX(-15px) scale(1.1);
49
+ -ms-transform: translateX(-15px) scale(1.1);
50
+ transform: translateX(-15px) scale(1.1); }
51
+
52
+ .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
53
+ -webkit-transform: scale(1.2);
54
+ -ms-transform: scale(1.2);
55
+ transform: scale(1.2); }
56
+
57
+ .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
58
+ -webkit-transform: scale(1.1);
59
+ -ms-transform: scale(1.1);
60
+ transform: scale(1.1); }
61
+
62
+ .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
63
+ -webkit-transform: scale(1.3) rotate(5deg);
64
+ -ms-transform: scale(1.3) rotate(5deg);
65
+ transform: scale(1.3) rotate(5deg); }
66
+
67
+ .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
68
+ -webkit-filter: grayscale(100%);
69
+ filter: grayscale(100%); }
70
+
71
+ .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
72
+ -webkit-filter: blur(3px);
73
+ filter: blur(3px); }
74
+
75
+ .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
76
+ -webkit-filter: sepia(0%);
77
+ filter: sepia(0%); }
78
+
79
+ .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
80
+ -webkit-filter: brightness(1.2);
81
+ filter: brightness(1.2); }
82
+
83
+ .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
84
+ -webkit-transform: translateX(0px) scale(1.1);
85
+ -ms-transform: translateX(0px) scale(1.1);
86
+ transform: translateX(0px) scale(1.1); }
87
+
88
+ .premium-blog-post-container {
89
+ overflow: hidden; }
90
+ .premium-blog-post-container .premium-blog-inner-container {
91
+ -js-display: flex;
92
+ display: -webkit-box;
93
+ display: -webkit-flex;
94
+ display: -moz-box;
95
+ display: -ms-flexbox;
96
+ display: flex;
97
+ -webkit-box-orient: vertical;
98
+ -webkit-box-direction: normal;
99
+ -webkit-flex-direction: column;
100
+ -moz-box-orient: vertical;
101
+ -moz-box-direction: normal;
102
+ -ms-flex-direction: column;
103
+ flex-direction: column; }
104
+ .premium-blog-post-container .premium-blog-post-content {
105
+ line-height: 1.5em;
106
+ color: #777;
107
+ font-size: 14px;
108
+ margin-bottom: 10px; }
109
+ .premium-blog-post-container ul.post-categories a:hover, .premium-blog-post-container ul.post-categories a:focus,
110
+ .premium-blog-post-container .premium-blog-post-link:hover,
111
+ .premium-blog-post-container .premium-blog-post-link:focus {
112
+ -webkit-box-shadow: none !important;
113
+ box-shadow: none !important;
114
+ outline: none !important; }
115
+ .premium-blog-post-container .premium-blog-entry-title {
116
+ font-size: 18px;
117
+ margin-bottom: 5px; }
118
+ .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
119
+ position: relative;
120
+ z-index: 3;
121
+ top: -50px; }
122
+ .premium-blog-post-container .premium-blog-content-wrapper {
123
+ background-color: #f5f5f5;
124
+ padding: 30px; }
125
+ .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
126
+ top: 0; }
127
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before, .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
128
+ position: absolute;
129
+ content: "";
130
+ z-index: 1;
131
+ top: 50%;
132
+ left: 50%;
133
+ opacity: 0;
134
+ -webkit-transform: translate(-50%, -50%);
135
+ -ms-transform: translate(-50%, -50%);
136
+ transform: translate(-50%, -50%);
137
+ -webkit-transition: all 0.4s linear 0s;
138
+ transition: all 0.4s linear 0s;
139
+ height: 1px;
140
+ width: 100%;
141
+ background-color: #fff; }
142
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
143
+ width: 1px;
144
+ height: 100%; }
145
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner):hover .premium-blog-thumbnail-container:after {
146
+ width: 20px;
147
+ opacity: 1; }
148
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner):hover .premium-blog-thumbnail-container:before {
149
+ height: 20px;
150
+ opacity: 1; }
151
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
152
+ margin: 0px 10px 20px;
153
+ clear: both; }
154
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay {
155
+ position: absolute;
156
+ top: 0;
157
+ left: 0;
158
+ width: 100%;
159
+ height: 100%;
160
+ -webkit-transition: all 0.3s ease-in-out;
161
+ transition: all 0.3s ease-in-out;
162
+ opacity: 0; }
163
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a {
164
+ -js-display: flex;
165
+ display: -webkit-box;
166
+ display: -webkit-flex;
167
+ display: -moz-box;
168
+ display: -ms-flexbox;
169
+ display: flex;
170
+ -webkit-box-pack: center;
171
+ -webkit-justify-content: center;
172
+ -moz-box-pack: center;
173
+ -ms-flex-pack: center;
174
+ justify-content: center;
175
+ -webkit-box-align: center;
176
+ -webkit-align-items: center;
177
+ -moz-box-align: center;
178
+ -ms-flex-align: center;
179
+ align-items: center;
180
+ width: 100%;
181
+ height: 100%; }
182
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
183
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span,
184
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,
185
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
186
+ -webkit-transition: all 0.3s ease-in-out;
187
+ transition: all 0.3s ease-in-out; }
188
+ .premium-blog-post-container.premium-blog-skin-side {
189
+ -js-display: flex;
190
+ display: -webkit-box;
191
+ display: -webkit-flex;
192
+ display: -moz-box;
193
+ display: -ms-flexbox;
194
+ display: flex; }
195
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
196
+ height: 100%; }
197
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
198
+ -webkit-box-flex: 1;
199
+ -webkit-flex: 1;
200
+ -moz-box-flex: 1;
201
+ -ms-flex: 1;
202
+ flex: 1; }
203
+ .premium-blog-post-container.premium-blog-skin-banner {
204
+ position: relative; }
205
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
206
+ position: absolute;
207
+ width: 100%;
208
+ bottom: -5px;
209
+ -js-display: flex;
210
+ display: -webkit-box;
211
+ display: -webkit-flex;
212
+ display: -moz-box;
213
+ display: -ms-flexbox;
214
+ display: flex;
215
+ -webkit-box-orient: vertical;
216
+ -webkit-box-direction: normal;
217
+ -webkit-flex-direction: column;
218
+ -moz-box-orient: vertical;
219
+ -moz-box-direction: normal;
220
+ -ms-flex-direction: column;
221
+ flex-direction: column;
222
+ background-color: transparent;
223
+ z-index: 3;
224
+ -webkit-transition: bottom 0.3s ease-in-out;
225
+ transition: bottom 0.3s ease-in-out; }
226
+ .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper {
227
+ bottom: 0px; }
228
+ .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
229
+ margin: 0;
230
+ padding: 0;
231
+ list-style: none;
232
+ -js-display: flex;
233
+ display: -webkit-box;
234
+ display: -webkit-flex;
235
+ display: -moz-box;
236
+ display: -ms-flexbox;
237
+ display: flex; }
238
+ .premium-blog-post-container .premium-blog-cats-container a {
239
+ display: block;
240
+ font-size: 12px;
241
+ color: #fff;
242
+ background-color: #777;
243
+ margin: 0 3px 10px 0;
244
+ padding: 5px;
245
+ -webkit-transition: all 0.3s ease-in-out;
246
+ transition: all 0.3s ease-in-out; }
247
+
248
  /*
249
  * Diagonal Effect
250
+ */
251
+ .premium-blog-diagonal-container {
252
+ position: absolute;
253
+ top: 0;
254
+ left: 0;
255
+ width: 100%;
256
+ height: 100%; }
257
+
258
+ .premium-blog-diagonal-effect:before {
259
+ position: absolute;
260
+ top: 0px;
261
+ left: 0px;
262
+ width: 100%;
263
+ height: 100%;
264
+ content: " ";
265
+ z-index: 1;
266
+ background: rgba(255, 255, 255, 0.2);
267
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
268
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
269
+ -webkit-transition: all 0.3s linear 0s;
270
+ transition: all 0.3s linear 0s; }
271
+
272
+ .premium-blog-post-outer-container:hover .premium-blog-diagonal-effect:before {
273
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
274
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
275
+
276
  /*
277
  * Framed Effect
278
+ */
279
+ .premium-blog-framed-effect {
280
+ position: absolute;
281
+ width: -webkit-calc(100% - 30px);
282
+ width: calc(100% - 30px);
283
+ height: -webkit-calc(100% - 30px);
284
+ height: calc(100% - 30px);
285
+ top: 15px;
286
+ left: 15px;
287
+ opacity: 0;
288
+ -webkit-transform: scale(0.3);
289
+ -ms-transform: scale(0.3);
290
+ transform: scale(0.3);
291
+ -webkit-transition: all 0.3s linear 0s;
292
+ transition: all 0.3s linear 0s; }
293
+
294
+ .premium-blog-post-outer-container:hover .premium-blog-framed-effect {
295
+ opacity: 0.99;
296
+ -webkit-transform: scale(1);
297
+ -ms-transform: scale(1);
298
+ transform: scale(1); }
299
+
300
  /*
301
  * Bordered Effect
302
+ */
303
+ .premium-blog-bordered-effect {
304
+ position: absolute;
305
+ top: 0;
306
+ left: 0;
307
+ width: 100%;
308
+ height: 100%;
309
+ opacity: 0;
310
+ padding: 15px;
311
+ -webkit-transition: all 0.3s linear 0s;
312
+ transition: all 0.3s linear 0s; }
313
+ .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-bordered-effect .premium-blog-post-link:after {
314
+ content: "";
315
+ display: block;
316
+ position: absolute;
317
+ top: 0;
318
+ left: 0;
319
+ width: 100%;
320
+ height: 100%;
321
+ -webkit-transition: all 0.5s linear 0s;
322
+ transition: all 0.5s linear 0s;
323
+ -webkit-transition-delay: 0s;
324
+ transition-delay: 0s;
325
+ border-color: rgba(255, 255, 255, 0.45); }
326
+ .premium-blog-bordered-effect .premium-blog-post-link:before {
327
+ border-right: 2px solid;
328
+ border-left: 2px solid;
329
+ -webkit-transform: scale(1, 0);
330
+ -ms-transform: scale(1, 0);
331
+ transform: scale(1, 0);
332
+ -webkit-transform-origin: 100% 0;
333
+ -ms-transform-origin: 100% 0;
334
+ transform-origin: 100% 0; }
335
+ .premium-blog-bordered-effect .premium-blog-post-link:after {
336
+ border-top: 2px solid;
337
+ border-bottom: 2px solid;
338
+ -webkit-transform: scale(0, 1);
339
+ -ms-transform: scale(0, 1);
340
+ transform: scale(0, 1);
341
+ -webkit-transform-origin: 0 0;
342
+ -ms-transform-origin: 0 0;
343
+ transform-origin: 0 0; }
344
+
345
+ .premium-blog-bordered-effect:hover {
346
+ opacity: 0.99; }
347
+ .premium-blog-bordered-effect:hover .premium-blog-post-link:before, .premium-blog-bordered-effect:hover .premium-blog-post-link:after {
348
+ -webkit-transition-delay: 0.15s;
349
+ transition-delay: 0.15s;
350
+ opacity: 1;
351
+ -webkit-transform: scale(1);
352
+ -ms-transform: scale(1);
353
+ transform: scale(1); }
354
+
355
  /*
356
  * Squares Effect
357
+ */
358
+ .premium-blog-squares-effect,
359
+ .premium-blog-squares-square-container {
360
+ position: absolute;
361
+ top: 0;
362
+ left: 0;
363
+ width: 100%;
364
+ height: 100%; }
365
+
366
+ .premium-blog-squares-effect:before, .premium-blog-squares-effect:after {
367
+ position: absolute;
368
+ content: "";
369
+ top: 0;
370
+ left: 0;
371
+ width: 50%;
372
+ height: 50%;
373
+ -webkit-transform: translate(-100%, -100%);
374
+ -ms-transform: translate(-100%, -100%);
375
+ transform: translate(-100%, -100%);
376
+ opacity: 0.7;
377
+ -webkit-transition: all 0.3s linear 0s;
378
+ transition: all 0.3s linear 0s; }
379
+
380
+ .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
381
+ position: absolute;
382
+ content: "";
383
+ top: 0;
384
+ left: 0;
385
+ width: 50%;
386
+ height: 50%;
387
+ -webkit-transform: translate(-100%, -100%);
388
+ -ms-transform: translate(-100%, -100%);
389
+ transform: translate(-100%, -100%);
390
+ opacity: 0.7;
391
+ -webkit-transition: all 0.3s linear 0s;
392
+ transition: all 0.3s linear 0s; }
393
+
394
+ .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
395
+ opacity: 0.8; }
396
+
397
+ .premium-blog-squares-effect:after {
398
+ -webkit-transform: translate(200%, 200%);
399
+ -ms-transform: translate(200%, 200%);
400
+ transform: translate(200%, 200%); }
401
+
402
+ .premium-blog-squares-square-container:before {
403
+ -webkit-transform: translate(-100%, 200%);
404
+ -ms-transform: translate(-100%, 200%);
405
+ transform: translate(-100%, 200%); }
406
+
407
+ .premium-blog-squares-square-container:after {
408
+ -webkit-transform: translate(200%, -100%);
409
+ -ms-transform: translate(200%, -100%);
410
+ transform: translate(200%, -100%); }
411
+
412
+ .premium-blog-squares-effect:hover:before {
413
+ -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
414
+ -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
415
+ transform: translate(0, 0%) scaleY(1.003) scaleX(1.003); }
416
+
417
+ .premium-blog-squares-effect:hover:after {
418
+ -webkit-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
419
+ -ms-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
420
+ transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003); }
421
+
422
+ .premium-blog-squares-effect:hover .premium-blog-squares-square-container:before {
423
+ -webkit-transform: translate(0, 100%);
424
+ -ms-transform: translate(0, 100%);
425
+ transform: translate(0, 100%); }
426
+
427
+ .premium-blog-squares-effect:hover .premium-blog-squares-square-container:after {
428
+ -webkit-transform: translate(100%, 0%);
429
+ -ms-transform: translate(100%, 0%);
430
+ transform: translate(100%, 0%); }
431
+
432
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
433
+ opacity: 1; }
434
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
435
+ opacity: 1;
436
+ -webkit-transform: scale(1);
437
+ -ms-transform: scale(1);
438
+ transform: scale(1); }
439
+
440
+ .premium-blog-clear-fix {
441
+ clear: both; }
442
+
443
+ .premium-blog-masked .premium-blog-thumbnail-container {
444
+ position: relative;
445
+ overflow: visible; }
446
+ .premium-blog-masked .premium-blog-thumbnail-container svg {
447
+ position: absolute;
448
+ height: 100px;
449
+ width: 100%;
450
+ bottom: -5px;
451
+ left: 0;
452
+ fill: #f5f5f5;
453
+ z-index: 99; }
454
+ .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
455
+ -webkit-transform: rotate(180deg);
456
+ -ms-transform: rotate(180deg);
457
+ transform: rotate(180deg); }
458
+
459
+ .premium-blog-masked .premium-blog-author-thumbnail,
460
+ .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
461
+ z-index: 999 !important; }
462
+
463
+ .premium-blog-format-link {
464
+ padding: 5px;
465
+ line-height: 0; }
466
+
467
+ .premium-blog-entry-meta {
468
+ line-height: 1.3em;
469
+ font-size: 12px;
470
+ margin-bottom: 13px;
471
+ color: #adadad; }
472
+ .premium-blog-entry-meta i {
473
+ margin-right: 3px;
474
+ -webkit-transition: all 0.3s ease-in-out;
475
+ transition: all 0.3s ease-in-out; }
476
+
477
+ .premium-blog-meta-data {
478
+ display: inline-block; }
479
+ .premium-blog-meta-data .premium-blog-meta-separator {
480
+ margin: 0 5px; }
481
+ .premium-blog-meta-data a,
482
+ .premium-blog-meta-data span {
483
+ color: inherit;
484
+ -webkit-transition: all 0.3s ease-in-out;
485
+ transition: all 0.3s ease-in-out; }
486
+
487
+ .premium-blog-author-thumbnail {
488
+ position: relative;
489
+ padding: 0 30px;
490
+ width: 100%;
491
+ top: -10px;
492
+ height: 0;
493
+ pointer-events: none; }
494
+ .premium-blog-author-thumbnail img {
495
+ -webkit-border-radius: 50%;
496
+ border-radius: 50%;
497
+ width: 60px;
498
+ pointer-events: all;
499
+ -webkit-transform: translateY(-50%);
500
+ -ms-transform: translateY(-50%);
501
+ transform: translateY(-50%); }
502
+
503
+ .premium-blog-entry-title a,
504
+ .premium-blog-post-tags-container a,
505
+ .premium-blog-post-content .premium-blog-excerpt-link {
506
+ -webkit-transition: all 0.3s ease-in-out;
507
+ transition: all 0.3s ease-in-out; }
508
+
509
+ .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
510
+ background-color: transparent;
511
+ color: #54595f;
512
+ padding: 0; }
513
+
514
+ .premium-blog-cta-full-yes .premium-blog-excerpt-link {
515
+ width: 100%; }
516
+
517
+ .premium-blog-post-tags-container {
518
+ margin-top: 8px;
519
+ -js-display: flex;
520
+ display: -webkit-box;
521
+ display: -webkit-flex;
522
+ display: -moz-box;
523
+ display: -ms-flexbox;
524
+ display: flex;
525
+ -webkit-box-align: center;
526
+ -webkit-align-items: center;
527
+ -moz-box-align: center;
528
+ -ms-flex-align: center;
529
+ align-items: center;
530
+ -webkit-flex-wrap: wrap;
531
+ -ms-flex-wrap: wrap;
532
+ flex-wrap: wrap; }
533
+ .premium-blog-post-tags-container a {
534
+ color: inherit;
535
+ margin-left: 5px; }
536
+
537
+ /*Tags align*/
538
+ .premium-blog-align-left .post-categories,
539
+ .premium-blog-align-left .premium-blog-post-tags-container {
540
+ -webkit-box-pack: start;
541
+ -webkit-justify-content: flex-start;
542
+ -moz-box-pack: start;
543
+ -ms-flex-pack: start;
544
+ justify-content: flex-start; }
545
+
546
+ .premium-blog-align-left .premium-blog-inner-container {
547
+ -webkit-box-align: start;
548
+ -webkit-align-items: flex-start;
549
+ -moz-box-align: start;
550
+ -ms-flex-align: start;
551
+ align-items: flex-start; }
552
+
553
+ .premium-blog-align-center .post-categories,
554
+ .premium-blog-align-center .premium-blog-post-tags-container {
555
+ -webkit-box-pack: center;
556
+ -webkit-justify-content: center;
557
+ -moz-box-pack: center;
558
+ -ms-flex-pack: center;
559
+ justify-content: center; }
560
+
561
+ .premium-blog-align-center .premium-blog-inner-container {
562
+ -webkit-box-align: center;
563
+ -webkit-align-items: center;
564
+ -moz-box-align: center;
565
+ -ms-flex-align: center;
566
+ align-items: center; }
567
+
568
+ .premium-blog-align-right .post-categories,
569
+ .premium-blog-align-right .premium-blog-post-tags-container {
570
+ -webkit-box-pack: end;
571
+ -webkit-justify-content: flex-end;
572
+ -moz-box-pack: end;
573
+ -ms-flex-pack: end;
574
+ justify-content: flex-end; }
575
+
576
+ .premium-blog-align-right .premium-blog-inner-container {
577
+ -webkit-box-align: end;
578
+ -webkit-align-items: flex-end;
579
+ -moz-box-align: end;
580
+ -ms-flex-align: end;
581
+ align-items: flex-end; }
582
+
583
+ /* Pagination */
584
+ .premium-blog-pagination-container {
585
+ text-align: right; }
586
+ .premium-blog-pagination-container span {
587
+ cursor: default; }
588
+ .premium-blog-pagination-container .page-numbers {
589
+ display: inline-block;
590
+ color: #000;
591
+ line-height: 1;
592
+ font-size: 1em;
593
+ font-weight: 400;
594
+ text-decoration: none;
595
+ padding: 0.75em;
596
+ margin: 0 0.4em 0.4em 0;
597
+ -webkit-transition: all 0.3s ease-in-out;
598
+ transition: all 0.3s ease-in-out; }
599
+
600
+ .premium-blog-wrap .premium-loading-feed {
601
+ display: block;
602
+ position: absolute;
603
+ width: 100%;
604
+ height: 100%;
605
+ top: 0px;
606
+ left: 0px;
607
+ bottom: 0px;
608
+ right: 0px;
609
+ background: rgba(255, 255, 255, 0.2);
610
+ -js-display: flex;
611
+ display: -webkit-box;
612
+ display: -webkit-flex;
613
+ display: -moz-box;
614
+ display: -ms-flexbox;
615
+ display: flex;
616
+ -webkit-box-align: center;
617
+ -webkit-align-items: center;
618
+ -moz-box-align: center;
619
+ -ms-flex-align: center;
620
+ align-items: center;
621
+ z-index: 99; }
622
+
623
+ .premium-blog-wrap {
624
+ -js-display: flex;
625
+ display: -webkit-box;
626
+ display: -webkit-flex;
627
+ display: -moz-box;
628
+ display: -ms-flexbox;
629
+ display: flex;
630
+ -webkit-flex-wrap: wrap;
631
+ -ms-flex-wrap: wrap;
632
+ flex-wrap: wrap; }
633
+ .premium-blog-wrap ul.slick-dots {
634
+ width: 100%; }
635
+
636
  /*
637
  * List Layout
638
+ */
639
+ .premium-blog-list .premium-blog-post-outer-container {
640
+ width: 100%; }
641
+
642
  /**
643
  * Even Layout
644
+ */
645
+ .premium-blog-even .premium-blog-post-container {
646
+ height: 100%; }
647
+
648
+ .premium-blog-even .slick-track {
649
+ -js-display: flex;
650
+ display: -webkit-box;
651
+ display: -webkit-flex;
652
+ display: -moz-box;
653
+ display: -ms-flexbox;
654
+ display: flex; }
655
+
656
+ .premium-blog-even .slick-slide {
657
+ height: inherit !important; }
658
+
659
+ .premium-blog-filter {
660
+ -js-display: flex;
661
+ display: -webkit-box;
662
+ display: -webkit-flex;
663
+ display: -moz-box;
664
+ display: -ms-flexbox;
665
+ display: flex;
666
+ -webkit-box-align: center;
667
+ -webkit-align-items: center;
668
+ -moz-box-align: center;
669
+ -ms-flex-align: center;
670
+ align-items: center;
671
+ -webkit-box-pack: center;
672
+ -webkit-justify-content: center;
673
+ -moz-box-pack: center;
674
+ -ms-flex-pack: center;
675
+ justify-content: center; }
676
+
677
+ .premium-blog-filter .premium-blog-filters-container li a.category {
678
+ outline: none;
679
+ text-decoration: none;
680
+ -webkit-border-radius: 75px;
681
+ border-radius: 75px;
682
+ margin: 15px 5px 20px;
683
+ padding: 7px 20px;
684
+ -webkit-transition: all 0.3s ease-in-out;
685
+ transition: all 0.3s ease-in-out; }
686
+
687
+ .premium-blog-filter ul.premium-blog-filters-container {
688
+ text-align: center;
689
+ margin: 0;
690
+ padding: 0; }
691
+
692
+ .premium-blog-filter .premium-blog-filters-container li {
693
+ list-style: none;
694
+ -js-display: inline-flex;
695
+ display: -webkit-inline-box;
696
+ display: -webkit-inline-flex;
697
+ display: -moz-inline-box;
698
+ display: -ms-inline-flexbox;
699
+ display: inline-flex; }
700
+
701
  /**
702
  * Responsive Style
703
+ */
704
+ @media (max-width: 768px) {
705
+ .premium-blog-content-wrapper {
706
+ top: 0;
707
+ margin: 0;
708
+ padding: 15px; }
709
+ .premium-blog-skin-side {
710
+ -webkit-box-orient: vertical;
711
+ -webkit-box-direction: normal;
712
+ -webkit-flex-direction: column;
713
+ -moz-box-orient: vertical;
714
+ -moz-box-direction: normal;
715
+ -ms-flex-direction: column;
716
+ flex-direction: column; } }
assets/frontend/css/premium-icon-list-rtl.css CHANGED
@@ -1,331 +1,327 @@
1
- /**************** Premium Bullet List *****************/
2
- /******************************************************/
3
- .premium-bullet-list-box {
4
- -js-display: flex;
5
- display: -webkit-box;
6
- display: -webkit-flex;
7
- display: -moz-box;
8
- display: -ms-flexbox;
9
- display: flex;
10
- -webkit-flex-wrap: wrap;
11
- -ms-flex-wrap: wrap;
12
- flex-wrap: wrap;
13
- -webkit-box-orient: vertical;
14
- -webkit-box-direction: normal;
15
- -webkit-flex-direction: column;
16
- -moz-box-orient: vertical;
17
- -moz-box-direction: normal;
18
- -ms-flex-direction: column;
19
- flex-direction: column;
20
- padding: 0;
21
- }
22
-
23
- .premium-bullet-list-box .premium-bullet-list-content-grow-lc {
24
- -webkit-transform-origin: right center;
25
- -ms-transform-origin: right center;
26
- transform-origin: right center;
27
- }
28
-
29
- .premium-bullet-list-box .premium-bullet-list-content-grow-rc {
30
- -webkit-transform-origin: left center;
31
- -ms-transform-origin: left center;
32
- transform-origin: left center;
33
- }
34
-
35
- .premium-bullet-list-box .premium-bullet-list-content-grow-cc {
36
- -webkit-transform-origin: center center;
37
- -ms-transform-origin: center center;
38
- transform-origin: center center;
39
- }
40
-
41
- .premium-bullet-list-content {
42
- -js-display: flex;
43
- display: -webkit-box;
44
- display: -webkit-flex;
45
- display: -moz-box;
46
- display: -ms-flexbox;
47
- display: flex;
48
- -webkit-transition: all 0.3s ease-in-out;
49
- transition: all 0.3s ease-in-out;
50
- width: auto;
51
- position: relative;
52
- }
53
-
54
- .premium-bullet-list-content .premium-bullet-list-text span,
55
- .premium-bullet-list-content .premium-bullet-list-wrapper {
56
- display: inline-block;
57
- -webkit-align-self: center;
58
- -ms-flex-item-align: center;
59
- align-self: center;
60
- -webkit-transition: all 0.3s ease-in-out;
61
- transition: all 0.3s ease-in-out;
62
- }
63
-
64
- .premium-bullet-list-content .premium-bullet-list-text span {
65
- margin: 0 5px;
66
- -webkit-box-flex: 1;
67
- -webkit-flex: 1;
68
- -moz-box-flex: 1;
69
- -ms-flex: 1;
70
- flex: 1;
71
- }
72
-
73
- .premium-bullet-list-content .premium-bullet-list-icon-text p {
74
- font-size: 18px;
75
- background-color: #eee;
76
- padding: 1px 5px;
77
- -webkit-border-radius: 2px;
78
- border-radius: 2px;
79
- }
80
-
81
- .premium-bullet-list-content .premium-bullet-list-text span,
82
- .premium-bullet-list-content .premium-bullet-list-icon-text p,
83
- .premium-bullet-list-content .premium-bullet-list-wrapper img,
84
- .premium-bullet-list-content .premium-bullet-list-wrapper svg,
85
- .premium-bullet-list-content .premium-bullet-list-wrapper i {
86
- -webkit-transition: all 0.3s ease-in-out;
87
- transition: all 0.3s ease-in-out;
88
- }
89
-
90
- .premium-bullet-list-content .premium-bullet-list-wrapper {
91
- position: relative;
92
- line-height: 0;
93
- }
94
-
95
- .premium-bullet-list-content .premium-bullet-list-wrapper img,
96
- .premium-bullet-list-content .premium-bullet-list-wrapper svg {
97
- width: 30px !important;
98
- height: 30px !important;
99
- position: relative;
100
- z-index: 500;
101
- }
102
-
103
- .premium-bullet-list-content .premium-bullet-list-wrapper i {
104
- width: 1.25em;
105
- }
106
-
107
- .premium-bullet-list-content .premium-bullet-list-wrapper i,
108
- .premium-bullet-list-content .premium-bullet-list-wrapper .premium-bullet-list-icon-text {
109
- position: relative;
110
- z-index: 500;
111
- }
112
-
113
- .premium-bullet-list-content .premium-bullet-list-link {
114
- position: absolute;
115
- top: 0;
116
- right: 0;
117
- width: 100%;
118
- height: 100%;
119
- z-index: 1000;
120
- }
121
-
122
- .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector {
123
- width: 100%;
124
- height: 100%;
125
- position: absolute;
126
- top: 0.5em;
127
- z-index: 100;
128
- -js-display: flex;
129
- display: -webkit-box;
130
- display: -webkit-flex;
131
- display: -moz-box;
132
- display: -ms-flexbox;
133
- display: flex;
134
- -webkit-box-pack: center;
135
- -webkit-justify-content: center;
136
- -moz-box-pack: center;
137
- -ms-flex-pack: center;
138
- justify-content: center;
139
- }
140
-
141
- .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector .premium-icon-connector-content:after {
142
- content: "";
143
- border-left-width: 1px;
144
- border-left-style: solid;
145
- border-color: #333333;
146
- display: block;
147
- height: 100%;
148
- }
149
-
150
- li.premium-bullet-list-content.premium-bullet-list-content-inline {
151
- -webkit-align-self: center;
152
- -ms-flex-item-align: center;
153
- align-self: center;
154
- z-index: 2;
155
- }
156
-
157
- li.premium-bullet-list-content.premium-bullet-list-content-inline:not(:first-child) {
158
- margin: 0 3px;
159
- }
160
-
161
- li.premium-bullet-list-content.premium-bullet-list-content-inline:first-child {
162
- margin: 0 0 0 3px;
163
- }
164
-
165
- .premium-bullet-list-divider:not(:last-child) {
166
- width: 100%;
167
- -webkit-box-flex: 0;
168
- -webkit-flex: 0 0 100%;
169
- -moz-box-flex: 0;
170
- -ms-flex: 0 0 100%;
171
- flex: 0 0 100%;
172
- overflow: hidden;
173
- }
174
-
175
- .premium-bullet-list-divider:not(:last-child):after {
176
- content: "";
177
- display: block;
178
- border-top-style: solid;
179
- border-top-width: 1px;
180
- }
181
-
182
- .premium-bullet-list-divider-inline:not(:last-child) {
183
- float: left;
184
- display: inline-block;
185
- position: relative;
186
- height: 100%;
187
- overflow: hidden;
188
- -webkit-align-self: center;
189
- -ms-flex-item-align: center;
190
- align-self: center;
191
- margin: 0 3px;
192
- }
193
-
194
- .premium-bullet-list-divider-inline:not(:last-child):after {
195
- content: "";
196
- display: block;
197
- border-right-width: 1px;
198
- height: 33px;
199
- border-right-style: solid;
200
- }
201
-
202
- .premium-bullet-list-icon-text {
203
- line-height: 1.5;
204
- }
205
-
206
- .premium-bullet-list-icon-text p,
207
- ul.premium-bullet-list-box,
208
- li.premium-bullet-list-content {
209
- margin: 0;
210
- }
211
-
212
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper i,
213
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-text span,
214
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-icon-text p {
215
- color: transparent !important;
216
- text-shadow: 0 0 3px #aaa;
217
- }
218
-
219
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-icon-connector-content,
220
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper .premium-lottie-animation svg,
221
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper img,
222
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-badge {
223
- -webkit-filter: blur(3px);
224
- filter: blur(3px);
225
- }
226
-
227
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper i,
228
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-text span,
229
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-icon-text p {
230
- color: #aaa !important;
231
- text-shadow: 0 0px 0 transparent;
232
- }
233
-
234
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-icon-connector-content,
235
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper .premium-lottie-animation svg,
236
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper img,
237
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-badge {
238
- -webkit-filter: none;
239
- filter: none;
240
- }
241
-
242
- .premium-bullet-list-content .premium-bullet-list-badge {
243
- font-size: 11px;
244
- top: auto;
245
- min-width: -webkit-max-content;
246
- min-width: -moz-max-content;
247
- min-width: max-content;
248
- height: -webkit-fit-content;
249
- height: -moz-fit-content;
250
- height: fit-content;
251
- }
252
-
253
- .premium-bullet-list-content .premium-bullet-list-icon-text p {
254
- font-size: 13px;
255
- }
256
-
257
- .premium-bullet-list-gradient-effect[data-text] {
258
- display: inline-block;
259
- position: relative;
260
- text-decoration: none;
261
- }
262
-
263
- .premium-bullet-list-gradient-effect[data-text]::before {
264
- content: attr(data-text);
265
- position: absolute;
266
- z-index: 1;
267
- overflow: hidden;
268
- -webkit-clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
269
- clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
270
- -webkit-background-clip: text;
271
- background-clip: text;
272
- -webkit-text-fill-color: transparent;
273
- -webkit-transition: all 0.4s ease;
274
- transition: all 0.4s ease;
275
- }
276
-
277
- .premium-bullet-list-content:hover .premium-bullet-list-gradient-effect[data-text]::before,
278
- .premium-bullet-list-content:focus .premium-bullet-list-gradient-effect[data-text]::before {
279
- -webkit-animation: rtlgradient 1s forwards;
280
- animation: rtlgradient 1s forwards;
281
- }
282
-
283
- @-webkit-keyframes rtlgradient {
284
- 0% {
285
- -webkit-clip-path: circle(0% at 150% 50%);
286
- clip-path: circle(0% at 150% 50%);
287
- }
288
-
289
- 100% {
290
- -webkit-clip-path: circle(100% at 50% 50%);
291
- clip-path: circle(100% at 50% 50%);
292
- }
293
- }
294
-
295
- @keyframes rtlgradient {
296
- 0% {
297
- -webkit-clip-path: circle(0% at 150% 50%);
298
- clip-path: circle(0% at 150% 50%);
299
- }
300
-
301
- 100% {
302
- -webkit-clip-path: circle(100% at 50% 50%);
303
- clip-path: circle(100% at 50% 50%);
304
- }
305
- }
306
-
307
- ul[data-list-animation*="animated-"] .premium-bullet-list-divider,
308
- ul[data-list-animation*="animated-"] .premium-bullet-list-content,
309
- ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
310
- opacity: 0;
311
- }
312
-
313
- .premium-bullet-list-content-grow-effect:hover {
314
- -webkit-transform: scale(1.07);
315
- -ms-transform: scale(1.07);
316
- transform: scale(1.07);
317
- }
318
-
319
- @-webkit-keyframes spin {
320
- 100% {
321
- -webkit-transform: rotate(360deg);
322
- transform: rotate(360deg);
323
- }
324
- }
325
-
326
- @keyframes spin {
327
- 100% {
328
- -webkit-transform: rotate(360deg);
329
- transform: rotate(360deg);
330
- }
331
  }
1
+ /**************** Premium Bullet List *****************/
2
+ /******************************************************/
3
+ .premium-bullet-list-box {
4
+ -js-display: flex;
5
+ display: -webkit-box;
6
+ display: -webkit-flex;
7
+ display: -moz-box;
8
+ display: -ms-flexbox;
9
+ display: flex;
10
+ -webkit-flex-wrap: wrap;
11
+ -ms-flex-wrap: wrap;
12
+ flex-wrap: wrap;
13
+ -webkit-box-orient: vertical;
14
+ -webkit-box-direction: normal;
15
+ -webkit-flex-direction: column;
16
+ -moz-box-orient: vertical;
17
+ -moz-box-direction: normal;
18
+ -ms-flex-direction: column;
19
+ flex-direction: column;
20
+ padding: 0;
21
+ }
22
+
23
+ .premium-bullet-list-box .premium-bullet-list-content-grow-lc {
24
+ -webkit-transform-origin: right center;
25
+ -ms-transform-origin: right center;
26
+ transform-origin: right center;
27
+ }
28
+
29
+ .premium-bullet-list-box .premium-bullet-list-content-grow-rc {
30
+ -webkit-transform-origin: left center;
31
+ -ms-transform-origin: left center;
32
+ transform-origin: left center;
33
+ }
34
+
35
+ .premium-bullet-list-box .premium-bullet-list-content-grow-cc {
36
+ -webkit-transform-origin: center center;
37
+ -ms-transform-origin: center center;
38
+ transform-origin: center center;
39
+ }
40
+
41
+ .premium-bullet-list-content {
42
+ -js-display: flex;
43
+ display: -webkit-box;
44
+ display: -webkit-flex;
45
+ display: -moz-box;
46
+ display: -ms-flexbox;
47
+ display: flex;
48
+ -webkit-transition: all 0.3s ease-in-out;
49
+ transition: all 0.3s ease-in-out;
50
+ width: auto;
51
+ position: relative;
52
+ }
53
+
54
+ .premium-bullet-list-content .premium-bullet-list-text span,
55
+ .premium-bullet-list-content .premium-bullet-list-wrapper {
56
+ display: inline-block;
57
+ -webkit-align-self: center;
58
+ -ms-flex-item-align: center;
59
+ align-self: center;
60
+ -webkit-transition: all 0.3s ease-in-out;
61
+ transition: all 0.3s ease-in-out;
62
+ }
63
+
64
+ .premium-bullet-list-content .premium-bullet-list-text span {
65
+ margin: 0 5px;
66
+ -webkit-box-flex: 1;
67
+ -webkit-flex: 1;
68
+ -moz-box-flex: 1;
69
+ -ms-flex: 1;
70
+ flex: 1;
71
+ }
72
+
73
+ .premium-bullet-list-content .premium-bullet-list-icon-text p {
74
+ font-size: 18px;
75
+ background-color: #eee;
76
+ padding: 1px 5px;
77
+ -webkit-border-radius: 2px;
78
+ border-radius: 2px;
79
+ }
80
+
81
+ .premium-bullet-list-content .premium-bullet-list-text span,
82
+ .premium-bullet-list-content .premium-bullet-list-icon-text p,
83
+ .premium-bullet-list-content .premium-bullet-list-wrapper img,
84
+ .premium-bullet-list-content .premium-bullet-list-wrapper svg,
85
+ .premium-bullet-list-content .premium-bullet-list-wrapper i {
86
+ -webkit-transition: all 0.3s ease-in-out;
87
+ transition: all 0.3s ease-in-out;
88
+ }
89
+
90
+ .premium-bullet-list-content .premium-bullet-list-wrapper {
91
+ position: relative;
92
+ line-height: 0;
93
+ }
94
+
95
+ .premium-bullet-list-content .premium-bullet-list-wrapper img,
96
+ .premium-bullet-list-content .premium-bullet-list-wrapper svg {
97
+ width: 30px !important;
98
+ height: 30px !important;
99
+ position: relative;
100
+ z-index: 500;
101
+ }
102
+
103
+ .premium-bullet-list-content .premium-bullet-list-wrapper i,
104
+ .premium-bullet-list-content .premium-bullet-list-wrapper .premium-bullet-list-icon-text {
105
+ position: relative;
106
+ z-index: 500;
107
+ }
108
+
109
+ .premium-bullet-list-content .premium-bullet-list-link {
110
+ position: absolute;
111
+ top: 0;
112
+ right: 0;
113
+ width: 100%;
114
+ height: 100%;
115
+ z-index: 1000;
116
+ }
117
+
118
+ .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector {
119
+ width: 100%;
120
+ height: 100%;
121
+ position: absolute;
122
+ top: 0.5em;
123
+ z-index: 100;
124
+ -js-display: flex;
125
+ display: -webkit-box;
126
+ display: -webkit-flex;
127
+ display: -moz-box;
128
+ display: -ms-flexbox;
129
+ display: flex;
130
+ -webkit-box-pack: center;
131
+ -webkit-justify-content: center;
132
+ -moz-box-pack: center;
133
+ -ms-flex-pack: center;
134
+ justify-content: center;
135
+ }
136
+
137
+ .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector .premium-icon-connector-content:after {
138
+ content: "";
139
+ border-left-width: 1px;
140
+ border-left-style: solid;
141
+ border-color: #333333;
142
+ display: block;
143
+ height: 100%;
144
+ }
145
+
146
+ li.premium-bullet-list-content.premium-bullet-list-content-inline {
147
+ -webkit-align-self: center;
148
+ -ms-flex-item-align: center;
149
+ align-self: center;
150
+ z-index: 2;
151
+ }
152
+
153
+ li.premium-bullet-list-content.premium-bullet-list-content-inline:not(:first-child) {
154
+ margin: 0 3px;
155
+ }
156
+
157
+ li.premium-bullet-list-content.premium-bullet-list-content-inline:first-child {
158
+ margin: 0 0 0 3px;
159
+ }
160
+
161
+ .premium-bullet-list-divider:not(:last-child) {
162
+ width: 100%;
163
+ -webkit-box-flex: 0;
164
+ -webkit-flex: 0 0 100%;
165
+ -moz-box-flex: 0;
166
+ -ms-flex: 0 0 100%;
167
+ flex: 0 0 100%;
168
+ overflow: hidden;
169
+ }
170
+
171
+ .premium-bullet-list-divider:not(:last-child):after {
172
+ content: "";
173
+ display: block;
174
+ border-top-style: solid;
175
+ border-top-width: 1px;
176
+ }
177
+
178
+ .premium-bullet-list-divider-inline:not(:last-child) {
179
+ float: left;
180
+ display: inline-block;
181
+ position: relative;
182
+ height: 100%;
183
+ overflow: hidden;
184
+ -webkit-align-self: center;
185
+ -ms-flex-item-align: center;
186
+ align-self: center;
187
+ margin: 0 3px;
188
+ }
189
+
190
+ .premium-bullet-list-divider-inline:not(:last-child):after {
191
+ content: "";
192
+ display: block;
193
+ border-right-width: 1px;
194
+ height: 33px;
195
+ border-right-style: solid;
196
+ }
197
+
198
+ .premium-bullet-list-icon-text {
199
+ line-height: 1.5;
200
+ }
201
+
202
+ .premium-bullet-list-icon-text p,
203
+ ul.premium-bullet-list-box,
204
+ li.premium-bullet-list-content {
205
+ margin: 0;
206
+ }
207
+
208
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper i,
209
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-text span,
210
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-icon-text p {
211
+ color: transparent !important;
212
+ text-shadow: 0 0 3px #aaa;
213
+ }
214
+
215
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-icon-connector-content,
216
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper .premium-lottie-animation svg,
217
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper img,
218
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-badge {
219
+ -webkit-filter: blur(3px);
220
+ filter: blur(3px);
221
+ }
222
+
223
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper i,
224
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-text span,
225
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-icon-text p {
226
+ color: #aaa !important;
227
+ text-shadow: 0 0px 0 transparent;
228
+ }
229
+
230
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-icon-connector-content,
231
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper .premium-lottie-animation svg,
232
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper img,
233
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-badge {
234
+ -webkit-filter: none;
235
+ filter: none;
236
+ }
237
+
238
+ .premium-bullet-list-content .premium-bullet-list-badge {
239
+ font-size: 11px;
240
+ top: auto;
241
+ min-width: -webkit-max-content;
242
+ min-width: -moz-max-content;
243
+ min-width: max-content;
244
+ height: -webkit-fit-content;
245
+ height: -moz-fit-content;
246
+ height: fit-content;
247
+ }
248
+
249
+ .premium-bullet-list-content .premium-bullet-list-icon-text p {
250
+ font-size: 13px;
251
+ }
252
+
253
+ .premium-bullet-list-gradient-effect[data-text] {
254
+ display: inline-block;
255
+ position: relative;
256
+ text-decoration: none;
257
+ }
258
+
259
+ .premium-bullet-list-gradient-effect[data-text]::before {
260
+ content: attr(data-text);
261
+ position: absolute;
262
+ z-index: 1;
263
+ overflow: hidden;
264
+ -webkit-clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
265
+ clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
266
+ -webkit-background-clip: text;
267
+ background-clip: text;
268
+ -webkit-text-fill-color: transparent;
269
+ -webkit-transition: all 0.4s ease;
270
+ transition: all 0.4s ease;
271
+ }
272
+
273
+ .premium-bullet-list-content:hover .premium-bullet-list-gradient-effect[data-text]::before,
274
+ .premium-bullet-list-content:focus .premium-bullet-list-gradient-effect[data-text]::before {
275
+ -webkit-animation: rtlgradient 1s forwards;
276
+ animation: rtlgradient 1s forwards;
277
+ }
278
+
279
+ @-webkit-keyframes rtlgradient {
280
+ 0% {
281
+ -webkit-clip-path: circle(0% at 150% 50%);
282
+ clip-path: circle(0% at 150% 50%);
283
+ }
284
+
285
+ 100% {
286
+ -webkit-clip-path: circle(100% at 50% 50%);
287
+ clip-path: circle(100% at 50% 50%);
288
+ }
289
+ }
290
+
291
+ @keyframes rtlgradient {
292
+ 0% {
293
+ -webkit-clip-path: circle(0% at 150% 50%);
294
+ clip-path: circle(0% at 150% 50%);
295
+ }
296
+
297
+ 100% {
298
+ -webkit-clip-path: circle(100% at 50% 50%);
299
+ clip-path: circle(100% at 50% 50%);
300
+ }
301
+ }
302
+
303
+ ul[data-list-animation*="animated-"] .premium-bullet-list-divider,
304
+ ul[data-list-animation*="animated-"] .premium-bullet-list-content,
305
+ ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
306
+ opacity: 0;
307
+ }
308
+
309
+ .premium-bullet-list-content-grow-effect:hover {
310
+ -webkit-transform: scale(1.07);
311
+ -ms-transform: scale(1.07);
312
+ transform: scale(1.07);
313
+ }
314
+
315
+ @-webkit-keyframes spin {
316
+ 100% {
317
+ -webkit-transform: rotate(360deg);
318
+ transform: rotate(360deg);
319
+ }
320
+ }
321
+
322
+ @keyframes spin {
323
+ 100% {
324
+ -webkit-transform: rotate(360deg);
325
+ transform: rotate(360deg);
326
+ }
 
 
 
 
327
  }
assets/frontend/css/premium-icon-list.css CHANGED
@@ -1,254 +1,252 @@
1
- /**************** Premium Bullet List ****************/
2
- /*****************************************************/
3
- .premium-bullet-list-box {
4
- -js-display: flex;
5
- display: -webkit-box;
6
- display: -webkit-flex;
7
- display: -moz-box;
8
- display: -ms-flexbox;
9
- display: flex;
10
- -webkit-flex-wrap: wrap;
11
- -ms-flex-wrap: wrap;
12
- flex-wrap: wrap;
13
- -webkit-box-orient: vertical;
14
- -webkit-box-direction: normal;
15
- -webkit-flex-direction: column;
16
- -moz-box-orient: vertical;
17
- -moz-box-direction: normal;
18
- -ms-flex-direction: column;
19
- flex-direction: column;
20
- padding: 0; }
21
- .premium-bullet-list-box .premium-bullet-list-content-grow-lc {
22
- -webkit-transform-origin: left center;
23
- -ms-transform-origin: left center;
24
- transform-origin: left center; }
25
- .premium-bullet-list-box .premium-bullet-list-content-grow-rc {
26
- -webkit-transform-origin: right center;
27
- -ms-transform-origin: right center;
28
- transform-origin: right center; }
29
- .premium-bullet-list-box .premium-bullet-list-content-grow-cc {
30
- -webkit-transform-origin: center center;
31
- -ms-transform-origin: center center;
32
- transform-origin: center center; }
33
-
34
- .premium-bullet-list-content {
35
- -js-display: flex;
36
- display: -webkit-box;
37
- display: -webkit-flex;
38
- display: -moz-box;
39
- display: -ms-flexbox;
40
- display: flex;
41
- -webkit-transition: all 0.3s ease-in-out;
42
- transition: all 0.3s ease-in-out;
43
- width: auto;
44
- position: relative; }
45
- .premium-bullet-list-content .premium-bullet-list-text span,
46
- .premium-bullet-list-content .premium-bullet-list-wrapper {
47
- display: inline-block;
48
- -webkit-align-self: center;
49
- -ms-flex-item-align: center;
50
- align-self: center;
51
- -webkit-transition: all 0.3s ease-in-out;
52
- transition: all 0.3s ease-in-out; }
53
- .premium-bullet-list-content .premium-bullet-list-text span {
54
- margin: 0 5px;
55
- -webkit-box-flex: 1;
56
- -webkit-flex: 1;
57
- -moz-box-flex: 1;
58
- -ms-flex: 1;
59
- flex: 1; }
60
- .premium-bullet-list-content .premium-bullet-list-icon-text p {
61
- font-size: 18px;
62
- background-color: #eee;
63
- padding: 1px 5px;
64
- -webkit-border-radius: 2px;
65
- border-radius: 2px; }
66
- .premium-bullet-list-content .premium-bullet-list-text span,
67
- .premium-bullet-list-content .premium-bullet-list-icon-text p,
68
- .premium-bullet-list-content .premium-bullet-list-wrapper img,
69
- .premium-bullet-list-content .premium-bullet-list-wrapper svg,
70
- .premium-bullet-list-content .premium-bullet-list-wrapper i {
71
- -webkit-transition: all 0.3s ease-in-out;
72
- transition: all 0.3s ease-in-out; }
73
- .premium-bullet-list-content .premium-bullet-list-wrapper {
74
- position: relative;
75
- line-height: 0; }
76
- .premium-bullet-list-content .premium-bullet-list-wrapper img,
77
- .premium-bullet-list-content .premium-bullet-list-wrapper svg {
78
- width: 30px !important;
79
- height: 30px !important;
80
- position: relative;
81
- z-index: 500; }
82
- .premium-bullet-list-content .premium-bullet-list-wrapper i,
83
- .premium-bullet-list-content .premium-bullet-list-wrapper .premium-bullet-list-icon-text {
84
- position: relative;
85
- z-index: 500; }
86
- .premium-bullet-list-content .premium-bullet-list-wrapper i {
87
- width: 1.25em; }
88
- .premium-bullet-list-content .premium-bullet-list-link {
89
- position: absolute;
90
- top: 0;
91
- left: 0;
92
- width: 100%;
93
- height: 100%;
94
- z-index: 1000; }
95
-
96
- .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector {
97
- width: 100%;
98
- height: 100%;
99
- position: absolute;
100
- top: 0.5em;
101
- z-index: 100;
102
- -js-display: flex;
103
- display: -webkit-box;
104
- display: -webkit-flex;
105
- display: -moz-box;
106
- display: -ms-flexbox;
107
- display: flex;
108
- -webkit-box-pack: center;
109
- -webkit-justify-content: center;
110
- -moz-box-pack: center;
111
- -ms-flex-pack: center;
112
- justify-content: center; }
113
- .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector .premium-icon-connector-content:after {
114
- content: "";
115
- border-right-width: 1px;
116
- border-right-style: solid;
117
- border-color: #333333;
118
- display: block;
119
- height: 100%; }
120
-
121
- li.premium-bullet-list-content.premium-bullet-list-content-inline {
122
- -webkit-align-self: center;
123
- -ms-flex-item-align: center;
124
- align-self: center;
125
- z-index: 2; }
126
-
127
- li.premium-bullet-list-content.premium-bullet-list-content-inline:not(:first-child) {
128
- margin: 0 3px; }
129
-
130
- li.premium-bullet-list-content.premium-bullet-list-content-inline:first-child {
131
- margin: 0 3px 0 0; }
132
-
133
- .premium-bullet-list-divider:not(:last-child) {
134
- width: 100%;
135
- -webkit-box-flex: 0;
136
- -webkit-flex: 0 0 100%;
137
- -moz-box-flex: 0;
138
- -ms-flex: 0 0 100%;
139
- flex: 0 0 100%;
140
- overflow: hidden; }
141
-
142
- .premium-bullet-list-divider:not(:last-child):after {
143
- content: "";
144
- display: block;
145
- border-top-style: solid;
146
- border-top-width: 1px; }
147
-
148
- .premium-bullet-list-divider-inline:not(:last-child) {
149
- float: right;
150
- display: inline-block;
151
- position: relative;
152
- height: 100%;
153
- overflow: hidden;
154
- -webkit-align-self: center;
155
- -ms-flex-item-align: center;
156
- align-self: center;
157
- margin: 0 3px; }
158
-
159
- .premium-bullet-list-divider-inline:not(:last-child):after {
160
- content: "";
161
- display: block;
162
- border-left-width: 1px;
163
- height: 33px;
164
- border-left-style: solid; }
165
-
166
- .premium-bullet-list-icon-text {
167
- line-height: 1.5; }
168
-
169
- .premium-bullet-list-icon-text p,
170
- ul.premium-bullet-list-box,
171
- li.premium-bullet-list-content {
172
- margin: 0; }
173
-
174
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper i,
175
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-text span,
176
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-icon-text p {
177
- color: transparent !important;
178
- text-shadow: 0 0 3px #aaa; }
179
-
180
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-icon-connector-content,
181
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper .premium-lottie-animation svg,
182
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper img,
183
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-badge {
184
- -webkit-filter: blur(3px);
185
- filter: blur(3px); }
186
-
187
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper i,
188
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-text span,
189
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-icon-text p {
190
- color: #aaa !important;
191
- text-shadow: 0 0px 0 transparent; }
192
-
193
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-icon-connector-content,
194
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper .premium-lottie-animation svg,
195
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper img,
196
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-badge {
197
- -webkit-filter: none;
198
- filter: none; }
199
-
200
- .premium-bullet-list-content .premium-bullet-list-badge {
201
- font-size: 11px;
202
- top: auto;
203
- min-width: -webkit-max-content;
204
- min-width: -moz-max-content;
205
- min-width: max-content;
206
- height: -webkit-fit-content;
207
- height: -moz-fit-content;
208
- height: fit-content; }
209
-
210
- .premium-bullet-list-content .premium-bullet-list-icon-text p {
211
- font-size: 13px; }
212
-
213
- .premium-bullet-list-gradient-effect[data-text] {
214
- display: inline-block;
215
- position: relative;
216
- text-decoration: none; }
217
-
218
- .premium-bullet-list-gradient-effect[data-text]::before {
219
- content: attr(data-text);
220
- position: absolute;
221
- z-index: 1;
222
- overflow: hidden;
223
- -webkit-clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
224
- clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
225
- -webkit-background-clip: text;
226
- background-clip: text;
227
- -webkit-text-fill-color: transparent;
228
- -webkit-transition: all 0.4s ease;
229
- transition: all 0.4s ease; }
230
-
231
- .premium-bullet-list-content:hover .premium-bullet-list-gradient-effect[data-text]::before,
232
- .premium-bullet-list-content:focus .premium-bullet-list-gradient-effect[data-text]::before {
233
- -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
234
- clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
235
-
236
- ul[data-list-animation*="animated-"] .premium-bullet-list-divider,
237
- ul[data-list-animation*="animated-"] .premium-bullet-list-content,
238
- ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
239
- opacity: 0; }
240
-
241
- .premium-bullet-list-content-grow-effect:hover {
242
- -webkit-transform: scale(1.07);
243
- -ms-transform: scale(1.07);
244
- transform: scale(1.07); }
245
-
246
- @-webkit-keyframes spin {
247
- 100% {
248
- -webkit-transform: rotate(360deg);
249
- transform: rotate(360deg); } }
250
-
251
- @keyframes spin {
252
- 100% {
253
- -webkit-transform: rotate(360deg);
254
- transform: rotate(360deg); } }
1
+ /**************** Premium Bullet List ****************/
2
+ /*****************************************************/
3
+ .premium-bullet-list-box {
4
+ -js-display: flex;
5
+ display: -webkit-box;
6
+ display: -webkit-flex;
7
+ display: -moz-box;
8
+ display: -ms-flexbox;
9
+ display: flex;
10
+ -webkit-flex-wrap: wrap;
11
+ -ms-flex-wrap: wrap;
12
+ flex-wrap: wrap;
13
+ -webkit-box-orient: vertical;
14
+ -webkit-box-direction: normal;
15
+ -webkit-flex-direction: column;
16
+ -moz-box-orient: vertical;
17
+ -moz-box-direction: normal;
18
+ -ms-flex-direction: column;
19
+ flex-direction: column;
20
+ padding: 0; }
21
+ .premium-bullet-list-box .premium-bullet-list-content-grow-lc {
22
+ -webkit-transform-origin: left center;
23
+ -ms-transform-origin: left center;
24
+ transform-origin: left center; }
25
+ .premium-bullet-list-box .premium-bullet-list-content-grow-rc {
26
+ -webkit-transform-origin: right center;
27
+ -ms-transform-origin: right center;
28
+ transform-origin: right center; }
29
+ .premium-bullet-list-box .premium-bullet-list-content-grow-cc {
30
+ -webkit-transform-origin: center center;
31
+ -ms-transform-origin: center center;
32
+ transform-origin: center center; }
33
+
34
+ .premium-bullet-list-content {
35
+ -js-display: flex;
36
+ display: -webkit-box;
37
+ display: -webkit-flex;
38
+ display: -moz-box;
39
+ display: -ms-flexbox;
40
+ display: flex;
41
+ -webkit-transition: all 0.3s ease-in-out;
42
+ transition: all 0.3s ease-in-out;
43
+ width: auto;
44
+ position: relative; }
45
+ .premium-bullet-list-content .premium-bullet-list-text span,
46
+ .premium-bullet-list-content .premium-bullet-list-wrapper {
47
+ display: inline-block;
48
+ -webkit-align-self: center;
49
+ -ms-flex-item-align: center;
50
+ align-self: center;
51
+ -webkit-transition: all 0.3s ease-in-out;
52
+ transition: all 0.3s ease-in-out; }
53
+ .premium-bullet-list-content .premium-bullet-list-text span {
54
+ margin: 0 5px;
55
+ -webkit-box-flex: 1;
56
+ -webkit-flex: 1;
57
+ -moz-box-flex: 1;
58
+ -ms-flex: 1;
59
+ flex: 1; }
60
+ .premium-bullet-list-content .premium-bullet-list-icon-text p {
61
+ font-size: 18px;
62
+ background-color: #eee;
63
+ padding: 1px 5px;
64
+ -webkit-border-radius: 2px;
65
+ border-radius: 2px; }
66
+ .premium-bullet-list-content .premium-bullet-list-text span,
67
+ .premium-bullet-list-content .premium-bullet-list-icon-text p,
68
+ .premium-bullet-list-content .premium-bullet-list-wrapper img,
69
+ .premium-bullet-list-content .premium-bullet-list-wrapper svg,
70
+ .premium-bullet-list-content .premium-bullet-list-wrapper i {
71
+ -webkit-transition: all 0.3s ease-in-out;
72
+ transition: all 0.3s ease-in-out; }
73
+ .premium-bullet-list-content .premium-bullet-list-wrapper {
74
+ position: relative;
75
+ line-height: 0; }
76
+ .premium-bullet-list-content .premium-bullet-list-wrapper img,
77
+ .premium-bullet-list-content .premium-bullet-list-wrapper svg {
78
+ width: 30px !important;
79
+ height: 30px !important;
80
+ position: relative;
81
+ z-index: 500; }
82
+ .premium-bullet-list-content .premium-bullet-list-wrapper i,
83
+ .premium-bullet-list-content .premium-bullet-list-wrapper .premium-bullet-list-icon-text {
84
+ position: relative;
85
+ z-index: 500; }
86
+ .premium-bullet-list-content .premium-bullet-list-link {
87
+ position: absolute;
88
+ top: 0;
89
+ left: 0;
90
+ width: 100%;
91
+ height: 100%;
92
+ z-index: 1000; }
93
+
94
+ .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector {
95
+ width: 100%;
96
+ height: 100%;
97
+ position: absolute;
98
+ top: 0.5em;
99
+ z-index: 100;
100
+ -js-display: flex;
101
+ display: -webkit-box;
102
+ display: -webkit-flex;
103
+ display: -moz-box;
104
+ display: -ms-flexbox;
105
+ display: flex;
106
+ -webkit-box-pack: center;
107
+ -webkit-justify-content: center;
108
+ -moz-box-pack: center;
109
+ -ms-flex-pack: center;
110
+ justify-content: center; }
111
+ .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector .premium-icon-connector-content:after {
112
+ content: "";
113
+ border-right-width: 1px;
114
+ border-right-style: solid;
115
+ border-color: #333333;
116
+ display: block;
117
+ height: 100%; }
118
+
119
+ li.premium-bullet-list-content.premium-bullet-list-content-inline {
120
+ -webkit-align-self: center;
121
+ -ms-flex-item-align: center;
122
+ align-self: center;
123
+ z-index: 2; }
124
+
125
+ li.premium-bullet-list-content.premium-bullet-list-content-inline:not(:first-child) {
126
+ margin: 0 3px; }
127
+
128
+ li.premium-bullet-list-content.premium-bullet-list-content-inline:first-child {
129
+ margin: 0 3px 0 0; }
130
+
131
+ .premium-bullet-list-divider:not(:last-child) {
132
+ width: 100%;
133
+ -webkit-box-flex: 0;
134
+ -webkit-flex: 0 0 100%;
135
+ -moz-box-flex: 0;
136
+ -ms-flex: 0 0 100%;
137
+ flex: 0 0 100%;
138
+ overflow: hidden; }
139
+
140
+ .premium-bullet-list-divider:not(:last-child):after {
141
+ content: "";
142
+ display: block;
143
+ border-top-style: solid;
144
+ border-top-width: 1px; }
145
+
146
+ .premium-bullet-list-divider-inline:not(:last-child) {
147
+ float: right;
148
+ display: inline-block;
149
+ position: relative;
150
+ height: 100%;
151
+ overflow: hidden;
152
+ -webkit-align-self: center;
153
+ -ms-flex-item-align: center;
154
+ align-self: center;
155
+ margin: 0 3px; }
156
+
157
+ .premium-bullet-list-divider-inline:not(:last-child):after {
158
+ content: "";
159
+ display: block;
160
+ border-left-width: 1px;
161
+ height: 33px;
162
+ border-left-style: solid; }
163
+
164
+ .premium-bullet-list-icon-text {
165
+ line-height: 1.5; }
166
+
167
+ .premium-bullet-list-icon-text p,
168
+ ul.premium-bullet-list-box,
169
+ li.premium-bullet-list-content {
170
+ margin: 0; }
171
+
172
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper i,
173
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-text span,
174
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-icon-text p {
175
+ color: transparent !important;
176
+ text-shadow: 0 0 3px #aaa; }
177
+
178
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-icon-connector-content,
179
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper .premium-lottie-animation svg,
180
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper img,
181
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-badge {
182
+ -webkit-filter: blur(3px);
183
+ filter: blur(3px); }
184
+
185
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper i,
186
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-text span,
187
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-icon-text p {
188
+ color: #aaa !important;
189
+ text-shadow: 0 0px 0 transparent; }
190
+
191
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-icon-connector-content,
192
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper .premium-lottie-animation svg,
193
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper img,
194
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-badge {
195
+ -webkit-filter: none;
196
+ filter: none; }
197
+
198
+ .premium-bullet-list-content .premium-bullet-list-badge {
199
+ font-size: 11px;
200
+ top: auto;
201
+ min-width: -webkit-max-content;
202
+ min-width: -moz-max-content;
203
+ min-width: max-content;
204
+ height: -webkit-fit-content;
205
+ height: -moz-fit-content;
206
+ height: fit-content; }
207
+
208
+ .premium-bullet-list-content .premium-bullet-list-icon-text p {
209
+ font-size: 13px; }
210
+
211
+ .premium-bullet-list-gradient-effect[data-text] {
212
+ display: inline-block;
213
+ position: relative;
214
+ text-decoration: none; }
215
+
216
+ .premium-bullet-list-gradient-effect[data-text]::before {
217
+ content: attr(data-text);
218
+ position: absolute;
219
+ z-index: 1;
220
+ overflow: hidden;
221
+ -webkit-clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
222
+ clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
223
+ -webkit-background-clip: text;
224
+ background-clip: text;
225
+ -webkit-text-fill-color: transparent;
226
+ -webkit-transition: all 0.4s ease;
227
+ transition: all 0.4s ease; }
228
+
229
+ .premium-bullet-list-content:hover .premium-bullet-list-gradient-effect[data-text]::before,
230
+ .premium-bullet-list-content:focus .premium-bullet-list-gradient-effect[data-text]::before {
231
+ -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
232
+ clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
233
+
234
+ ul[data-list-animation*="animated-"] .premium-bullet-list-divider,
235
+ ul[data-list-animation*="animated-"] .premium-bullet-list-content,
236
+ ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
237
+ opacity: 0; }
238
+
239
+ .premium-bullet-list-content-grow-effect:hover {
240
+ -webkit-transform: scale(1.07);
241
+ -ms-transform: scale(1.07);
242
+ transform: scale(1.07); }
243
+
244
+ @-webkit-keyframes spin {
245
+ 100% {
246
+ -webkit-transform: rotate(360deg);
247
+ transform: rotate(360deg); } }
248
+
249
+ @keyframes spin {
250
+ 100% {
251
+ -webkit-transform: rotate(360deg);
252
+ transform: rotate(360deg); } }
 
 
assets/frontend/css/premium-image-button.css CHANGED
@@ -1,378 +1,378 @@
1
- /**************** Premium Image Button ***********/
2
- /*************************************************/
3
- .premium-image-button {
4
- -js-display: inline-flex;
5
- display: -webkit-inline-box;
6
- display: -webkit-inline-flex;
7
- display: -moz-inline-box;
8
- display: -ms-inline-flexbox;
9
- display: inline-flex;
10
- position: relative;
11
- overflow: hidden;
12
- background-color: #eee;
13
- cursor: pointer;
14
- -webkit-transition: all 0.2s ease-in-out !important;
15
- transition: all 0.2s ease-in-out !important; }
16
- .premium-image-button .premium-button-style6-bg, .premium-image-button.premium-button-style6:before, .premium-image-button:not(.premium-image-button-style6):hover {
17
- background-color: #54595f; }
18
-
19
- /*Default background for slide styles*/
20
- .premium-image-button-style4-icon-wrapper,
21
- .premium-image-button-style1:before {
22
- background-color: #54595f; }
23
-
24
- .premium-image-button-text-icon-wrapper {
25
- width: 100%;
26
- -js-display: flex;
27
- display: -webkit-box;
28
- display: -webkit-flex;
29
- display: -moz-box;
30
- display: -ms-flexbox;
31
- display: flex;
32
- -webkit-box-pack: center;
33
- -webkit-justify-content: center;
34
- -moz-box-pack: center;
35
- -ms-flex-pack: center;
36
- justify-content: center;
37
- -webkit-box-align: center;
38
- -webkit-align-items: center;
39
- -moz-box-align: center;
40
- -ms-flex-align: center;
41
- align-items: center;
42
- position: relative;
43
- z-index: 3;
44
- -webkit-transition: all 0.2s ease-in-out;
45
- transition: all 0.2s ease-in-out; }
46
- .premium-image-button-text-icon-wrapper span,
47
- .premium-image-button-text-icon-wrapper i,
48
- .premium-image-button-text-icon-wrapper svg {
49
- -webkit-transition: all 0.2s ease-in-out;
50
- transition: all 0.2s ease-in-out; }
51
-
52
- .premium-image-button-style1:before {
53
- position: absolute;
54
- content: "";
55
- -webkit-transition: all 0.2s ease-in-out;
56
- transition: all 0.2s ease-in-out; }
57
-
58
- .premium-image-button-style1-bottom:before {
59
- width: 100%;
60
- height: 0;
61
- top: 0;
62
- left: 0; }
63
-
64
- .premium-image-button-style1-top:before {
65
- width: 100%;
66
- height: 0;
67
- bottom: 0;
68
- left: 0; }
69
-
70
- .premium-image-button-style1-right:before {
71
- width: 0;
72
- height: 100%;
73
- bottom: 0;
74
- left: 0; }
75
-
76
- .premium-image-button-style1-left:before {
77
- width: 0;
78
- height: 100%;
79
- top: 0;
80
- right: 0; }
81
-
82
- .premium-image-button-style1-bottom:hover:before,
83
- .premium-image-button-style1-top:hover:before {
84
- height: 100%; }
85
-
86
- .premium-image-button-style1-right:hover:before,
87
- .premium-image-button-style1-left:hover:before {
88
- width: 100%; }
89
-
90
- .premium-image-button-style3 {
91
- z-index: 10; }
92
- .premium-image-button-style3:before {
93
- position: absolute;
94
- top: 0px;
95
- left: 0px;
96
- width: 100%;
97
- height: 100%;
98
- content: "";
99
- z-index: 1;
100
- background: rgba(255, 255, 255, 0.2);
101
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
102
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
103
- -webkit-transition: all 0.8s ease-out;
104
- transition: all 0.8s ease-out; }
105
-
106
- .premium-image-button-diagonal-right:before {
107
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
108
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
109
-
110
- .premium-image-button-diagonal-right:hover:before {
111
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
112
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
113
-
114
- .premium-image-button-diagonal-left:before {
115
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
116
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
117
-
118
- .premium-image-button-diagonal-left:hover:before {
119
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
120
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
121
-
122
- .premium-image-button-diagonal-bottom:before {
123
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
124
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
125
-
126
- .premium-image-button-diagonal-bottom:hover:before {
127
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
128
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
129
-
130
- .premium-image-button-diagonal-top:before {
131
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
132
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
133
-
134
- .premium-image-button-diagonal-top:hover:before {
135
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
136
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
137
-
138
- .premium-image-button-style4-icon-wrapper {
139
- position: absolute;
140
- z-index: 2;
141
- width: 100%;
142
- text-align: center;
143
- -js-display: flex;
144
- display: -webkit-box;
145
- display: -webkit-flex;
146
- display: -moz-box;
147
- display: -ms-flexbox;
148
- display: flex;
149
- -webkit-box-align: center;
150
- -webkit-align-items: center;
151
- -moz-box-align: center;
152
- -ms-flex-align: center;
153
- align-items: center;
154
- -webkit-box-pack: center;
155
- -webkit-justify-content: center;
156
- -moz-box-pack: center;
157
- -ms-flex-pack: center;
158
- justify-content: center;
159
- height: 100%;
160
- opacity: 0;
161
- -webkit-transition: all 0.3s ease-in-out;
162
- transition: all 0.3s ease-in-out; }
163
- .premium-image-button-style4-icon-wrapper.top {
164
- bottom: -100%;
165
- left: 0; }
166
- .premium-image-button-style4-icon-wrapper.bottom {
167
- top: -100%;
168
- left: 0; }
169
- .premium-image-button-style4-icon-wrapper.left {
170
- top: 0;
171
- left: -100%; }
172
- .premium-image-button-style4-icon-wrapper.right {
173
- top: 0;
174
- right: -100%; }
175
-
176
- .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
177
- top: 0;
178
- opacity: 1; }
179
-
180
- .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
181
- -webkit-transform: translateY(100%);
182
- -ms-transform: translateY(100%);
183
- transform: translateY(100%);
184
- opacity: 0; }
185
-
186
- .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
187
- bottom: 0;
188
- opacity: 1; }
189
-
190
- .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
191
- -webkit-transform: translateY(-100%);
192
- -ms-transform: translateY(-100%);
193
- transform: translateY(-100%);
194
- opacity: 0; }
195
-
196
- .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
197
- left: 0;
198
- opacity: 1; }
199
-
200
- .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
201
- -webkit-transform: translateX(100%);
202
- -ms-transform: translateX(100%);
203
- transform: translateX(100%);
204
- opacity: 0; }
205
-
206
- .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
207
- right: 0;
208
- opacity: 1; }
209
-
210
- .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
211
- -webkit-transform: translateX(-100%);
212
- -ms-transform: translateX(-100%);
213
- transform: translateX(-100%);
214
- opacity: 0; }
215
-
216
- .premium-image-button-style5:before {
217
- position: absolute;
218
- content: "";
219
- top: 0;
220
- left: 0;
221
- width: 100%;
222
- height: 100%;
223
- opacity: 0;
224
- -webkit-transition: all 1s ease-in-out;
225
- transition: all 1s ease-in-out;
226
- background: rgba(255, 255, 255, 0.2);
227
- -webkit-animation-name: premium-overlap-effect-done;
228
- animation-name: premium-overlap-effect-done;
229
- -webkit-animation-duration: 1s;
230
- animation-duration: 1s; }
231
-
232
- .premium-image-button-overlap-effect-vertical:before {
233
- -webkit-animation-name: premium-overlap-ver-effect-done;
234
- animation-name: premium-overlap-ver-effect-done; }
235
-
236
- .premium-image-button-overlap-effect-horizontal:hover:before {
237
- -webkit-animation-name: premium-overlap-effect;
238
- animation-name: premium-overlap-effect; }
239
-
240
- .premium-image-button-overlap-effect-vertical:hover:before {
241
- -webkit-animation-name: premium-overlap-ver-effect;
242
- animation-name: premium-overlap-ver-effect; }
243
-
244
- .premium-image-button-style6:before {
245
- content: "";
246
- position: absolute;
247
- left: 50%;
248
- top: 50%;
249
- width: 100px;
250
- height: 100px;
251
- -webkit-border-radius: 100%;
252
- border-radius: 100%;
253
- -webkit-transform: translate(-50%, -50%) scale(0);
254
- -ms-transform: translate(-50%, -50%) scale(0);
255
- transform: translate(-50%, -50%) scale(0);
256
- -webkit-transition: all 0.3s ease-in-out;
257
- transition: all 0.3s ease-in-out; }
258
-
259
- .premium-image-button-style6:hover:before {
260
- -webkit-transform: translate(-50%, -50%) scale(3);
261
- -ms-transform: translate(-50%, -50%) scale(3);
262
- transform: translate(-50%, -50%) scale(3); }
263
-
264
- .premium-image-button-style6 .premium-button-text-icon-wrapper {
265
- position: relative;
266
- z-index: 1; }
267
-
268
- @-webkit-keyframes premium-overlap-effect {
269
- 0% {
270
- opacity: 0;
271
- -webkit-transform: rotateY(0deg);
272
- transform: rotateY(0deg); }
273
- 50% {
274
- opacity: 1;
275
- -webkit-transform: rotateY(180deg);
276
- transform: rotateY(180deg); }
277
- 100% {
278
- opacity: 0;
279
- -webkit-transform: rotateY(360deg);
280
- transform: rotateY(360deg); } }
281
-
282
- @keyframes premium-overlap-effect {
283
- 0% {
284
- opacity: 0;
285
- -webkit-transform: rotateY(0deg);
286
- transform: rotateY(0deg); }
287
- 50% {
288
- opacity: 1;
289
- -webkit-transform: rotateY(180deg);
290
- transform: rotateY(180deg); }
291
- 100% {
292
- opacity: 0;
293
- -webkit-transform: rotateY(360deg);
294
- transform: rotateY(360deg); } }
295
-
296
- @-webkit-keyframes premium-overlap-effect-done {
297
- 0% {
298
- opacity: 0;
299
- -webkit-transform: rotateY(0deg);
300
- transform: rotateY(0deg); }
301
- 50% {
302
- opacity: 1;
303
- -webkit-transform: rotateY(180deg);
304
- transform: rotateY(180deg); }
305
- 100% {
306
- opacity: 0;
307
- -webkit-transform: rotateY(360deg);
308
- transform: rotateY(360deg); } }
309
-
310
- @keyframes premium-overlap-effect-done {
311
- 0% {
312
- opacity: 0;
313
- -webkit-transform: rotateY(0deg);
314
- transform: rotateY(0deg); }
315
- 50% {
316
- opacity: 1;
317
- -webkit-transform: rotateY(180deg);
318
- transform: rotateY(180deg); }
319
- 100% {
320
- opacity: 0;
321
- -webkit-transform: rotateY(360deg);
322
- transform: rotateY(360deg); } }
323
-
324
- @-webkit-keyframes premium-overlap-ver-effect {
325
- 0% {
326
- opacity: 0;
327
- -webkit-transform: rotateX(0deg);
328
- transform: rotateX(0deg); }
329
- 50% {
330
- opacity: 1;
331
- -webkit-transform: rotateX(180deg);
332
- transform: rotateX(180deg); }
333
- 100% {
334
- opacity: 0;
335
- -webkit-transform: rotateX(360deg);
336
- transform: rotateX(360deg); } }
337
-
338
- @keyframes premium-overlap-ver-effect {
339
- 0% {
340
- opacity: 0;
341
- -webkit-transform: rotateX(0deg);
342
- transform: rotateX(0deg); }
343
- 50% {
344
- opacity: 1;
345
- -webkit-transform: rotateX(180deg);
346
- transform: rotateX(180deg); }
347
- 100% {
348
- opacity: 0;
349
- -webkit-transform: rotateX(360deg);
350
- transform: rotateX(360deg); } }
351
-
352
- @-webkit-keyframes premium-overlap-ver-effect-done {
353
- 0% {
354
- opacity: 0;
355
- -webkit-transform: rotateX(0deg);
356
- transform: rotateX(0deg); }
357
- 50% {
358
- opacity: 1;
359
- -webkit-transform: rotateX(180deg);
360
- transform: rotateX(180deg); }
361
- 100% {
362
- opacity: 0;
363
- -webkit-transform: rotateX(360deg);
364
- transform: rotateX(360deg); } }
365
-
366
- @keyframes premium-overlap-ver-effect-done {
367
- 0% {
368
- opacity: 0;
369
- -webkit-transform: rotateX(0deg);
370
- transform: rotateX(0deg); }
371
- 50% {
372
- opacity: 1;
373
- -webkit-transform: rotateX(180deg);
374
- transform: rotateX(180deg); }
375
- 100% {
376
- opacity: 0;
377
- -webkit-transform: rotateX(360deg);
378
- transform: rotateX(360deg); } }
1
+ /**************** Premium Image Button ***********/
2
+ /*************************************************/
3
+ .premium-image-button {
4
+ -js-display: inline-flex;
5
+ display: -webkit-inline-box;
6
+ display: -webkit-inline-flex;
7
+ display: -moz-inline-box;
8
+ display: -ms-inline-flexbox;
9
+ display: inline-flex;
10
+ position: relative;
11
+ overflow: hidden;
12
+ background-color: #eee;
13
+ cursor: pointer;
14
+ -webkit-transition: all 0.2s ease-in-out !important;
15
+ transition: all 0.2s ease-in-out !important; }
16
+ .premium-image-button .premium-button-style6-bg, .premium-image-button.premium-button-style6:before, .premium-image-button:not(.premium-image-button-style6):hover {
17
+ background-color: #54595f; }
18
+
19
+ /*Default background for slide styles*/
20
+ .premium-image-button-style4-icon-wrapper,
21
+ .premium-image-button-style1:before {
22
+ background-color: #54595f; }
23
+
24
+ .premium-image-button-text-icon-wrapper {
25
+ width: 100%;
26
+ -js-display: flex;
27
+ display: -webkit-box;
28
+ display: -webkit-flex;
29
+ display: -moz-box;
30
+ display: -ms-flexbox;
31
+ display: flex;
32
+ -webkit-box-pack: center;
33
+ -webkit-justify-content: center;
34
+ -moz-box-pack: center;
35
+ -ms-flex-pack: center;
36
+ justify-content: center;
37
+ -webkit-box-align: center;
38
+ -webkit-align-items: center;
39
+ -moz-box-align: center;
40
+ -ms-flex-align: center;
41
+ align-items: center;
42
+ position: relative;
43
+ z-index: 3;
44
+ -webkit-transition: all 0.2s ease-in-out;
45
+ transition: all 0.2s ease-in-out; }
46
+ .premium-image-button-text-icon-wrapper span,
47
+ .premium-image-button-text-icon-wrapper i,
48
+ .premium-image-button-text-icon-wrapper svg {
49
+ -webkit-transition: all 0.2s ease-in-out;
50
+ transition: all 0.2s ease-in-out; }
51
+
52
+ .premium-image-button-style1:before {
53
+ position: absolute;
54
+ content: "";
55
+ -webkit-transition: all 0.2s ease-in-out;
56
+ transition: all 0.2s ease-in-out; }
57
+
58
+ .premium-image-button-style1-bottom:before {
59
+ width: 100%;
60
+ height: 0;
61
+ top: 0;
62
+ left: 0; }
63
+
64
+ .premium-image-button-style1-top:before {
65
+ width: 100%;
66
+ height: 0;
67
+ bottom: 0;
68
+ left: 0; }
69
+
70
+ .premium-image-button-style1-right:before {
71
+ width: 0;
72
+ height: 100%;
73
+ bottom: 0;
74
+ left: 0; }
75
+
76
+ .premium-image-button-style1-left:before {
77
+ width: 0;
78
+ height: 100%;
79
+ top: 0;
80
+ right: 0; }
81
+
82
+ .premium-image-button-style1-bottom:hover:before,
83
+ .premium-image-button-style1-top:hover:before {
84
+ height: 100%; }
85
+
86
+ .premium-image-button-style1-right:hover:before,
87
+ .premium-image-button-style1-left:hover:before {
88
+ width: 100%; }
89
+
90
+ .premium-image-button-style3 {
91
+ z-index: 10; }
92
+ .premium-image-button-style3:before {
93
+ position: absolute;
94
+ top: 0px;
95
+ left: 0px;
96
+ width: 100%;
97
+ height: 100%;
98
+ content: "";
99
+ z-index: 1;
100
+ background: rgba(255, 255, 255, 0.2);
101
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
102
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
103
+ -webkit-transition: all 0.8s ease-out;
104
+ transition: all 0.8s ease-out; }
105
+
106
+ .premium-image-button-diagonal-right:before {
107
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
108
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
109
+
110
+ .premium-image-button-diagonal-right:hover:before {
111
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
112
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
113
+
114
+ .premium-image-button-diagonal-left:before {
115
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
116
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
117
+
118
+ .premium-image-button-diagonal-left:hover:before {
119
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
120
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
121
+
122
+ .premium-image-button-diagonal-bottom:before {
123
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
124
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
125
+
126
+ .premium-image-button-diagonal-bottom:hover:before {
127
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
128
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
129
+
130
+ .premium-image-button-diagonal-top:before {
131
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
132
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
133
+
134
+ .premium-image-button-diagonal-top:hover:before {
135
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
136
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
137
+
138
+ .premium-image-button-style4-icon-wrapper {
139
+ position: absolute;
140
+ z-index: 2;
141
+ width: 100%;
142
+ text-align: center;
143
+ -js-display: flex;
144
+ display: -webkit-box;
145
+ display: -webkit-flex;
146
+ display: -moz-box;
147
+ display: -ms-flexbox;
148
+ display: flex;
149
+ -webkit-box-align: center;
150
+ -webkit-align-items: center;
151
+ -moz-box-align: center;
152
+ -ms-flex-align: center;
153
+ align-items: center;
154
+ -webkit-box-pack: center;
155
+ -webkit-justify-content: center;
156
+ -moz-box-pack: center;
157
+ -ms-flex-pack: center;
158
+ justify-content: center;
159
+ height: 100%;
160
+ opacity: 0;
161
+ -webkit-transition: all 0.3s ease-in-out;
162
+ transition: all 0.3s ease-in-out; }
163
+ .premium-image-button-style4-icon-wrapper.top {
164
+ bottom: -100%;
165
+ left: 0; }
166
+ .premium-image-button-style4-icon-wrapper.bottom {
167
+ top: -100%;
168
+ left: 0; }
169
+ .premium-image-button-style4-icon-wrapper.left {
170
+ top: 0;
171
+ left: -100%; }
172
+ .premium-image-button-style4-icon-wrapper.right {
173
+ top: 0;
174
+ right: -100%; }
175
+
176
+ .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
177
+ top: 0;
178
+ opacity: 1; }
179
+
180
+ .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
181
+ -webkit-transform: translateY(100%);
182
+ -ms-transform: translateY(100%);
183
+ transform: translateY(100%);
184
+ opacity: 0; }
185
+
186
+ .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
187
+ bottom: 0;
188
+ opacity: 1; }
189
+
190
+ .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
191
+ -webkit-transform: translateY(-100%);
192
+ -ms-transform: translateY(-100%);
193
+ transform: translateY(-100%);
194
+ opacity: 0; }
195
+
196
+ .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
197
+ left: 0;
198
+ opacity: 1; }
199
+
200
+ .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
201
+ -webkit-transform: translateX(100%);
202
+ -ms-transform: translateX(100%);
203
+ transform: translateX(100%);
204
+ opacity: 0; }
205
+
206
+ .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
207
+ right: 0;
208
+ opacity: 1; }
209
+
210
+ .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
211
+ -webkit-transform: translateX(-100%);
212
+ -ms-transform: translateX(-100%);
213
+ transform: translateX(-100%);
214
+ opacity: 0; }
215
+
216
+ .premium-image-button-style5:before {
217
+ position: absolute;
218
+ content: "";
219
+ top: 0;
220
+ left: 0;
221
+ width: 100%;
222
+ height: 100%;
223
+ opacity: 0;
224
+ -webkit-transition: all 1s ease-in-out;
225
+ transition: all 1s ease-in-out;
226
+ background: rgba(255, 255, 255, 0.2);
227
+ -webkit-animation-name: premium-overlap-effect-done;
228
+ animation-name: premium-overlap-effect-done;
229
+ -webkit-animation-duration: 1s;
230
+ animation-duration: 1s; }
231
+
232
+ .premium-image-button-overlap-effect-vertical:before {
233
+ -webkit-animation-name: premium-overlap-ver-effect-done;
234
+ animation-name: premium-overlap-ver-effect-done; }
235
+
236
+ .premium-image-button-overlap-effect-horizontal:hover:before {
237
+ -webkit-animation-name: premium-overlap-effect;
238
+ animation-name: premium-overlap-effect; }
239
+
240
+ .premium-image-button-overlap-effect-vertical:hover:before {
241
+ -webkit-animation-name: premium-overlap-ver-effect;
242
+ animation-name: premium-overlap-ver-effect; }
243
+
244
+ .premium-image-button-style6:before {
245
+ content: "";
246
+ position: absolute;
247
+ left: 50%;
248
+ top: 50%;
249
+ width: 100px;
250
+ height: 100px;
251
+ -webkit-border-radius: 100%;
252
+ border-radius: 100%;
253
+ -webkit-transform: translate(-50%, -50%) scale(0);
254
+ -ms-transform: translate(-50%, -50%) scale(0);
255
+ transform: translate(-50%, -50%) scale(0);
256
+ -webkit-transition: all 0.3s ease-in-out;
257
+ transition: all 0.3s ease-in-out; }
258
+
259
+ .premium-image-button-style6:hover:before {
260
+ -webkit-transform: translate(-50%, -50%) scale(3);
261
+ -ms-transform: translate(-50%, -50%) scale(3);
262
+ transform: translate(-50%, -50%) scale(3); }
263
+
264
+ .premium-image-button-style6 .premium-button-text-icon-wrapper {
265
+ position: relative;
266
+ z-index: 1; }
267
+
268
+ @-webkit-keyframes premium-overlap-effect {
269
+ 0% {
270
+ opacity: 0;
271
+ -webkit-transform: rotateY(0deg);
272
+ transform: rotateY(0deg); }
273
+ 50% {
274
+ opacity: 1;
275
+ -webkit-transform: rotateY(180deg);
276
+ transform: rotateY(180deg); }
277
+ 100% {
278
+ opacity: 0;
279
+ -webkit-transform: rotateY(360deg);
280
+ transform: rotateY(360deg); } }
281
+
282
+ @keyframes premium-overlap-effect {
283
+ 0% {
284
+ opacity: 0;
285
+ -webkit-transform: rotateY(0deg);
286
+ transform: rotateY(0deg); }
287
+ 50% {
288
+ opacity: 1;
289
+ -webkit-transform: rotateY(180deg);
290
+ transform: rotateY(180deg); }
291
+ 100% {
292
+ opacity: 0;
293
+ -webkit-transform: rotateY(360deg);
294
+ transform: rotateY(360deg); } }
295
+
296
+ @-webkit-keyframes premium-overlap-effect-done {
297
+ 0% {
298
+ opacity: 0;
299
+ -webkit-transform: rotateY(0deg);
300
+ transform: rotateY(0deg); }
301
+ 50% {
302
+ opacity: 1;
303
+ -webkit-transform: rotateY(180deg);
304
+ transform: rotateY(180deg); }
305
+ 100% {
306
+ opacity: 0;
307
+ -webkit-transform: rotateY(360deg);
308
+ transform: rotateY(360deg); } }
309
+
310
+ @keyframes premium-overlap-effect-done {
311
+ 0% {
312
+ opacity: 0;
313
+ -webkit-transform: rotateY(0deg);
314
+ transform: rotateY(0deg); }
315
+ 50% {
316
+ opacity: 1;
317
+ -webkit-transform: rotateY(180deg);
318
+ transform: rotateY(180deg); }
319
+ 100% {
320
+ opacity: 0;
321
+ -webkit-transform: rotateY(360deg);
322
+ transform: rotateY(360deg); } }
323
+
324
+ @-webkit-keyframes premium-overlap-ver-effect {
325
+ 0% {
326
+ opacity: 0;
327
+ -webkit-transform: rotateX(0deg);
328
+ transform: rotateX(0deg); }
329
+ 50% {
330
+ opacity: 1;
331
+ -webkit-transform: rotateX(180deg);
332
+ transform: rotateX(180deg); }
333
+ 100% {
334
+ opacity: 0;
335
+ -webkit-transform: rotateX(360deg);
336
+ transform: rotateX(360deg); } }
337
+
338
+ @keyframes premium-overlap-ver-effect {
339
+ 0% {
340
+ opacity: 0;
341
+ -webkit-transform: rotateX(0deg);
342
+ transform: rotateX(0deg); }
343
+ 50% {
344
+ opacity: 1;
345
+ -webkit-transform: rotateX(180deg);
346
+ transform: rotateX(180deg); }
347
+ 100% {
348
+ opacity: 0;
349
+ -webkit-transform: rotateX(360deg);
350
+ transform: rotateX(360deg); } }
351
+
352
+ @-webkit-keyframes premium-overlap-ver-effect-done {
353
+ 0% {
354
+ opacity: 0;
355
+ -webkit-transform: rotateX(0deg);
356
+ transform: rotateX(0deg); }
357
+ 50% {
358
+ opacity: 1;
359
+ -webkit-transform: rotateX(180deg);
360
+ transform: rotateX(180deg); }
361
+ 100% {
362
+ opacity: 0;
363
+ -webkit-transform: rotateX(360deg);
364
+ transform: rotateX(360deg); } }
365
+
366
+ @keyframes premium-overlap-ver-effect-done {
367
+ 0% {
368
+ opacity: 0;
369
+ -webkit-transform: rotateX(0deg);
370
+ transform: rotateX(0deg); }
371
+ 50% {
372
+ opacity: 1;
373
+ -webkit-transform: rotateX(180deg);
374
+ transform: rotateX(180deg); }
375
+ 100% {
376
+ opacity: 0;
377
+ -webkit-transform: rotateX(360deg);
378
+ transform: rotateX(360deg); } }
assets/frontend/css/premium-nav-menu-rtl.css CHANGED
@@ -130,7 +130,7 @@
130
  }
131
 
132
  /**Mega Menu Container*/
133
- .premium-mega-nav-item .premium-sub-menu {
134
  display: none;
135
  }
136
 
@@ -754,10 +754,6 @@
754
  transform: translateY(-50%);
755
  }
756
 
757
- .premium-mega-nav-item .premium-sub-menu {
758
- display: none;
759
- }
760
-
761
  .premium-mega-nav-item {
762
  position: relative;
763
  }
@@ -1436,3 +1432,9 @@
1436
  -webkit-transition: all 0.3s;
1437
  transition: all 0.3s;
1438
  }
 
 
 
 
 
 
130
  }
131
 
132
  /**Mega Menu Container*/
133
+ .premium-mega-nav-item > .premium-sub-menu {
134
  display: none;
135
  }
136
 
754
  transform: translateY(-50%);
755
  }
756
 
 
 
 
 
757
  .premium-mega-nav-item {
758
  position: relative;
759
  }
1432
  -webkit-transition: all 0.3s;
1433
  transition: all 0.3s;
1434
  }
1435
+
1436
+ body.premium-scroll-disabled {
1437
+ overflow-y: hidden;
1438
+ height: 100vh;
1439
+ margin: 0;
1440
+ }
assets/frontend/css/premium-nav-menu.css CHANGED
@@ -109,7 +109,7 @@
109
  left: 0; }
110
 
111
  /**Mega Menu Container*/
112
- .premium-mega-nav-item .premium-sub-menu {
113
  display: none; }
114
 
115
  .premium-mega-nav-item {
@@ -612,9 +612,6 @@
612
  -ms-transform: translateY(-50%);
613
  transform: translateY(-50%); }
614
 
615
- .premium-mega-nav-item .premium-sub-menu {
616
- display: none; }
617
-
618
  .premium-mega-nav-item {
619
  position: relative; }
620
 
@@ -1156,3 +1153,8 @@
1156
  .premium-sub-item-badge {
1157
  -webkit-transition: all 0.3s;
1158
  transition: all 0.3s; }
 
 
 
 
 
109
  left: 0; }
110
 
111
  /**Mega Menu Container*/
112
+ .premium-mega-nav-item > .premium-sub-menu {
113
  display: none; }
114
 
115
  .premium-mega-nav-item {
612
  -ms-transform: translateY(-50%);
613
  transform: translateY(-50%); }
614
 
 
 
 
615
  .premium-mega-nav-item {
616
  position: relative; }
617
 
1153
  .premium-sub-item-badge {
1154
  -webkit-transition: all 0.3s;
1155
  transition: all 0.3s; }
1156
+
1157
+ body.premium-scroll-disabled {
1158
+ overflow-y: hidden;
1159
+ height: 100vh;
1160
+ margin: 0; }
assets/frontend/css/premium-pricing-table.css CHANGED
@@ -1,252 +1,252 @@
1
- /**************** Premium Pricing Table ****************/
2
- /*******************************************************/
3
- .premium-pricing-table-container {
4
- position: relative;
5
- text-align: center;
6
- display: inline-block;
7
- width: 100%;
8
- -webkit-transition: all 0.3s ease-in-out;
9
- transition: all 0.3s ease-in-out; }
10
-
11
- .premium-pricing-icon-container {
12
- -js-display: flex;
13
- display: -webkit-box;
14
- display: -webkit-flex;
15
- display: -moz-box;
16
- display: -ms-flexbox;
17
- display: flex;
18
- -webkit-box-pack: center;
19
- -webkit-justify-content: center;
20
- -moz-box-pack: center;
21
- -ms-flex-pack: center;
22
- justify-content: center;
23
- line-height: 0; }
24
- .premium-pricing-icon-container .premium-pricing-icon {
25
- display: inline-block; }
26
- .premium-pricing-icon-container .premium-pricing-image {
27
- overflow: hidden; }
28
- .premium-pricing-icon-container .premium-pricing-image img {
29
- width: 25px;
30
- height: 25px;
31
- -o-object-fit: cover;
32
- object-fit: cover; }
33
-
34
- .premium-badge-left {
35
- position: absolute;
36
- top: 0; }
37
-
38
- .premium-badge-right {
39
- position: absolute;
40
- top: 0;
41
- right: 0; }
42
-
43
- .premium-badge-left {
44
- left: 0; }
45
-
46
- .premium-badge-triangle.premium-badge-left .corner {
47
- width: 0;
48
- height: 0;
49
- border-top: 150px solid;
50
- border-bottom: 150px solid transparent;
51
- border-right: 150px solid transparent; }
52
-
53
- .premium-badge-triangle.premium-badge-right .corner {
54
- width: 0;
55
- height: 0;
56
- border-bottom: 150px solid transparent;
57
- border-right: 150px solid;
58
- border-left: 150px solid transparent; }
59
-
60
- .premium-badge-triangle span {
61
- position: absolute;
62
- top: 35px;
63
- width: 100px;
64
- text-align: center;
65
- -webkit-transform: rotate(-45deg);
66
- -ms-transform: rotate(-45deg);
67
- transform: rotate(-45deg);
68
- display: block;
69
- text-transform: uppercase; }
70
-
71
- .premium-badge-triangle.premium-badge-right span {
72
- -webkit-transform: rotate(45deg);
73
- -ms-transform: rotate(45deg);
74
- transform: rotate(45deg);
75
- right: 0; }
76
-
77
- .premium-badge-circle {
78
- min-width: 4em;
79
- min-height: 4em;
80
- line-height: 4em;
81
- text-align: center;
82
- -webkit-border-radius: 100%;
83
- border-radius: 100%;
84
- position: absolute;
85
- z-index: 1; }
86
-
87
- .premium-badge-stripe {
88
- position: absolute;
89
- -webkit-transform: rotate(90deg);
90
- -ms-transform: rotate(90deg);
91
- transform: rotate(90deg);
92
- width: 15em;
93
- overflow: hidden;
94
- height: 15em; }
95
- .premium-badge-stripe.premium-badge-left {
96
- -webkit-transform: rotate(0);
97
- -ms-transform: rotate(0);
98
- transform: rotate(0); }
99
- .premium-badge-stripe .corner {
100
- text-align: center;
101
- left: 0;
102
- width: 150%;
103
- -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
104
- -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
105
- transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
106
- margin-top: 35px;
107
- font-size: 13px;
108
- line-height: 2;
109
- font-weight: 800;
110
- text-transform: uppercase; }
111
-
112
- .premium-badge-flag.premium-badge-right .corner {
113
- right: -8px;
114
- -webkit-border-radius: 4px 4px 0 4px;
115
- border-radius: 4px 4px 0 4px; }
116
- .premium-badge-flag.premium-badge-right .corner::before, .premium-badge-flag.premium-badge-right .corner::after {
117
- right: 0; }
118
-
119
- .premium-badge-flag.premium-badge-left .corner {
120
- left: -8px;
121
- -webkit-border-radius: 4px 4px 4px 0;
122
- border-radius: 4px 4px 4px 0; }
123
- .premium-badge-flag.premium-badge-left .corner::before, .premium-badge-flag.premium-badge-left .corner::after {
124
- left: 0; }
125
-
126
- .premium-badge-flag .corner {
127
- text-align: center;
128
- padding: 3px 15px;
129
- position: absolute;
130
- top: 10%; }
131
- .premium-badge-flag .corner::before, .premium-badge-flag .corner::after {
132
- content: "";
133
- display: block;
134
- position: absolute;
135
- width: 0;
136
- height: 0;
137
- top: 100%;
138
- border-bottom: 8px solid transparent; }
139
-
140
- .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
141
- overflow: visible !important; }
142
-
143
- .premium-badge-flag.premium-badge-right .corner::after {
144
- border-left: 8px solid rgba(0, 0, 0, 0.2); }
145
-
146
- .premium-badge-flag.premium-badge-left .corner::before {
147
- border-right: 8px solid rgba(0, 0, 0, 0.2); }
148
-
149
- .premium-pricing-price-currency {
150
- position: relative; }
151
-
152
- .premium-pricing-button-container {
153
- display: block; }
154
-
155
- .premium-pricing-list {
156
- -js-display: flex;
157
- display: -webkit-box;
158
- display: -webkit-flex;
159
- display: -moz-box;
160
- display: -ms-flexbox;
161
- display: flex;
162
- -webkit-box-orient: vertical;
163
- -webkit-box-direction: normal;
164
- -webkit-flex-direction: column;
165
- -moz-box-orient: vertical;
166
- -moz-box-direction: normal;
167
- -ms-flex-direction: column;
168
- flex-direction: column;
169
- list-style-type: none;
170
- margin: 0;
171
- padding: 0; }
172
- .premium-pricing-list .premium-pricing-list-item {
173
- -js-display: flex;
174
- display: -webkit-box;
175
- display: -webkit-flex;
176
- display: -moz-box;
177
- display: -ms-flexbox;
178
- display: flex;
179
- -webkit-box-align: center;
180
- -webkit-align-items: center;
181
- -moz-box-align: center;
182
- -ms-flex-align: center;
183
- align-items: center; }
184
- .premium-pricing-list .premium-pricing-list-item svg {
185
- width: 50px;
186
- height: 50px; }
187
- .premium-pricing-list .premium-pricing-list-item img {
188
- width: 30px;
189
- height: 30px;
190
- -o-object-fit: cover;
191
- object-fit: cover; }
192
- .premium-pricing-list .premium-pricing-list-span {
193
- position: relative; }
194
- .premium-pricing-list .list-item-tooltip {
195
- border-bottom: 1px dotted; }
196
- .premium-pricing-list .premium-pricing-list-tooltip {
197
- position: absolute;
198
- top: -webkit-calc(100% + 1px);
199
- top: calc(100% + 1px);
200
- left: 0;
201
- visibility: hidden;
202
- padding: 15px 20px;
203
- -webkit-border-radius: 5px;
204
- border-radius: 5px;
205
- min-width: 200px;
206
- overflow: hidden;
207
- text-align: left;
208
- font-size: 0.8rem;
209
- color: #fff;
210
- background-color: #aaa; }
211
-
212
- .premium-pricing-features-left .premium-pricing-list-span {
213
- text-align: left; }
214
-
215
- .premium-pricing-features-center .premium-pricing-list-span {
216
- text-align: center; }
217
-
218
- .premium-pricing-features-right .premium-pricing-list-span {
219
- text-align: right; }
220
-
221
- .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
222
- z-index: 99;
223
- visibility: visible;
224
- opacity: 1; }
225
-
226
- .premium-pricing-slashed-price-value {
227
- display: inline-block;
228
- font-size: 20px;
229
- font-weight: 400;
230
- margin-right: 5px; }
231
-
232
- .premium-pricing-price-value {
233
- font-size: 70px; }
234
-
235
- .premium-pricing-description-container li {
236
- list-style-position: inside;
237
- text-indent: -40px; }
238
-
239
- @-moz-document url-prefix() {
240
- .premium-pricing-description-container li {
241
- text-indent: 0px; } }
242
-
243
- .premium-pricing-price-button {
244
- display: block;
245
- padding: 6px 12px;
246
- line-height: 1.42857143;
247
- text-align: center;
248
- color: #fff;
249
- background: #6ec1e4;
250
- margin-bottom: 0;
251
- -webkit-transition: all 0.3s ease-in-out;
252
- transition: all 0.3s ease-in-out; }
1
+ /**************** Premium Pricing Table ****************/
2
+ /*******************************************************/
3
+ .premium-pricing-table-container {
4
+ position: relative;
5
+ text-align: center;
6
+ display: inline-block;
7
+ width: 100%;
8
+ -webkit-transition: all 0.3s ease-in-out;
9
+ transition: all 0.3s ease-in-out; }
10
+
11
+ .premium-pricing-icon-container {
12
+ -js-display: flex;
13
+ display: -webkit-box;
14
+ display: -webkit-flex;
15
+ display: -moz-box;
16
+ display: -ms-flexbox;
17
+ display: flex;
18
+ -webkit-box-pack: center;
19
+ -webkit-justify-content: center;
20
+ -moz-box-pack: center;
21
+ -ms-flex-pack: center;
22
+ justify-content: center;
23
+ line-height: 0; }
24
+ .premium-pricing-icon-container .premium-pricing-icon {
25
+ display: inline-block; }
26
+ .premium-pricing-icon-container .premium-pricing-image {
27
+ overflow: hidden; }
28
+ .premium-pricing-icon-container .premium-pricing-image img {
29
+ width: 25px;
30
+ height: 25px;
31
+ -o-object-fit: cover;
32
+ object-fit: cover; }
33
+
34
+ .premium-badge-left {
35
+ position: absolute;
36
+ top: 0; }
37
+
38
+ .premium-badge-right {
39
+ position: absolute;
40
+ top: 0;
41
+ right: 0; }
42
+
43
+ .premium-badge-left {
44
+ left: 0; }
45
+
46
+ .premium-badge-triangle.premium-badge-left .corner {
47
+ width: 0;
48
+ height: 0;
49
+ border-top: 150px solid;
50
+ border-bottom: 150px solid transparent;
51
+ border-right: 150px solid transparent; }
52
+
53
+ .premium-badge-triangle.premium-badge-right .corner {
54
+ width: 0;
55
+ height: 0;
56
+ border-bottom: 150px solid transparent;
57
+ border-right: 150px solid;
58
+ border-left: 150px solid transparent; }
59
+
60
+ .premium-badge-triangle span {
61
+ position: absolute;
62
+ top: 35px;
63
+ width: 100px;
64
+ text-align: center;
65
+ -webkit-transform: rotate(-45deg);
66
+ -ms-transform: rotate(-45deg);
67
+ transform: rotate(-45deg);
68
+ display: block;
69
+ text-transform: uppercase; }
70
+
71
+ .premium-badge-triangle.premium-badge-right span {
72
+ -webkit-transform: rotate(45deg);
73
+ -ms-transform: rotate(45deg);
74
+ transform: rotate(45deg);
75
+ right: 0; }
76
+
77
+ .premium-badge-circle {
78
+ min-width: 4em;
79
+ min-height: 4em;
80
+ line-height: 4em;
81
+ text-align: center;
82
+ -webkit-border-radius: 100%;
83
+ border-radius: 100%;
84
+ position: absolute;
85
+ z-index: 1; }
86
+
87
+ .premium-badge-stripe {
88
+ position: absolute;
89
+ -webkit-transform: rotate(90deg);
90
+ -ms-transform: rotate(90deg);
91
+ transform: rotate(90deg);
92
+ width: 15em;
93
+ overflow: hidden;
94
+ height: 15em; }
95
+ .premium-badge-stripe.premium-badge-left {
96
+ -webkit-transform: rotate(0);
97
+ -ms-transform: rotate(0);
98
+ transform: rotate(0); }
99
+ .premium-badge-stripe .corner {
100
+ text-align: center;
101
+ left: 0;
102
+ width: 150%;
103
+ -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
104
+ -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
105
+ transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
106
+ margin-top: 35px;
107
+ font-size: 13px;
108
+ line-height: 2;
109
+ font-weight: 800;
110
+ text-transform: uppercase; }
111
+
112
+ .premium-badge-flag.premium-badge-right .corner {
113
+ right: -8px;
114
+ -webkit-border-radius: 4px 4px 0 4px;
115
+ border-radius: 4px 4px 0 4px; }
116
+ .premium-badge-flag.premium-badge-right .corner::before, .premium-badge-flag.premium-badge-right .corner::after {
117
+ right: 0; }
118
+
119
+ .premium-badge-flag.premium-badge-left .corner {
120
+ left: -8px;
121
+ -webkit-border-radius: 4px 4px 4px 0;
122
+ border-radius: 4px 4px 4px 0; }
123
+ .premium-badge-flag.premium-badge-left .corner::before, .premium-badge-flag.premium-badge-left .corner::after {
124
+ left: 0; }
125
+
126
+ .premium-badge-flag .corner {
127
+ text-align: center;
128
+ padding: 3px 15px;
129
+ position: absolute;
130
+ top: 10%; }
131
+ .premium-badge-flag .corner::before, .premium-badge-flag .corner::after {
132
+ content: "";
133
+ display: block;
134
+ position: absolute;
135
+ width: 0;
136
+ height: 0;
137
+ top: 100%;
138
+ border-bottom: 8px solid transparent; }
139
+
140
+ .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
141
+ overflow: visible !important; }
142
+
143
+ .premium-badge-flag.premium-badge-right .corner::after {
144
+ border-left: 8px solid rgba(0, 0, 0, 0.2); }
145
+
146
+ .premium-badge-flag.premium-badge-left .corner::before {
147
+ border-right: 8px solid rgba(0, 0, 0, 0.2); }
148
+
149
+ .premium-pricing-price-currency {
150
+ position: relative; }
151
+
152
+ .premium-pricing-button-container {
153
+ display: block; }
154
+
155
+ .premium-pricing-list {
156
+ -js-display: flex;
157
+ display: -webkit-box;
158
+ display: -webkit-flex;
159
+ display: -moz-box;
160
+ display: -ms-flexbox;
161
+ display: flex;
162
+ -webkit-box-orient: vertical;
163
+ -webkit-box-direction: normal;
164
+ -webkit-flex-direction: column;
165
+ -moz-box-orient: vertical;
166
+ -moz-box-direction: normal;
167
+ -ms-flex-direction: column;
168
+ flex-direction: column;
169
+ list-style-type: none;
170
+ margin: 0;
171
+ padding: 0; }
172
+ .premium-pricing-list .premium-pricing-list-item {
173
+ -js-display: flex;
174
+ display: -webkit-box;
175
+ display: -webkit-flex;
176
+ display: -moz-box;
177
+ display: -ms-flexbox;
178
+ display: flex;
179
+ -webkit-box-align: center;
180
+ -webkit-align-items: center;
181
+ -moz-box-align: center;
182
+ -ms-flex-align: center;
183
+ align-items: center; }
184
+ .premium-pricing-list .premium-pricing-list-item svg {
185
+ width: 50px;
186
+ height: 50px; }
187
+ .premium-pricing-list .premium-pricing-list-item img {
188
+ width: 30px;
189
+ height: 30px;
190
+ -o-object-fit: cover;
191
+ object-fit: cover; }
192
+ .premium-pricing-list .premium-pricing-list-span {
193
+ position: relative; }
194
+ .premium-pricing-list .list-item-tooltip {
195
+ border-bottom: 1px dotted; }
196
+ .premium-pricing-list .premium-pricing-list-tooltip {
197
+ position: absolute;
198
+ top: -webkit-calc(100% + 1px);
199
+ top: calc(100% + 1px);
200
+ left: 0;
201
+ visibility: hidden;
202
+ padding: 15px 20px;
203
+ -webkit-border-radius: 5px;
204
+ border-radius: 5px;
205
+ min-width: 200px;
206
+ overflow: hidden;
207
+ text-align: left;
208
+ font-size: 0.8rem;
209
+ color: #fff;
210
+ background-color: #aaa; }
211
+
212
+ .premium-pricing-features-left .premium-pricing-list-span {
213
+ text-align: left; }
214
+
215
+ .premium-pricing-features-center .premium-pricing-list-span {
216
+ text-align: center; }
217
+
218
+ .premium-pricing-features-right .premium-pricing-list-span {
219
+ text-align: right; }
220
+
221
+ .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
222
+ z-index: 99;
223
+ visibility: visible;
224
+ opacity: 1; }
225
+
226
+ .premium-pricing-slashed-price-value {
227
+ display: inline-block;
228
+ font-size: 20px;
229
+ font-weight: 400;
230
+ margin-right: 5px; }
231
+
232
+ .premium-pricing-price-value {
233
+ font-size: 70px; }
234
+
235
+ .premium-pricing-description-container li {
236
+ list-style-position: inside;
237
+ text-indent: -40px; }
238
+
239
+ @-moz-document url-prefix() {
240
+ .premium-pricing-description-container li {
241
+ text-indent: 0px; } }
242
+
243
+ .premium-pricing-price-button {
244
+ display: block;
245
+ padding: 6px 12px;
246
+ line-height: 1.42857143;
247
+ text-align: center;
248
+ color: #fff;
249
+ background: #6ec1e4;
250
+ margin-bottom: 0;
251
+ -webkit-transition: all 0.3s ease-in-out;
252
+ transition: all 0.3s ease-in-out; }
assets/frontend/css/premium-woo-products.css CHANGED
@@ -1,1004 +1,1004 @@
1
- /********** Premium Woo Products **********/
2
- /******************************************/
3
- .ast-single-post .entry-content .premium-woocommerce a {
4
- text-decoration: none; }
5
-
6
- .premium-woocommerce .premium-woo-qv-btn {
7
- cursor: pointer; }
8
-
9
- .premium-woocommerce:not(.premium-woo-skin-grid-7) li.product .star-rating {
10
- margin: 0 auto 0.5em; }
11
-
12
- .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-sale-wrap .premium-woo-product-onsale,
13
- .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-featured-wrap .premium-woo-product-featured {
14
- display: block;
15
- text-align: center;
16
- color: #fff;
17
- min-width: 2em;
18
- min-height: 2em;
19
- line-height: 2em;
20
- padding: 0.3em 0.6em;
21
- margin: 0.5em 0.6em; }
22
-
23
- .premium-woocommerce .pa-out-of-stock {
24
- display: block;
25
- text-align: center;
26
- color: #fff;
27
- min-width: 2em;
28
- min-height: 2em;
29
- line-height: 2em;
30
- padding: 0.3em 0.6em;
31
- margin: 0.5em 0.6em; }
32
-
33
- .premium-woocommerce .woocommerce-loop-product__title {
34
- margin-bottom: 0.5em;
35
- font-size: 1em;
36
- -webkit-transition: all 0.3s ease-in-out;
37
- transition: all 0.3s ease-in-out; }
38
-
39
- .premium-woocommerce .premium-woo-product-category {
40
- display: block;
41
- font-size: 0.85em;
42
- margin-bottom: 0.5em;
43
- line-height: 1.3; }
44
-
45
- .premium-woocommerce .star-rating {
46
- display: block;
47
- float: none;
48
- -webkit-backface-visibility: hidden;
49
- backface-visibility: hidden;
50
- overflow: hidden;
51
- position: relative;
52
- height: 1em;
53
- line-height: 1;
54
- font-size: 0.857em;
55
- width: 5.4em;
56
- font-family: "star"; }
57
- .premium-woocommerce .star-rating::before {
58
- content: "\73\73\73\73\73";
59
- color: #54595f;
60
- float: left;
61
- top: 0;
62
- left: 0;
63
- position: absolute; }
64
- .premium-woocommerce .star-rating span {
65
- overflow: hidden;
66
- float: left;
67
- top: 0;
68
- left: 0;
69
- position: absolute;
70
- padding-top: 1.5em; }
71
- .premium-woocommerce .star-rating span::before {
72
- content: "\53\53\53\53\53";
73
- color: inherit;
74
- top: 0;
75
- position: absolute;
76
- left: 0; }
77
-
78
- .premium-woocommerce .premium-woo-products-inner ul.products {
79
- -js-display: flex;
80
- display: -webkit-box;
81
- display: -webkit-flex;
82
- display: -moz-box;
83
- display: -ms-flexbox;
84
- display: flex;
85
- margin: 0;
86
- padding: 0;
87
- -webkit-flex-wrap: wrap;
88
- -ms-flex-wrap: wrap;
89
- flex-wrap: wrap;
90
- list-style: none outside;
91
- -webkit-column-gap: 0;
92
- -moz-column-gap: 0;
93
- column-gap: 0; }
94
- .premium-woocommerce .premium-woo-products-inner ul.products li.product {
95
- margin: 0 0 10px;
96
- padding: 0 10px; }
97
- .premium-woocommerce .premium-woo-products-inner ul.products li.product .premium-woo-product-wrapper {
98
- overflow: hidden;
99
- -webkit-transition: all 0.3s ease-in-out;
100
- transition: all 0.3s ease-in-out; }
101
-
102
- .premium-woocommerce .woocommerce-loop-product__link {
103
- position: relative;
104
- display: block !important;
105
- overflow: hidden;
106
- -webkit-transition: all 0.3s ease-in-out;
107
- transition: all 0.3s ease-in-out; }
108
-
109
- .premium-woocommerce .premium-woo-ribbon-container,
110
- .premium-woocommerce .pa-out-of-stock {
111
- position: absolute;
112
- z-index: 9; }
113
-
114
- .premium-woocommerce .premium-woo-ribbon-container {
115
- top: 0;
116
- left: 0; }
117
-
118
- .premium-woocommerce .pa-out-of-stock {
119
- top: 7px;
120
- left: 9px;
121
- margin: 0; }
122
-
123
- .premium-woo-product-thumbnail {
124
- position: relative;
125
- overflow: hidden; }
126
- .premium-woo-product-thumbnail .woocommerce-loop-product__link img {
127
- margin: 0;
128
- width: 100%; }
129
-
130
- .premium-woo-product-sale-wrap,
131
- .premium-woo-product-featured-wrap {
132
- margin: 0; }
133
-
134
- .premium-woocommerce .premium-woo-products-details-wrap {
135
- padding: 1em 1.2em; }
136
- .premium-woocommerce .premium-woo-products-details-wrap .button {
137
- display: inline-block;
138
- background-color: #6ec1e4;
139
- color: #fff;
140
- margin: 0.5em 0;
141
- line-height: 1.3;
142
- padding: 10px 40px;
143
- font-size: 100%;
144
- cursor: pointer;
145
- text-decoration: none;
146
- overflow: visible;
147
- font-weight: 700;
148
- background-image: none;
149
- border: none;
150
- -webkit-border-radius: 0px;
151
- border-radius: 0px;
152
- -webkit-box-shadow: none;
153
- box-shadow: none;
154
- text-shadow: none;
155
- -webkit-transition: all 0.3s ease-in-out;
156
- transition: all 0.3s ease-in-out; }
157
-
158
- .premium-woocommerce li.product .price {
159
- display: block;
160
- line-height: 1.3;
161
- font-weight: 700;
162
- margin-bottom: 0.5em;
163
- font-size: 0.9em; }
164
- .premium-woocommerce li.product .price del {
165
- display: inline-block;
166
- font-weight: 400;
167
- background: transparent;
168
- opacity: 1; }
169
- .premium-woocommerce li.product .price ins {
170
- display: inline-block;
171
- background: transparent;
172
- text-decoration: none;
173
- font-weight: inherit; }
174
- .premium-woocommerce li.product .price .amount {
175
- color: inherit !important; }
176
-
177
- .premium-woocommerce li.product .premium-woo-product-desc p {
178
- margin: 0; }
179
-
180
- .premium-woo-product-align-left .premium-woocommerce li.product .star-rating {
181
- margin-left: 0;
182
- margin-right: auto; }
183
-
184
- .premium-woo-product-align-center .premium-woocommerce li.product .star-rating {
185
- margin-left: auto;
186
- margin-right: auto; }
187
-
188
- .premium-woo-product-align-right .premium-woocommerce li.product .star-rating {
189
- margin-left: auto;
190
- margin-right: 0; }
191
-
192
- .premium-woo-products-pagination ul.page-numbers {
193
- -js-display: flex;
194
- display: -webkit-box;
195
- display: -webkit-flex;
196
- display: -moz-box;
197
- display: -ms-flexbox;
198
- display: flex;
199
- list-style-type: none;
200
- margin: 0;
201
- margin-top: 10px;
202
- padding: 0;
203
- border: none;
204
- -webkit-box-pack: center;
205
- -webkit-justify-content: center;
206
- -moz-box-pack: center;
207
- -ms-flex-pack: center;
208
- justify-content: center; }
209
- .premium-woo-products-pagination ul.page-numbers li {
210
- margin: 0 0.4em 0.4em 0;
211
- padding: 0;
212
- text-align: center; }
213
- .premium-woo-products-pagination ul.page-numbers li .page-numbers {
214
- margin: 0;
215
- text-decoration: none;
216
- color: #000;
217
- border: 1px solid #54595f;
218
- padding: 0;
219
- line-height: 1;
220
- font-size: 1em;
221
- font-weight: 400;
222
- padding: 0.75em;
223
- display: block;
224
- min-width: 2.5em;
225
- -webkit-transition: all 0.3s ease-in-out;
226
- transition: all 0.3s ease-in-out; }
227
- .premium-woo-products-pagination ul.page-numbers li .page-numbers:hover, .premium-woo-products-pagination ul.page-numbers li .page-numbers.current {
228
- background-color: #54595f;
229
- color: #fff;
230
- outline: none; }
231
-
232
- .premium-woocommerce .premium-loading-feed,
233
- .premium-woo-quick-view-loader .premium-loading-feed {
234
- display: block;
235
- position: absolute;
236
- width: 100%;
237
- height: 100%;
238
- top: 0px;
239
- left: 0px;
240
- bottom: 0px;
241
- right: 0px;
242
- background: rgba(255, 255, 255, 0.2);
243
- -js-display: flex;
244
- display: -webkit-box;
245
- display: -webkit-flex;
246
- display: -moz-box;
247
- display: -ms-flexbox;
248
- display: flex;
249
- -webkit-box-align: center;
250
- -webkit-align-items: center;
251
- -moz-box-align: center;
252
- -ms-flex-align: center;
253
- align-items: center; }
254
-
255
  /**
256
  * Image Hover Effects
257
- */
258
- .premium-woocommerce .woocommerce-loop-product__link img {
259
- -webkit-transition: all 0.3s ease-in-out;
260
- transition: all 0.3s ease-in-out; }
261
-
262
- .premium-woo-product__hover-zoomout .woocommerce-loop-product__link img {
263
- -webkit-transform: scale(1.2);
264
- -ms-transform: scale(1.2);
265
- transform: scale(1.2); }
266
-
267
- .premium-woo-product__hover-zoomout li.product:hover .woocommerce-loop-product__link img {
268
- -webkit-transform: none;
269
- -ms-transform: none;
270
- transform: none; }
271
-
272
- .premium-woo-product__hover-zoomin .woocommerce-loop-product__link img {
273
- -webkit-transform: none;
274
- -ms-transform: none;
275
- transform: none; }
276
-
277
- .premium-woo-product__hover-zoomin li.product:hover .woocommerce-loop-product__link img {
278
- -webkit-transform: scale(1.2);
279
- -ms-transform: scale(1.2);
280
- transform: scale(1.2); }
281
-
282
- .premium-woo-product__hover-gray .woocommerce-loop-product__link img {
283
- -webkit-filter: grayscale(100%);
284
- filter: grayscale(100%); }
285
-
286
- .premium-woo-product__hover-gray li.product:hover .woocommerce-loop-product__link img {
287
- -webkit-filter: grayscale(0%);
288
- filter: grayscale(0%); }
289
-
290
- .premium-woo-product__hover-sepia .woocommerce-loop-product__link img {
291
- -webkit-filter: sepia(30%);
292
- filter: sepia(30%); }
293
-
294
- .premium-woo-product__hover-sepia li.product:hover .woocommerce-loop-product__link img {
295
- -webkit-filter: sepia(0%);
296
- filter: sepia(0%); }
297
-
298
- .premium-woo-product__hover-bright .woocommerce-loop-product__link img {
299
- -webkit-filter: brightness(1);
300
- filter: brightness(1); }
301
-
302
- .premium-woo-product__hover-bright li.product:hover .woocommerce-loop-product__link img {
303
- -webkit-filter: brightness(1.2);
304
- filter: brightness(1.2); }
305
-
306
- .premium-woo-product__hover-trans .woocommerce-loop-product__link img {
307
- -webkit-transform: translateX(-15px) scale(1.1);
308
- -ms-transform: translateX(-15px) scale(1.1);
309
- transform: translateX(-15px) scale(1.1); }
310
-
311
- .premium-woo-product__hover-trans li.product:hover .woocommerce-loop-product__link img {
312
- -webkit-transform: translateX(0px) scale(1.1);
313
- -ms-transform: translateX(0px) scale(1.1);
314
- transform: translateX(0px) scale(1.1); }
315
-
316
- .premium-woo-product__hover-scale li.product:hover .woocommerce-loop-product__link img {
317
- -webkit-transform: scaleX(1.3) scaleY(1.3) rotate(5deg);
318
- -ms-transform: scaleX(1.3) scaleY(1.3) rotate(5deg);
319
- transform: scaleX(1.3) scaleY(1.3) rotate(5deg); }
320
-
321
- .premium-woocommerce .premium-woo-product__on_hover {
322
- position: absolute;
323
- top: 0;
324
- right: 0;
325
- bottom: 0;
326
- left: 0;
327
- height: 100%;
328
- opacity: 0; }
329
-
330
- .premium-woo-product__hover-swap li.product:hover .premium-woo-product__on_hover {
331
- opacity: 1; }
332
-
333
- .premium-woo-skin-grid-1 .premium-woo-qv-btn,
334
- .premium-woo-skin-grid-3 .premium-woo-qv-btn,
335
- .premium-woo-skin-grid-4 .premium-woo-qv-btn {
336
- position: absolute;
337
- bottom: 0;
338
- left: 0;
339
- width: 100%;
340
- text-align: center;
341
- padding: 5px;
342
- background: rgba(2, 2, 2, 0.5);
343
- color: #fff;
344
- -webkit-transition: all 0.3s ease-in-out;
345
- transition: all 0.3s ease-in-out;
346
- z-index: 2;
347
- -webkit-transform: translateY(100%);
348
- -ms-transform: translateY(100%);
349
- transform: translateY(100%); }
350
-
351
- .premium-woo-skin-grid-4 .premium-woo-qv-btn {
352
- -webkit-transition-delay: 0.1s;
353
- transition-delay: 0.1s; }
354
-
355
- .premium-woo-skin-grid-1 .premium-woo-qv-icon,
356
- .premium-woo-skin-grid-3 .premium-woo-qv-icon,
357
- .premium-woo-skin-grid-4 .premium-woo-qv-icon,
358
- .premium-woo-skin-grid-6 .premium-woo-qv-icon {
359
- margin-left: 0.5em; }
360
-
361
- .premium-woo-product-thumbnail:hover .premium-woo-qv-btn-translate {
362
- -webkit-transform: translateY(0);
363
- -ms-transform: translateY(0);
364
- transform: translateY(0); }
365
-
366
- .premium-woo-product-wrapper .premium-woo-qv-data {
367
- position: absolute;
368
- top: 0;
369
- left: 0;
370
- width: 100%;
371
- height: 100%;
372
- z-index: 1;
373
- overflow: hidden;
374
- cursor: pointer; }
375
-
376
  /**
377
  * Skin 1,4
378
- */
379
- .premium-woo-skin-grid-1 .premium-woo-product-actions-wrapper,
380
- .premium-woo-skin-grid-4 .premium-woo-product-actions-wrapper {
381
- position: absolute;
382
- top: 0.7em;
383
- right: 1em;
384
- -webkit-transform: translate3d(15px, 0, 0);
385
- transform: translate3d(15px, 0, 0);
386
- -webkit-transition: all 0.3s ease-in-out;
387
- transition: all 0.3s ease-in-out;
388
- opacity: 0;
389
- z-index: 9; }
390
-
391
- .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-cart-btn {
392
- position: relative;
393
- display: block;
394
- margin: 0 0 3px;
395
- background: #fff;
396
- text-align: center;
397
- outline: 0;
398
- -webkit-transition: all 0.3s ease-in-out;
399
- transition: all 0.3s ease-in-out; }
400
-
401
- .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-add-cart-icon {
402
- display: block;
403
- color: #54595f;
404
- width: 30px;
405
- line-height: 30px;
406
- height: 30px;
407
- cursor: pointer;
408
- -webkit-transition: all 0.3s ease-in-out;
409
- transition: all 0.3s ease-in-out; }
410
-
411
- .premium-woo-skin-grid-1 li.product:hover .premium-woo-product-actions-wrapper,
412
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-actions-wrapper {
413
- -webkit-transform: translate3d(5px, 0, 0);
414
- transform: translate3d(5px, 0, 0);
415
- opacity: 1; }
416
-
417
- .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon {
418
- -webkit-animation: spin 2s linear infinite;
419
- animation: spin 2s linear infinite; }
420
-
421
- .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon::before {
422
- content: "\f013"; }
423
-
424
- .premium-woocommerce .premium-woo-cart-btn.added .premium-woo-add-cart-icon::before {
425
- content: "\f00c"; }
426
-
427
  /**
428
  * Skin 2
429
- */
430
- .premium-woo-skin-grid-2 li.product .premium-woo-products-details-wrap {
431
- position: absolute;
432
- background: #fff;
433
- bottom: 0;
434
- left: 0;
435
- width: 100%;
436
- z-index: 2;
437
- padding: 0;
438
- opacity: 0;
439
- -webkit-transition: opacity 0.2s, -webkit-transform 0.4s;
440
- transition: opacity 0.2s, -webkit-transform 0.4s;
441
- transition: transform 0.4s, opacity 0.2s;
442
- transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s;
443
- -webkit-transform: translateZ(0) translateY(5px);
444
- transform: translateZ(0) translateY(5px); }
445
-
446
- .premium-woo-skin-grid-2 .premium-woo-product-details {
447
- padding: 15px 0; }
448
-
449
- .premium-woo-skin-grid-2 li.product:hover .premium-woo-products-details-wrap {
450
- opacity: 1;
451
- -webkit-transform: translateZ(0) translateY(0);
452
- transform: translateZ(0) translateY(0); }
453
-
454
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper {
455
- position: static;
456
- -js-display: flex;
457
- display: -webkit-box;
458
- display: -webkit-flex;
459
- display: -moz-box;
460
- display: -ms-flexbox;
461
- display: flex;
462
- -webkit-box-orient: horizontal;
463
- -webkit-box-direction: reverse;
464
- -webkit-flex-direction: row-reverse;
465
- -moz-box-orient: horizontal;
466
- -moz-box-direction: reverse;
467
- -ms-flex-direction: row-reverse;
468
- flex-direction: row-reverse; }
469
-
470
- .premium-woo-skin-grid-2 .premium-woo-product-actions-wrapper > * {
471
- -webkit-box-flex: 1;
472
- -webkit-flex: 1;
473
- -moz-box-flex: 1;
474
- -ms-flex: 1;
475
- flex: 1;
476
- min-width: 50%; }
477
-
478
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .button {
479
- -js-display: flex;
480
- display: -webkit-box;
481
- display: -webkit-flex;
482
- display: -moz-box;
483
- display: -ms-flexbox;
484
- display: flex;
485
- margin: 0;
486
- text-align: center;
487
- -webkit-box-pack: center;
488
- -webkit-justify-content: center;
489
- -moz-box-pack: center;
490
- -ms-flex-pack: center;
491
- justify-content: center;
492
- -webkit-box-align: center;
493
- -webkit-align-items: center;
494
- -moz-box-align: center;
495
- -ms-flex-align: center;
496
- align-items: center; }
497
-
498
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
499
- background-color: #54595f; }
500
-
501
  /**
502
  * Skin 4
503
- */
504
- .premium-woo-skin-grid-4 li.product .premium-woo-products-details-wrap {
505
- position: absolute;
506
- left: 0;
507
- right: 0;
508
- top: 50%;
509
- -webkit-transform: scale(0.9) translateZ(0) translateY(-50%);
510
- transform: scale(0.9) translateZ(0) translateY(-50%);
511
- text-align: center;
512
- z-index: 2;
513
- opacity: 0;
514
- -webkit-transition: opacity 0.5s, -webkit-transform 0.3s;
515
- transition: opacity 0.5s, -webkit-transform 0.3s;
516
- transition: opacity 0.5s, transform 0.3s;
517
- transition: opacity 0.5s, transform 0.3s, -webkit-transform 0.3s; }
518
-
519
- .premium-woo-skin-grid-4 li.product .premium-woo-product-overlay,
520
- .premium-woo-skin-grid-8 li.product .premium-woo-product-overlay {
521
- position: absolute;
522
- top: 0;
523
- left: 0;
524
- width: 100%;
525
- height: 100%;
526
- opacity: 0;
527
- visibility: hidden;
528
- background-color: rgba(27, 27, 23, 0.3);
529
- -webkit-transition: all 0.25s ease-in-out;
530
- transition: all 0.25s ease-in-out; }
531
-
532
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-overlay,
533
- .premium-woo-skin-grid-8 li.product:hover .premium-woo-product-overlay {
534
- opacity: 1;
535
- visibility: visible;
536
- z-index: 1; }
537
-
538
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-products-details-wrap {
539
- -webkit-transform: scale(1) translateZ(0) translateY(-50%);
540
- transform: scale(1) translateZ(0) translateY(-50%);
541
- opacity: 1; }
542
-
543
  /**
544
  * Skin 5
545
- */
546
- .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper {
547
- -js-display: flex;
548
- display: -webkit-box;
549
- display: -webkit-flex;
550
- display: -moz-box;
551
- display: -ms-flexbox;
552
- display: flex; }
553
- .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
554
- -js-display: flex;
555
- display: -webkit-box;
556
- display: -webkit-flex;
557
- display: -moz-box;
558
- display: -ms-flexbox;
559
- display: flex;
560
- -webkit-box-align: center;
561
- -webkit-align-items: center;
562
- -moz-box-align: center;
563
- -ms-flex-align: center;
564
- align-items: center;
565
- background-color: #54595f;
566
- padding: 10px;
567
- -webkit-transition: all 0.25s ease 0s;
568
- transition: all 0.25s ease 0s; }
569
-
570
- .premium-woo-skin-grid-5 li.product .premium-woo-products-details-wrap {
571
- width: 75%; }
572
-
573
- .premium-woo-skin-grid-5 .premium-woo-product-wrapper {
574
- -js-display: flex;
575
- display: -webkit-box;
576
- display: -webkit-flex;
577
- display: -moz-box;
578
- display: -ms-flexbox;
579
- display: flex;
580
- -webkit-box-align: center;
581
- -webkit-align-items: center;
582
- -moz-box-align: center;
583
- -ms-flex-align: center;
584
- align-items: center; }
585
-
586
- .premium-woo-product-align-right .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
587
- -webkit-box-pack: end;
588
- -webkit-justify-content: flex-end;
589
- -moz-box-pack: end;
590
- -ms-flex-pack: end;
591
- justify-content: flex-end; }
592
-
593
- .premium-woo-product-align-center .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
594
- -webkit-box-pack: center;
595
- -webkit-justify-content: center;
596
- -moz-box-pack: center;
597
- -ms-flex-pack: center;
598
- justify-content: center; }
599
-
600
  /**
601
  * Skin 6
602
- */
603
- .premium-woo-skin-grid-6 .premium-woo-qv-btn {
604
- position: absolute;
605
- top: 50%;
606
- left: 50%;
607
- min-width: 40%;
608
- text-align: center;
609
- padding: 5px;
610
- background: rgba(2, 2, 2, 0.5);
611
- color: #fff;
612
- -webkit-transform: translate(-50%, -50%);
613
- -ms-transform: translate(-50%, -50%);
614
- transform: translate(-50%, -50%);
615
- opacity: 0;
616
- visibility: hidden;
617
- -webkit-transition: all 0.3s ease-in-out;
618
- transition: all 0.3s ease-in-out;
619
- cursor: pointer;
620
- z-index: 2; }
621
-
622
- .premium-woo-skin-grid-6 li.product:hover .premium-woo-qv-btn {
623
- opacity: 1;
624
- visibility: visible; }
625
-
626
- .premium-woo-product-align-right .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
627
- .premium-woo-product-align-left .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
628
- .premium-woo-product-align-right .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating,
629
- .premium-woo-product-align-left .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating {
630
- margin: 0; }
631
-
632
- .premium-woo-skin-grid-6 li.product .premium-woo-product-info {
633
- -js-display: flex;
634
- display: -webkit-box;
635
- display: -webkit-flex;
636
- display: -moz-box;
637
- display: -ms-flexbox;
638
- display: flex;
639
- -webkit-box-pack: justify;
640
- -webkit-justify-content: space-between;
641
- -moz-box-pack: justify;
642
- -ms-flex-pack: justify;
643
- justify-content: space-between; }
644
-
645
- .premium-woo-product-align-center .premium-woocommerce li.product .premium-woo-product-info {
646
- -webkit-box-orient: vertical;
647
- -webkit-box-direction: normal;
648
- -webkit-flex-direction: column;
649
- -moz-box-orient: vertical;
650
- -moz-box-direction: normal;
651
- -ms-flex-direction: column;
652
- flex-direction: column; }
653
-
654
- .premium-woo-product-align-right .premium-woocommerce li.product .premium-woo-product-info {
655
- -webkit-box-orient: horizontal;
656
- -webkit-box-direction: reverse;
657
- -webkit-flex-direction: row-reverse;
658
- -moz-box-orient: horizontal;
659
- -moz-box-direction: reverse;
660
- -ms-flex-direction: row-reverse;
661
- flex-direction: row-reverse; }
662
-
663
- .premium-woo-skin-grid-6 li.product .premium-woo-product-gallery-images {
664
- -js-display: flex;
665
- display: -webkit-box;
666
- display: -webkit-flex;
667
- display: -moz-box;
668
- display: -ms-flexbox;
669
- display: flex;
670
- position: absolute;
671
- bottom: 10px;
672
- width: 100%;
673
- -webkit-box-pack: center;
674
- -webkit-justify-content: center;
675
- -moz-box-pack: center;
676
- -ms-flex-pack: center;
677
- justify-content: center; }
678
-
679
- .premium-woo-product-gallery-images .premium-woo-product__gallery_image {
680
- width: 20%;
681
- margin: 0 0.2em;
682
- border: 2px solid #aaa;
683
- cursor: pointer; }
684
-
685
  /**
686
  * Metro
687
- */
688
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail img,
689
- .premium-woo-products-metro li.product .premium-woo-product-wrapper,
690
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail,
691
- .premium-woo-products-metro li.product .woocommerce-LoopProduct-link {
692
- height: 100%; }
693
-
694
- .premium-woo-products-metro ul.products li.product {
695
- margin-bottom: 0; }
696
-
697
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail img {
698
- -o-object-fit: cover;
699
- object-fit: cover; }
700
-
701
  /*
702
  * Carousel
703
- */
704
- .premium-carousel-hidden {
705
- opacity: 0;
706
- visibility: hidden; }
707
-
708
- .premium-woocommerce:not(.premium-woo-skin-grid-7) .slick-arrow {
709
- -webkit-border-radius: 50%;
710
- border-radius: 50%; }
711
-
712
- .premium-woocommerce ul.slick-dots {
713
- width: 100%; }
714
-
715
  /*
716
  * Quick View Html/body
717
- */
718
- html.premium-woo-qv-opened,
719
- html.premium-woo-qv-opened body {
720
- overflow: hidden; }
721
-
722
  /**
723
  * Quick View Modal
724
- */
725
- .premium-woo-quick-view-back {
726
- position: fixed;
727
- visibility: hidden;
728
- overflow: hidden;
729
- background: rgba(2, 2, 2, 0.5);
730
- opacity: 0;
731
- -webkit-transition: opacity 0.25s;
732
- transition: opacity 0.25s;
733
- z-index: 999; }
734
-
735
- .premium-woo-quick-view-active {
736
- top: 0;
737
- left: 0;
738
- width: 100%;
739
- height: 100%;
740
- opacity: 1;
741
- visibility: visible; }
742
-
743
- #premium-woo-quick-view-modal {
744
- position: fixed;
745
- visibility: hidden;
746
- opacity: 0;
747
- top: 0;
748
- left: 0;
749
- width: 100%;
750
- height: 100%;
751
- z-index: 1400;
752
- text-align: center;
753
- -webkit-transition: all 0.3s;
754
- transition: all 0.3s;
755
- overflow-x: hidden;
756
- overflow-y: auto; }
757
- #premium-woo-quick-view-modal.active {
758
- visibility: visible;
759
- opacity: 1; }
760
- #premium-woo-quick-view-modal.active .premium-woo-content-main {
761
- -webkit-transform: translateY(0);
762
- -ms-transform: translateY(0);
763
- transform: translateY(0);
764
- opacity: 1;
765
- width: 100%; }
766
- #premium-woo-quick-view-modal .premium-woo-content-main-wrapper {
767
- position: absolute;
768
- width: 100%;
769
- height: 100%;
770
- top: 0;
771
- left: 0;
772
- text-align: center;
773
- padding: 30px;
774
- -js-display: flex;
775
- display: -webkit-box;
776
- display: -webkit-flex;
777
- display: -moz-box;
778
- display: -ms-flexbox;
779
- display: flex;
780
- -webkit-box-align: center;
781
- -webkit-align-items: center;
782
- -moz-box-align: center;
783
- -ms-flex-align: center;
784
- align-items: center; }
785
- #premium-woo-quick-view-modal .premium-woo-content-main {
786
- position: relative;
787
- pointer-events: none;
788
- max-width: 100%;
789
- text-align: left;
790
- z-index: 1045;
791
- -webkit-transform: translateY(-30px);
792
- -ms-transform: translateY(-30px);
793
- transform: translateY(-30px);
794
- opacity: 0;
795
- -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
796
- transition: opacity 0.3s, -webkit-transform 0.5s;
797
- transition: transform 0.5s, opacity 0.3s;
798
- transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
799
- margin: 0 auto; }
800
- #premium-woo-quick-view-modal .premium-woo-lightbox-content {
801
- position: relative;
802
- display: table;
803
- pointer-events: auto;
804
- background-color: #fff;
805
- max-width: 975px;
806
- margin: 20px auto;
807
- -webkit-transform: translateZ(0);
808
- transform: translateZ(0);
809
- -webkit-box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
810
- box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
811
- overflow: hidden; }
812
- #premium-woo-quick-view-modal .summary {
813
- width: 50%;
814
- margin: 0;
815
- padding: 30px;
816
- float: left;
817
- -webkit-box-sizing: border-box;
818
- -moz-box-sizing: border-box;
819
- box-sizing: border-box; }
820
- #premium-woo-quick-view-modal .summary .quantity {
821
- min-width: auto; }
822
- #premium-woo-quick-view-modal .summary .quantity input.qty {
823
- width: 54px;
824
- -webkit-appearance: button;
825
- -moz-appearance: button;
826
- appearance: button; }
827
- #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-inner-spin-button,
828
- #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-outer-spin-button {
829
- display: unset; }
830
- #premium-woo-quick-view-modal .woocommerce-product-details__short-description p {
831
- margin: 0; }
832
-
833
- #premium-woo-quick-view-close {
834
- position: absolute;
835
- font-size: 22px;
836
- top: 10px;
837
- right: 10px;
838
- width: 22px;
839
- height: 22px;
840
- line-height: 22px;
841
- opacity: 0.7;
842
- text-align: center;
843
- z-index: 2;
844
- color: #000; }
845
-
846
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider {
847
- position: relative; }
848
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider li {
849
- list-style: none; }
850
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav {
851
- margin: 0;
852
- padding: 0;
853
- width: 100%;
854
- position: absolute;
855
- bottom: 10px;
856
- text-align: center; }
857
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li {
858
- margin: 0 6px;
859
- display: inline-block;
860
- vertical-align: middle; }
861
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a {
862
- width: 11px;
863
- height: 11px;
864
- display: block;
865
- background: #666;
866
- background: rgba(0, 0, 0, 0.5);
867
- cursor: pointer;
868
- text-indent: -9999px;
869
- -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
870
- box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
871
- -webkit-border-radius: 20px;
872
- border-radius: 20px; }
873
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a.flex-active {
874
- background: rgba(0, 0, 0, 0.9);
875
- cursor: default; }
876
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a:focus {
877
- outline: none; }
878
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider img {
879
- -o-object-fit: cover;
880
- object-fit: cover;
881
- width: 100%; }
882
-
883
- #premium-woo-quick-view-content div.images {
884
- width: 50%;
885
- float: left;
886
- opacity: 1 !important;
887
- margin: 0; }
888
-
889
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav {
890
- margin: 0;
891
- padding: 0;
892
- list-style: none; }
893
-
894
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav a {
895
- text-decoration: none;
896
- display: block;
897
- width: 14px;
898
- height: 32px;
899
- font-size: 32px;
900
- line-height: 32px;
901
- margin: -20px 0 0;
902
- position: absolute;
903
- top: 50%;
904
- z-index: 10;
905
- overflow: hidden;
906
- cursor: pointer;
907
- color: rgba(0, 0, 0, 0.8);
908
- text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
909
- -webkit-transition: all 0.3s ease-in-out;
910
- transition: all 0.3s ease-in-out; }
911
-
912
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next,
913
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
914
- display: inline-block;
915
- font-family: "Font Awesome 5 Free";
916
- font-weight: 900;
917
- text-rendering: auto;
918
- -webkit-font-smoothing: antialiased;
919
- -moz-osx-font-smoothing: grayscale; }
920
-
921
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
922
- left: 10px; }
923
-
924
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next {
925
- right: 10px; }
926
-
927
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev::before {
928
- content: "\f104"; }
929
-
930
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next::before {
931
- content: "\f105"; }
932
-
933
- .premium-woocommerce li.product .added_to_cart.wc-forward {
934
- display: none; }
935
-
936
- .premium-woo-atc-button .add_to_cart_button .premium-woo-cart-loader {
937
- -webkit-animation: spin 2s linear infinite;
938
- animation: spin 2s linear infinite;
939
- margin-left: 5px;
940
- vertical-align: baseline; }
941
-
942
  /*
943
  * Load More Button
944
- */
945
- .premium-woo-load-more {
946
- position: relative; }
947
- .premium-woo-load-more .premium-woo-load-more-btn {
948
- -webkit-box-shadow: none;
949
- box-shadow: none;
950
- text-shadow: none;
951
- border: none;
952
- outline: none;
953
- -webkit-box-align: center;
954
- -webkit-align-items: center;
955
- -moz-box-align: center;
956
- -ms-flex-align: center;
957
- align-items: center;
958
- vertical-align: bottom;
959
- cursor: pointer;
960
- line-height: 1;
961
- font-style: normal;
962
- font-weight: normal;
963
- background-image: none;
964
- color: #fff;
965
- -webkit-transition: all 0.3s ease-in-out;
966
- transition: all 0.3s ease-in-out;
967
- padding: 10px 20px; }
968
-
969
- .premium-woo-load-more-btn {
970
- -js-display: inline-flex;
971
- display: -webkit-inline-box;
972
- display: -webkit-inline-flex;
973
- display: -moz-inline-box;
974
- display: -ms-inline-flexbox;
975
- display: inline-flex;
976
- -webkit-box-align: center;
977
- -webkit-align-items: center;
978
- -moz-box-align: center;
979
- -ms-flex-align: center;
980
- align-items: center; }
981
-
982
- .premium-woo-load-more-btn span {
983
- margin-right: 3px; }
984
-
985
- .premium-woo-load-more-btn .premium-loader {
986
- display: inline-block;
987
- width: 20px;
988
- height: 20px; }
989
-
990
- .premium-woo-title-above-yes .premium-woo-product__link {
991
- opacity: 0; }
992
-
993
- @media (min-width: 545px) {
994
- #premium-woo-quick-view-content div.summary {
995
- content: "544";
996
- overflow-y: auto; } }
997
-
998
- @media (max-width: 544px) {
999
- #premium-woo-quick-view-content .premium-woo-lightbox-content {
1000
- display: block; }
1001
- #premium-woo-quick-view-content div.images,
1002
- #premium-woo-quick-view-content div.summary {
1003
- width: 100%;
1004
- float: none; } }
1
+ /********** Premium Woo Products **********/
2
+ /******************************************/
3
+ .ast-single-post .entry-content .premium-woocommerce a {
4
+ text-decoration: none; }
5
+
6
+ .premium-woocommerce .premium-woo-qv-btn {
7
+ cursor: pointer; }
8
+
9
+ .premium-woocommerce:not(.premium-woo-skin-grid-7) li.product .star-rating {
10
+ margin: 0 auto 0.5em; }
11
+
12
+ .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-sale-wrap .premium-woo-product-onsale,
13
+ .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-featured-wrap .premium-woo-product-featured {
14
+ display: block;
15
+ text-align: center;
16
+ color: #fff;
17
+ min-width: 2em;
18
+ min-height: 2em;
19
+ line-height: 2em;
20
+ padding: 0.3em 0.6em;
21
+ margin: 0.5em 0.6em; }
22
+
23
+ .premium-woocommerce .pa-out-of-stock {
24
+ display: block;
25
+ text-align: center;
26
+ color: #fff;
27
+ min-width: 2em;
28
+ min-height: 2em;
29
+ line-height: 2em;
30
+ padding: 0.3em 0.6em;
31
+ margin: 0.5em 0.6em; }
32
+
33
+ .premium-woocommerce .woocommerce-loop-product__title {
34
+ margin-bottom: 0.5em;
35
+ font-size: 1em;
36
+ -webkit-transition: all 0.3s ease-in-out;
37
+ transition: all 0.3s ease-in-out; }
38
+
39
+ .premium-woocommerce .premium-woo-product-category {
40
+ display: block;
41
+ font-size: 0.85em;
42
+ margin-bottom: 0.5em;
43
+ line-height: 1.3; }
44
+
45
+ .premium-woocommerce .star-rating {
46
+ display: block;
47
+ float: none;
48
+ -webkit-backface-visibility: hidden;
49
+ backface-visibility: hidden;
50
+ overflow: hidden;
51
+ position: relative;
52
+ height: 1em;
53
+ line-height: 1;
54
+ font-size: 0.857em;
55
+ width: 5.4em;
56
+ font-family: "star"; }
57
+ .premium-woocommerce .star-rating::before {
58
+ content: "\73\73\73\73\73";
59
+ color: #54595f;
60
+ float: left;
61
+ top: 0;
62
+ left: 0;
63
+ position: absolute; }
64
+ .premium-woocommerce .star-rating span {
65
+ overflow: hidden;
66
+ float: left;
67
+ top: 0;
68
+ left: 0;
69
+ position: absolute;
70
+ padding-top: 1.5em; }
71
+ .premium-woocommerce .star-rating span::before {
72
+ content: "\53\53\53\53\53";
73
+ color: inherit;
74
+ top: 0;
75
+ position: absolute;
76
+ left: 0; }
77
+
78
+ .premium-woocommerce .premium-woo-products-inner ul.products {
79
+ -js-display: flex;
80
+ display: -webkit-box;
81
+ display: -webkit-flex;
82
+ display: -moz-box;
83
+ display: -ms-flexbox;
84
+ display: flex;
85
+ margin: 0;
86
+ padding: 0;
87
+ -webkit-flex-wrap: wrap;
88
+ -ms-flex-wrap: wrap;
89
+ flex-wrap: wrap;
90
+ list-style: none outside;
91
+ -webkit-column-gap: 0;
92
+ -moz-column-gap: 0;
93
+ column-gap: 0; }
94
+ .premium-woocommerce .premium-woo-products-inner ul.products li.product {
95
+ margin: 0 0 10px;
96
+ padding: 0 10px; }
97
+ .premium-woocommerce .premium-woo-products-inner ul.products li.product .premium-woo-product-wrapper {
98
+ overflow: hidden;
99
+ -webkit-transition: all 0.3s ease-in-out;
100
+ transition: all 0.3s ease-in-out; }
101
+
102
+ .premium-woocommerce .woocommerce-loop-product__link {
103
+ position: relative;
104
+ display: block !important;
105
+ overflow: hidden;
106
+ -webkit-transition: all 0.3s ease-in-out;
107
+ transition: all 0.3s ease-in-out; }
108
+
109
+ .premium-woocommerce .premium-woo-ribbon-container,
110
+ .premium-woocommerce .pa-out-of-stock {
111
+ position: absolute;
112
+ z-index: 9; }
113
+
114
+ .premium-woocommerce .premium-woo-ribbon-container {
115
+ top: 0;
116
+ left: 0; }
117
+
118
+ .premium-woocommerce .pa-out-of-stock {
119
+ top: 7px;
120
+ left: 9px;
121
+ margin: 0; }
122
+
123
+ .premium-woo-product-thumbnail {
124
+ position: relative;
125
+ overflow: hidden; }
126
+ .premium-woo-product-thumbnail .woocommerce-loop-product__link img {
127
+ margin: 0;
128
+ width: 100%; }
129
+
130
+ .premium-woo-product-sale-wrap,
131
+ .premium-woo-product-featured-wrap {
132
+ margin: 0; }
133
+
134
+ .premium-woocommerce .premium-woo-products-details-wrap {
135
+ padding: 1em 1.2em; }
136
+ .premium-woocommerce .premium-woo-products-details-wrap .button {
137
+ display: inline-block;
138
+ background-color: #6ec1e4;
139
+ color: #fff;
140
+ margin: 0.5em 0;
141
+ line-height: 1.3;
142
+ padding: 10px 40px;
143
+ font-size: 100%;
144
+ cursor: pointer;
145
+ text-decoration: none;
146
+ overflow: visible;
147
+ font-weight: 700;
148
+ background-image: none;
149
+ border: none;
150
+ -webkit-border-radius: 0px;
151
+ border-radius: 0px;
152
+ -webkit-box-shadow: none;
153
+ box-shadow: none;
154
+ text-shadow: none;
155
+ -webkit-transition: all 0.3s ease-in-out;
156
+ transition: all 0.3s ease-in-out; }
157
+
158
+ .premium-woocommerce li.product .price {
159
+ display: block;
160
+ line-height: 1.3;
161
+ font-weight: 700;
162
+ margin-bottom: 0.5em;
163
+ font-size: 0.9em; }
164
+ .premium-woocommerce li.product .price del {
165
+ display: inline-block;
166
+ font-weight: 400;
167
+ background: transparent;
168
+ opacity: 1; }
169
+ .premium-woocommerce li.product .price ins {
170
+ display: inline-block;
171
+ background: transparent;
172
+ text-decoration: none;
173
+ font-weight: inherit; }
174
+ .premium-woocommerce li.product .price .amount {
175
+ color: inherit !important; }
176
+
177
+ .premium-woocommerce li.product .premium-woo-product-desc p {
178
+ margin: 0; }
179
+
180
+ .premium-woo-product-align-left .premium-woocommerce li.product .star-rating {
181
+ margin-left: 0;
182
+ margin-right: auto; }
183
+
184
+ .premium-woo-product-align-center .premium-woocommerce li.product .star-rating {
185
+ margin-left: auto;
186
+ margin-right: auto; }
187
+
188
+ .premium-woo-product-align-right .premium-woocommerce li.product .star-rating {
189
+ margin-left: auto;
190
+ margin-right: 0; }
191
+
192
+ .premium-woo-products-pagination ul.page-numbers {
193
+ -js-display: flex;
194
+ display: -webkit-box;
195
+ display: -webkit-flex;
196
+ display: -moz-box;
197
+ display: -ms-flexbox;
198
+ display: flex;
199
+ list-style-type: none;
200
+ margin: 0;
201
+ margin-top: 10px;
202
+ padding: 0;
203
+ border: none;
204
+ -webkit-box-pack: center;
205
+ -webkit-justify-content: center;
206
+ -moz-box-pack: center;
207
+ -ms-flex-pack: center;
208
+ justify-content: center; }
209
+ .premium-woo-products-pagination ul.page-numbers li {
210
+ margin: 0 0.4em 0.4em 0;
211
+ padding: 0;
212
+ text-align: center; }
213
+ .premium-woo-products-pagination ul.page-numbers li .page-numbers {
214
+ margin: 0;
215
+ text-decoration: none;
216
+ color: #000;
217
+ border: 1px solid #54595f;
218
+ padding: 0;
219
+ line-height: 1;
220
+ font-size: 1em;
221
+ font-weight: 400;
222
+ padding: 0.75em;
223
+ display: block;
224
+ min-width: 2.5em;
225
+ -webkit-transition: all 0.3s ease-in-out;
226
+ transition: all 0.3s ease-in-out; }
227
+ .premium-woo-products-pagination ul.page-numbers li .page-numbers:hover, .premium-woo-products-pagination ul.page-numbers li .page-numbers.current {
228
+ background-color: #54595f;
229
+ color: #fff;
230
+ outline: none; }
231
+
232
+ .premium-woocommerce .premium-loading-feed,
233
+ .premium-woo-quick-view-loader .premium-loading-feed {
234
+ display: block;
235
+ position: absolute;
236
+ width: 100%;
237
+ height: 100%;
238
+ top: 0px;
239
+ left: 0px;
240
+ bottom: 0px;
241
+ right: 0px;
242
+ background: rgba(255, 255, 255, 0.2);
243
+ -js-display: flex;
244
+ display: -webkit-box;
245
+ display: -webkit-flex;
246
+ display: -moz-box;
247
+ display: -ms-flexbox;
248
+ display: flex;
249
+ -webkit-box-align: center;
250
+ -webkit-align-items: center;
251
+ -moz-box-align: center;
252
+ -ms-flex-align: center;
253
+ align-items: center; }
254
+
255
  /**
256
  * Image Hover Effects
257
+ */
258
+ .premium-woocommerce .woocommerce-loop-product__link img {
259
+ -webkit-transition: all 0.3s ease-in-out;
260
+ transition: all 0.3s ease-in-out; }
261
+
262
+ .premium-woo-product__hover-zoomout .woocommerce-loop-product__link img {
263
+ -webkit-transform: scale(1.2);
264
+ -ms-transform: scale(1.2);
265
+ transform: scale(1.2); }
266
+
267
+ .premium-woo-product__hover-zoomout li.product:hover .woocommerce-loop-product__link img {
268
+ -webkit-transform: none;
269
+ -ms-transform: none;
270
+ transform: none; }
271
+
272
+ .premium-woo-product__hover-zoomin .woocommerce-loop-product__link img {
273
+ -webkit-transform: none;
274
+ -ms-transform: none;
275
+ transform: none; }
276
+
277
+ .premium-woo-product__hover-zoomin li.product:hover .woocommerce-loop-product__link img {
278
+ -webkit-transform: scale(1.2);
279
+ -ms-transform: scale(1.2);
280
+ transform: scale(1.2); }
281
+
282
+ .premium-woo-product__hover-gray .woocommerce-loop-product__link img {
283
+ -webkit-filter: grayscale(100%);
284
+ filter: grayscale(100%); }
285
+
286
+ .premium-woo-product__hover-gray li.product:hover .woocommerce-loop-product__link img {
287
+ -webkit-filter: grayscale(0%);
288
+ filter: grayscale(0%); }
289
+
290
+ .premium-woo-product__hover-sepia .woocommerce-loop-product__link img {
291
+ -webkit-filter: sepia(30%);
292
+ filter: sepia(30%); }
293
+
294
+ .premium-woo-product__hover-sepia li.product:hover .woocommerce-loop-product__link img {
295
+ -webkit-filter: sepia(0%);
296
+ filter: sepia(0%); }
297
+
298
+ .premium-woo-product__hover-bright .woocommerce-loop-product__link img {
299
+ -webkit-filter: brightness(1);
300
+ filter: brightness(1); }
301
+
302
+ .premium-woo-product__hover-bright li.product:hover .woocommerce-loop-product__link img {
303
+ -webkit-filter: brightness(1.2);
304
+ filter: brightness(1.2); }
305
+
306
+ .premium-woo-product__hover-trans .woocommerce-loop-product__link img {
307
+ -webkit-transform: translateX(-15px) scale(1.1);
308
+ -ms-transform: translateX(-15px) scale(1.1);
309
+ transform: translateX(-15px) scale(1.1); }
310
+
311
+ .premium-woo-product__hover-trans li.product:hover .woocommerce-loop-product__link img {
312
+ -webkit-transform: translateX(0px) scale(1.1);
313
+ -ms-transform: translateX(0px) scale(1.1);
314
+ transform: translateX(0px) scale(1.1); }
315
+
316
+ .premium-woo-product__hover-scale li.product:hover .woocommerce-loop-product__link img {
317
+ -webkit-transform: scaleX(1.3) scaleY(1.3) rotate(5deg);
318
+ -ms-transform: scaleX(1.3) scaleY(1.3) rotate(5deg);
319
+ transform: scaleX(1.3) scaleY(1.3) rotate(5deg); }
320
+
321
+ .premium-woocommerce .premium-woo-product__on_hover {
322
+ position: absolute;
323
+ top: 0;
324
+ right: 0;
325
+ bottom: 0;
326
+ left: 0;
327
+ height: 100%;
328
+ opacity: 0; }
329
+
330
+ .premium-woo-product__hover-swap li.product:hover .premium-woo-product__on_hover {
331
+ opacity: 1; }
332
+
333
+ .premium-woo-skin-grid-1 .premium-woo-qv-btn,
334
+ .premium-woo-skin-grid-3 .premium-woo-qv-btn,
335
+ .premium-woo-skin-grid-4 .premium-woo-qv-btn {
336
+ position: absolute;
337
+ bottom: 0;
338
+ left: 0;
339
+ width: 100%;
340
+ text-align: center;
341
+ padding: 5px;
342
+ background: rgba(2, 2, 2, 0.5);
343
+ color: #fff;
344
+ -webkit-transition: all 0.3s ease-in-out;
345
+ transition: all 0.3s ease-in-out;
346
+ z-index: 2;
347
+ -webkit-transform: translateY(100%);
348
+ -ms-transform: translateY(100%);
349
+ transform: translateY(100%); }
350
+
351
+ .premium-woo-skin-grid-4 .premium-woo-qv-btn {
352
+ -webkit-transition-delay: 0.1s;
353
+ transition-delay: 0.1s; }
354
+
355
+ .premium-woo-skin-grid-1 .premium-woo-qv-icon,
356
+ .premium-woo-skin-grid-3 .premium-woo-qv-icon,
357
+ .premium-woo-skin-grid-4 .premium-woo-qv-icon,
358
+ .premium-woo-skin-grid-6 .premium-woo-qv-icon {
359
+ margin-left: 0.5em; }
360
+
361
+ .premium-woo-product-thumbnail:hover .premium-woo-qv-btn-translate {
362
+ -webkit-transform: translateY(0);
363
+ -ms-transform: translateY(0);
364
+ transform: translateY(0); }
365
+
366
+ .premium-woo-product-wrapper .premium-woo-qv-data {
367
+ position: absolute;
368
+ top: 0;
369
+ left: 0;
370
+ width: 100%;
371
+ height: 100%;
372
+ z-index: 1;
373
+ overflow: hidden;
374
+ cursor: pointer; }
375
+
376
  /**
377
  * Skin 1,4
378
+ */
379
+ .premium-woo-skin-grid-1 .premium-woo-product-actions-wrapper,
380
+ .premium-woo-skin-grid-4 .premium-woo-product-actions-wrapper {
381
+ position: absolute;
382
+ top: 0.7em;
383
+ right: 1em;
384
+ -webkit-transform: translate3d(15px, 0, 0);
385
+ transform: translate3d(15px, 0, 0);
386
+ -webkit-transition: all 0.3s ease-in-out;
387
+ transition: all 0.3s ease-in-out;
388
+ opacity: 0;
389
+ z-index: 9; }
390
+
391
+ .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-cart-btn {
392
+ position: relative;
393
+ display: block;
394
+ margin: 0 0 3px;
395
+ background: #fff;
396
+ text-align: center;
397
+ outline: 0;
398
+ -webkit-transition: all 0.3s ease-in-out;
399
+ transition: all 0.3s ease-in-out; }
400
+
401
+ .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-add-cart-icon {
402
+ display: block;
403
+ color: #54595f;
404
+ width: 30px;
405
+ line-height: 30px;
406
+ height: 30px;
407
+ cursor: pointer;
408
+ -webkit-transition: all 0.3s ease-in-out;
409
+ transition: all 0.3s ease-in-out; }
410
+
411
+ .premium-woo-skin-grid-1 li.product:hover .premium-woo-product-actions-wrapper,
412
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-actions-wrapper {
413
+ -webkit-transform: translate3d(5px, 0, 0);
414
+ transform: translate3d(5px, 0, 0);
415
+ opacity: 1; }
416
+
417
+ .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon {
418
+ -webkit-animation: spin 2s linear infinite;
419
+ animation: spin 2s linear infinite; }
420
+
421
+ .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon::before {
422
+ content: "\f013"; }
423
+
424
+ .premium-woocommerce .premium-woo-cart-btn.added .premium-woo-add-cart-icon::before {
425
+ content: "\f00c"; }
426
+
427
  /**
428
  * Skin 2
429
+ */
430
+ .premium-woo-skin-grid-2 li.product .premium-woo-products-details-wrap {
431
+ position: absolute;
432
+ background: #fff;
433
+ bottom: 0;
434
+ left: 0;
435
+ width: 100%;
436
+ z-index: 2;
437
+ padding: 0;
438
+ opacity: 0;
439
+ -webkit-transition: opacity 0.2s, -webkit-transform 0.4s;
440
+ transition: opacity 0.2s, -webkit-transform 0.4s;
441
+ transition: transform 0.4s, opacity 0.2s;
442
+ transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s;
443
+ -webkit-transform: translateZ(0) translateY(5px);
444
+ transform: translateZ(0) translateY(5px); }
445
+
446
+ .premium-woo-skin-grid-2 .premium-woo-product-details {
447
+ padding: 15px 0; }
448
+
449
+ .premium-woo-skin-grid-2 li.product:hover .premium-woo-products-details-wrap {
450
+ opacity: 1;
451
+ -webkit-transform: translateZ(0) translateY(0);
452
+ transform: translateZ(0) translateY(0); }
453
+
454
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper {
455
+ position: static;
456
+ -js-display: flex;
457
+ display: -webkit-box;
458
+ display: -webkit-flex;
459
+ display: -moz-box;
460
+ display: -ms-flexbox;
461
+ display: flex;
462
+ -webkit-box-orient: horizontal;
463
+ -webkit-box-direction: reverse;
464
+ -webkit-flex-direction: row-reverse;
465
+ -moz-box-orient: horizontal;
466
+ -moz-box-direction: reverse;
467
+ -ms-flex-direction: row-reverse;
468
+ flex-direction: row-reverse; }
469
+
470
+ .premium-woo-skin-grid-2 .premium-woo-product-actions-wrapper > * {
471
+ -webkit-box-flex: 1;
472
+ -webkit-flex: 1;
473
+ -moz-box-flex: 1;
474
+ -ms-flex: 1;
475
+ flex: 1;
476
+ min-width: 50%; }
477
+
478
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .button {
479
+ -js-display: flex;
480
+ display: -webkit-box;
481
+ display: -webkit-flex;
482
+ display: -moz-box;
483
+ display: -ms-flexbox;
484
+ display: flex;
485
+ margin: 0;
486
+ text-align: center;
487
+ -webkit-box-pack: center;
488
+ -webkit-justify-content: center;
489
+ -moz-box-pack: center;
490
+ -ms-flex-pack: center;
491
+ justify-content: center;
492
+ -webkit-box-align: center;
493
+ -webkit-align-items: center;
494
+ -moz-box-align: center;
495
+ -ms-flex-align: center;
496
+ align-items: center; }
497
+
498
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
499
+ background-color: #54595f; }
500
+
501
  /**
502
  * Skin 4
503
+ */
504
+ .premium-woo-skin-grid-4 li.product .premium-woo-products-details-wrap {
505
+ position: absolute;
506
+ left: 0;
507
+ right: 0;
508
+ top: 50%;
509
+ -webkit-transform: scale(0.9) translateZ(0) translateY(-50%);
510
+ transform: scale(0.9) translateZ(0) translateY(-50%);
511
+ text-align: center;
512
+ z-index: 2;
513
+ opacity: 0;
514
+ -webkit-transition: opacity 0.5s, -webkit-transform 0.3s;
515
+ transition: opacity 0.5s, -webkit-transform 0.3s;
516
+ transition: opacity 0.5s, transform 0.3s;
517
+ transition: opacity 0.5s, transform 0.3s, -webkit-transform 0.3s; }
518
+
519
+ .premium-woo-skin-grid-4 li.product .premium-woo-product-overlay,
520
+ .premium-woo-skin-grid-8 li.product .premium-woo-product-overlay {
521
+ position: absolute;
522
+ top: 0;
523
+ left: 0;
524
+ width: 100%;
525
+ height: 100%;
526
+ opacity: 0;
527
+ visibility: hidden;
528
+ background-color: rgba(27, 27, 23, 0.3);
529
+ -webkit-transition: all 0.25s ease-in-out;
530
+ transition: all 0.25s ease-in-out; }
531
+
532
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-overlay,
533
+ .premium-woo-skin-grid-8 li.product:hover .premium-woo-product-overlay {
534
+ opacity: 1;
535
+ visibility: visible;
536
+ z-index: 1; }
537
+
538
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-products-details-wrap {
539
+ -webkit-transform: scale(1) translateZ(0) translateY(-50%);
540
+ transform: scale(1) translateZ(0) translateY(-50%);
541
+ opacity: 1; }
542
+
543
  /**
544
  * Skin 5
545
+ */
546
+ .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper {
547
+ -js-display: flex;
548
+ display: -webkit-box;
549
+ display: -webkit-flex;
550
+ display: -moz-box;
551
+ display: -ms-flexbox;
552
+ display: flex; }
553
+ .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
554
+ -js-display: flex;
555
+ display: -webkit-box;
556
+ display: -webkit-flex;
557
+ display: -moz-box;
558
+ display: -ms-flexbox;
559
+ display: flex;
560
+ -webkit-box-align: center;
561
+ -webkit-align-items: center;
562
+ -moz-box-align: center;
563
+ -ms-flex-align: center;
564
+ align-items: center;
565
+ background-color: #54595f;
566
+ padding: 10px;
567
+ -webkit-transition: all 0.25s ease 0s;
568
+ transition: all 0.25s ease 0s; }
569
+
570
+ .premium-woo-skin-grid-5 li.product .premium-woo-products-details-wrap {
571
+ width: 75%; }
572
+
573
+ .premium-woo-skin-grid-5 .premium-woo-product-wrapper {
574
+ -js-display: flex;
575
+ display: -webkit-box;
576
+ display: -webkit-flex;
577
+ display: -moz-box;
578
+ display: -ms-flexbox;
579
+ display: flex;
580
+ -webkit-box-align: center;
581
+ -webkit-align-items: center;
582
+ -moz-box-align: center;
583
+ -ms-flex-align: center;
584
+ align-items: center; }
585
+
586
+ .premium-woo-product-align-right .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
587
+ -webkit-box-pack: end;
588
+ -webkit-justify-content: flex-end;
589
+ -moz-box-pack: end;
590
+ -ms-flex-pack: end;
591
+ justify-content: flex-end; }
592
+
593
+ .premium-woo-product-align-center .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
594
+ -webkit-box-pack: center;
595
+ -webkit-justify-content: center;
596
+ -moz-box-pack: center;
597
+ -ms-flex-pack: center;
598
+ justify-content: center; }
599
+
600
  /**
601
  * Skin 6
602
+ */
603
+ .premium-woo-skin-grid-6 .premium-woo-qv-btn {
604
+ position: absolute;
605
+ top: 50%;
606
+ left: 50%;
607
+ min-width: 40%;
608
+ text-align: center;
609
+ padding: 5px;
610
+ background: rgba(2, 2, 2, 0.5);
611
+ color: #fff;
612
+ -webkit-transform: translate(-50%, -50%);
613
+ -ms-transform: translate(-50%, -50%);
614
+ transform: translate(-50%, -50%);
615
+ opacity: 0;
616
+ visibility: hidden;
617
+ -webkit-transition: all 0.3s ease-in-out;
618
+ transition: all 0.3s ease-in-out;
619
+ cursor: pointer;
620
+ z-index: 2; }
621
+
622
+ .premium-woo-skin-grid-6 li.product:hover .premium-woo-qv-btn {
623
+ opacity: 1;
624
+ visibility: visible; }
625
+
626
+ .premium-woo-product-align-right .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
627
+ .premium-woo-product-align-left .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
628
+ .premium-woo-product-align-right .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating,
629
+ .premium-woo-product-align-left .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating {
630
+ margin: 0; }
631
+
632
+ .premium-woo-skin-grid-6 li.product .premium-woo-product-info {
633
+ -js-display: flex;
634
+ display: -webkit-box;
635
+ display: -webkit-flex;
636
+ display: -moz-box;
637
+ display: -ms-flexbox;
638
+ display: flex;
639
+ -webkit-box-pack: justify;
640
+ -webkit-justify-content: space-between;
641
+ -moz-box-pack: justify;
642
+ -ms-flex-pack: justify;
643
+ justify-content: space-between; }
644
+
645
+ .premium-woo-product-align-center .premium-woocommerce li.product .premium-woo-product-info {
646
+ -webkit-box-orient: vertical;
647
+ -webkit-box-direction: normal;
648
+ -webkit-flex-direction: column;
649
+ -moz-box-orient: vertical;
650
+ -moz-box-direction: normal;
651
+ -ms-flex-direction: column;
652
+ flex-direction: column; }
653
+
654
+ .premium-woo-product-align-right .premium-woocommerce li.product .premium-woo-product-info {
655
+ -webkit-box-orient: horizontal;
656
+ -webkit-box-direction: reverse;
657
+ -webkit-flex-direction: row-reverse;
658
+ -moz-box-orient: horizontal;
659
+ -moz-box-direction: reverse;
660
+ -ms-flex-direction: row-reverse;
661
+ flex-direction: row-reverse; }
662
+
663
+ .premium-woo-skin-grid-6 li.product .premium-woo-product-gallery-images {
664
+ -js-display: flex;
665
+ display: -webkit-box;
666
+ display: -webkit-flex;
667
+ display: -moz-box;
668
+ display: -ms-flexbox;
669
+ display: flex;
670
+ position: absolute;
671
+ bottom: 10px;
672
+ width: 100%;
673
+ -webkit-box-pack: center;
674
+ -webkit-justify-content: center;
675
+ -moz-box-pack: center;
676
+ -ms-flex-pack: center;
677
+ justify-content: center; }
678
+
679
+ .premium-woo-product-gallery-images .premium-woo-product__gallery_image {
680
+ width: 20%;
681
+ margin: 0 0.2em;
682
+ border: 2px solid #aaa;
683
+ cursor: pointer; }
684
+
685
  /**
686
  * Metro
687
+ */
688
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail img,
689
+ .premium-woo-products-metro li.product .premium-woo-product-wrapper,
690
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail,
691
+ .premium-woo-products-metro li.product .woocommerce-LoopProduct-link {
692
+ height: 100%; }
693
+
694
+ .premium-woo-products-metro ul.products li.product {
695
+ margin-bottom: 0; }
696
+
697
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail img {
698
+ -o-object-fit: cover;
699
+ object-fit: cover; }
700
+
701
  /*
702
  * Carousel
703
+ */
704
+ .premium-carousel-hidden {
705
+ opacity: 0;
706
+ visibility: hidden; }
707
+
708
+ .premium-woocommerce:not(.premium-woo-skin-grid-7) .slick-arrow {
709
+ -webkit-border-radius: 50%;
710
+ border-radius: 50%; }
711
+
712
+ .premium-woocommerce ul.slick-dots {
713
+ width: 100%; }
714
+
715
  /*
716
  * Quick View Html/body
717
+ */
718
+ html.premium-woo-qv-opened,
719
+ html.premium-woo-qv-opened body {
720
+ overflow: hidden; }
721
+
722
  /**
723
  * Quick View Modal
724
+ */
725
+ .premium-woo-quick-view-back {
726
+ position: fixed;
727
+ visibility: hidden;
728
+ overflow: hidden;
729
+ background: rgba(2, 2, 2, 0.5);
730
+ opacity: 0;
731
+ -webkit-transition: opacity 0.25s;
732
+ transition: opacity 0.25s;
733
+ z-index: 999; }
734
+
735
+ .premium-woo-quick-view-active {
736
+ top: 0;
737
+ left: 0;
738
+ width: 100%;
739
+ height: 100%;
740
+ opacity: 1;
741
+ visibility: visible; }
742
+
743
+ #premium-woo-quick-view-modal {
744
+ position: fixed;
745
+ visibility: hidden;
746
+ opacity: 0;
747
+ top: 0;
748
+ left: 0;
749
+ width: 100%;
750
+ height: 100%;
751
+ z-index: 1400;
752
+ text-align: center;
753
+ -webkit-transition: all 0.3s;
754
+ transition: all 0.3s;
755
+ overflow-x: hidden;
756
+ overflow-y: auto; }
757
+ #premium-woo-quick-view-modal.active {
758
+ visibility: visible;
759
+ opacity: 1; }
760
+ #premium-woo-quick-view-modal.active .premium-woo-content-main {
761
+ -webkit-transform: translateY(0);
762
+ -ms-transform: translateY(0);
763
+ transform: translateY(0);
764
+ opacity: 1;
765
+ width: 100%; }
766
+ #premium-woo-quick-view-modal .premium-woo-content-main-wrapper {
767
+ position: absolute;
768
+ width: 100%;
769
+ height: 100%;
770
+ top: 0;
771
+ left: 0;
772
+ text-align: center;
773
+ padding: 30px;
774
+ -js-display: flex;
775
+ display: -webkit-box;
776
+ display: -webkit-flex;
777
+ display: -moz-box;
778
+ display: -ms-flexbox;
779
+ display: flex;
780
+ -webkit-box-align: center;
781
+ -webkit-align-items: center;
782
+ -moz-box-align: center;
783
+ -ms-flex-align: center;
784
+ align-items: center; }
785
+ #premium-woo-quick-view-modal .premium-woo-content-main {
786
+ position: relative;
787
+ pointer-events: none;
788
+ max-width: 100%;
789
+ text-align: left;
790
+ z-index: 1045;
791
+ -webkit-transform: translateY(-30px);
792
+ -ms-transform: translateY(-30px);
793
+ transform: translateY(-30px);
794
+ opacity: 0;
795
+ -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
796
+ transition: opacity 0.3s, -webkit-transform 0.5s;
797
+ transition: transform 0.5s, opacity 0.3s;
798
+ transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
799
+ margin: 0 auto; }
800
+ #premium-woo-quick-view-modal .premium-woo-lightbox-content {
801
+ position: relative;
802
+ display: table;
803
+ pointer-events: auto;
804
+ background-color: #fff;
805
+ max-width: 975px;
806
+ margin: 20px auto;
807
+ -webkit-transform: translateZ(0);
808
+ transform: translateZ(0);
809
+ -webkit-box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
810
+ box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
811
+ overflow: hidden; }
812
+ #premium-woo-quick-view-modal .summary {
813
+ width: 50%;
814
+ margin: 0;
815
+ padding: 30px;
816
+ float: left;
817
+ -webkit-box-sizing: border-box;
818
+ -moz-box-sizing: border-box;
819
+ box-sizing: border-box; }
820
+ #premium-woo-quick-view-modal .summary .quantity {
821
+ min-width: auto; }
822
+ #premium-woo-quick-view-modal .summary .quantity input.qty {
823
+ width: 54px;
824
+ -webkit-appearance: button;
825
+ -moz-appearance: button;
826
+ appearance: button; }
827
+ #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-inner-spin-button,
828
+ #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-outer-spin-button {
829
+ display: unset; }
830
+ #premium-woo-quick-view-modal .woocommerce-product-details__short-description p {
831
+ margin: 0; }
832
+
833
+ #premium-woo-quick-view-close {
834
+ position: absolute;
835
+ font-size: 22px;
836
+ top: 10px;
837
+ right: 10px;
838
+ width: 22px;
839
+ height: 22px;
840
+ line-height: 22px;
841
+ opacity: 0.7;
842
+ text-align: center;
843
+ z-index: 2;
844
+ color: #000; }
845
+
846
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider {
847
+ position: relative; }
848
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider li {
849
+ list-style: none; }
850
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav {
851
+ margin: 0;
852
+ padding: 0;
853
+ width: 100%;
854
+ position: absolute;
855
+ bottom: 10px;
856
+ text-align: center; }
857
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li {
858
+ margin: 0 6px;
859
+ display: inline-block;
860
+ vertical-align: middle; }
861
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a {
862
+ width: 11px;
863
+ height: 11px;
864
+ display: block;
865
+ background: #666;
866
+ background: rgba(0, 0, 0, 0.5);
867
+ cursor: pointer;
868
+ text-indent: -9999px;
869
+ -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
870
+ box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
871
+ -webkit-border-radius: 20px;
872
+ border-radius: 20px; }
873
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a.flex-active {
874
+ background: rgba(0, 0, 0, 0.9);
875
+ cursor: default; }
876
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a:focus {
877
+ outline: none; }
878
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider img {
879
+ -o-object-fit: cover;
880
+ object-fit: cover;
881
+ width: 100%; }
882
+
883
+ #premium-woo-quick-view-content div.images {
884
+ width: 50%;
885
+ float: left;
886
+ opacity: 1 !important;
887
+ margin: 0; }
888
+
889
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav {
890
+ margin: 0;
891
+ padding: 0;
892
+ list-style: none; }
893
+
894
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav a {
895
+ text-decoration: none;
896
+ display: block;
897
+ width: 14px;
898
+ height: 32px;
899
+ font-size: 32px;
900
+ line-height: 32px;
901
+ margin: -20px 0 0;
902
+ position: absolute;
903
+ top: 50%;
904
+ z-index: 10;
905
+ overflow: hidden;
906
+ cursor: pointer;
907
+ color: rgba(0, 0, 0, 0.8);
908
+ text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
909
+ -webkit-transition: all 0.3s ease-in-out;
910
+ transition: all 0.3s ease-in-out; }
911
+
912
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next,
913
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
914
+ display: inline-block;
915
+ font-family: "Font Awesome 5 Free";
916
+ font-weight: 900;
917
+ text-rendering: auto;
918
+ -webkit-font-smoothing: antialiased;
919
+ -moz-osx-font-smoothing: grayscale; }
920
+
921
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
922
+ left: 10px; }
923
+
924
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next {
925
+ right: 10px; }
926
+
927
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev::before {
928
+ content: "\f104"; }
929
+
930
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next::before {
931
+ content: "\f105"; }
932
+
933
+ .premium-woocommerce li.product .added_to_cart.wc-forward {
934
+ display: none; }
935
+
936
+ .premium-woo-atc-button .add_to_cart_button .premium-woo-cart-loader {
937
+ -webkit-animation: spin 2s linear infinite;
938
+ animation: spin 2s linear infinite;
939
+ margin-left: 5px;
940
+ vertical-align: baseline; }
941
+
942
  /*
943
  * Load More Button
944
+ */
945
+ .premium-woo-load-more {
946
+ position: relative; }
947
+ .premium-woo-load-more .premium-woo-load-more-btn {
948
+ -webkit-box-shadow: none;
949
+ box-shadow: none;
950
+ text-shadow: none;
951
+ border: none;
952
+ outline: none;
953
+ -webkit-box-align: center;
954
+ -webkit-align-items: center;
955
+ -moz-box-align: center;
956
+ -ms-flex-align: center;
957
+ align-items: center;
958
+ vertical-align: bottom;
959
+ cursor: pointer;
960
+ line-height: 1;
961
+ font-style: normal;
962
+ font-weight: normal;
963
+ background-image: none;
964
+ color: #fff;
965
+ -webkit-transition: all 0.3s ease-in-out;
966
+ transition: all 0.3s ease-in-out;
967
+ padding: 10px 20px; }
968
+
969
+ .premium-woo-load-more-btn {
970
+ -js-display: inline-flex;
971
+ display: -webkit-inline-box;
972
+ display: -webkit-inline-flex;
973
+ display: -moz-inline-box;
974
+ display: -ms-inline-flexbox;
975
+ display: inline-flex;
976
+ -webkit-box-align: center;
977
+ -webkit-align-items: center;
978
+ -moz-box-align: center;
979
+ -ms-flex-align: center;
980
+ align-items: center; }
981
+
982
+ .premium-woo-load-more-btn span {
983
+ margin-right: 3px; }
984
+
985
+ .premium-woo-load-more-btn .premium-loader {
986
+ display: inline-block;
987
+ width: 20px;
988
+ height: 20px; }
989
+
990
+ .premium-woo-title-above-yes .premium-woo-product__link {
991
+ opacity: 0; }
992
+
993
+ @media (min-width: 545px) {
994
+ #premium-woo-quick-view-content div.summary {
995
+ content: "544";
996
+ overflow-y: auto; } }
997
+
998
+ @media (max-width: 544px) {
999
+ #premium-woo-quick-view-content .premium-woo-lightbox-content {
1000
+ display: block; }
1001
+ #premium-woo-quick-view-content div.images,
1002
+ #premium-woo-quick-view-content div.summary {
1003
+ width: 100%;
1004
+ float: none; } }
assets/frontend/js/lottie.js CHANGED
@@ -19015,10 +19015,34 @@
19015
 
19016
  if (trigger) {
19017
  animItem.pause();
 
 
 
19018
  $elem.hover(function () {
19019
  animItem.play();
19020
  }, function () {
19021
  animItem.pause();
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19022
  });
19023
  }
19024
 
19015
 
19016
  if (trigger) {
19017
  animItem.pause();
19018
+
19019
+ var shouldReset = $lottie.data("lottie-reset");
19020
+
19021
  $elem.hover(function () {
19022
  animItem.play();
19023
  }, function () {
19024
  animItem.pause();
19025
+
19026
+ if (shouldReset) {
19027
+
19028
+ if (animItem.playDirection == 1)
19029
+ animItem.setDirection(-1);
19030
+
19031
+ animItem.play();
19032
+
19033
+ var dur = animItem.getDuration(),
19034
+ currFrame = animItem.currentFrame,
19035
+ currTime = currFrame * (dur / animItem.totalFrames);
19036
+
19037
+ setTimeout(function () {
19038
+ animItem.pause();
19039
+ animItem.setDirection(1);
19040
+ }, currTime * 1000)
19041
+
19042
+
19043
+ }
19044
+
19045
+
19046
  });
19047
  }
19048
 
assets/frontend/js/motionpath.js CHANGED
@@ -1790,10 +1790,10 @@
1790
  };
1791
  _getGSAP() && gsap.registerPlugin(MotionPathPlugin);
1792
 
1793
- exports.MotionPathPlugin = MotionPathPlugin;
1794
- exports.default = MotionPathPlugin;
1795
 
1796
- Object.defineProperty(exports, '__esModule', { value: true });
1797
 
1798
  })));
1799
 
1790
  };
1791
  _getGSAP() && gsap.registerPlugin(MotionPathPlugin);
1792
 
1793
+ // exports.MotionPathPlugin = MotionPathPlugin;
1794
+ // exports.default = MotionPathPlugin;
1795
 
1796
+ // Object.defineProperty(exports, '__esModule', { value: true });
1797
 
1798
  })));
1799
 
assets/frontend/js/premium-addons.js CHANGED
@@ -1,2960 +1,2973 @@
1
- (function ($) {
2
-
3
- $(window).on('elementor/frontend/init', function () {
4
-
5
- var ModuleHandler = elementorModules.frontend.handlers.Base;
6
-
7
- /****** Premium Progress Bar Handler ******/
8
- var PremiumProgressBarWidgetHandler = function ($scope, trigger) {
9
-
10
- var $progressbarElem = $scope.find(".premium-progressbar-container"),
11
- settings = $progressbarElem.data("settings"),
12
- length = settings.progress_length,
13
- speed = settings.speed,
14
- type = settings.type;
15
-
16
-
17
- if ("line" === type) {
18
-
19
- var $progressbar = $progressbarElem.find(".premium-progressbar-bar");
20
-
21
- if (settings.gradient)
22
- $progressbar.css("background", "linear-gradient(-45deg, " + settings.gradient + ")");
23
-
24
- $progressbar.animate({
25
- width: length + "%"
26
- }, speed);
27
-
28
- } else if ("circle" === type || "half-circle" === type) {
29
- if (length > 100)
30
- length = 100;
31
-
32
- var degreesFactor = 1.8 * (elementorFrontend.config.is_rtl ? -1 : 1);
33
-
34
- $progressbarElem.find(".premium-progressbar-hf-circle-progress").css({
35
- transform: "rotate(" + length * degreesFactor + "deg)",
36
- });
37
-
38
- $progressbarElem.prop({
39
- 'counter': 0
40
- }).animate({
41
- counter: length
42
- }, {
43
- duration: speed,
44
- easing: 'linear',
45
- step: function (counter) {
46
- var rotate = (counter * 3.6);
47
-
48
- $progressbarElem.find(".premium-progressbar-right-label").text(Math.ceil(counter) + "%");
49
-
50
- $progressbarElem.find(".premium-progressbar-circle-left").css('transform', "rotate(" + rotate + "deg)");
51
-
52
-
53
- if ('circle' === type && rotate > 180) {
54
-
55
- $progressbarElem.find(".premium-progressbar-circle").css({
56
- '-webkit-clip-path': 'inset(0)',
57
- 'clip-path': 'inset(0)',
58
- });
59
-
60
- $progressbarElem.find(".premium-progressbar-circle-right").css('visibility', 'visible');
61
- }
62
- }
63
- });
64
-
65
- } else {
66
-
67
- var $progressbar = $progressbarElem.find(".premium-progressbar-bar-wrap"),
68
- width = $progressbarElem.outerWidth(),
69
- dotSize = settings.dot || 25,
70
- dotSpacing = settings.spacing || 10,
71
- numberOfCircles = Math.ceil(width / (dotSize + dotSpacing)),
72
- circlesToFill = numberOfCircles * (length / 100),
73
- numberOfTotalFill = Math.floor(circlesToFill),
74
- fillPercent = 100 * (circlesToFill - numberOfTotalFill);
75
-
76
- $progressbar.attr('data-circles', numberOfCircles);
77
- $progressbar.attr('data-total-fill', numberOfTotalFill);
78
- $progressbar.attr('data-partial-fill', fillPercent);
79
-
80
- var className = "progress-segment";
81
- for (var i = 0; i < numberOfCircles; i++) {
82
- className = "progress-segment";
83
- var innerHTML = '';
84
-
85
- if (i < numberOfTotalFill) {
86
- innerHTML = "<div class='segment-inner'></div>";
87
- } else if (i === numberOfTotalFill) {
88
-
89
- innerHTML = "<div class='segment-inner'></div>";
90
- }
91
-
92
- $progressbar.append("<div class='" + className + "'>" + innerHTML + "</div>");
93
-
94
- }
95
-
96
- if ("frontend" !== trigger) {
97
- PremiumProgressDotsHandler($scope);
98
- }
99
-
100
- }
101
-
102
- };
103
-
104
- var PremiumProgressDotsHandler = function ($scope) {
105
-
106
- var $progressbarElem = $scope.find(".premium-progressbar-container"),
107
- settings = $progressbarElem.data("settings"),
108
- $progressbar = $scope.find(".premium-progressbar-bar-wrap"),
109
- data = $progressbar.data(),
110
- speed = settings.speed,
111
- increment = 0;
112
-
113
- var numberOfTotalFill = data.totalFill,
114
- numberOfCircles = data.circles,
115
- fillPercent = data.partialFill;
116
-
117
- dotIncrement(increment);
118
-
119
- function dotIncrement(inc) {
120
-
121
- var $dot = $progressbar.find(".progress-segment").eq(inc),
122
- dotWidth = 100;
123
-
124
- if (inc === numberOfTotalFill)
125
- dotWidth = fillPercent
126
-
127
- $dot.find(".segment-inner").animate({
128
- width: dotWidth + '%'
129
- }, speed / numberOfCircles, function () {
130
- increment++;
131
- if (increment <= numberOfTotalFill) {
132
- dotIncrement(increment);
133
- }
134
-
135
- });
136
- }
137
- };
138
-
139
- /****** Premium Progress Bar Scroll Handler *****/
140
- var PremiumProgressBarScrollWidgetHandler = function ($scope, $) {
141
-
142
- var $progressbarElem = $scope.find(".premium-progressbar-container"),
143
- settings = $progressbarElem.data("settings"),
144
- type = settings.type;
145
-
146
- if ("dots" === type) {
147
- PremiumProgressBarWidgetHandler($scope, "frontend");
148
- }
149
-
150
- elementorFrontend.waypoint($scope, function () {
151
- if ("dots" !== type) {
152
- PremiumProgressBarWidgetHandler($(this));
153
- } else {
154
- PremiumProgressDotsHandler($(this));
155
- }
156
-
157
- });
158
- };
159
-
160
- /****** Premium Video Box Handler ******/
161
- var PremiumVideoBoxWidgetHandler = function ($scope, $) {
162
-
163
- var $videoBoxElement = $scope.find(".premium-video-box-container"),
164
- $videoListElement = $scope.find(".premium-video-box-playlist-container"),
165
- $videoContainer = $videoBoxElement.find(".premium-video-box-video-container"), //should be clicked
166
- $videoInnerContainer = $videoBoxElement.find('.premium-video-box-inner-wrap'),
167
- $videoImageContainer = $videoInnerContainer.find('.premium-video-box-image-container'),
168
- type = $videoBoxElement.data("type"),
169
- thumbnail = $videoBoxElement.data("thumbnail"),
170
- sticky = $videoBoxElement.data('sticky'),
171
- stickyOnPlay = $videoBoxElement.data('sticky-play'),
172
- hoverEffect = $videoBoxElement.data('hover'),
173
- $lighboxContainer = $videoListElement.length ? $videoListElement : $videoBoxElement,
174
- lightBox = $lighboxContainer.data('lightbox') ? $lighboxContainer.data('lightbox') : false,
175
- video, vidSrc;
176
-
177
- if (lightBox) {
178
-
179
- if ('prettyphoto' === lightBox.type) {
180
- $lighboxContainer.find(".premium-vid-lightbox-container[data-rel^='prettyPhoto']").prettyPhoto(getPrettyPhotoSettings(lightBox.theme));
181
- }
182
-
183
- $lighboxContainer.find('.premium-video-box-image-container, .premium-video-box-play-icon-container').on('click', function (e) {
184
- triggerLightbox($lighboxContainer, lightBox.type);
185
- });
186
-
187
- } else {
188
- // Youtube playlist option.
189
- if ($videoListElement.length) {
190
-
191
- //Make sure that video were pulled from the API.
192
- if (!$videoContainer.length)
193
- return;
194
-
195
- $videoContainer.each(function (index, item) {
196
-
197
- var vidSrc,
198
- $videoContainer = $(item),
199
- $videoBoxElement = $videoContainer.closest(".premium-video-box-container"),
200
- $trigger = $videoContainer.closest(".premium-video-box-trigger");
201
-
202
- vidSrc = $videoContainer.data("src");
203
- vidSrc = vidSrc + "&autoplay=1";
204
-
205
- $trigger.on("click", function () {
206
-
207
- var $iframe = $("<iframe/>");
208
-
209
- $iframe.attr({
210
- "src": vidSrc,
211
- "frameborder": "0",
212
- "allowfullscreen": "1",
213
- "allow": "autoplay;encrypted-media;"
214
- });
215
- $videoContainer.css("background", "#000");
216
- $videoContainer.html($iframe);
217
-
218
- $videoBoxElement.find(
219
- ".premium-video-box-image-container, .premium-video-box-play-icon-container"
220
- ).remove();
221
-
222
- });
223
-
224
- });
225
-
226
- return;
227
- }
228
-
229
- if ("self" === type) {
230
-
231
- video = $videoContainer.find("video");
232
- vidSrc = video.attr("src");
233
-
234
- if ($videoBoxElement.data("play-viewport")) {
235
- elementorFrontend.waypoint($videoBoxElement, function () {
236
- playVideo();
237
- }, {
238
- offset: 0,
239
- triggerOnce: false
240
- });
241
-
242
- if ($videoBoxElement.data("play-reset")) {
243
- elementorFrontend.waypoint($videoBoxElement, function (direction) {
244
-
245
- if ('up' === direction)
246
- restartVideo();
247
- }, {
248
- offset: "100%",
249
- triggerOnce: false
250
- });
251
- }
252
- }
253
-
254
- } else {
255
-
256
- vidSrc = $videoContainer.data("src");
257
-
258
- if (!thumbnail || -1 !== vidSrc.indexOf("autoplay=1")) {
259
-
260
- //Check if Autoplay on viewport option is enabled
261
- if ($videoBoxElement.data("play-viewport")) {
262
- elementorFrontend.waypoint($videoBoxElement, function () {
263
- playVideo();
264
- }, {
265
- offset: 0
266
- });
267
- } else {
268
- playVideo();
269
- }
270
-
271
- } else {
272
- vidSrc = vidSrc + "&autoplay=1";
273
- }
274
-
275
- }
276
-
277
- $videoBoxElement.on("click", function () {
278
- playVideo();
279
- });
280
-
281
- if ("yes" !== sticky || "yes" === stickyOnPlay)
282
- return;
283
-
284
- stickyOption();
285
- }
286
-
287
- function playVideo() {
288
-
289
- if ($videoBoxElement.hasClass("playing")) return;
290
-
291
- $videoBoxElement.addClass("playing");
292
-
293
- if (stickyOnPlay === 'yes')
294
- stickyOption();
295
-
296
- if ("self" === type) {
297
-
298
- $(video).get(0).play();
299
-
300
- $videoContainer.css({
301
- opacity: "1",
302
- visibility: "visible"
303
- });
304
-
305
- } else {
306
-
307
- var $iframe = $("<iframe/>");
308
-
309
- $iframe.attr({
310
- "src": vidSrc,
311
- "frameborder": "0",
312
- "allowfullscreen": "1",
313
- "allow": "autoplay;encrypted-media;"
314
- });
315
- $videoContainer.css("background", "#000");
316
- $videoContainer.html($iframe);
317
- }
318
-
319
- $videoBoxElement.find(
320
- ".premium-video-box-image-container, .premium-video-box-play-icon-container, .premium-video-box-description-container"
321
- ).remove();
322
-
323
- if ("vimeo" === type)
324
- $videoBoxElement.find(".premium-video-box-vimeo-wrap").remove();
325
- }
326
-
327
- function restartVideo() {
328
-
329
- $videoBoxElement.removeClass("playing");
330
-
331
- $(video).get(0).pause();
332
- $(video).get(0).currentTime = 0;
333
-
334
- }
335
-
336
- function triggerLightbox($container, type) {
337
- if ('elementor' === type) {
338
- $container.find('.premium-video-box-video-container').click();
339
- } else {
340
- $container.find(".premium-vid-lightbox-container[data-rel^='prettyPhoto']").click();
341
- }
342
- }
343
-
344
- function stickyOption() {
345
-
346
- var stickyDesktop = $videoBoxElement.data('hide-desktop'),
347
- stickyTablet = $videoBoxElement.data('hide-tablet'),
348
- stickyMobile = $videoBoxElement.data('hide-mobile'),
349
- stickyMargin = $videoBoxElement.data('sticky-margin');
350
-
351
- $videoBoxElement.off('click').on('click', function (e) {
352
- // if ('yes' === sticky) {
353
- var stickyTarget = e.target.className;
354
- if ((stickyTarget.toString().indexOf('premium-video-box-sticky-close') >= 0) || (stickyTarget.toString().indexOf('premium-video-box-sticky-close') >= 0)) {
355
- return false;
356
- }
357
- // }
358
- playVideo();
359
-
360
- });
361
-
362
- //Make sure Elementor Waypoint is defined
363
- if (typeof elementorFrontend.waypoint !== 'undefined') {
364
-
365
- var stickyWaypoint = elementorFrontend.waypoint(
366
- $videoBoxElement,
367
- function (direction) {
368
- if ('down' === direction) {
369
-
370
- $videoBoxElement.removeClass('premium-video-box-sticky-hide').addClass('premium-video-box-sticky-apply premium-video-box-filter-sticky');
371
-
372
- //Fix conflict with Elementor motion effects
373
- if ($scope.hasClass("elementor-motion-effects-parent")) {
374
- $scope.removeClass("elementor-motion-effects-perspective").find(".elementor-widget-container").addClass("premium-video-box-transform");
375
- }
376
-
377
- if ($videoBoxElement.data("mask")) {
378
- //Fix Sticky position issue when drop-shadow is applied
379
- $scope.find(".premium-video-box-mask-filter").removeClass("premium-video-box-mask-filter");
380
-
381
- $videoBoxElement.find(':first-child').removeClass('premium-video-box-mask-media');
382
-
383
- $videoImageContainer.removeClass(hoverEffect).removeClass('premium-video-box-mask-media').css({
384
- 'transition': 'width 0.2s, height 0.2s',
385
- '-webkit-transition': 'width 0.2s, height 0.2s'
386
- });
387
- }
388
-
389
- $(document).trigger('premium_after_sticky_applied', [$scope]);
390
-
391
- // Entrance Animation Option
392
- if ($videoInnerContainer.data("video-animation") && " " != $videoInnerContainer.data("video-animation")) {
393
- $videoInnerContainer.css("opacity", "0");
394
- var animationDelay = $videoInnerContainer.data('delay-animation');
395
- setTimeout(function () {
396
-
397
- $videoInnerContainer.css("opacity", "1").addClass("animated " + $videoInnerContainer.data("video-animation"));
398
-
399
- }, animationDelay * 1000);
400
- }
401
-
402
- } else {
403
-
404
- $videoBoxElement.removeClass('premium-video-box-sticky-apply premium-video-box-filter-sticky').addClass('premium-video-box-sticky-hide');
405
-
406
- //Fix conflict with Elementor motion effects
407
- if ($scope.hasClass("elementor-motion-effects-parent")) {
408
- $scope.addClass("elementor-motion-effects-perspective").find(".elementor-widget-container").removeClass("premium-video-box-transform");
409
- }
410
-
411
- if ($videoBoxElement.data("mask")) {
412
- //Fix Sticky position issue when drop-shadow is applied
413
- $videoBoxElement.parent().addClass("premium-video-box-mask-filter");
414
-
415
- $videoBoxElement.find(':first-child').eq(0).addClass('premium-video-box-mask-media');
416
- $videoImageContainer.addClass('premium-video-box-mask-media');
417
- }
418
-
419
- $videoImageContainer.addClass(hoverEffect).css({
420
- 'transition': 'all 0.2s',
421
- '-webkit-transition': 'all 0.2s'
422
- });
423
-
424
- $videoInnerContainer.removeClass("animated " + $videoInnerContainer.data("video-animation"));
425
- }
426
- }, {
427
- offset: 0 + '%',
428
- triggerOnce: false
429
- }
430
- );
431
- }
432
-
433
- var closeBtn = $scope.find('.premium-video-box-sticky-close');
434
-
435
- closeBtn.off('click.closetrigger').on('click.closetrigger', function (e) {
436
- e.stopPropagation();
437
- stickyWaypoint[0].disable();
438
-
439
- $videoBoxElement.removeClass('premium-video-box-sticky-apply premium-video-box-sticky-hide');
440
-
441
- //Fix conflict with Elementor motion effects
442
- if ($scope.hasClass("elementor-motion-effects-parent")) {
443
- $scope.addClass("elementor-motion-effects-perspective").find(".elementor-widget-container").removeClass("premium-video-box-transform");
444
- }
445
-
446
- if ($videoBoxElement.data("mask")) {
447
- //Fix Sticky position issue when drop-shadow is applied
448
- $videoBoxElement.parent().addClass("premium-video-box-mask-filter");
449
-
450
- //Necessary classes for mask shape option
451
- $videoBoxElement.find(':first-child').eq(0).addClass('premium-video-box-mask-media');
452
- $videoImageContainer.addClass('premium-video-box-mask-media');
453
- }
454
-
455
-
456
- });
457
-
458
- checkResize(stickyWaypoint);
459
-
460
- checkScroll();
461
-
462
- window.addEventListener("scroll", checkScroll);
463
-
464
- $(window).resize(function (e) {
465
- checkResize(stickyWaypoint);
466
- });
467
-
468
- function checkResize(stickyWaypoint) {
469
- var currentDeviceMode = elementorFrontend.getCurrentDeviceMode();
470
-
471
- if ('' !== stickyDesktop && currentDeviceMode == stickyDesktop) {
472
- disableSticky(stickyWaypoint);
473
- } else if ('' !== stickyTablet && currentDeviceMode == stickyTablet) {
474
- disableSticky(stickyWaypoint);
475
- } else if ('' !== stickyMobile && currentDeviceMode == stickyMobile) {
476
- disableSticky(stickyWaypoint);
477
- } else {
478
- stickyWaypoint[0].enable();
479
- }
480
- }
481
-
482
- function disableSticky(stickyWaypoint) {
483
- stickyWaypoint[0].disable();
484
- $videoBoxElement.removeClass('premium-video-box-sticky-apply premium-video-box-sticky-hide');
485
- }
486
-
487
- function checkScroll() {
488
- if ($videoBoxElement.hasClass('premium-video-box-sticky-apply')) {
489
- $videoInnerContainer.draggable({
490
- start: function () {
491
- $(this).css({
492
- transform: "none",
493
- top: $(this).offset().top + "px",
494
- left: $(this).offset().left + "px"
495
- });
496
- },
497
- containment: 'window'
498
- });
499
- }
500
- }
501
-
502
- $(document).on('premium_after_sticky_applied', function (e, $scope) {
503
- var infobar = $scope.find('.premium-video-box-sticky-infobar');
504
-
505
- if (0 !== infobar.length) {
506
- var infobarHeight = infobar.outerHeight();
507
-
508
- if ($scope.hasClass('premium-video-sticky-center-left') || $scope.hasClass('premium-video-sticky-center-right')) {
509
- infobarHeight = Math.ceil(infobarHeight / 2);
510
- $videoInnerContainer.css('top', 'calc( 50% - ' + infobarHeight + 'px )');
511
- }
512
-
513
- if ($scope.hasClass('premium-video-sticky-bottom-left') || $scope.hasClass('premium-video-sticky-bottom-right')) {
514
- if ('' !== stickyMargin) {
515
- infobarHeight = Math.ceil(infobarHeight);
516
- var stickBottom = infobarHeight + stickyMargin;
517
- $videoInnerContainer.css('bottom', stickBottom);
518
- }
519
- }
520
- }
521
- });
522
-
523
- }
524
-
525
- function getPrettyPhotoSettings(theme) {
526
- return {
527
- theme: theme,
528
- hook: "data-rel",
529
- opacity: 0.7,
530
- show_title: false,
531
- deeplinking: false,
532
- overlay_gallery: true,
533
- custom_markup: "",
534
- default_width: 900,
535
- default_height: 506,
536
- social_tools: ""
537
- };
538
- }
539
- };
540
-
541
- /****** Premium Media Grid Handler ******/
542
- var PremiumGridWidgetHandler = ModuleHandler.extend({
543
-
544
- settings: {},
545
-
546
- getDefaultSettings: function () {
547
- return {
548
- selectors: {
549
- galleryElement: '.premium-gallery-container',
550
- filters: '.premium-gallery-cats-container li',
551
- gradientLayer: '.premium-gallery-gradient-layer',
552
- loadMore: '.premium-gallery-load-more',
553
- loadMoreDiv: '.premium-gallery-load-more div',
554
- vidWrap: '.premium-gallery-video-wrap',
555
- }
556
- }
557
- },
558
-
559
- getDefaultElements: function () {
560
-
561
- var selectors = this.getSettings('selectors'),
562
- elements = {
563
- $galleryElement: this.$element.find(selectors.galleryElement),
564
- $filters: this.$element.find(selectors.filters),
565
- $gradientLayer: this.$element.find(selectors.gradientLayer),
566
- $vidWrap: this.$element.find(selectors.vidWrap)
567
- };
568
-
569
- elements.$loadMore = elements.$galleryElement.parent().find(selectors.loadMore)
570
- elements.$loadMoreDiv = elements.$galleryElement.parent().find(selectors.loadMoreDiv)
571
-
572
- return elements;
573
- },
574
-
575
- bindEvents: function () {
576
- this.getGlobalSettings();
577
- this.run();
578
- },
579
-
580
- getGlobalSettings: function () {
581
- var $galleryElement = this.elements.$galleryElement,
582
- settings = $galleryElement.data('settings');
583
-
584
- this.settings = {
585
- layout: settings.img_size,
586
- loadMore: settings.load_more,
587
- columnWidth: null,
588
- filter: null,
589
- isFilterClicked: false,
590
- minimum: settings.minimum,
591
- imageToShow: settings.click_images,
592
- counter: settings.minimum,
593
- ltrMode: settings.ltr_mode,
594
- shuffle: settings.shuffle,
595
- active_cat: settings.active_cat,
596
- theme: settings.theme,
597
- overlay: settings.overlay,
598
- sort_by: settings.sort_by,
599
- light_box: settings.light_box,
600
- flag: settings.flag,
601
- lightbox_type: settings.lightbox_type
602
- }
603
- },
604
-
605
- updateCounter: function () {
606
-
607
- if (this.settings.isFilterClicked) {
608
-
609
- this.settings.counter = this.settings.minimum;
610
-
611
- this.settings.isFilterClicked = false;
612
-
613
- } else {
614
- this.settings.counter = this.settings.counter;
615
- }
616
-
617
- this.settings.counter = this.settings.counter + this.settings.imageToShow;
618
- },
619
-
620
- updateGrid: function (gradHeight, $isotopeGallery, $loadMoreDiv) {
621
- $.ajax({
622
- url: this.appendItems(this.settings.counter, gradHeight, $isotopeGallery),
623
- beforeSend: function () {
624
- $loadMoreDiv.removeClass("premium-gallery-item-hidden");
625
- },
626
- success: function () {
627
- $loadMoreDiv.addClass("premium-gallery-item-hidden");
628
- }
629
- });
630
- },
631
-
632
- loadMore: function (gradHeight, $isotopeGallery) {
633
-
634
- var $galleryElement = this.elements.$galleryElement,
635
- $loadMoreDiv = this.elements.$loadMoreDiv,
636
- $loadMore = this.elements.$loadMore,
637
- _this = this;
638
-
639
- $loadMoreDiv.addClass("premium-gallery-item-hidden");
640
-
641
- if ($galleryElement.find(".premium-gallery-item").length > this.settings.minimum) {
642
-
643
- $loadMore.removeClass("premium-gallery-item-hidden");
644
-
645
- $galleryElement.parent().on("click", ".premium-gallery-load-less", function () {
646
- _this.settings.counter = _this.settings.counter - _this.settings.imageToShow;
647
- });
648
-
649
- $galleryElement.parent().on("click", ".premium-gallery-load-more-btn:not(.premium-gallery-load-less)", function () {
650
- _this.updateCounter();
651
- _this.updateGrid(gradHeight, $isotopeGallery, $loadMoreDiv);
652
- });
653
-
654
- }
655
-
656
- },
657
-
658
- getItemsToHide: function (instance, imagesToShow) {
659
- var items = instance.filteredItems.slice(imagesToShow, instance
660
- .filteredItems.length).map(function (item) {
661
- return item.element;
662
- });
663
-
664
- return items;
665
- },
666
-
667
- appendItems: function (imagesToShow, gradHeight, $isotopeGallery) {
668
-
669
- var $galleryElement = this.elements.$galleryElement,
670
- $gradientLayer = this.elements.$gradientLayer,
671
- instance = $galleryElement.data("isotope"),
672
- itemsToHide = this.getItemsToHide(instance, imagesToShow);
673
-
674
- $gradientLayer.outerHeight(gradHeight);
675
-
676
- $galleryElement.find(".premium-gallery-item-hidden").removeClass("premium-gallery-item-hidden");
677
-
678
- $galleryElement.parent().find(".premium-gallery-load-more").removeClass("premium-gallery-item-hidden");
679
-
680
- $(itemsToHide).addClass("premium-gallery-item-hidden");
681
-
682
- $isotopeGallery.isotope("layout");
683
-
684
- if (0 == itemsToHide) {
685
-
686
- $gradientLayer.addClass("premium-gallery-item-hidden");
687
-
688
- $galleryElement.parent().find(".premium-gallery-load-more").addClass("premium-gallery-item-hidden");
689
- }
690
- },
691
-
692
- triggerFilerTabs: function (url) {
693
- var filterIndex = url.searchParams.get(this.settings.flag),
694
- $filters = this.elements.$filters;
695
-
696
- if (filterIndex) {
697
-
698
- var $targetFilter = $filters.eq(filterIndex).find("a");
699
-
700
- $targetFilter.trigger('click');
701
-
702
- }
703
- },
704
-
705
- onReady: function ($isotopeGallery) {
706
- var _this = this;
707
-
708
- $isotopeGallery.isotope("layout");
709
-
710
- // $isotopeGallery.isotope({
711
- // filter: _this.settings.active_cat
712
- // });
713
-
714
- var url = new URL(window.location.href);
715
-
716
- if (url)
717
- _this.triggerFilerTabs(url);
718
-
719
- //Show the widget after making sure everything is ready.
720
- _this.$element.find(".category.active").trigger('click');
721
- _this.$element.find(".elementor-invisible").removeClass("elementor-invisible");
722
-
723
- },
724
-
725
- onResize: function ($isotopeGallery) {
726
- var _this = this;
727
-
728
- _this.setMetroLayout();
729
-
730
- $isotopeGallery.isotope({
731
- itemSelector: ".premium-gallery-item",
732
- masonry: {
733
- columnWidth: _this.settings.columnWidth
734
- },
735
- });
736
-
737
- },
738
-
739
- lightBoxDisabled: function () {
740
- var _this = this,
741
- $vidWrap = this.elements.$vidWrap;
742
-
743
- $vidWrap.each(function (index, item) {
744
- var type = $(item).data("type");
745
-
746
- $(item).closest(".premium-gallery-item").on("click", function () {
747
- var $this = $(this);
748
-
749
- $this.find(".pa-gallery-img-container").css("background", "#000");
750
-
751
- $this.find("img, .pa-gallery-icons-caption-container, .pa-gallery-icons-wrapper").css("visibility", "hidden");
752
-
753
- if ("style3" !== _this.settings.skin)
754
- $this.find(".premium-gallery-caption").css("visibility", "hidden");
755
-
756
- if ("hosted" !== type) {
757
- _this.playVid($this);
758
- } else {
759
- _this.playHostedVid(item);
760
- }
761
- });
762
- });
763
-
764
- },
765
-
766
- playVid: function ($this) {
767
- var $iframeWrap = $this.find(".premium-gallery-iframe-wrap"),
768
- src = $iframeWrap.data("src");
769
-
770
- src = src.replace("&mute", "&autoplay=1&mute");
771
-
772
- var $iframe = $("<iframe/>");
773
-
774
- $iframe.attr({
775
- "src": src,
776
- "frameborder": "0",
777
- "allowfullscreen": "1",
778
- "allow": "autoplay;encrypted-media;"
779
- });
780
-
781
- $iframeWrap.html($iframe);
782
-
783
- $iframe.css("visibility", "visible");
784
- },
785
-
786
- playHostedVid: function (item) {
787
- var $video = $(item).find("video");
788
-
789
- $video.get(0).play();
790
- $video.css("visibility", "visible");
791
- },
792
-
793
- run: function () {
794
-
795
- var $galleryElement = this.elements.$galleryElement,
796
- $vidWrap = this.elements.$vidWrap,
797
- $filters = this.elements.$filters,
798
- _this = this;
799
-
800
- if ('metro' === this.settings.layout) {
801
-
802
- this.setMetroLayout();
803
-
804
- this.settings.layout = "masonry";
805
-
806
- $(window).resize(function () { _this.onResize($isotopeGallery); });
807
- }
808
-
809
- var $isotopeGallery = $galleryElement.isotope(this.getIsoTopeSettings());
810
-
811
- $isotopeGallery.imagesLoaded().progress(function () {
812
- $isotopeGallery.isotope("layout");
813
- });
814
-
815
- $(document).ready(function () { _this.onReady($isotopeGallery); });
816
-
817
- if (this.settings.loadMore) {
818
-
819
- var $gradientLayer = this.elements.$gradientLayer,
820
- gradHeight = null;
821
-
822
- setTimeout(function () {
823
- gradHeight = $gradientLayer.outerHeight();
824
- }, 200);
825
-
826
- this.loadMore(gradHeight, $isotopeGallery);
827
- }
828
-
829
- if ("yes" !== this.settings.light_box)
830
- this.lightBoxDisabled();
831
-
832
- $filters.find("a").click(function (e) {
833
- e.preventDefault();
834
-
835
- _this.isFilterClicked = true;
836
-
837
- $filters.find(".active").removeClass("active");
838
-
839
- $(this).addClass("active");
840
-
841
- _this.settings.filter = $(this).attr("data-filter");
842
-
843
- $isotopeGallery.isotope({
844
- filter: _this.settings.filter
845
- });
846
-
847
- if (_this.settings.shuffle) $isotopeGallery.isotope("shuffle");
848
-
849
- if (_this.settings.loadMore) _this.appendItems(_this.settings.minimum, gradHeight, $isotopeGallery);
850
-
851
- return false;
852
- });
853
-
854
- if ("default" === this.settings.lightbox_type)
855
- this.$element.find(".premium-img-gallery a[data-rel^='prettyPhoto']").prettyPhoto(this.getPrettyPhotoSettings());
856
- },
857
-
858
- getPrettyPhotoSettings: function () {
859
- return {
860
- theme: this.settings.theme,
861
- hook: "data-rel",
862
- opacity: 0.7,
863
- show_title: false,
864
- deeplinking: false,
865
- overlay_gallery: this.settings.overlay,
866
- custom_markup: "",
867
- default_width: 900,
868
- default_height: 506,
869
- social_tools: ""
870
- }
871
- },
872
-
873
- getIsoTopeSettings: function () {
874
- return {
875
- itemSelector: '.premium-gallery-item',
876
- percentPosition: true,
877
- animationOptions: {
878
- duration: 750,
879
- easing: 'linear'
880
- },
881
- filter: this.settings.active_cat,
882
- layoutMode: this.settings.layout,
883
- originLeft: this.settings.ltrMode,
884
- masonry: {
885
- columnWidth: this.settings.columnWidth
886
- },
887
- sortBy: this.settings.sort_by
888
- }
889
- },
890
-
891
- getRepeaterSettings: function () {
892
- return this.getElementSettings('premium_gallery_img_content');
893
- },
894
-
895
- setMetroLayout: function () {
896
-
897
- var $galleryElement = this.elements.$galleryElement,
898
- gridWidth = $galleryElement.width(),
899
- cellSize = Math.floor(gridWidth / 12),
900
- deviceType = elementorFrontend.getCurrentDeviceMode(),
901
- suffix = 'desktop' === deviceType ? '' : '_' + deviceType,
902
- repeater = this.getRepeaterSettings();
903
-
904
- $galleryElement.find(".premium-gallery-item").each(function (index, item) { //should be added to selectors and elements
905
-
906
- var cells = repeater[index]['premium_gallery_image_cell' + suffix].size,
907
- vCells = repeater[index]['premium_gallery_image_vcell' + suffix].size;
908
-
909
- if ("" === cells || undefined == cells) {
910
- cells = repeater[index].premium_gallery_image_cell;
911
- }
912
-
913
- if ("" === vCells || undefined == vCells) {
914
- vCells = repeater[index].premium_gallery_image_vcell;
915
- }
916
-
917
- $(item).css({
918
- width: Math.ceil(cells * cellSize),
919
- height: Math.ceil(vCells * cellSize)
920
- });
921
- });
922
-
923
- this.settings.columnWidth = cellSize;
924
- }
925
-
926
- });
927
-
928
- /****** Premium Counter Handler ******/
929
- var PremiumCounterHandler = function ($scope, $) {
930
-
931
- var $counterElement = $scope.find(".premium-counter"),
932
- isHScrollWidget = $counterElement.closest(".premium-hscroll-temp"),
933
- counterSettings = $counterElement.data(),
934
- incrementElement = $counterElement.find(".premium-counter-init"),
935
- iconElement = $counterElement.find(".icon");
936
-
937
- if (!isHScrollWidget.length) {
938
- elementorFrontend.waypoint($counterElement, function () {
939
-
940
- $(incrementElement).numerator(counterSettings);
941
-
942
- $(iconElement).addClass("animated " + iconElement.data("animation"));
943
-
944
- });
945
- } else {
946
-
947
- $(window).on("scroll", function () {
948
-
949
- if ($(window).scrollTop() >= isHScrollWidget.data("scroll-offset")) {
950
- $(incrementElement).numerator(counterSettings);
951
-
952
- $(iconElement).addClass("animated " + iconElement.data("animation"));
953
- }
954
-
955
- });
956
-
957
- }
958
-
959
- };
960
-
961
- /****** Premium Fancy Text Handler ******/
962
- var PremiumFancyTextHandler = function ($scope, $) {
963
-
964
- var $elem = $scope.find(".premium-fancy-text-wrapper"),
965
- settings = $elem.data("settings"),
966
- loadingSpeed = settings.delay || 2500,
967
- itemCount = $elem.find('.premium-fancy-list-items').length,
968
- loopCount = ('' === settings.count && !['typing', 'slide', 'autofade'].includes(settings.effect)) ? 'infinite' : (settings.count * itemCount);
969
-
970
- function escapeHtml(unsafe) {
971
- return unsafe.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(
972
- /"/g, "&quot;");
973
- }
974
-
975
- if ("typing" === settings.effect) {
976
-
977
- var fancyStrings = [];
978
-
979
- settings.strings.forEach(function (item) {
980
- fancyStrings.push(escapeHtml(item));
981
- });
982
-
983
- var fancyTextID = '#' + $elem.find('.premium-fancy-text').attr('id');
984
- var typedInstance = new Typed(fancyTextID, {
985
- strings: fancyStrings,
986
- typeSpeed: settings.typeSpeed,
987
- backSpeed: settings.backSpeed,
988
- startDelay: settings.startDelay,
989
- backDelay: settings.backDelay,
990
- showCursor: settings.showCursor,
991
- cursorChar: settings.cursorChar,
992
- loop: settings.loop
993
- });
994
-
995
- //To start/stop programmatically.
996
- if ($scope.hasClass("fancy-text-stop")) {
997
- typedInstance.stop();
998
- }
999
-
1000
- $(".fancy-text-stop").bind("fancy-text-start", function () {
1001
- typedInstance.start();
1002
- });
1003
-
1004
- } else if ("slide" === settings.effect) {
1005
- loadingSpeed = settings.pause;
1006
-
1007
- $elem.find(".premium-fancy-text").vTicker({
1008
- speed: settings.speed,
1009
- showItems: settings.showItems,
1010
- pause: settings.pause,
1011
- mousePause: settings.mousePause,
1012
- direction: "up"
1013
- });
1014
-
1015
- } else if ('auto-fade' === settings.effect) {
1016
- var $items = $elem.find(".premium-fancy-list-items"),
1017
- len = $items.length;
1018
-
1019
- if (0 === len) {
1020
- return;
1021
- }
1022
-
1023
- var delay = settings.duration / len,
1024
- itemDelay = 0;
1025
-
1026
- loadingSpeed = delay;
1027
-
1028
- $items.each(function ($index, $item) {
1029
- $item.style.animationDelay = itemDelay + 'ms';
1030
- itemDelay += delay;
1031
- });
1032
-
1033
- } else {
1034
-
1035
- setFancyAnimation();
1036
-
1037
- function setFancyAnimation() {
1038
-
1039
- var $item = $elem.find(".premium-fancy-list-items"),
1040
- current = 1;
1041
-
1042
- //Get effect settings
1043
- var delay = settings.delay || 2500,
1044
- loopCount = settings.count;
1045
-
1046
- //If Loop Count option is set
1047
- if (loopCount) {
1048
- var currentLoop = 1,
1049
- fancyStringsCount = $elem.find(".premium-fancy-list-items").length;
1050
- }
1051
-
1052
- var loopInterval = setInterval(function () {
1053
-
1054
- var animationClass = "";
1055
-
1056
- //Add animation class
1057
- if (settings.effect === "custom")
1058
- animationClass = "animated " + settings.animation;
1059
-
1060
- //Show current active item
1061
- $item.eq(current).addClass("premium-fancy-item-visible " + animationClass).removeClass("premium-fancy-item-hidden");
1062
-
1063
- var $inactiveItems = $item.filter(function (index) {
1064
- return index !== current;
1065
- });
1066
-
1067
- //Hide inactive items
1068
- $inactiveItems.addClass("premium-fancy-item-hidden").removeClass("premium-fancy-item-visible " + animationClass);
1069
-
1070
- current++;
1071
-
1072
- //Restart loop
1073
- if ($item.length === current)
1074
- current = 0;
1075
-
1076
- //Increment interval and check if loop count is reached
1077
- if (loopCount) {
1078
- currentLoop++;
1079
-
1080
- if ((fancyStringsCount * loopCount) === currentLoop)
1081
- clearInterval(loopInterval);
1082
- }
1083
-
1084
-
1085
- }, delay);
1086
-
1087
- }
1088
- }
1089
-
1090
- //Show the strings after the layout is set.
1091
- if ("typing" !== settings.effect) {
1092
- setTimeout(function () {
1093
- $elem.find(".premium-fancy-text").css('opacity', '1');
1094
- }, 500);
1095
-
1096
- }
1097
-
1098
- if ('loading' === settings.loading && 'typing' !== settings.effect) {
1099
- $scope.find('.premium-fancy-text').append('<span class="premium-loading-bar"></span>');
1100
- $scope.find('.premium-loading-bar').css({
1101
- 'animation-iteration-count': loopCount,
1102
- 'animation-duration': loadingSpeed + 'ms'
1103
- });
1104
- }
1105
-
1106
- };
1107
-
1108
- /****** Premium Countdown Handler ******/
1109
- var PremiumCountDownHandler = function ($scope, $) {
1110
-
1111
- var $countDownElement = $scope.find(".premium-countdown"),
1112
- settings = $countDownElement.data("settings"),
1113
- id = $scope.data('id'),
1114
- label1 = settings.label1,
1115
- label2 = settings.label2,
1116
- newLabe1 = label1.split(","),
1117
- newLabel2 = label2.split(","),
1118
- timerType = settings.timerType,
1119
- until = 'evergreen' === timerType ? settings.until.date.replace(/ /g, "T") : settings.until,
1120
- layout = '',
1121
- map = {
1122
- y: { index: 0, oldVal: '' },
1123
- o: { index: 1, oldVal: '' },
1124
- w: { index: 2, oldVal: '' },
1125
- d: { index: 3, oldVal: '' },
1126
- h: { index: 4, oldVal: '' },
1127
- m: { index: 5, oldVal: '' },
1128
- s: { index: 6, oldVal: '' }
1129
- };
1130
-
1131
- if ($countDownElement.find('#countdown-' + id).hasClass('premium-countdown-flip')) {
1132
- settings.format.split('').forEach(function (unit) {
1133
- var lowercased = unit.toLowerCase();
1134
-
1135
- layout += '<div class="premium-countdown-block premium-countdown-' + lowercased + '"><div class="pre_time-mid"> <div class="premium-countdown-figure"><span class="top">{' + lowercased + 'nn}</span><span class="top-back"><span>{' + lowercased + 'nn}</span></span><span class="bottom">{' + lowercased + 'nn}</span><span class="bottom-back"><span>{' + lowercased + 'nn}</span></span></div><span class="premium-countdown-label">{' + lowercased + 'l}</span></div><span class="countdown_separator">{sep}</span></div>';
1136
- });
1137
- }
1138
-
1139
- $countDownElement.find('#countdown-' + id).countdown({
1140
- layout: layout,
1141
- labels: newLabel2,
1142
- labels1: newLabe1,
1143
- until: new Date(until),
1144
- format: settings.format,
1145
- padZeroes: true,
1146
- timeSeparator: settings.separator,
1147
- onTick: function (periods) {
1148
-
1149
- equalWidth();
1150
-
1151
- if ($countDownElement.find('#countdown-' + id).hasClass('premium-countdown-flip')) {
1152
- animateFigure(periods, map);
1153
- }
1154
- },
1155
- onExpiry: function () {
1156
- if ('onExpiry' === settings.event) {
1157
- $countDownElement.find('#countdown-' + id).html(settings.text);
1158
- }
1159
- },
1160
- serverSync: function () {
1161
- return new Date(settings.serverSync);
1162
- }
1163
- });
1164
-
1165
- if (settings.reset) {
1166
- $countDownElement.find('.premium-countdown-init').countdown('option', 'until', new Date(until));
1167
- }
1168
-
1169
- if ('expiryUrl' === settings.event) {
1170
- $countDownElement.find('#countdown-' + id).countdown('option', 'expiryUrl', (elementorFrontend.isEditMode()) ? '' : settings.text);
1171
- }
1172
-
1173
- function equalWidth() {
1174
- var width = 0;
1175
- $countDownElement.find('#countdown-' + id + ' .countdown-amount').each(function (index, slot) {
1176
- if (width < $(slot).outerWidth()) {
1177
- width = $(slot).outerWidth();
1178
- }
1179
- });
1180
-
1181
- $countDownElement.find('#countdown-' + id + ' .countdown-amount').css('width', width);
1182
- }
1183
-
1184
- function animateFigure(periods, map) {
1185
- settings.format.split('').forEach(function (unit) {
1186
-
1187
- var lowercased = unit.toLowerCase(),
1188
- index = map[lowercased].index,
1189
- oldVal = map[lowercased].oldVal;
1190
-
1191
- if (periods[index] !== oldVal) {
1192
-
1193
- map[lowercased].oldVal = periods[index];
1194
-
1195
- var $top = $('#countdown-' + id).find('.premium-countdown-' + lowercased + ' .top'),
1196
- $back_top = $('#countdown-' + id).find('.premium-countdown-' + lowercased + ' .top-back');
1197
-
1198
- TweenMax.to($top, 0.8, {
1199
- rotationX: '-180deg',
1200
- transformPerspective: 300,
1201
- ease: Quart.easeOut,
1202
- onComplete: function () {
1203
- TweenMax.set($top, { rotationX: 0 });
1204
- }
1205
- });
1206
-
1207
- TweenMax.to($back_top, 0.8, {
1208
- rotationX: 0,
1209
- transformPerspective: 300,
1210
- ease: Quart.easeOut,
1211
- clearProps: 'all'
1212
- });
1213
- }
1214
- });
1215
- }
1216
-
1217
- times = $countDownElement.find('#countdown-' + id).countdown("getTimes");
1218
-
1219
- function runTimer(el) {
1220
- return el == 0;
1221
- }
1222
-
1223
- if (times.every(runTimer)) {
1224
-
1225
- if ('onExpiry' === settings.event) {
1226
- $countDownElement.find('#countdown-' + id).html(settings.text);
1227
- } else if ('expiryUrl' === settings.event && !elementorFrontend.isEditMode()) {
1228
- var editMode = $('body').find('#elementor').length;
1229
- if (0 < editMode) {
1230
- $countDownElement.find('#countdown-' + id).html(
1231
- "<h1>You can not redirect url from elementor Editor!!</h1>");
1232
- } else {
1233
- if (!elementorFrontend.isEditMode()) {
1234
- window.location.href = settings.text;
1235
- }
1236
- }
1237
-
1238
- }
1239
- }
1240
-
1241
- };
1242
-
1243
- /****** Premium Carousel Handler ******/
1244
- var PremiumCarouselHandler = function ($scope, $) {
1245
-
1246
- var $carouselElem = $scope.find(".premium-carousel-wrapper"),
1247
- settings = $($carouselElem).data("settings"),
1248
- isEdit = elementorFrontend.isEditMode();
1249
-
1250
- if ($carouselElem.find(".item-wrapper").length < 1)
1251
- return;
1252
-
1253
- function slideToShow(slick) {
1254
-
1255
- var slidesToShow = slick.options.slidesToShow,
1256
- windowWidth = $(window).width();
1257
- if (windowWidth > settings.tabletBreak) {
1258
- slidesToShow = settings.slidesDesk;
1259
- }
1260
- if (windowWidth <= settings.tabletBreak) {
1261
- slidesToShow = settings.slidesTab;
1262
- }
1263
- if (windowWidth <= settings.mobileBreak) {
1264
- slidesToShow = settings.slidesMob;
1265
- }
1266
- return slidesToShow;
1267
-
1268
- }
1269
-
1270
- //Get templates content on the editor page
1271
- if (isEdit) {
1272
-
1273
- $carouselElem.find(".item-wrapper").each(function (index, slide) {
1274
-
1275
- var templateID = $(slide).data("template");
1276
-
1277
- if (undefined !== templateID && '' !== templateID) {
1278
- $.ajax({
1279
- type: "GET",
1280
- url: PremiumSettings.ajaxurl,
1281
- dataType: "html",
1282
- data: {
1283
- action: "get_elementor_template_content",
1284
- templateID: templateID
1285
- }
1286
- }).success(function (response) {
1287
-
1288
- var data = JSON.parse(response).data;
1289
-
1290
- if (undefined !== data.template_content) {
1291
-
1292
- $(slide).html(data.template_content);
1293
- $carouselElem.find(".premium-carousel-inner").slick("refresh");
1294
-
1295
- }
1296
- });
1297
- }
1298
- });
1299
-
1300
- }
1301
-
1302
- $carouselElem.on("init", function (event) {
1303
-
1304
- event.preventDefault();
1305
-
1306
- setTimeout(function () {
1307
- resetAnimations("init");
1308
- }, 500);
1309
-
1310
- $(this).find("item-wrapper.slick-active").each(function () {
1311
- var $this = $(this);
1312
- $this.addClass($this.data("animation"));
1313
- });
1314
-
1315
- $(".slick-track").addClass("translate");
1316
-
1317
- });
1318
-
1319
- $carouselElem.find(".premium-carousel-inner").slick({
1320
- vertical: settings.vertical,
1321
- slidesToScroll: settings.slidesToScroll,
1322
- slidesToShow: settings.slidesToShow,
1323
- responsive: [{
1324
- breakpoint: settings.tabletBreak,
1325
- settings: {
1326
- slidesToShow: settings.slidesTab,
1327
- slidesToScroll: settings.slidesTab,
1328
- swipe: settings.touchMove,
1329
- }
1330
- },
1331
- {
1332
- breakpoint: settings.mobileBreak,
1333
- settings: {
1334
- slidesToShow: settings.slidesMob,
1335
- slidesToScroll: settings.slidesMob,
1336
- swipe: settings.touchMove,
1337
- }
1338
- }
1339
- ],
1340
- useTransform: true,
1341
- fade: settings.fade,
1342
- infinite: settings.infinite,
1343
- speed: settings.speed,
1344
- autoplay: settings.autoplay,
1345
- autoplaySpeed: settings.autoplaySpeed,
1346
- rows: 0,
1347
- draggable: settings.draggable,
1348
- rtl: settings.rtl,
1349
- adaptiveHeight: settings.adaptiveHeight,
1350
- pauseOnHover: settings.pauseOnHover,
1351
- centerMode: settings.centerMode,
1352
- centerPadding: settings.centerPadding,
1353
- arrows: settings.arrows,
1354
- prevArrow: $carouselElem.find(".premium-carousel-nav-arrow-prev").html(),
1355
- nextArrow: $carouselElem.find(".premium-carousel-nav-arrow-next").html(),
1356
- dots: settings.dots,
1357
- variableWidth: settings.variableWidth,
1358
- cssEase: settings.cssEase,
1359
- customPaging: function () {
1360
- var customDot = $carouselElem.find(".premium-carousel-nav-dot").html();
1361
- return customDot;
1362
- }
1363
- });
1364
-
1365
- $scope.find(".premium-carousel-hidden").removeClass("premium-carousel-hidden");
1366
- $carouselElem.find(".premium-carousel-nav-arrow-prev").remove();
1367
- $carouselElem.find(".premium-carousel-nav-arrow-next").remove();
1368
- // $carouselElem.find(".premium-carousel-nav-dot").remove();
1369
-
1370
- if (settings.variableWidth) {
1371
- $carouselElem.find(".elementor-container").css("flex-wrap", "nowrap");
1372
- }
1373
-
1374
- function resetAnimations(event) {
1375
-
1376
- var $slides = $carouselElem.find(".slick-slide");
1377
-
1378
- if ("init" === event)
1379
- $slides = $slides.not(".slick-current");
1380
-
1381
- $slides.find(".animated").each(function (index, elem) {
1382
-
1383
- var settings = $(elem).data("settings");
1384
-
1385
- if (!settings)
1386
- return;
1387
-
1388
- if (!settings._animation && !settings.animation)
1389
- return;
1390
-
1391
- var animation = settings._animation || settings.animation;
1392
-
1393
- $(elem).removeClass("animated " + animation).addClass("elementor-invisible");
1394
- });
1395
- };
1396
-
1397
- function triggerAnimation() {
1398
-
1399
- $carouselElem.find(".slick-active .elementor-invisible").each(function (index, elem) {
1400
-
1401
- var settings = $(elem).data("settings");
1402
-
1403
- if (!settings)
1404
- return;
1405
-
1406
- if (!settings._animation && !settings.animation)
1407
- return;
1408
-
1409
- var delay = settings._animation_delay ? settings._animation_delay : 0,
1410
- animation = settings._animation || settings.animation;
1411
-
1412
- setTimeout(function () {
1413
- $(elem).removeClass("elementor-invisible").addClass(animation +
1414
- ' animated');
1415
- }, delay);
1416
- });
1417
- }
1418
-
1419
- $carouselElem.on("afterChange", function (event, slick, currentSlide) {
1420
-
1421
- var slidesScrolled = slick.options.slidesToScroll,
1422
- slidesToShow = slideToShow(slick),
1423
- centerMode = slick.options.centerMode,
1424
- slideToAnimate = currentSlide + slidesToShow - 1;
1425
-
1426
- //Trigger Aniamtions for the current slide
1427
- triggerAnimation();
1428
-
1429
- if (slidesScrolled === 1) {
1430
- if (!centerMode === true) {
1431
- var $inViewPort = $(this).find("[data-slick-index='" + slideToAnimate +
1432
- "']");
1433
- if ("null" != settings.animation) {
1434
- $inViewPort.find("p, h1, h2, h3, h4, h5, h6, span, a, img, i, button")
1435
- .addClass(settings.animation).removeClass(
1436
- "premium-carousel-content-hidden");
1437
- }
1438
- }
1439
- } else {
1440
- for (var i = slidesScrolled + currentSlide; i >= 0; i--) {
1441
- $inViewPort = $(this).find("[data-slick-index='" + i + "']");
1442
- if ("null" != settings.animation) {
1443
- $inViewPort.find("p, h1, h2, h3, h4, h5, h6, span, a, img, i, button")
1444
- .addClass(settings.animation).removeClass(
1445
- "premium-carousel-content-hidden");
1446
- }
1447
- }
1448
- }
1449
-
1450
- //Fix carousel continues to work after last slide if autoplay is true and infinite is false.
1451
- if (slick.$slides.length - 1 == currentSlide && !settings.infinite) {
1452
- $carouselElem.find(".premium-carousel-inner").slick('slickSetOption', 'autoplay', false, true);
1453
- }
1454
-
1455
- });
1456
-
1457
- $carouselElem.on("beforeChange", function (event, slick, currentSlide) {
1458
-
1459
- //Reset Aniamtions for the other slides
1460
- resetAnimations();
1461
-
1462
- var $inViewPort = $(this).find("[data-slick-index='" + currentSlide + "']");
1463
-
1464
- if ("null" != settings.animation) {
1465
- $inViewPort.siblings().find(
1466
- "p, h1, h2, h3, h4, h5, h6, span, a, img, i, button").removeClass(
1467
- settings.animation).addClass(
1468
- "premium-carousel-content-hidden");
1469
- }
1470
- });
1471
-
1472
- if (settings.vertical) {
1473
-
1474
- var maxHeight = -1;
1475
-
1476
- elementorFrontend.elements.$window.on('load', function () {
1477
- $carouselElem.find(".slick-slide").each(function () {
1478
- if ($(this).height() > maxHeight) {
1479
- maxHeight = $(this).height();
1480
- }
1481
- });
1482
- $carouselElem.find(".slick-slide").each(function () {
1483
- if ($(this).height() < maxHeight) {
1484
- $(this).css("margin", Math.ceil(
1485
- (maxHeight - $(this).height()) / 2) + "px 0");
1486
- }
1487
- });
1488
- });
1489
- }
1490
- var marginFix = {
1491
- element: $("a.ver-carousel-arrow"),
1492
- getWidth: function () {
1493
- var width = this.element.outerWidth();
1494
- return width / 2;
1495
- },
1496
- setWidth: function (type) {
1497
- type = type || "vertical";
1498
- if (type == "vertical") {
1499
- this.element.css("margin-left", "-" + this.getWidth() + "px");
1500
- } else {
1501
- this.element.css("margin-top", "-" + this.getWidth() + "px");
1502
- }
1503
- }
1504
- };
1505
- marginFix.setWidth();
1506
- marginFix.element = $("a.carousel-arrow");
1507
- marginFix.setWidth("horizontal");
1508
-
1509
- $(document).ready(function () {
1510
-
1511
- settings.navigation.map(function (item, index) {
1512
-
1513
- if (item) {
1514
-
1515
- $(item).on("click", function () {
1516
-
1517
- var currentActive = $carouselElem.find(".premium-carousel-inner").slick("slickCurrentSlide");
1518
-
1519
- if (index !== currentActive) {
1520
- $carouselElem.find(".premium-carousel-inner").slick("slickGoTo", index)
1521
- }
1522
-
1523
- })
1524
- }
1525
-
1526
- })
1527
- })
1528
-
1529
- };
1530
-
1531
- var PremiumBannerHandler = ModuleHandler.extend({
1532
-
1533
- getDefaultSettings: function () {
1534
-
1535
- return {
1536
- selectors: {
1537
- bannerImgWrap: '.premium-banner-ib',
1538
- bannerImg: 'img',
1539
- }
1540
- }
1541
-
1542
- },
1543
-
1544
- getDefaultElements: function () {
1545
-
1546
- var selectors = this.getSettings('selectors');
1547
-
1548
- return {
1549
- $bannerImgWrap: this.$element.find(selectors.bannerImgWrap),
1550
- $bannerImg: this.$element.find(selectors.bannerImg)
1551
- }
1552
-
1553
- },
1554
-
1555
- bindEvents: function () {
1556
-
1557
- var _this = this;
1558
-
1559
- _this.elements.$bannerImgWrap.hover(function () {
1560
- _this.elements.$bannerImg.addClass("active");
1561
- }, function () {
1562
- _this.elements.$bannerImg.removeClass("active");
1563
- });
1564
-
1565
- this.run();
1566
- },
1567
-
1568
- run: function () {
1569
-
1570
- var $bannerElement = this.$element;
1571
-
1572
- if ($bannerElement.hasClass("premium-banner-tilt-yes")) {
1573
-
1574
- var reverse = $bannerElement.hasClass("premium-banner-tilt-rev-yes");
1575
-
1576
- UniversalTilt.init({
1577
- elements: $bannerElement.closest(".elementor-widget"),
1578
- settings: {
1579
- reverse: reverse
1580
- },
1581
- callbacks: {
1582
- onMouseLeave: function (el) {
1583
- el.style.boxShadow = "0 45px 100px rgba(255, 255, 255, 0)";
1584
- },
1585
- onDeviceMove: function (el) {
1586
- el.style.boxShadow = "0 45px 100px rgba(255, 255, 255, 0.3)";
1587
- }
1588
- }
1589
- });
1590
-
1591
- }
1592
- }
1593
-
1594
- });
1595
-
1596
- /****** Premium Modal Box Handler ******/
1597
- var PremiumModalBoxHandler = function ($scope, $) {
1598
-
1599
- var $modalElem = $scope.find(".premium-modal-box-container"),
1600
- settings = $modalElem.data("settings"),
1601
- $modal = $modalElem.find(".premium-modal-box-modal-dialog");
1602
-
1603
- if (!settings) {
1604
- return;
1605
- }
1606
-
1607
- if (settings.trigger === "pageload") {
1608
- $(document).ready(function ($) {
1609
- setTimeout(function () {
1610
- $modalElem.find(".premium-modal-box-modal").modal();
1611
- }, settings.delay * 1000);
1612
- });
1613
- }
1614
-
1615
- if ($modal.data("modal-animation") && " " != $modal.data("modal-animation")) {
1616
-
1617
- var animationDelay = $modal.data('delay-animation');
1618
-
1619
- new Waypoint({
1620
- element: $modal,
1621
- handler: function () {
1622
- setTimeout(function () {
1623
- $modal.css("opacity", "1").addClass("animated " + $modal.data("modal-animation"));
1624
- }, animationDelay * 1000);
1625
- this.destroy();
1626
- },
1627
- offset: Waypoint.viewportHeight() - 150,
1628
- });
1629
- }
1630
- };
1631
-
1632
- /****** Premium Blog Handler ******/
1633
- var PremiumBlogHandler = ModuleHandler.extend({
1634
-
1635
- settings: {},
1636
-
1637
- getDefaultSettings: function () {
1638
- return {
1639
- selectors: {
1640
- user: '.fa-user',
1641
- activeCat: '.category.active',
1642
- loading: '.premium-loading-feed',
1643
- blogElement: '.premium-blog-wrap',
1644
- blogFilterTabs: '.premium-blog-filter',
1645
- contentWrapper: '.premium-blog-content-wrapper',
1646
- blogPost: '.premium-blog-post-outer-container',
1647
- metaSeparators: '.premium-blog-meta-separator',
1648
- filterLinks: '.premium-blog-filters-container li a',
1649
- currentPage: '.premium-blog-pagination-container .page-numbers.current',
1650
- activeElememnt: '.premium-blog-filters-container li .active',
1651
- }
1652
- }
1653
- },
1654
-
1655
- getDefaultElements: function () {
1656
- var selectors = this.getSettings('selectors'),
1657
- elements = {
1658
- $blogElement: this.$element.find(selectors.blogElement),
1659
- $blogFilterTabs: this.$element.find(selectors.blogFilterTabs),
1660
- $activeCat: this.$element.find(selectors.activeCat),
1661
- $filterLinks: this.$element.find(selectors.filterLinks),
1662
- $blogPost: this.$element.find(selectors.blogPost),
1663
- $contentWrapper: this.$element.find(selectors.contentWrapper)
1664
- };
1665
-
1666
- return elements;
1667
- },
1668
-
1669
- bindEvents: function () {
1670
- this.setLayoutSettings();
1671
- this.removeMetaSeparators();
1672
- this.run();
1673
- },
1674
-
1675
- setLayoutSettings: function () {
1676
-
1677
- var settings = this.getElementSettings(),
1678
- $blogPost = this.elements.$blogPost;
1679
-
1680
- var layoutSettings = {
1681
- pageNumber: 1,
1682
- isLoaded: true,
1683
- count: 2,
1684
- equalHeight: settings.force_height,
1685
- layout: settings.premium_blog_layout,
1686
- carousel: 'yes' === settings.premium_blog_carousel ? true : false,
1687
- infinite: 'yes' === settings.premium_blog_infinite_scroll ? true : false,
1688
- scrollAfter: 'yes' === settings.scroll_to_offset ? true : false,
1689
- grid: 'yes' === settings.premium_blog_grid ? true : false,
1690
- total: $blogPost.data('total'),
1691
- };
1692
-
1693
-
1694
- if (layoutSettings.carousel) {
1695
-
1696
- layoutSettings.slidesToScroll = settings.slides_to_scroll;
1697
- layoutSettings.spacing = parseInt(settings.premium_blog_carousel_spacing);
1698
- layoutSettings.autoPlay = 'yes' === settings.premium_blog_carousel_play ? true : false;
1699
- layoutSettings.arrows = 'yes' === settings.premium_blog_carousel_arrows ? true : false;
1700
- layoutSettings.fade = 'yes' === settings.premium_blog_carousel_fade ? true : false;
1701
- layoutSettings.center = 'yes' === settings.premium_blog_carousel_center ? true : false;
1702
- layoutSettings.dots = 'yes' === settings.premium_blog_carousel_dots ? true : false;
1703
- layoutSettings.speed = '' !== settings.premium_blog_carousel_autoplay_speed ? parseInt(settings.premium_blog_carousel_autoplay_speed) : 5000;
1704
-
1705
- }
1706
-
1707
- this.settings = layoutSettings;
1708
-
1709
- },
1710
-
1711
- removeMetaSeparators: function () {
1712
-
1713
- var selectors = this.getSettings('selectors'),
1714
- $blogPost = this.$element.find(selectors.blogPost);
1715
-
1716
- var $metaSeparators = $blogPost.first().find(selectors.metaSeparators),
1717
- $user = $blogPost.find(selectors.user);
1718
-
1719
- if (1 === $metaSeparators.length) {
1720
- //If two meta only are enabled. One of them is author meta.
1721
- if (!$user.length) {
1722
- $blogPost.find(selectors.metaSeparators).remove();
1723
- }
1724
-
1725
- } else {
1726
- if (!$user.length) {
1727
- $blogPost.each(function (index, post) {
1728
- $(post).find(selectors.metaSeparators).first().remove();
1729
- });
1730
- }
1731
- }
1732
-
1733
- },
1734
- run: function () {
1735
-
1736
- var _this = this,
1737
- $blogElement = this.elements.$blogElement,
1738
- $activeCategory = this.elements.$activeCat.data('filter'),
1739
- $filterTabs = this.elements.$blogFilterTabs.length,
1740
- pagination = $blogElement.data("pagination");
1741
-
1742
- this.settings.activeCategory = $activeCategory;
1743
- this.settings.filterTabs = $filterTabs;
1744
-
1745
-
1746
-
1747
- if (this.settings.filterTabs) {
1748
- this.filterTabs();
1749
- }
1750
-
1751
- if (!this.settings.filterTabs || "*" === this.settings.activeCategory) {
1752
- if ("masonry" === this.settings.layout && !this.settings.carousel) {
1753
- $blogElement.imagesLoaded(function () {
1754
- $blogElement.isotope(_this.getIsoTopeSettings());
1755
- });
1756
- }
1757
- } else {
1758
- //If `All` categories not exist, then we need to get posts through AJAX.
1759
- this.getPostsByAjax(false);
1760
- }
1761
-
1762
- if (this.settings.carousel) {
1763
- $blogElement.slick(this.getSlickSettings());
1764
-
1765
- $blogElement.removeClass("premium-carousel-hidden");
1766
- }
1767
-
1768
- if ("even" === this.settings.layout && this.settings.equalHeight) {
1769
- $blogElement.imagesLoaded(function () {
1770
- _this.forceEqualHeight();
1771
- });
1772
- }
1773
-
1774
- if (pagination) {
1775
- this.paginate();
1776
- }
1777
-
1778
- if (this.settings.infinite && $blogElement.is(":visible")) {
1779
- this.getInfiniteScrollPosts();
1780
- }
1781
-
1782
- },
1783
-
1784
- paginate: function () {
1785
- var _this = this,
1786
- $scope = this.$element,
1787
- selectors = this.getSettings('selectors');
1788
-
1789
- $scope.on('click', '.premium-blog-pagination-container .page-numbers', function (e) {
1790
-
1791
- e.preventDefault();
1792
-
1793
- if ($(this).hasClass("current")) return;
1794
-
1795
- var currentPage = parseInt($scope.find(selectors.currentPage).html());
1796
-
1797
- if ($(this).hasClass('next')) {
1798
- _this.settings.pageNumber = currentPage + 1;
1799
- } else if ($(this).hasClass('prev')) {
1800
- _this.settings.pageNumber = currentPage - 1;
1801
- } else {
1802
- _this.settings.pageNumber = $(this).html();
1803
- }
1804
-
1805
- _this.getPostsByAjax(_this.settings.scrollAfter);
1806
-
1807
- })
1808
- },
1809
-
1810
- forceEqualHeight: function () {
1811
- var heights = new Array(),
1812
- contentWrapper = this.getSettings('selectors').contentWrapper,
1813
- $blogWrapper = this.$element.find(contentWrapper);
1814
-
1815
- $blogWrapper.each(function (index, post) {
1816
-
1817
- var height = $(post).outerHeight();
1818
-
1819
- heights.push(height);
1820
- });
1821
-
1822
- var maxHeight = Math.max.apply(null, heights);
1823
-
1824
- $blogWrapper.css("height", maxHeight + "px");
1825
- },
1826
-
1827
- getSlickSettings: function () {
1828
-
1829
- var settings = this.settings,
1830
- slickCols = settings.grid ? this.getSlickCols() : null,
1831
- cols = settings.grid ? slickCols.cols : 1,
1832
- colsTablet = settings.grid ? slickCols.colsTablet : 1,
1833
- colsMobile = settings.grid ? slickCols.colsMobile : 1,
1834
- prevArrow = settings.arrows ? '<a type="button" data-role="none" class="carousel-arrow carousel-prev" aria-label="Previous" role="button" style=""><i class="fas fa-angle-left" aria-hidden="true"></i></a>' : '',
1835
- nextArrow = settings.arrows ? '<a type="button" data-role="none" class="carousel-arrow carousel-next" aria-label="Next" role="button" style=""><i class="fas fa-angle-right" aria-hidden="true"></i></a>' : '';
1836
-
1837
- return {
1838
- infinite: true,
1839
- slidesToShow: cols,
1840
- slidesToScroll: settings.slidesToScroll || cols,
1841
- responsive: [{
1842
- breakpoint: 1025,
1843
- settings: {
1844
- slidesToShow: colsTablet,
1845
- slidesToScroll: 1
1846
- }
1847
- },
1848
- {
1849
- breakpoint: 768,
1850
- settings: {
1851
- slidesToShow: colsMobile,
1852
- slidesToScroll: 1
1853
- }
1854
- }
1855
- ],
1856
- autoplay: settings.autoPlay,
1857
- rows: 0,
1858
- autoplaySpeed: settings.speed,
1859
- nextArrow: nextArrow,
1860
- prevArrow: prevArrow,
1861
- fade: settings.fade,
1862
- centerMode: settings.center,
1863
- centerPadding: settings.spacing + "px",
1864
- draggable: true,
1865
- dots: settings.dots,
1866
- customPaging: function () {
1867
- return '<i class="fas fa-circle"></i>';
1868
- }
1869
- }
1870
-
1871
- },
1872
-
1873
- getSlickCols: function () {
1874
- var slickCols = this.getElementSettings(),
1875
- cols = slickCols.premium_blog_columns_number,
1876
- colsTablet = slickCols.premium_blog_columns_number_tablet,
1877
- colsMobile = slickCols.premium_blog_columns_number_mobile;
1878
-
1879
- return {
1880
- cols: parseInt(100 / cols.substr(0, cols.indexOf('%'))),
1881
- colsTablet: parseInt(100 / colsTablet.substr(0, colsTablet.indexOf('%'))),
1882
- colsMobile: parseInt(100 / colsMobile.substr(0, colsMobile.indexOf('%'))),
1883
- }
1884
-
1885
- },
1886
-
1887
- getIsoTopeSettings: function () {
1888
- return {
1889
- itemSelector: ".premium-blog-post-outer-container",
1890
- percentPosition: true,
1891
- filter: this.settings.activeCategory,
1892
- animationOptions: {
1893
- duration: 750,
1894
- easing: "linear",
1895
- queue: false
1896
- }
1897
- }
1898
- },
1899
-
1900
- filterTabs: function () {
1901
-
1902
- var _this = this,
1903
- selectors = this.getSettings('selectors'),
1904
- $filterLinks = this.elements.$filterLinks;
1905
-
1906
- $filterLinks.click(function (e) {
1907
-
1908
- e.preventDefault();
1909
-
1910
- _this.$element.find(selectors.activeElememnt).removeClass("active");
1911
-
1912
- $(this).addClass("active");
1913
-
1914
- //Get clicked tab slug
1915
- _this.settings.activeCategory = $(this).attr("data-filter");
1916
-
1917
- _this.settings.pageNumber = 1;
1918
-
1919
- if (_this.settings.infinite) {
1920
- _this.getPostsByAjax(false);
1921
- _this.settings.count = 2;
1922
- _this.getInfiniteScrollPosts();
1923
- } else {
1924
- //Make sure to reset pagination before sending our AJAX request
1925
- _this.getPostsByAjax(_this.settings.scrollAfter);
1926
- }
1927
-
1928
- });
1929
- },
1930
-
1931
- getPostsByAjax: function (shouldScroll) {
1932
-
1933
- //If filter tabs is not enabled, then always set category to all.
1934
- if ('undefined' === typeof this.settings.activeCategory) {
1935
- this.settings.activeCategory = '*';
1936
- }
1937
-
1938
- var _this = this,
1939
- $blogElement = this.elements.$blogElement,
1940
- selectors = this.getSettings('selectors');
1941
-
1942
- $.ajax({
1943
- url: PremiumSettings.ajaxurl,
1944
- dataType: 'json',
1945
- type: 'POST',
1946
- data: {
1947
- action: 'pa_get_posts',
1948
- page_id: $blogElement.data('page'),
1949
- widget_id: _this.$element.data('id'),
1950
- page_number: _this.settings.pageNumber,
1951
- category: _this.settings.activeCategory,
1952
- nonce: PremiumSettings.nonce,
1953
- },
1954
- beforeSend: function () {
1955
-
1956
- $blogElement.append('<div class="premium-loading-feed"><div class="premium-loader"></div></div>');
1957
-
1958
- if (shouldScroll) {
1959
- $('html, body').animate({
1960
- scrollTop: (($blogElement.offset().top) - 50)
1961
- }, 'slow');
1962
- }
1963
-
1964
- },
1965
- success: function (res) {
1966
- if (!res.data)
1967
- return;
1968
-
1969
- $blogElement.find(selectors.loading).remove();
1970
-
1971
- var posts = res.data.posts,
1972
- paging = res.data.paging;
1973
-
1974
- if (_this.settings.infinite) {
1975
- _this.settings.isLoaded = true;
1976
- if (_this.settings.filterTabs && _this.settings.pageNumber === 1) {
1977
- $blogElement.html(posts);
1978
- } else {
1979
- $blogElement.append(posts);
1980
- }
1981
- } else {
1982
- //Render the new markup into the widget
1983
- $blogElement.html(posts);
1984
-
1985
- _this.$element.find(".premium-blog-footer").html(paging);
1986
- }
1987
-
1988
- _this.removeMetaSeparators();
1989
-
1990
- //Make sure grid option is enabled.
1991
- if (_this.settings.layout) {
1992
- if ("even" === _this.settings.layout) {
1993
- if (_this.settings.equalHeight)
1994
- _this.forceEqualHeight();
1995
-
1996
- } else {
1997
-
1998
- $blogElement.imagesLoaded(function () {
1999
-
2000
- $blogElement.isotope('reloadItems');
2001
- $blogElement.isotope({
2002
- itemSelector: ".premium-blog-post-outer-container",
2003
- animate: false
2004
- });
2005
- });
2006
- }
2007
- }
2008
-
2009
- },
2010
- error: function (err) {
2011
- console.log(err);
2012
- }
2013
-
2014
- });
2015
- },
2016
-
2017
- getInfiniteScrollPosts: function () {
2018
- var windowHeight = jQuery(window).outerHeight() / 1.25,
2019
- _this = this;
2020
-
2021
- $(window).scroll(function () {
2022
-
2023
- if (_this.settings.filterTabs) {
2024
- $blogPost = _this.elements.$blogElement.find(".premium-blog-post-outer-container");
2025
- _this.settings.total = $blogPost.data('total');
2026
- }
2027
-
2028
- if (_this.settings.count <= _this.settings.total) {
2029
- if (($(window).scrollTop() + windowHeight) >= (_this.$element.find('.premium-blog-post-outer-container:last').offset().top)) {
2030
- if (true == _this.settings.isLoaded) {
2031
- _this.settings.pageNumber = _this.settings.count;
2032
- _this.getPostsByAjax(false);
2033
- _this.settings.count++;
2034
- _this.settings.isLoaded = false;
2035
- }
2036
-
2037
- }
2038
- }
2039
- });
2040
- },
2041
-
2042
- });
2043
-
2044
- /****** Premium Image Scroll Handler ******/
2045
- var PremiumImageScrollHandler = function ($scope, $) {
2046
- var scrollElement = $scope.find(".premium-image-scroll-container"),
2047
- scrollOverlay = scrollElement.find(".premium-image-scroll-overlay"),
2048
- scrollVertical = scrollElement.find(".premium-image-scroll-vertical"),
2049
- dataElement = scrollElement.data("settings"),
2050
- imageScroll = scrollElement.find("img"),
2051
- direction = dataElement["direction"],
2052
- reverse = dataElement["reverse"],
2053
- transformOffset = null;
2054
-
2055
- function startTransform() {
2056
- imageScroll.css("transform", (direction === "vertical" ? "translateY" : "translateX") + "( -" +
2057
- transformOffset + "px)");
2058
- }
2059
-
2060
- function endTransform() {
2061
- imageScroll.css("transform", (direction === "vertical" ? "translateY" : "translateX") + "(0px)");
2062
- }
2063
-
2064
- function setTransform() {
2065
- if (direction === "vertical") {
2066
- transformOffset = imageScroll.height() - scrollElement.height();
2067
- } else {
2068
- transformOffset = imageScroll.width() - scrollElement.width();
2069
- }
2070
- }
2071
- if (dataElement["trigger"] === "scroll") {
2072
- scrollElement.addClass("premium-container-scroll");
2073
- if (direction === "vertical") {
2074
- scrollVertical.addClass("premium-image-scroll-ver");
2075
- } else {
2076
- scrollElement.imagesLoaded(function () {
2077
- scrollOverlay.css({
2078
- width: imageScroll.width(),
2079
- height: imageScroll.height()
2080
- });
2081
- });
2082
- }
2083
- } else {
2084
- if (reverse === "yes") {
2085
- scrollElement.imagesLoaded(function () {
2086
- scrollElement.addClass("premium-container-scroll-instant");
2087
- setTransform();
2088
- startTransform();
2089
- });
2090
- }
2091
- if (direction === "vertical") {
2092
- scrollVertical.removeClass("premium-image-scroll-ver");
2093
- }
2094
- scrollElement.mouseenter(function () {
2095
- scrollElement.removeClass("premium-container-scroll-instant");
2096
- setTransform();
2097
- reverse === "yes" ? endTransform() : startTransform();
2098
- });
2099
- scrollElement.mouseleave(function () {
2100
- reverse === "yes" ? startTransform() : endTransform();
2101
- });
2102
- }
2103
- };
2104
-
2105
-
2106
- /****** Premium Contact Form 7 Handler ******/
2107
- var PremiumContactFormHandler = function ($scope, $) {
2108
-
2109
- var $contactForm = $scope.find(".premium-cf7-container");
2110
- var $input = $contactForm.find(
2111
- 'input[type="text"], input[type="email"], textarea, input[type="password"], input[type="date"], input[type="number"], input[type="tel"], input[type="file"], input[type="url"]'
2112
- );
2113
-
2114
- $input.wrap("<span class='wpcf7-span'>");
2115
-
2116
- $input.on("focus blur", function () {
2117
- $(this).closest(".wpcf7-span").toggleClass("is-focused");
2118
- });
2119
- };
2120
-
2121
- /****** Premium Team Members Handler ******/
2122
- var PremiumTeamMembersHandler = ModuleHandler.extend({
2123
-
2124
- getDefaultSettings: function () {
2125
-
2126
- return {
2127
- slick: {
2128
- infinite: true,
2129
- rows: 0,
2130
- prevArrow: '<a type="button" data-role="none" class="carousel-arrow carousel-prev" aria-label="Next" role="button" style=""><i class="fas fa-angle-left" aria-hidden="true"></i></a>',
2131
- nextArrow: '<a type="button" data-role="none" class="carousel-arrow carousel-next" aria-label="Next" role="button" style=""><i class="fas fa-angle-right" aria-hidden="true"></i></a>',
2132
- draggable: true,
2133
- pauseOnHover: true,
2134
- },
2135
- selectors: {
2136
- multiplePersons: '.multiple-persons',
2137
- person: '.premium-person-container',
2138
- personCarousel: '.premium-person-container.slick-active',
2139
- personImg: '.premium-person-image-container img',
2140
-
2141
- }
2142
- }
2143
- },
2144
-
2145
- getDefaultElements: function () {
2146
-
2147
- var selectors = this.getSettings('selectors');
2148
-
2149
- return {
2150
- $multiplePersons: this.$element.find(selectors.multiplePersons),
2151
- $persons: this.$element.find(selectors.person),
2152
- $personImg: this.$element.find(selectors.personImg),
2153
- }
2154
-
2155
- },
2156
- bindEvents: function () {
2157
- this.run();
2158
- },
2159
- getSlickSettings: function () {
2160
-
2161
- var settings = this.getElementSettings(),
2162
- rtl = this.elements.$multiplePersons.data("rtl"),
2163
- colsNumber = settings.persons_per_row,
2164
- colsTablet = settings.persons_per_row_tablet,
2165
- colsMobile = settings.persons_per_row_mobile;
2166
-
2167
- return Object.assign(this.getSettings('slick'), {
2168
-
2169
- slidesToShow: parseInt(100 / colsNumber.substr(0, colsNumber.indexOf('%'))),
2170
- slidesToScroll: parseInt(100 / colsNumber.substr(0, colsNumber.indexOf('%'))),
2171
- responsive: [{
2172
- breakpoint: 1025,
2173
- settings: {
2174
- slidesToShow: parseInt(100 / colsTablet.substr(0, colsTablet.indexOf('%'))),
2175
- slidesToScroll: 1
2176
- }
2177
- },
2178
- {
2179
- breakpoint: 768,
2180
- settings: {
2181
- slidesToShow: parseInt(100 / colsMobile.substr(0, colsMobile.indexOf('%'))),
2182
- slidesToScroll: 1
2183
- }
2184
- }
2185
- ],
2186
- autoplay: settings.carousel_play,
2187
- rtl: rtl ? true : false,
2188
- autoplaySpeed: settings.speed || 5000,
2189
-
2190
- });
2191
-
2192
-
2193
- },
2194
-
2195
- runEqualHeight: function () {
2196
-
2197
- var $persons = this.elements.$persons,
2198
- $personImg = this.elements.$personImg;
2199
-
2200
- var selectors = this.getSettings('selectors'),
2201
- carousel = this.getElementSettings('carousel'),
2202
- heights = new Array();
2203
-
2204
- if (carousel) {
2205
- $persons = this.$element.find(selectors.personCarousel);
2206
- }
2207
-
2208
- $persons.each(function (index, person) {
2209
- $(person).imagesLoaded(function () { }).done(function () {
2210
-
2211
- var imageHeight = $(person).find(selectors.personImg).outerHeight();
2212
-
2213
- heights.push(imageHeight);
2214
- });
2215
- });
2216
-
2217
- $persons.imagesLoaded(function () { }).done(function () {
2218
- var maxHeight = Math.max.apply(null, heights);
2219
- $personImg.css("height", maxHeight + "px");
2220
- });
2221
-
2222
- },
2223
-
2224
- run: function () {
2225
-
2226
- var $multiplePersons = this.elements.$multiplePersons,
2227
- _this = this;
2228
-
2229
- if (!$multiplePersons.length) return;
2230
-
2231
- if ("yes" === $multiplePersons.data("persons-equal")) {
2232
- this.runEqualHeight();
2233
- }
2234
-
2235
- var carousel = this.getElementSettings('carousel');
2236
-
2237
- if (carousel)
2238
- $multiplePersons.slick(this.getSlickSettings());
2239
-
2240
- }
2241
-
2242
- });
2243
-
2244
- /****** Premium Title Handler ******/
2245
- var PremiumTitleHandler = function ($scope, $) {
2246
-
2247
- var $titleContainer = $scope.find(".premium-title-container"),
2248
- $titleElement = $titleContainer.find('.premium-title-text');
2249
-
2250
- if ($titleContainer.hasClass('style9')) {
2251
- var $style9 = $scope.find(".premium-title-style9");
2252
-
2253
- $style9.each(function () {
2254
- var elm = $(this);
2255
- var holdTime = elm.attr('data-blur-delay') * 1000;
2256
- elm.attr('data-animation-blur', 'process')
2257
- elm.find('.premium-title-style9-letter').each(function (index, letter) {
2258
- index += 1;
2259
- var animateDelay;
2260
- if ($('body').hasClass('rtl')) {
2261
- animateDelay = 0.2 / index + 's';
2262
- } else {
2263
- animateDelay = index / 20 + 's';
2264
- }
2265
- $(letter).css({
2266
- '-webkit-animation-delay': animateDelay,
2267
- 'animation-delay': animateDelay
2268
- });
2269
- })
2270
- setInterval(function () {
2271
- elm.attr('data-animation-blur', 'done')
2272
- setTimeout(function () {
2273
- elm.attr('data-animation-blur', 'process')
2274
- }, 150);
2275
- }, holdTime);
2276
- });
2277
- }
2278
-
2279
-
2280
- if ($titleContainer.hasClass('style8')) {
2281
-
2282
- var holdTime = $titleElement.attr('data-shiny-delay') * 1000,
2283
- duration = $titleElement.attr('data-shiny-dur') * 1000;
2284
-
2285
- function shinyEffect() {
2286
- $titleElement.get(0).setAttribute('data-animation', 'shiny');
2287
- setTimeout(function () {
2288
- $titleElement.removeAttr('data-animation')
2289
- }, duration);
2290
- }
2291
-
2292
- (function repeat() {
2293
- shinyEffect();
2294
- setTimeout(repeat, holdTime);
2295
- })();
2296
- }
2297
-
2298
- };
2299
-
2300
- /****** Premium Bullet List Handler ******/
2301
- var PremiumBulletListHandler = function ($scope, $) {
2302
-
2303
- var $listItems = $scope.find(".premium-bullet-list-box"),
2304
- items = $listItems.find(".premium-bullet-list-content");
2305
-
2306
- items.each(function (index, item) {
2307
-
2308
- if ($listItems.data("list-animation") && " " != $listItems.data("list-animation")) {
2309
- elementorFrontend.waypoint($(item), function () {
2310
-
2311
- var element = $(item),
2312
- delay = element.data('delay');
2313
-
2314
- setTimeout(function () {
2315
- element.next('.premium-bullet-list-divider , .premium-bullet-list-divider-inline').css("opacity", "1");
2316
- element.next('.premium-bullet-list-divider-inline , .premium-bullet-list-divider').addClass("animated " + $listItems.data("list-animation"));
2317
-
2318
- element.css("opacity", "1").addClass("animated " + $listItems.data("list-animation"));
2319
- }, delay);
2320
-
2321
- });
2322
- }
2323
-
2324
- });
2325
- };
2326
-
2327
- /****** Premium Grow Effect Handler ******/
2328
- var PremiumButtonHandler = function ($scope, $) {
2329
-
2330
- var $btnGrow = $scope.find('.premium-button-style6-bg');
2331
-
2332
- if ($btnGrow.length !== 0 && $scope.hasClass('premium-mouse-detect-yes')) {
2333
- $scope.on('mouseenter mouseleave', '.premium-button-style6', function (e) {
2334
-
2335
- var parentOffset = $(this).offset(),
2336
- left = e.pageX - parentOffset.left,
2337
- top = e.pageY - parentOffset.top;
2338
-
2339
- $btnGrow.css({
2340
- top: top,
2341
- left: left,
2342
- });
2343
-
2344
- });
2345
- }
2346
-
2347
- };
2348
-
2349
- var PremiumMaskHandler = function ($scope, $) {
2350
- var mask = $scope.hasClass('premium-mask-yes');
2351
-
2352
- if (!mask) return;
2353
-
2354
- if ('premium-addon-title.default' === $scope.data('widget_type')) {
2355
- var target = '.premium-title-header';
2356
- $scope.find(target).find('.premium-title-icon, .premium-title-img').addClass('premium-mask-span');
2357
- } else {
2358
- var target = '.premium-dual-header-first-header';
2359
- }
2360
-
2361
- $scope.find(target).find('span:not(.premium-title-style7-stripe-wrap):not(.premium-title-img)').each(function (index, span) {
2362
- var html = '';
2363
-
2364
- $(this).text().split(' ').forEach(function (item) {
2365
- if ('' !== item) {
2366
- html += ' <span class="premium-mask-span">' + item + '</span>';
2367
- }
2368
- });
2369
-
2370
- $(this).text('').append(html);
2371
- });
2372
-
2373
- elementorFrontend.waypoint($scope, function () {
2374
- $($scope).addClass('premium-mask-active');
2375
- });
2376
- };
2377
-
2378
- /**Premium Nav Menu */
2379
- var PremiumNavMenuHandler = function ($scope, $) {
2380
-
2381
- // we don't need to wait for content dom load since the script is loaded in the footer.
2382
- $scope.find('.premium-nav-widget-container').removeClass('elementor-invisible');
2383
-
2384
- var settings = $scope.find('.premium-nav-widget-container').data('settings');
2385
-
2386
- if (!settings) {
2387
- return;
2388
- }
2389
-
2390
- var $menuContainer = $scope.find('.premium-mobile-menu'),
2391
- $menuToggler = $scope.find('.premium-hamburger-toggle'),
2392
- $hamMenuCloser = $scope.find('.premium-mobile-menu-close'),
2393
- $centeredItems = $scope.find('.premium-mega-content-centered'),
2394
- $fullWidthItems = $scope.find('.premium-nav-menu-container li[data-full-width="true"]'),
2395
- stickyProps = {},
2396
- refreshPos = false,
2397
- stickyIndex = 'stickyPos' + $scope.data('id'),
2398
- stickyWidthIndex = 'stickyWidth' + $scope.data('id');
2399
-
2400
- /**
2401
- * Save current device to use it later to determine if the device changed on resize.
2402
- */
2403
- window.PaCurrStickyDevice = elementorFrontend.getCurrentDeviceMode();
2404
-
2405
- $centeredItems.each(function (index, item) {
2406
- $(item).closest(".premium-nav-menu-item").addClass("premium-mega-item-static");
2407
- });
2408
-
2409
- if ('slide' === settings.mobileLayout || 'slide' === settings.mainLayout) {
2410
- $scope.addClass('premium-ver-hamburger-menu');
2411
- }
2412
-
2413
- if (settings.rn_badges) {
2414
- addRandBadges(settings.rn_badges);
2415
- }
2416
-
2417
- // check badges effects.
2418
- if ('' !== settings.hoverEffect) {
2419
-
2420
- var $badgedItems = $scope.find('.premium-mega-content-container .premium-badge-' + settings.hoverEffect + ' , .premium-sub-menu .premium-badge-' + settings.hoverEffect);
2421
-
2422
- $badgedItems.each(function (index, $item) {
2423
- $($item).mouseenter(function () {
2424
- $($item).removeClass('premium-badge-' + settings.hoverEffect);
2425
- }).mouseleave(function () {
2426
- $($item).addClass('premium-badge-' + settings.hoverEffect);
2427
- });
2428
- });
2429
- }
2430
-
2431
-
2432
- var isMobileMenu = isDesktopMenu = null;
2433
- checkBreakPoint(settings);
2434
-
2435
- if ($scope.hasClass('premium-nav-hor')) {
2436
- checkMegaContentWidth();
2437
- }
2438
-
2439
- checkStickyEffect();
2440
-
2441
- // Set menu items to full width.
2442
- function checkMegaContentWidth() {
2443
- $fullWidthItems.each(function (index, item) {
2444
- fullWidthContent($(item));
2445
- });
2446
- }
2447
-
2448
- $hamMenuCloser.on('click', function () {
2449
- $scope.find('.premium-mobile-menu-outer-container, .premium-nav-slide-overlay').removeClass('premium-vertical-toggle-open');
2450
- });
2451
-
2452
- $menuToggler.on('click', function () {
2453
- if ('slide' === settings.mobileLayout || 'slide' === settings.mainLayout) {
2454
- $scope.find('.premium-mobile-menu-outer-container, .premium-nav-slide-overlay').addClass('premium-vertical-toggle-open');
2455
- } else {
2456
- // $menuContainer.toggleClass('premium-active-menu');
2457
- if ($($menuContainer).hasClass('premium-active-menu')) {
2458
- $scope.find('.premium-mobile-menu-container').slideUp('slow', function () {
2459
- $menuContainer.removeClass('premium-active-menu');
2460
- $scope.find('.premium-mobile-menu-container').show();
2461
- });
2462
- } else {
2463
-
2464
- $menuContainer.addClass('premium-active-menu');
2465
- }
2466
- }
2467
-
2468
- $menuToggler.toggleClass('premium-toggle-opened'); // show/hide close icon/text.
2469
- });
2470
-
2471
- $menuContainer.find('.premium-nav-menu-item.menu-item-has-children a, .premium-mega-nav-item a').on('click', function (e) {
2472
-
2473
- if ($(this).find(".premium-dropdown-icon").length < 1)
2474
- return;
2475
-
2476
- var $parent = $(this).parent(".premium-nav-menu-item");
2477
-
2478
- e.stopPropagation();
2479
- e.preventDefault();
2480
-
2481
- //If it was opened, then close it.
2482
- if ($parent.hasClass('premium-active-menu')) {
2483
- $parent.toggleClass('premium-active-menu');
2484
-
2485
- } else {
2486
- //Close any other opened items.
2487
- $menuContainer.find('.premium-active-menu').toggleClass('premium-active-menu');
2488
- //Then, open this item.
2489
- $parent.toggleClass('premium-active-menu');
2490
- // make sure the parent node is always open whenever the child node is opened.
2491
- $($parent).parents('.premium-nav-menu-item.menu-item-has-children').toggleClass('premium-active-menu');
2492
- }
2493
- });
2494
-
2495
- $(document).on('click', '.premium-nav-slide-overlay', function () {
2496
- $scope.find('.premium-mobile-menu-outer-container, .premium-nav-slide-overlay').removeClass('premium-vertical-toggle-open');
2497
- });
2498
-
2499
- $(document).on('click.PaCloseMegaMenu', function (event) {
2500
- var isTabsItem = $(event.target).closest('.premium-tabs-nav-list-item').length,
2501
- isWidgetContainer = $(event.target).closest('.premium-nav-widget-container').length;
2502
-
2503
- if (!isWidgetContainer && !isTabsItem) {
2504
- if ($($menuContainer).hasClass('premium-active-menu')) {
2505
- $menuToggler.click();
2506
- }
2507
- }
2508
- });
2509
-
2510
- $(window).on('resize', function () {
2511
-
2512
- if (window.PaCurrStickyDevice !== elementorFrontend.getCurrentDeviceMode()) {
2513
- refreshPos = true;
2514
- window.PaCurrStickyDevice = elementorFrontend.getCurrentDeviceMode();
2515
- }
2516
-
2517
- checkBreakPoint(settings);
2518
-
2519
- if ($scope.hasClass('premium-nav-hor')) {
2520
- checkMegaContentWidth();
2521
- }
2522
-
2523
- checkStickyEffect();
2524
- });
2525
-
2526
- // vertical toggler.
2527
- if ($scope.hasClass('premium-ver-toggle-yes') && $scope.hasClass('premium-ver-click')) {
2528
- $scope.find('.premium-ver-toggler').on('click', function () {
2529
- $scope.find('.premium-nav-widget-container').toggleClass('premium-ver-collapsed', 500);
2530
- });
2531
- }
2532
-
2533
- /**
2534
- * Full Width Mega Content.
2535
- */
2536
- function fullWidthContent($item) {
2537
-
2538
- var $parentSec = $scope.closest('.elementor-top-section, .e-container--row'),
2539
- width = $parentSec.outerWidth(),
2540
- sectionLeft = $parentSec.offset().left - $item.offset().left;
2541
-
2542
- $($item).removeClass('premium-mega-item-static').find('.premium-mega-content-container, > .premium-sub-menu').css({
2543
- width: width + 'px',
2544
- left: sectionLeft + 'px',
2545
- });
2546
- }
2547
-
2548
- function checkBreakPoint(settings) {
2549
-
2550
- //Trigger small screen menu.
2551
- if (settings.breakpoint >= $(window).width() && !isMobileMenu) {
2552
- // remove the vertical toggler.
2553
- $scope.find('.premium-ver-toggler').css('display', 'none');
2554
- $scope.addClass('premium-hamburger-menu');
2555
- $scope.find('.premium-active-menu').removeClass('premium-active-menu');
2556
- stretchDropdown($scope.find('.premium-stretch-dropdown .premium-mobile-menu-container'));
2557
-
2558
- isMobileMenu = true;
2559
- isDesktopMenu = false;
2560
-
2561
- //Trigger large screen menu.
2562
- } else if (settings.breakpoint < $(window).width() && !isDesktopMenu) {
2563
-
2564
- // show the vertical toggler if enabled.
2565
- if ($scope.hasClass('premium-ver-toggle-yes')) {
2566
- $scope.find('.premium-ver-toggler').css('display', 'flex');
2567
- }
2568
-
2569
- $menuToggler.removeClass('premium-toggle-opened');
2570
- $scope.find(".premium-mobile-menu-container .premium-active-menu").removeClass("premium-active-menu");
2571
- $scope.removeClass('premium-hamburger-menu premium-ham-dropdown');
2572
- $scope.find('.premium-vertical-toggle-open').removeClass('premium-vertical-toggle-open');
2573
- $scope.find('.premium-nav-default').removeClass('premium-nav-default');
2574
-
2575
- isDesktopMenu = true;
2576
- isMobileMenu = false;
2577
- }
2578
-
2579
- }
2580
-
2581
- /**
2582
- * Full Width Option.
2583
- * Shows the mobile menu beneath the widget's parent(section).
2584
- */
2585
- function stretchDropdown($menu) {
2586
-
2587
- if (!$menu.length) return;
2588
-
2589
- var $parentSec = $($scope).closest('.elementor-top-section, .e-container--row'),
2590
- width = $($parentSec).outerWidth(),
2591
- widgetTop = $scope.offset().top,
2592
- parentBottom = $($parentSec).offset().top + $($parentSec).outerHeight(),
2593
- stretchTop = parentBottom - widgetTop,
2594
- stretchLeft = $scope.offset().left - $($parentSec).offset().left;
2595
-
2596
- $($menu).css({
2597
- width: width + 'px',
2598
- left: '-' + stretchLeft + 'px',
2599
- top: stretchTop + 'px',
2600
- });
2601
- }
2602
-
2603
- /**
2604
- * Sticky Effect.
2605
- */
2606
-
2607
- function checkStickyEffect() {
2608
-
2609
- var isSticky = $scope.hasClass('premium-nav-sticky-yes') &&
2610
- // settings.stickyOptions &&
2611
- $('#' + settings.stickyOptions.targetId).length &&
2612
- !settings.stickyOptions.disableOn.includes(elementorFrontend.getCurrentDeviceMode());
2613
-
2614
- if (isSticky) {
2615
- stickyProps = settings.stickyOptions;
2616
-
2617
- stickyProps.spacerClass = 'premium-sticky-spacer-' + $('#' + stickyProps.targetId).data('id');
2618
-
2619
- $('#' + stickyProps.targetId).addClass('premium-sticky-active');
2620
-
2621
- setStickyWidth(stickyProps);
2622
-
2623
- // Add spacer to save the sticky target space in the dom.
2624
- if (0 === $('.' + stickyProps.spacerClass).length) {
2625
- $('<div class="' + stickyProps.spacerClass + '"></div>').insertBefore('#' + stickyProps.targetId);
2626
- }
2627
-
2628
- $(window).on('load', applyStickyEffect);
2629
- $(window).on('scroll.PaStickyNav', applyStickyEffect);
2630
-
2631
- } else {
2632
- $(window).off('scroll.PaStickyNav');
2633
-
2634
- $('<div class="' + stickyProps.spacerClass + '"></div>').remove(); // remove spacer
2635
- $('#' + stickyProps.targetId).removeClass('premium-sticky-parent premium-sticky-active premium-sticky-parent-' + $scope.data('id')).css({ // unset style
2636
- top: 'unset',
2637
- width: 'inherit',
2638
- position: 'relative'
2639
- });
2640
- }
2641
- }
2642
-
2643
- /**
2644
- * we need to get the original width before setting
2645
- * the position to fixed.
2646
- */
2647
- function setStickyWidth(stickyProps) {
2648
- // TODO: check if we can use the spacer's width directly instead.
2649
- var currStickyWidth = stickyWidthIndex + elementorFrontend.getCurrentDeviceMode(),
2650
- isSticky = $('#' + stickyProps.targetId).hasClass('premium-sticky-parent'); // ==> fixed position
2651
-
2652
- if (isSticky) {
2653
- $('#' + stickyProps.targetId).css({
2654
- position: 'relative',
2655
- width: 'inherit'
2656
- });
2657
- }
2658
-
2659
- window[currStickyWidth] = $('#' + stickyProps.targetId).outerWidth() + 'px';
2660
-
2661
- if (isSticky) {
2662
-
2663
- $('#' + stickyProps.targetId).css({
2664
- position: 'fixed',
2665
- width: window[currStickyWidth]
2666
- });
2667
- }
2668
- }
2669
-
2670
- function applyStickyEffect() {
2671
-
2672
- var $adminBarHeight = elementorFrontend.elements.$wpAdminBar.height() ? elementorFrontend.elements.$wpAdminBar.height() : 0,
2673
- scrollTop = $(window).scrollTop() + $adminBarHeight,
2674
- currStickyWidth = stickyWidthIndex + elementorFrontend.getCurrentDeviceMode();
2675
-
2676
- if (!window[stickyIndex] || refreshPos) { // save the offset
2677
- window[stickyIndex] = $('.' + stickyProps.spacerClass).offset().top;
2678
- refreshPos = false;
2679
- }
2680
-
2681
- if (scrollTop >= window[stickyIndex]) {
2682
-
2683
- $('.' + stickyProps.spacerClass).css('height', $('#' + stickyProps.targetId).outerHeight() + 'px');
2684
- $('#' + stickyProps.targetId).addClass('premium-sticky-parent premium-sticky-parent-' + $scope.data('id')).css({
2685
- width: window[currStickyWidth],
2686
- top: $adminBarHeight,
2687
- position: 'fixed'
2688
- });
2689
-
2690
- } else {
2691
- $('.' + stickyProps.spacerClass).css('height', '0px');
2692
- $('#' + stickyProps.targetId).removeClass('premium-sticky-parent premium-sticky-parent-' + $scope.data('id')).css({
2693
- top: 'unset',
2694
- width: 'inherit',
2695
- position: 'relative'
2696
- });
2697
- }
2698
-
2699
- // sticky on scroll option.
2700
- if (stickyProps.onScroll) {
2701
- var $element = document.querySelector('#' + stickyProps.targetId + '.premium-sticky-parent');
2702
-
2703
- if ($element) {
2704
- $('#' + stickyProps.targetId + '.premium-sticky-parent').addClass('premium-sticky-scroll-yes');
2705
- var headroom = new Headroom($element,
2706
- {
2707
- tolerance: 5,
2708
- classes: {
2709
- initial: "animated",
2710
- pinned: "slideDown",
2711
- unpinned: "slideUp",
2712
- offset: {
2713
- up: $('#' + stickyProps.targetId).outerHeight() + 150, // first time only.
2714
- },
2715
- }
2716
- });
2717
-
2718
- headroom.init();
2719
- }
2720
- } else {
2721
- $('#' + stickyProps.targetId + '.premium-sticky-parent').removeClass('premium-sticky-scroll-yes');
2722
- }
2723
- }
2724
-
2725
- /**
2726
- * Random Badges.
2727
- */
2728
-
2729
- function addRandBadges(badges) {
2730
-
2731
- var $menuContainer = ['hor', 'ver'].includes(settings.mainLayout) ? $scope.find('.premium-nav-menu-container') : $scope.find('.premium-mobile-menu-container');
2732
-
2733
- badges.forEach(function (badge) {
2734
- var targetCount = $menuContainer.find(badge.selector + ':not(.has-pa-badge)').length;
2735
-
2736
- if ('' === badge.selector || !targetCount) return;
2737
-
2738
- // get no of appearnces & elements.
2739
- var randTargetsIndex = getRandTargetsIndex(badge.max, targetCount);
2740
-
2741
- addBadge(badge, randTargetsIndex);
2742
- });
2743
- }
2744
-
2745
- function getRandTargetsIndex(max, targetCount) {
2746
- var showTimes = getRandInt(max),
2747
- targetIndex = [];
2748
-
2749
- for (var index = 0; index < showTimes; index++) {
2750
-
2751
- var target = getRandInt(targetCount);
2752
-
2753
- if (!targetIndex.includes(target)) {
2754
- targetIndex.push(target);
2755
- }
2756
- }
2757
-
2758
- return targetIndex;
2759
- }
2760
-
2761
- function getRandInt(max) {
2762
- return Math.floor(Math.random() * max) + 1;
2763
- }
2764
-
2765
- function addBadge(badge, targetsIndex) {
2766
-
2767
- var badgeHtml = getBadgeHtml(badge),
2768
- targets = $scope.find('.premium-nav-menu-container ' + badge.selector + ':not(.has-pa-badge)')
2769
- mobileTargets = $scope.find('.premium-mobile-menu-container ' + badge.selector + ':not(.has-pa-badge)'),
2770
- hoverEffectClass = '' !== settings.hoverEffect ? 'premium-badge-' + settings.hoverEffect : '';
2771
-
2772
- for (var index = 0; index < targetsIndex.length; index++) {
2773
-
2774
- if (['hor', 'ver'].includes(settings.mainLayout)) {
2775
-
2776
- $scope.find(targets[targetsIndex[index] - 1])
2777
- .css('position', 'relative')
2778
- .addClass('has-pa-badge ' + hoverEffectClass)
2779
- .append(badgeHtml);
2780
- }
2781
-
2782
- $scope.find(mobileTargets[targetsIndex[index] - 1])
2783
- .css('position', 'relative')
2784
- .addClass('has-pa-badge ' + hoverEffectClass)
2785
- .append(badgeHtml);
2786
-
2787
- }
2788
- }
2789
-
2790
- function getBadgeHtml(badge) {
2791
- return '<span class="premium-rn-badge elementor-repeater-item-' + badge.id + '">' + badge.text + '</span>';
2792
- }
2793
- };
2794
-
2795
- var PremiumSVGDrawerHandler = ModuleHandler.extend({
2796
-
2797
- bindEvents: function () {
2798
- this.run();
2799
- },
2800
-
2801
- run: function () {
2802
-
2803
- var $scope = this.$element;
2804
-
2805
- $scope.find(".elementor-invisible").removeClass("elementor-invisible");
2806
-
2807
- //remove title HTML tag
2808
- $scope.find("title").remove();
2809
-
2810
- if (!$scope.hasClass("premium-svg-animated-yes"))
2811
- return;
2812
-
2813
- var elemID = $scope.data("id"),
2814
- settings = this.getElementSettings(),
2815
- scrollAction = settings.scroll_action,
2816
- scrollTrigger = null;
2817
-
2818
-
2819
- if ('automatic' === scrollAction) {
2820
-
2821
- scrollTrigger = 'custom' !== settings.animate_trigger ? settings.animate_trigger : settings.animate_offset.size + "%";
2822
-
2823
- var animRev = settings.anim_rev ? 'pause play reverse' : 'none',
2824
- timeLine = new TimelineMax({
2825
- repeat: settings.loop ? -1 : 0,
2826
- yoyo: settings.yoyo ? true : false,
2827
- scrollTrigger: {
2828
- trigger: '.elementor-element-' + elemID,
2829
- toggleActions: "play " + animRev,
2830
- start: "top " + scrollTrigger, //when the top of the element hits that offset of the viewport.
2831
- }
2832
- });
2833
-
2834
-
2835
- } else {
2836
-
2837
- var timeLine = new TimelineMax({
2838
- repeat: ('hover' === scrollAction && settings.loop) ? -1 : 0,
2839
- yoyo: ('hover' === scrollAction && settings.yoyo) ? true : false,
2840
- });
2841
-
2842
- if ('viewport' === scrollAction)
2843
- scrollTrigger = settings.animate_offset.size / 100;
2844
- }
2845
-
2846
- var fromOrTo = !$scope.hasClass("premium-svg-anim-rev-yes") ? 'from' : 'to',
2847
- $paths = $scope.find("path, circle, rect, square, ellipse, polyline, line"),
2848
- lastPathIndex = 0,
2849
- startOrEndPoint = 'from' === fromOrTo ? settings.animate_start_point.size : settings.animate_end_point.size;
2850
-
2851
- $paths.each(function (pathIndex, path) {
2852
-
2853
- var $path = $(path);
2854
-
2855
- $path.attr("fill", "transparent");
2856
-
2857
- if ($scope.hasClass("premium-svg-sync-yes"))
2858
- pathIndex = 0;
2859
-
2860
- lastPathIndex = pathIndex;
2861
-
2862
- timeLine[fromOrTo]($path, 1, {
2863
- PaSvgDrawer: (startOrEndPoint || 0) + "% 0",
2864
- }, pathIndex);
2865
-
2866
- });
2867
-
2868
- if ('yes' === settings.svg_fill) {
2869
- if (lastPathIndex == 0)
2870
- lastPathIndex = 1;
2871
-
2872
- timeLine.to($paths, 1, {
2873
- fill: settings.svg_color,
2874
- stroke: settings.svg_stroke
2875
- }, lastPathIndex);
2876
- }
2877
-
2878
- if ('viewport' === scrollAction) {
2879
-
2880
- var controller = new ScrollMagic.Controller(),
2881
- scene = new ScrollMagic.Scene({
2882
- triggerElement: '.elementor-element-' + elemID,
2883
- triggerHook: scrollTrigger,
2884
- duration: settings.draw_speed ? settings.draw_speed.size * 1000 : "150%"
2885
- })
2886
-
2887
- scene.setTween(timeLine).addTo(controller);
2888
-
2889
- } else {
2890
-
2891
- if (settings.frames)
2892
- timeLine.duration(settings.frames);
2893
-
2894
- if ('hover' === scrollAction) {
2895
- timeLine.pause();
2896
-
2897
- $scope.find("svg").hover(
2898
- function () {
2899
- timeLine.play();
2900
- },
2901
- function () {
2902
- timeLine.pause();
2903
- });
2904
- }
2905
-
2906
- }
2907
-
2908
- }
2909
-
2910
-
2911
- });
2912
-
2913
- var functionalHandlers = {
2914
- 'premium-addon-dual-header.default': PremiumMaskHandler,
2915
- 'premium-addon-video-box.default': PremiumVideoBoxWidgetHandler,
2916
- 'premium-addon-fancy-text.default': PremiumFancyTextHandler,
2917
- 'premium-counter.default': PremiumCounterHandler,
2918
- 'premium-addon-title.default': [PremiumTitleHandler, PremiumMaskHandler],
2919
- 'premium-countdown-timer.default': PremiumCountDownHandler,
2920
- 'premium-carousel-widget.default': PremiumCarouselHandler,
2921
- 'premium-addon-modal-box.default': PremiumModalBoxHandler,
2922
- 'premium-image-scroll.default': PremiumImageScrollHandler,
2923
- 'premium-contact-form.default': PremiumContactFormHandler,
2924
- 'premium-icon-list.default': PremiumBulletListHandler,
2925
- 'premium-addon-button.default': PremiumButtonHandler,
2926
- 'premium-addon-image-button.default': PremiumButtonHandler,
2927
- 'premium-nav-menu.default': PremiumNavMenuHandler
2928
- };
2929
-
2930
- var classHandlers = {
2931
- 'premium-addon-person': PremiumTeamMembersHandler,
2932
- 'premium-addon-blog': PremiumBlogHandler,
2933
- 'premium-img-gallery': PremiumGridWidgetHandler,
2934
- 'premium-addon-banner': PremiumBannerHandler,
2935
- 'premium-svg-drawer': PremiumSVGDrawerHandler
2936
- };
2937
-
2938
- $.each(functionalHandlers, function (elemName, func) {
2939
- if ('object' === typeof func) {
2940
- $.each(func, function (index, handler) {
2941
- elementorFrontend.hooks.addAction('frontend/element_ready/' + elemName, handler);
2942
- })
2943
- } else {
2944
- elementorFrontend.hooks.addAction('frontend/element_ready/' + elemName, func);
2945
- }
2946
-
2947
- });
2948
-
2949
- $.each(classHandlers, function (elemName, clas) {
2950
- elementorFrontend.elementsHandler.attachHandler(elemName, clas);
2951
- });
2952
-
2953
-
2954
- if (elementorFrontend.isEditMode()) {
2955
- elementorFrontend.hooks.addAction("frontend/element_ready/premium-addon-progressbar.default", PremiumProgressBarWidgetHandler);
2956
- } else {
2957
- elementorFrontend.hooks.addAction("frontend/element_ready/premium-addon-progressbar.default", PremiumProgressBarScrollWidgetHandler);
2958
- }
2959
- });
 
 
 
 
 
 
 
 
 
 
 
 
 
2960
  })(jQuery);
1
+ (function ($) {
2
+
3
+ $(window).on('elementor/frontend/init', function () {
4
+
5
+ var ModuleHandler = elementorModules.frontend.handlers.Base;
6
+
7
+ /****** Premium Progress Bar Handler ******/
8
+ var PremiumProgressBarWidgetHandler = function ($scope, trigger) {
9
+
10
+ var $progressbarElem = $scope.find(".premium-progressbar-container"),
11
+ settings = $progressbarElem.data("settings"),
12
+ length = settings.progress_length,
13
+ speed = settings.speed,
14
+ type = settings.type;
15
+
16
+
17
+ if ("line" === type) {
18
+
19
+ var $progressbar = $progressbarElem.find(".premium-progressbar-bar");
20
+
21
+ if (settings.gradient)
22
+ $progressbar.css("background", "linear-gradient(-45deg, " + settings.gradient + ")");
23
+
24
+ $progressbar.animate({
25
+ width: length + "%"
26
+ }, speed);
27
+
28
+ } else if ("circle" === type || "half-circle" === type) {
29
+ if (length > 100)
30
+ length = 100;
31
+
32
+ var degreesFactor = 1.8 * (elementorFrontend.config.is_rtl ? -1 : 1);
33
+
34
+ $progressbarElem.find(".premium-progressbar-hf-circle-progress").css({
35
+ transform: "rotate(" + length * degreesFactor + "deg)",
36
+ });
37
+
38
+ $progressbarElem.prop({
39
+ 'counter': 0
40
+ }).animate({
41
+ counter: length
42
+ }, {
43
+ duration: speed,
44
+ easing: 'linear',
45
+ step: function (counter) {
46
+ var rotate = (counter * 3.6);
47
+
48
+ $progressbarElem.find(".premium-progressbar-right-label").text(Math.ceil(counter) + "%");
49
+
50
+ $progressbarElem.find(".premium-progressbar-circle-left").css('transform', "rotate(" + rotate + "deg)");
51
+
52
+
53
+ if ('circle' === type && rotate > 180) {
54
+
55
+ $progressbarElem.find(".premium-progressbar-circle").css({
56
+ '-webkit-clip-path': 'inset(0)',
57
+ 'clip-path': 'inset(0)',
58
+ });
59
+
60
+ $progressbarElem.find(".premium-progressbar-circle-right").css('visibility', 'visible');
61
+ }
62
+ }
63
+ });
64
+
65
+ } else {
66
+
67
+ var $progressbar = $progressbarElem.find(".premium-progressbar-bar-wrap"),
68
+ width = $progressbarElem.outerWidth(),
69
+ dotSize = settings.dot || 25,
70
+ dotSpacing = settings.spacing || 10,
71
+ numberOfCircles = Math.ceil(width / (dotSize + dotSpacing)),
72
+ circlesToFill = numberOfCircles * (length / 100),
73
+ numberOfTotalFill = Math.floor(circlesToFill),
74
+ fillPercent = 100 * (circlesToFill - numberOfTotalFill);
75
+
76
+ $progressbar.attr('data-circles', numberOfCircles);
77
+ $progressbar.attr('data-total-fill', numberOfTotalFill);
78
+ $progressbar.attr('data-partial-fill', fillPercent);
79
+
80
+ var className = "progress-segment";
81
+ for (var i = 0; i < numberOfCircles; i++) {
82
+ className = "progress-segment";
83
+ var innerHTML = '';
84
+
85
+ if (i < numberOfTotalFill) {
86
+ innerHTML = "<div class='segment-inner'></div>";
87
+ } else if (i === numberOfTotalFill) {
88
+
89
+ innerHTML = "<div class='segment-inner'></div>";
90
+ }
91
+
92
+ $progressbar.append("<div class='" + className + "'>" + innerHTML + "</div>");
93
+
94
+ }
95
+
96
+ if ("frontend" !== trigger) {
97
+ PremiumProgressDotsHandler($scope);
98
+ }
99
+
100
+ }
101
+
102
+ };
103
+
104
+ var PremiumProgressDotsHandler = function ($scope) {
105
+
106
+ var $progressbarElem = $scope.find(".premium-progressbar-container"),
107
+ settings = $progressbarElem.data("settings"),
108
+ $progressbar = $scope.find(".premium-progressbar-bar-wrap"),
109
+ data = $progressbar.data(),
110
+ speed = settings.speed,
111
+ increment = 0;
112
+
113
+ var numberOfTotalFill = data.totalFill,
114
+ numberOfCircles = data.circles,
115
+ fillPercent = data.partialFill;
116
+
117
+ dotIncrement(increment);
118
+
119
+ function dotIncrement(inc) {
120
+
121
+ var $dot = $progressbar.find(".progress-segment").eq(inc),
122
+ dotWidth = 100;
123
+
124
+ if (inc === numberOfTotalFill)
125
+ dotWidth = fillPercent
126
+
127
+ $dot.find(".segment-inner").animate({
128
+ width: dotWidth + '%'
129
+ }, speed / numberOfCircles, function () {
130
+ increment++;
131
+ if (increment <= numberOfTotalFill) {
132
+ dotIncrement(increment);
133
+ }
134
+
135
+ });
136
+ }
137
+ };
138
+
139
+ /****** Premium Progress Bar Scroll Handler *****/
140
+ var PremiumProgressBarScrollWidgetHandler = function ($scope, $) {
141
+
142
+ var $progressbarElem = $scope.find(".premium-progressbar-container"),
143
+ settings = $progressbarElem.data("settings"),
144
+ type = settings.type;
145
+
146
+ if ("dots" === type) {
147
+ PremiumProgressBarWidgetHandler($scope, "frontend");
148
+ }
149
+
150
+ elementorFrontend.waypoint($scope, function () {
151
+ if ("dots" !== type) {
152
+ PremiumProgressBarWidgetHandler($(this));
153
+ } else {
154
+ PremiumProgressDotsHandler($(this));
155
+ }
156
+
157
+ });
158
+ };
159
+
160
+ /****** Premium Video Box Handler ******/
161
+ var PremiumVideoBoxWidgetHandler = function ($scope, $) {
162
+
163
+ var $videoBoxElement = $scope.find(".premium-video-box-container"),
164
+ $videoListElement = $scope.find(".premium-video-box-playlist-container"),
165
+ $videoContainer = $videoBoxElement.find(".premium-video-box-video-container"), //should be clicked
166
+ $videoInnerContainer = $videoBoxElement.find('.premium-video-box-inner-wrap'),
167
+ $videoImageContainer = $videoInnerContainer.find('.premium-video-box-image-container'),
168
+ type = $videoBoxElement.data("type"),
169
+ thumbnail = $videoBoxElement.data("thumbnail"),
170
+ sticky = $videoBoxElement.data('sticky'),
171
+ stickyOnPlay = $videoBoxElement.data('sticky-play'),
172
+ hoverEffect = $videoBoxElement.data('hover'),
173
+ $lighboxContainer = $videoListElement.length ? $videoListElement : $videoBoxElement,
174
+ lightBox = $lighboxContainer.data('lightbox') ? $lighboxContainer.data('lightbox') : false,
175
+ video, vidSrc;
176
+
177
+ if (lightBox) {
178
+
179
+ if ('prettyphoto' === lightBox.type) {
180
+ $lighboxContainer.find(".premium-vid-lightbox-container[data-rel^='prettyPhoto']").prettyPhoto(getPrettyPhotoSettings(lightBox.theme));
181
+ }
182
+
183
+ $lighboxContainer.find('.premium-video-box-image-container, .premium-video-box-play-icon-container').on('click', function (e) {
184
+ triggerLightbox($lighboxContainer, lightBox.type);
185
+ });
186
+
187
+ } else {
188
+ // Youtube playlist option.
189
+ if ($videoListElement.length) {
190
+
191
+ //Make sure that video were pulled from the API.
192
+ if (!$videoContainer.length)
193
+ return;
194
+
195
+ $videoContainer.each(function (index, item) {
196
+
197
+ var vidSrc,
198
+ $videoContainer = $(item),
199
+ $videoBoxElement = $videoContainer.closest(".premium-video-box-container"),
200
+ $trigger = $videoContainer.closest(".premium-video-box-trigger");
201
+
202
+ vidSrc = $videoContainer.data("src");
203
+ vidSrc = vidSrc + "&autoplay=1";
204
+
205
+ $trigger.on("click", function () {
206
+
207
+ var $iframe = $("<iframe/>");
208
+
209
+ $iframe.attr({
210
+ "src": vidSrc,
211
+ "frameborder": "0",
212
+ "allowfullscreen": "1",
213
+ "allow": "autoplay;encrypted-media;"
214
+ });
215
+ $videoContainer.css("background", "#000");
216
+ $videoContainer.html($iframe);
217
+
218
+ $videoBoxElement.find(
219
+ ".premium-video-box-image-container, .premium-video-box-play-icon-container"
220
+ ).remove();
221
+
222
+ });
223
+
224
+ });
225
+
226
+ return;
227
+ }
228
+
229
+ if ("self" === type) {
230
+
231
+ video = $videoContainer.find("video");
232
+ vidSrc = video.attr("src");
233
+
234
+ if ($videoBoxElement.data("play-viewport")) {
235
+ elementorFrontend.waypoint($videoBoxElement, function () {
236
+ playVideo();
237
+ }, {
238
+ offset: 0,
239
+ triggerOnce: false
240
+ });
241
+
242
+ if ($videoBoxElement.data("play-reset")) {
243
+ elementorFrontend.waypoint($videoBoxElement, function (direction) {
244
+
245
+ if ('up' === direction)
246
+ restartVideo();
247
+ }, {
248
+ offset: "100%",
249
+ triggerOnce: false
250
+ });
251
+ }
252
+ }
253
+
254
+ } else {
255
+
256
+ vidSrc = $videoContainer.data("src");
257
+
258
+ if (!thumbnail || -1 !== vidSrc.indexOf("autoplay=1")) {
259
+
260
+ //Check if Autoplay on viewport option is enabled
261
+ if ($videoBoxElement.data("play-viewport")) {
262
+ elementorFrontend.waypoint($videoBoxElement, function () {
263
+ playVideo();
264
+ }, {
265
+ offset: 0
266
+ });
267
+ } else {
268
+ playVideo();
269
+ }
270
+
271
+ } else {
272
+ vidSrc = vidSrc + "&autoplay=1";
273
+ }
274
+
275
+ }
276
+
277
+ $videoBoxElement.on("click", function () {
278
+ playVideo();
279
+ });
280
+
281
+ if ("yes" !== sticky || "yes" === stickyOnPlay)
282
+ return;
283
+
284
+ stickyOption();
285
+ }
286
+
287
+ function playVideo() {
288
+
289
+ if ($videoBoxElement.hasClass("playing")) return;
290
+
291
+ $videoBoxElement.addClass("playing");
292
+
293
+ if (stickyOnPlay === 'yes')
294
+ stickyOption();
295
+
296
+ if ("self" === type) {
297
+
298
+ $(video).get(0).play();
299
+
300
+ $videoContainer.css({
301
+ opacity: "1",
302
+ visibility: "visible"
303
+ });
304
+
305
+ } else {
306
+
307
+ var $iframe = $("<iframe/>");
308
+
309
+ $iframe.attr({
310
+ "src": vidSrc,
311
+ "frameborder": "0",
312
+ "allowfullscreen": "1",
313
+ "allow": "autoplay;encrypted-media;"
314
+ });
315
+ $videoContainer.css("background", "#000");
316
+ $videoContainer.html($iframe);
317
+ }
318
+
319
+ $videoBoxElement.find(
320
+ ".premium-video-box-image-container, .premium-video-box-play-icon-container, .premium-video-box-description-container"
321
+ ).remove();
322
+
323
+ if ("vimeo" === type)
324
+ $videoBoxElement.find(".premium-video-box-vimeo-wrap").remove();
325
+ }
326
+
327
+ function restartVideo() {
328
+
329
+ $videoBoxElement.removeClass("playing");
330
+
331
+ $(video).get(0).pause();
332
+ $(video).get(0).currentTime = 0;
333
+
334
+ }
335
+
336
+ function triggerLightbox($container, type) {
337
+ if ('elementor' === type) {
338
+ $container.find('.premium-video-box-video-container').click();
339
+ } else {
340
+ $container.find(".premium-vid-lightbox-container[data-rel^='prettyPhoto']").click();
341
+ }
342
+ }
343
+
344
+ function stickyOption() {
345
+
346
+ var stickyDesktop = $videoBoxElement.data('hide-desktop'),
347
+ stickyTablet = $videoBoxElement.data('hide-tablet'),
348
+ stickyMobile = $videoBoxElement.data('hide-mobile'),
349
+ stickyMargin = $videoBoxElement.data('sticky-margin');
350
+
351
+ $videoBoxElement.off('click').on('click', function (e) {
352
+ // if ('yes' === sticky) {
353
+ var stickyTarget = e.target.className;
354
+ if ((stickyTarget.toString().indexOf('premium-video-box-sticky-close') >= 0) || (stickyTarget.toString().indexOf('premium-video-box-sticky-close') >= 0)) {
355
+ return false;
356
+ }
357
+ // }
358
+ playVideo();
359
+
360
+ });
361
+
362
+ //Make sure Elementor Waypoint is defined
363
+ if (typeof elementorFrontend.waypoint !== 'undefined') {
364
+
365
+ var stickyWaypoint = elementorFrontend.waypoint(
366
+ $videoBoxElement,
367
+ function (direction) {
368
+ if ('down' === direction) {
369
+
370
+ $videoBoxElement.removeClass('premium-video-box-sticky-hide').addClass('premium-video-box-sticky-apply premium-video-box-filter-sticky');
371
+
372
+ //Fix conflict with Elementor motion effects
373
+ if ($scope.hasClass("elementor-motion-effects-parent")) {
374
+ $scope.removeClass("elementor-motion-effects-perspective").find(".elementor-widget-container").addClass("premium-video-box-transform");
375
+ }
376
+
377
+ if ($videoBoxElement.data("mask")) {
378
+ //Fix Sticky position issue when drop-shadow is applied
379
+ $scope.find(".premium-video-box-mask-filter").removeClass("premium-video-box-mask-filter");
380
+
381
+ $videoBoxElement.find(':first-child').removeClass('premium-video-box-mask-media');
382
+
383
+ $videoImageContainer.removeClass(hoverEffect).removeClass('premium-video-box-mask-media').css({
384
+ 'transition': 'width 0.2s, height 0.2s',
385
+ '-webkit-transition': 'width 0.2s, height 0.2s'
386
+ });
387
+ }
388
+
389
+ $(document).trigger('premium_after_sticky_applied', [$scope]);
390
+
391
+ // Entrance Animation Option
392
+ if ($videoInnerContainer.data("video-animation") && " " != $videoInnerContainer.data("video-animation")) {
393
+ $videoInnerContainer.css("opacity", "0");
394
+ var animationDelay = $videoInnerContainer.data('delay-animation');
395
+ setTimeout(function () {
396
+
397
+ $videoInnerContainer.css("opacity", "1").addClass("animated " + $videoInnerContainer.data("video-animation"));
398
+
399
+ }, animationDelay * 1000);
400
+ }
401
+
402
+ } else {
403
+
404
+ $videoBoxElement.removeClass('premium-video-box-sticky-apply premium-video-box-filter-sticky').addClass('premium-video-box-sticky-hide');
405
+
406
+ //Fix conflict with Elementor motion effects
407
+ if ($scope.hasClass("elementor-motion-effects-parent")) {
408
+ $scope.addClass("elementor-motion-effects-perspective").find(".elementor-widget-container").removeClass("premium-video-box-transform");
409
+ }
410
+
411
+ if ($videoBoxElement.data("mask")) {
412
+ //Fix Sticky position issue when drop-shadow is applied
413
+ $videoBoxElement.parent().addClass("premium-video-box-mask-filter");
414
+
415
+ $videoBoxElement.find(':first-child').eq(0).addClass('premium-video-box-mask-media');
416
+ $videoImageContainer.addClass('premium-video-box-mask-media');
417
+ }
418
+
419
+ $videoImageContainer.addClass(hoverEffect).css({
420
+ 'transition': 'all 0.2s',
421
+ '-webkit-transition': 'all 0.2s'
422
+ });
423
+
424
+ $videoInnerContainer.removeClass("animated " + $videoInnerContainer.data("video-animation"));
425
+ }
426
+ }, {
427
+ offset: 0 + '%',
428
+ triggerOnce: false
429
+ }
430
+ );
431
+ }
432
+
433
+ var closeBtn = $scope.find('.premium-video-box-sticky-close');
434
+
435
+ closeBtn.off('click.closetrigger').on('click.closetrigger', function (e) {
436
+ e.stopPropagation();
437
+ stickyWaypoint[0].disable();
438
+
439
+ $videoBoxElement.removeClass('premium-video-box-sticky-apply premium-video-box-sticky-hide');
440
+
441
+ //Fix conflict with Elementor motion effects
442
+ if ($scope.hasClass("elementor-motion-effects-parent")) {
443
+ $scope.addClass("elementor-motion-effects-perspective").find(".elementor-widget-container").removeClass("premium-video-box-transform");
444
+ }
445
+
446
+ if ($videoBoxElement.data("mask")) {
447
+ //Fix Sticky position issue when drop-shadow is applied
448
+ $videoBoxElement.parent().addClass("premium-video-box-mask-filter");
449
+
450
+ //Necessary classes for mask shape option
451
+ $videoBoxElement.find(':first-child').eq(0).addClass('premium-video-box-mask-media');
452
+ $videoImageContainer.addClass('premium-video-box-mask-media');
453
+ }
454
+
455
+
456
+ });
457
+
458
+ checkResize(stickyWaypoint);
459
+
460
+ checkScroll();
461
+
462
+ window.addEventListener("scroll", checkScroll);
463
+
464
+ $(window).resize(function (e) {
465
+ checkResize(stickyWaypoint);
466
+ });
467
+
468
+ function checkResize(stickyWaypoint) {
469
+ var currentDeviceMode = elementorFrontend.getCurrentDeviceMode();
470
+
471
+ if ('' !== stickyDesktop && currentDeviceMode == stickyDesktop) {
472
+ disableSticky(stickyWaypoint);
473
+ } else if ('' !== stickyTablet && currentDeviceMode == stickyTablet) {
474
+ disableSticky(stickyWaypoint);
475
+ } else if ('' !== stickyMobile && currentDeviceMode == stickyMobile) {
476
+ disableSticky(stickyWaypoint);
477
+ } else {
478
+ stickyWaypoint[0].enable();
479
+ }
480
+ }
481
+
482
+ function disableSticky(stickyWaypoint) {
483
+ stickyWaypoint[0].disable();
484
+ $videoBoxElement.removeClass('premium-video-box-sticky-apply premium-video-box-sticky-hide');
485
+ }
486
+
487
+ function checkScroll() {
488
+ if ($videoBoxElement.hasClass('premium-video-box-sticky-apply')) {
489
+ $videoInnerContainer.draggable({
490
+ start: function () {
491
+ $(this).css({
492
+ transform: "none",
493
+ top: $(this).offset().top + "px",
494
+ left: $(this).offset().left + "px"
495
+ });
496
+ },
497
+ containment: 'window'
498
+ });
499
+ }
500
+ }
501
+
502
+ $(document).on('premium_after_sticky_applied', function (e, $scope) {
503
+ var infobar = $scope.find('.premium-video-box-sticky-infobar');
504
+
505
+ if (0 !== infobar.length) {
506
+ var infobarHeight = infobar.outerHeight();
507
+
508
+ if ($scope.hasClass('premium-video-sticky-center-left') || $scope.hasClass('premium-video-sticky-center-right')) {
509
+ infobarHeight = Math.ceil(infobarHeight / 2);
510
+ $videoInnerContainer.css('top', 'calc( 50% - ' + infobarHeight + 'px )');
511
+ }
512
+
513
+ if ($scope.hasClass('premium-video-sticky-bottom-left') || $scope.hasClass('premium-video-sticky-bottom-right')) {
514
+ if ('' !== stickyMargin) {
515
+ infobarHeight = Math.ceil(infobarHeight);
516
+ var stickBottom = infobarHeight + stickyMargin;
517
+ $videoInnerContainer.css('bottom', stickBottom);
518
+ }
519
+ }
520
+ }
521
+ });
522
+
523
+ }
524
+
525
+ function getPrettyPhotoSettings(theme) {
526
+ return {
527
+ theme: theme,
528
+ hook: "data-rel",
529
+ opacity: 0.7,
530
+ show_title: false,
531
+ deeplinking: false,
532
+ overlay_gallery: true,
533
+ custom_markup: "",
534
+ default_width: 900,
535
+ default_height: 506,
536
+ social_tools: ""
537
+ };
538
+ }
539
+ };
540
+
541
+ /****** Premium Media Grid Handler ******/
542
+ var PremiumGridWidgetHandler = ModuleHandler.extend({
543
+
544
+ settings: {},
545
+
546
+ getDefaultSettings: function () {
547
+ return {
548
+ selectors: {
549
+ galleryElement: '.premium-gallery-container',
550
+ filters: '.premium-gallery-cats-container li',
551
+ gradientLayer: '.premium-gallery-gradient-layer',
552
+ loadMore: '.premium-gallery-load-more',
553
+ loadMoreDiv: '.premium-gallery-load-more div',
554
+ vidWrap: '.premium-gallery-video-wrap',
555
+ }
556
+ }
557
+ },
558
+
559
+ getDefaultElements: function () {
560
+
561
+ var selectors = this.getSettings('selectors'),
562
+ elements = {
563
+ $galleryElement: this.$element.find(selectors.galleryElement),
564
+ $filters: this.$element.find(selectors.filters),
565
+ $gradientLayer: this.$element.find(selectors.gradientLayer),
566
+ $vidWrap: this.$element.find(selectors.vidWrap)
567
+ };
568
+
569
+ elements.$loadMore = elements.$galleryElement.parent().find(selectors.loadMore)
570
+ elements.$loadMoreDiv = elements.$galleryElement.parent().find(selectors.loadMoreDiv)
571
+
572
+ return elements;
573
+ },
574
+
575
+ bindEvents: function () {
576
+ this.getGlobalSettings();
577
+ this.run();
578
+ },
579
+
580
+ getGlobalSettings: function () {
581
+ var $galleryElement = this.elements.$galleryElement,
582
+ settings = $galleryElement.data('settings');
583
+
584
+ this.settings = {
585
+ layout: settings.img_size,
586
+ loadMore: settings.load_more,
587
+ columnWidth: null,
588
+ filter: null,
589
+ isFilterClicked: false,
590
+ minimum: settings.minimum,
591
+ imageToShow: settings.click_images,
592
+ counter: settings.minimum,
593
+ ltrMode: settings.ltr_mode,
594
+ shuffle: settings.shuffle,
595
+ active_cat: settings.active_cat,
596
+ theme: settings.theme,
597
+ overlay: settings.overlay,
598
+ sort_by: settings.sort_by,
599
+ light_box: settings.light_box,
600
+ flag: settings.flag,
601
+ lightbox_type: settings.lightbox_type
602
+ }
603
+ },
604
+
605
+ updateCounter: function () {
606
+
607
+ if (this.settings.isFilterClicked) {
608
+
609
+ this.settings.counter = this.settings.minimum;
610
+
611
+ this.settings.isFilterClicked = false;
612
+
613
+ } else {
614
+ this.settings.counter = this.settings.counter;
615
+ }
616
+
617
+ this.settings.counter = this.settings.counter + this.settings.imageToShow;
618
+ },
619
+
620
+ updateGrid: function (gradHeight, $isotopeGallery, $loadMoreDiv) {
621
+ $.ajax({
622
+ url: this.appendItems(this.settings.counter, gradHeight, $isotopeGallery),
623
+ beforeSend: function () {
624
+ $loadMoreDiv.removeClass("premium-gallery-item-hidden");
625
+ },
626
+ success: function () {
627
+ $loadMoreDiv.addClass("premium-gallery-item-hidden");
628
+ }
629
+ });
630
+ },
631
+
632
+ loadMore: function (gradHeight, $isotopeGallery) {
633
+
634
+ var $galleryElement = this.elements.$galleryElement,
635
+ $loadMoreDiv = this.elements.$loadMoreDiv,
636
+ $loadMore = this.elements.$loadMore,
637
+ _this = this;
638
+
639
+ $loadMoreDiv.addClass("premium-gallery-item-hidden");
640
+
641
+ if ($galleryElement.find(".premium-gallery-item").length > this.settings.minimum) {
642
+
643
+ $loadMore.removeClass("premium-gallery-item-hidden");
644
+
645
+ $galleryElement.parent().on("click", ".premium-gallery-load-less", function () {
646
+ _this.settings.counter = _this.settings.counter - _this.settings.imageToShow;
647
+ });
648
+
649
+ $galleryElement.parent().on("click", ".premium-gallery-load-more-btn:not(.premium-gallery-load-less)", function () {
650
+ _this.updateCounter();
651
+ _this.updateGrid(gradHeight, $isotopeGallery, $loadMoreDiv);
652
+ });
653
+
654
+ }
655
+
656
+ },
657
+
658
+ getItemsToHide: function (instance, imagesToShow) {
659
+ var items = instance.filteredItems.slice(imagesToShow, instance
660
+ .filteredItems.length).map(function (item) {
661
+ return item.element;
662
+ });
663
+
664
+ return items;
665
+ },
666
+
667
+ appendItems: function (imagesToShow, gradHeight, $isotopeGallery) {
668
+
669
+ var $galleryElement = this.elements.$galleryElement,
670
+ $gradientLayer = this.elements.$gradientLayer,
671
+ instance = $galleryElement.data("isotope"),
672
+ itemsToHide = this.getItemsToHide(instance, imagesToShow);
673
+
674
+ $gradientLayer.outerHeight(gradHeight);
675
+
676
+ $galleryElement.find(".premium-gallery-item-hidden").removeClass("premium-gallery-item-hidden");
677
+
678
+ $galleryElement.parent().find(".premium-gallery-load-more").removeClass("premium-gallery-item-hidden");
679
+
680
+ $(itemsToHide).addClass("premium-gallery-item-hidden");
681
+
682
+ $isotopeGallery.isotope("layout");
683
+
684
+ if (0 == itemsToHide) {
685
+
686
+ $gradientLayer.addClass("premium-gallery-item-hidden");
687
+
688
+ $galleryElement.parent().find(".premium-gallery-load-more").addClass("premium-gallery-item-hidden");
689
+ }
690
+ },
691
+
692
+ triggerFilerTabs: function (url) {
693
+ var filterIndex = url.searchParams.get(this.settings.flag),
694
+ $filters = this.elements.$filters;
695
+
696
+ if (filterIndex) {
697
+
698
+ var $targetFilter = $filters.eq(filterIndex).find("a");
699
+
700
+ $targetFilter.trigger('click');
701
+
702
+ }
703
+ },
704
+
705
+ onReady: function ($isotopeGallery) {
706
+ var _this = this;
707
+
708
+ $isotopeGallery.isotope("layout");
709
+
710
+ // $isotopeGallery.isotope({
711
+ // filter: _this.settings.active_cat
712
+ // });
713
+
714
+ var url = new URL(window.location.href);
715
+
716
+ if (url)
717
+ _this.triggerFilerTabs(url);
718
+
719
+ //Show the widget after making sure everything is ready.
720
+ _this.$element.find(".category.active").trigger('click');
721
+ _this.$element.find(".elementor-invisible").removeClass("elementor-invisible");
722
+
723
+ },
724
+
725
+ onResize: function ($isotopeGallery) {
726
+ var _this = this;
727
+
728
+ _this.setMetroLayout();
729
+
730
+ $isotopeGallery.isotope({
731
+ itemSelector: ".premium-gallery-item",
732
+ masonry: {
733
+ columnWidth: _this.settings.columnWidth
734
+ },
735
+ });
736
+
737
+ },
738
+
739
+ lightBoxDisabled: function () {
740
+ var _this = this,
741
+ $vidWrap = this.elements.$vidWrap;
742
+
743
+ $vidWrap.each(function (index, item) {
744
+ var type = $(item).data("type");
745
+
746
+ $(item).closest(".premium-gallery-item").on("click", function () {
747
+ var $this = $(this);
748
+
749
+ $this.find(".pa-gallery-img-container").css("background", "#000");
750
+
751
+ $this.find("img, .pa-gallery-icons-caption-container, .pa-gallery-icons-wrapper").css("visibility", "hidden");
752
+
753
+ if ("style3" !== _this.settings.skin)
754
+ $this.find(".premium-gallery-caption").css("visibility", "hidden");
755
+
756
+ if ("hosted" !== type) {
757
+ _this.playVid($this);
758
+ } else {
759
+ _this.playHostedVid(item);
760
+ }
761
+ });
762
+ });
763
+
764
+ },
765
+
766
+ playVid: function ($this) {
767
+ var $iframeWrap = $this.find(".premium-gallery-iframe-wrap"),
768
+ src = $iframeWrap.data("src");
769
+
770
+ src = src.replace("&mute", "&autoplay=1&mute");
771
+
772
+ var $iframe = $("<iframe/>");
773
+
774
+ $iframe.attr({
775
+ "src": src,
776
+ "frameborder": "0",
777
+ "allowfullscreen": "1",
778
+ "allow": "autoplay;encrypted-media;"
779
+ });
780
+
781
+ $iframeWrap.html($iframe);
782
+
783
+ $iframe.css("visibility", "visible");
784
+ },
785
+
786
+ playHostedVid: function (item) {
787
+ var $video = $(item).find("video");
788
+
789
+ $video.get(0).play();
790
+ $video.css("visibility", "visible");
791
+ },
792
+
793
+ run: function () {
794
+
795
+ var $galleryElement = this.elements.$galleryElement,
796
+ $vidWrap = this.elements.$vidWrap,
797
+ $filters = this.elements.$filters,
798
+ _this = this;
799
+
800
+ if ('metro' === this.settings.layout) {
801
+
802
+ this.setMetroLayout();
803
+
804
+ this.settings.layout = "masonry";
805
+
806
+ $(window).resize(function () { _this.onResize($isotopeGallery); });
807
+ }
808
+
809
+ var $isotopeGallery = $galleryElement.isotope(this.getIsoTopeSettings());
810
+
811
+ $isotopeGallery.imagesLoaded().progress(function () {
812
+ $isotopeGallery.isotope("layout");
813
+ });
814
+
815
+ $(document).ready(function () { _this.onReady($isotopeGallery); });
816
+
817
+ if (this.settings.loadMore) {
818
+
819
+ var $gradientLayer = this.elements.$gradientLayer,
820
+ gradHeight = null;
821
+
822
+ setTimeout(function () {
823
+ gradHeight = $gradientLayer.outerHeight();
824
+ }, 200);
825
+
826
+ this.loadMore(gradHeight, $isotopeGallery);
827
+ }
828
+
829
+ if ("yes" !== this.settings.light_box)
830
+ this.lightBoxDisabled();
831
+
832
+ $filters.find("a").click(function (e) {
833
+ e.preventDefault();
834
+
835
+ _this.isFilterClicked = true;
836
+
837
+ $filters.find(".active").removeClass("active");
838
+
839
+ $(this).addClass("active");
840
+
841
+ _this.settings.filter = $(this).attr("data-filter");
842
+
843
+ $isotopeGallery.isotope({
844
+ filter: _this.settings.filter
845
+ });
846
+
847
+ if (_this.settings.shuffle) $isotopeGallery.isotope("shuffle");
848
+
849
+ if (_this.settings.loadMore) _this.appendItems(_this.settings.minimum, gradHeight, $isotopeGallery);
850
+
851
+ return false;
852
+ });
853
+
854
+ if ("default" === this.settings.lightbox_type)
855
+ this.$element.find(".premium-img-gallery a[data-rel^='prettyPhoto']").prettyPhoto(this.getPrettyPhotoSettings());
856
+ },
857
+
858
+ getPrettyPhotoSettings: function () {
859
+ return {
860
+ theme: this.settings.theme,
861
+ hook: "data-rel",
862
+ opacity: 0.7,
863
+ show_title: false,
864
+ deeplinking: false,
865
+ overlay_gallery: this.settings.overlay,
866
+ custom_markup: "",
867
+ default_width: 900,
868
+ default_height: 506,
869
+ social_tools: ""
870
+ }
871
+ },
872
+
873
+ getIsoTopeSettings: function () {
874
+ return {
875
+ itemSelector: '.premium-gallery-item',
876
+ percentPosition: true,
877
+ animationOptions: {
878
+ duration: 750,
879
+ easing: 'linear'
880
+ },
881
+ filter: this.settings.active_cat,
882
+ layoutMode: this.settings.layout,
883
+ originLeft: this.settings.ltrMode,
884
+ masonry: {
885
+ columnWidth: this.settings.columnWidth
886
+ },
887
+ sortBy: this.settings.sort_by
888
+ }
889
+ },
890
+
891
+ getRepeaterSettings: function () {
892
+ return this.getElementSettings('premium_gallery_img_content');
893
+ },
894
+
895
+ setMetroLayout: function () {
896
+
897
+ var $galleryElement = this.elements.$galleryElement,
898
+ gridWidth = $galleryElement.width(),
899
+ cellSize = Math.floor(gridWidth / 12),
900
+ deviceType = elementorFrontend.getCurrentDeviceMode(),
901
+ suffix = 'desktop' === deviceType ? '' : '_' + deviceType,
902
+ repeater = this.getRepeaterSettings();
903
+
904
+ $galleryElement.find(".premium-gallery-item").each(function (index, item) { //should be added to selectors and elements
905
+
906
+ var cells = repeater[index]['premium_gallery_image_cell' + suffix].size,
907
+ vCells = repeater[index]['premium_gallery_image_vcell' + suffix].size;
908
+
909
+ if ("" === cells || undefined == cells) {
910
+ cells = repeater[index].premium_gallery_image_cell;
911
+ }
912
+
913
+ if ("" === vCells || undefined == vCells) {
914
+ vCells = repeater[index].premium_gallery_image_vcell;
915
+ }
916
+
917
+ $(item).css({
918
+ width: Math.ceil(cells * cellSize),
919
+ height: Math.ceil(vCells * cellSize)
920
+ });
921
+ });
922
+
923
+ this.settings.columnWidth = cellSize;
924
+ }
925
+
926
+ });
927
+
928
+ /****** Premium Counter Handler ******/
929
+ var PremiumCounterHandler = function ($scope, $) {
930
+
931
+ var $counterElement = $scope.find(".premium-counter"),
932
+ isHScrollWidget = $counterElement.closest(".premium-hscroll-temp"),
933
+ counterSettings = $counterElement.data(),
934
+ incrementElement = $counterElement.find(".premium-counter-init"),
935
+ iconElement = $counterElement.find(".icon");
936
+
937
+ if (!isHScrollWidget.length) {
938
+ elementorFrontend.waypoint($counterElement, function () {
939
+
940
+ $(incrementElement).numerator(counterSettings);
941
+
942
+ $(iconElement).addClass("animated " + iconElement.data("animation"));
943
+
944
+ });
945
+ } else {
946
+
947
+ $(window).on("scroll", function () {
948
+
949
+ if ($(window).scrollTop() >= isHScrollWidget.data("scroll-offset")) {
950
+ $(incrementElement).numerator(counterSettings);
951
+
952
+ $(iconElement).addClass("animated " + iconElement.data("animation"));
953
+ }
954
+
955
+ });
956
+
957
+ }
958
+
959
+ };
960
+
961
+ /****** Premium Fancy Text Handler ******/
962
+ var PremiumFancyTextHandler = function ($scope, $) {
963
+
964
+ var $elem = $scope.find(".premium-fancy-text-wrapper"),
965
+ settings = $elem.data("settings"),
966
+ loadingSpeed = settings.delay || 2500,
967
+ itemCount = $elem.find('.premium-fancy-list-items').length,
968
+ loopCount = ('' === settings.count && !['typing', 'slide', 'autofade'].includes(settings.effect)) ? 'infinite' : (settings.count * itemCount);
969
+
970
+ function escapeHtml(unsafe) {
971
+ return unsafe.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(
972
+ /"/g, "&quot;");
973
+ }
974
+
975
+ if ("typing" === settings.effect) {
976
+
977
+ var fancyStrings = [];
978
+
979
+ settings.strings.forEach(function (item) {
980
+ fancyStrings.push(escapeHtml(item));
981
+ });
982
+
983
+ var fancyTextID = '#' + $elem.find('.premium-fancy-text').attr('id');
984
+ var typedInstance = new Typed(fancyTextID, {
985
+ strings: fancyStrings,
986
+ typeSpeed: settings.typeSpeed,
987
+ backSpeed: settings.backSpeed,
988
+ startDelay: settings.startDelay,
989
+ backDelay: settings.backDelay,
990
+ showCursor: settings.showCursor,
991
+ cursorChar: settings.cursorChar,
992
+ loop: settings.loop
993
+ });
994
+
995
+ //To start/stop programmatically.
996
+ if ($scope.hasClass("fancy-text-stop")) {
997
+ typedInstance.stop();
998
+ }
999
+
1000
+ $(".fancy-text-stop").bind("fancy-text-start", function () {
1001
+ typedInstance.start();
1002
+ });
1003
+
1004
+ } else if ("slide" === settings.effect) {
1005
+ loadingSpeed = settings.pause;
1006
+
1007
+ $elem.find(".premium-fancy-text").vTicker({
1008
+ speed: settings.speed,
1009
+ showItems: settings.showItems,
1010
+ pause: settings.pause,
1011
+ mousePause: settings.mousePause,
1012
+ direction: "up"
1013
+ });
1014
+
1015
+ } else if ('auto-fade' === settings.effect) {
1016
+ var $items = $elem.find(".premium-fancy-list-items"),
1017
+ len = $items.length;
1018
+
1019
+ if (0 === len) {
1020
+ return;
1021
+ }
1022
+
1023
+ var delay = settings.duration / len,
1024
+ itemDelay = 0;
1025
+
1026
+ loadingSpeed = delay;
1027
+
1028
+ $items.each(function ($index, $item) {
1029
+ $item.style.animationDelay = itemDelay + 'ms';
1030
+ itemDelay += delay;
1031
+ });
1032
+
1033
+ } else {
1034
+
1035
+ setFancyAnimation();
1036
+
1037
+ function setFancyAnimation() {
1038
+
1039
+ var $item = $elem.find(".premium-fancy-list-items"),
1040
+ current = 1;
1041
+
1042
+ //Get effect settings
1043
+ var delay = settings.delay || 2500,
1044
+ loopCount = settings.count;
1045
+
1046
+ //If Loop Count option is set
1047
+ if (loopCount) {
1048
+ var currentLoop = 1,
1049
+ fancyStringsCount = $elem.find(".premium-fancy-list-items").length;
1050
+ }
1051
+
1052
+ var loopInterval = setInterval(function () {
1053
+
1054
+ var animationClass = "";
1055
+
1056
+ //Add animation class
1057
+ if (settings.effect === "custom")
1058
+ animationClass = "animated " + settings.animation;
1059
+
1060
+ //Show current active item
1061
+ $item.eq(current).addClass("premium-fancy-item-visible " + animationClass).removeClass("premium-fancy-item-hidden");
1062
+
1063
+ var $inactiveItems = $item.filter(function (index) {
1064
+ return index !== current;
1065
+ });
1066
+
1067
+ //Hide inactive items
1068
+ $inactiveItems.addClass("premium-fancy-item-hidden").removeClass("premium-fancy-item-visible " + animationClass);
1069
+
1070
+ current++;
1071
+
1072
+ //Restart loop
1073
+ if ($item.length === current)
1074
+ current = 0;
1075
+
1076
+ //Increment interval and check if loop count is reached
1077
+ if (loopCount) {
1078
+ currentLoop++;
1079
+
1080
+ if ((fancyStringsCount * loopCount) === currentLoop)
1081
+ clearInterval(loopInterval);
1082
+ }
1083
+
1084
+
1085
+ }, delay);
1086
+
1087
+ }
1088
+ }
1089
+
1090
+ //Show the strings after the layout is set.
1091
+ if ("typing" !== settings.effect) {
1092
+ setTimeout(function () {
1093
+ $elem.find(".premium-fancy-text").css('opacity', '1');
1094
+ }, 500);
1095
+
1096
+ }
1097
+
1098
+ if ('loading' === settings.loading && 'typing' !== settings.effect) {
1099
+ $scope.find('.premium-fancy-text').append('<span class="premium-loading-bar"></span>');
1100
+ $scope.find('.premium-loading-bar').css({
1101
+ 'animation-iteration-count': loopCount,
1102
+ 'animation-duration': loadingSpeed + 'ms'
1103
+ });
1104
+ }
1105
+
1106
+ };
1107
+
1108
+ /****** Premium Countdown Handler ******/
1109
+ var PremiumCountDownHandler = function ($scope, $) {
1110
+
1111
+ var $countDownElement = $scope.find(".premium-countdown"),
1112
+ settings = $countDownElement.data("settings"),
1113
+ id = $scope.data('id'),
1114
+ label1 = settings.label1,
1115
+ label2 = settings.label2,
1116
+ newLabe1 = label1.split(","),
1117
+ newLabel2 = label2.split(","),
1118
+ timerType = settings.timerType,
1119
+ until = 'evergreen' === timerType ? settings.until.date.replace(/ /g, "T") : settings.until,
1120
+ layout = '',
1121
+ map = {
1122
+ y: { index: 0, oldVal: '' },
1123
+ o: { index: 1, oldVal: '' },
1124
+ w: { index: 2, oldVal: '' },
1125
+ d: { index: 3, oldVal: '' },
1126
+ h: { index: 4, oldVal: '' },
1127
+ m: { index: 5, oldVal: '' },
1128
+ s: { index: 6, oldVal: '' }
1129
+ };
1130
+
1131
+ if ($countDownElement.find('#countdown-' + id).hasClass('premium-countdown-flip')) {
1132
+ settings.format.split('').forEach(function (unit) {
1133
+ var lowercased = unit.toLowerCase();
1134
+
1135
+ layout += '<div class="premium-countdown-block premium-countdown-' + lowercased + '"><div class="pre_time-mid"> <div class="premium-countdown-figure"><span class="top">{' + lowercased + 'nn}</span><span class="top-back"><span>{' + lowercased + 'nn}</span></span><span class="bottom">{' + lowercased + 'nn}</span><span class="bottom-back"><span>{' + lowercased + 'nn}</span></span></div><span class="premium-countdown-label">{' + lowercased + 'l}</span></div><span class="countdown_separator">{sep}</span></div>';
1136
+ });
1137
+ }
1138
+
1139
+ $countDownElement.find('#countdown-' + id).countdown({
1140
+ layout: layout,
1141
+ labels: newLabel2,
1142
+ labels1: newLabe1,
1143
+ until: new Date(until),
1144
+ format: settings.format,
1145
+ padZeroes: true,
1146
+ timeSeparator: settings.separator,
1147
+ onTick: function (periods) {
1148
+
1149
+ equalWidth();
1150
+
1151
+ if ($countDownElement.find('#countdown-' + id).hasClass('premium-countdown-flip')) {
1152
+ animateFigure(periods, map);
1153
+ }
1154
+ },
1155
+ onExpiry: function () {
1156
+ if ('onExpiry' === settings.event) {
1157
+ $countDownElement.find('#countdown-' + id).html(settings.text);
1158
+ }
1159
+ },
1160
+ serverSync: function () {
1161
+ return new Date(settings.serverSync);
1162
+ }
1163
+ });
1164
+
1165
+ if (settings.reset) {
1166
+ $countDownElement.find('.premium-countdown-init').countdown('option', 'until', new Date(until));
1167
+ }
1168
+
1169
+ if ('expiryUrl' === settings.event) {
1170
+ $countDownElement.find('#countdown-' + id).countdown('option', 'expiryUrl', (elementorFrontend.isEditMode()) ? '' : settings.text);
1171
+ }
1172
+
1173
+ function equalWidth() {
1174
+ var width = 0;
1175
+ $countDownElement.find('#countdown-' + id + ' .countdown-amount').each(function (index, slot) {
1176
+ if (width < $(slot).outerWidth()) {
1177
+ width = $(slot).outerWidth();
1178
+ }
1179
+ });
1180
+
1181
+ $countDownElement.find('#countdown-' + id + ' .countdown-amount').css('width', width);
1182
+ }
1183
+
1184
+ function animateFigure(periods, map) {
1185
+ settings.format.split('').forEach(function (unit) {
1186
+
1187
+ var lowercased = unit.toLowerCase(),
1188
+ index = map[lowercased].index,
1189
+ oldVal = map[lowercased].oldVal;
1190
+
1191
+ if (periods[index] !== oldVal) {
1192
+
1193
+ map[lowercased].oldVal = periods[index];
1194
+
1195
+ var $top = $('#countdown-' + id).find('.premium-countdown-' + lowercased + ' .top'),
1196
+ $back_top = $('#countdown-' + id).find('.premium-countdown-' + lowercased + ' .top-back');
1197
+
1198
+ TweenMax.to($top, 0.8, {
1199
+ rotationX: '-180deg',
1200
+ transformPerspective: 300,
1201
+ ease: Quart.easeOut,
1202
+ onComplete: function () {
1203
+ TweenMax.set($top, { rotationX: 0 });
1204
+ }
1205
+ });
1206
+
1207
+ TweenMax.to($back_top, 0.8, {
1208
+ rotationX: 0,
1209
+ transformPerspective: 300,
1210
+ ease: Quart.easeOut,
1211
+ clearProps: 'all'
1212
+ });
1213
+ }
1214
+ });
1215
+ }
1216
+
1217
+ times = $countDownElement.find('#countdown-' + id).countdown("getTimes");
1218
+
1219
+ function runTimer(el) {
1220
+ return el == 0;
1221
+ }
1222
+
1223
+ if (times.every(runTimer)) {
1224
+
1225
+ if ('onExpiry' === settings.event) {
1226
+ $countDownElement.find('#countdown-' + id).html(settings.text);
1227
+ } else if ('expiryUrl' === settings.event && !elementorFrontend.isEditMode()) {
1228
+ var editMode = $('body').find('#elementor').length;
1229
+ if (0 < editMode) {
1230
+ $countDownElement.find('#countdown-' + id).html(
1231
+ "<h1>You can not redirect url from elementor Editor!!</h1>");
1232
+ } else {
1233
+ if (!elementorFrontend.isEditMode()) {
1234
+ window.location.href = settings.text;
1235
+ }
1236
+ }
1237
+
1238
+ }
1239
+ }
1240
+
1241
+ };
1242
+
1243
+ /****** Premium Carousel Handler ******/
1244
+ var PremiumCarouselHandler = function ($scope, $) {
1245
+
1246
+ var $carouselElem = $scope.find(".premium-carousel-wrapper"),
1247
+ settings = $($carouselElem).data("settings"),
1248
+ isEdit = elementorFrontend.isEditMode();
1249
+
1250
+ if ($carouselElem.find(".item-wrapper").length < 1)
1251
+ return;
1252
+
1253
+ function slideToShow(slick) {
1254
+
1255
+ var slidesToShow = slick.options.slidesToShow,
1256
+ windowWidth = $(window).width();
1257
+ if (windowWidth > settings.tabletBreak) {
1258
+ slidesToShow = settings.slidesDesk;
1259
+ }
1260
+ if (windowWidth <= settings.tabletBreak) {
1261
+ slidesToShow = settings.slidesTab;
1262
+ }
1263
+ if (windowWidth <= settings.mobileBreak) {
1264
+ slidesToShow = settings.slidesMob;
1265
+ }
1266
+ return slidesToShow;
1267
+
1268
+ }
1269
+
1270
+ //Get templates content on the editor page
1271
+ if (isEdit) {
1272
+
1273
+ $carouselElem.find(".item-wrapper").each(function (index, slide) {
1274
+
1275
+ var templateID = $(slide).data("template");
1276
+
1277
+ if (undefined !== templateID && '' !== templateID) {
1278
+ $.ajax({
1279
+ type: "GET",
1280
+ url: PremiumSettings.ajaxurl,
1281
+ dataType: "html",
1282
+ data: {
1283
+ action: "get_elementor_template_content",
1284
+ templateID: templateID
1285
+ }
1286
+ }).success(function (response) {
1287
+
1288
+ var data = JSON.parse(response).data;
1289
+
1290
+ if (undefined !== data.template_content) {
1291
+
1292
+ $(slide).html(data.template_content);
1293
+ $carouselElem.find(".premium-carousel-inner").slick("refresh");
1294
+
1295
+ }
1296
+ });
1297
+ }
1298
+ });
1299
+
1300
+ }
1301
+
1302
+ $carouselElem.on("init", function (event) {
1303
+
1304
+ event.preventDefault();
1305
+
1306
+ setTimeout(function () {
1307
+ resetAnimations("init");
1308
+ }, 500);
1309
+
1310
+ $(this).find("item-wrapper.slick-active").each(function () {
1311
+ var $this = $(this);
1312
+ $this.addClass($this.data("animation"));
1313
+ });
1314
+
1315
+ $(".slick-track").addClass("translate");
1316
+
1317
+ });
1318
+
1319
+ $carouselElem.find(".premium-carousel-inner").slick({
1320
+ vertical: settings.vertical,
1321
+ slidesToScroll: settings.slidesToScroll,
1322
+ slidesToShow: settings.slidesToShow,
1323
+ responsive: [{
1324
+ breakpoint: settings.tabletBreak,
1325
+ settings: {
1326
+ slidesToShow: settings.slidesTab,
1327
+ slidesToScroll: settings.slidesTab,
1328
+ swipe: settings.touchMove,
1329
+ }
1330
+ },
1331
+ {
1332
+ breakpoint: settings.mobileBreak,
1333
+ settings: {
1334
+ slidesToShow: settings.slidesMob,
1335
+ slidesToScroll: settings.slidesMob,
1336
+ swipe: settings.touchMove,
1337
+ }
1338
+ }
1339
+ ],
1340
+ useTransform: true,
1341
+ fade: settings.fade,
1342
+ infinite: settings.infinite,
1343
+ speed: settings.speed,
1344
+ autoplay: settings.autoplay,
1345
+ autoplaySpeed: settings.autoplaySpeed,
1346
+ rows: 0,
1347
+ draggable: settings.draggable,
1348
+ rtl: settings.rtl,
1349
+ adaptiveHeight: settings.adaptiveHeight,
1350
+ pauseOnHover: settings.pauseOnHover,
1351
+ centerMode: settings.centerMode,
1352
+ centerPadding: settings.centerPadding,
1353
+ arrows: settings.arrows,
1354
+ prevArrow: $carouselElem.find(".premium-carousel-nav-arrow-prev").html(),
1355
+ nextArrow: $carouselElem.find(".premium-carousel-nav-arrow-next").html(),
1356
+ dots: settings.dots,
1357
+ variableWidth: settings.variableWidth,
1358
+ cssEase: settings.cssEase,
1359
+ customPaging: function () {
1360
+ var customDot = $carouselElem.find(".premium-carousel-nav-dot").html();
1361
+ return customDot;
1362
+ }
1363
+ });
1364
+
1365
+ $scope.find(".premium-carousel-hidden").removeClass("premium-carousel-hidden");
1366
+ $carouselElem.find(".premium-carousel-nav-arrow-prev").remove();
1367
+ $carouselElem.find(".premium-carousel-nav-arrow-next").remove();
1368
+ // $carouselElem.find(".premium-carousel-nav-dot").remove();
1369
+
1370
+ if (settings.variableWidth) {
1371
+ $carouselElem.find(".elementor-container").css("flex-wrap", "nowrap");
1372
+ }
1373
+
1374
+ function resetAnimations(event) {
1375
+
1376
+ var $slides = $carouselElem.find(".slick-slide");
1377
+
1378
+ if ("init" === event)
1379
+ $slides = $slides.not(".slick-current");
1380
+
1381
+ $slides.find(".animated").each(function (index, elem) {
1382
+
1383
+ var settings = $(elem).data("settings");
1384
+
1385
+ if (!settings)
1386
+ return;
1387
+
1388
+ if (!settings._animation && !settings.animation)
1389
+ return;
1390
+
1391
+ var animation = settings._animation || settings.animation;
1392
+
1393
+ $(elem).removeClass("animated " + animation).addClass("elementor-invisible");
1394
+ });
1395
+ };
1396
+
1397
+ function triggerAnimation() {
1398
+
1399
+ $carouselElem.find(".slick-active .elementor-invisible").each(function (index, elem) {
1400
+
1401
+ var settings = $(elem).data("settings");
1402
+
1403
+ if (!settings)
1404
+ return;
1405
+
1406
+ if (!settings._animation && !settings.animation)
1407
+ return;
1408
+
1409
+ var delay = settings._animation_delay ? settings._animation_delay : 0,
1410
+ animation = settings._animation || settings.animation;
1411
+
1412
+ setTimeout(function () {
1413
+ $(elem).removeClass("elementor-invisible").addClass(animation +
1414
+ ' animated');
1415
+ }, delay);
1416
+ });
1417
+ }
1418
+
1419
+ $carouselElem.on("afterChange", function (event, slick, currentSlide) {
1420
+
1421
+ var slidesScrolled = slick.options.slidesToScroll,
1422
+ slidesToShow = slideToShow(slick),
1423
+ centerMode = slick.options.centerMode,
1424
+ slideToAnimate = currentSlide + slidesToShow - 1;
1425
+
1426
+ //Trigger Aniamtions for the current slide
1427
+ triggerAnimation();
1428
+
1429
+ if (slidesScrolled === 1) {
1430
+ if (!centerMode === true) {
1431
+ var $inViewPort = $(this).find("[data-slick-index='" + slideToAnimate +
1432
+ "']");
1433
+ if ("null" != settings.animation) {
1434
+ $inViewPort.find("p, h1, h2, h3, h4, h5, h6, span, a, img, i, button")
1435
+ .addClass(settings.animation).removeClass(
1436
+ "premium-carousel-content-hidden");
1437
+ }
1438
+ }
1439
+ } else {
1440
+ for (var i = slidesScrolled + currentSlide; i >= 0; i--) {
1441
+ $inViewPort = $(this).find("[data-slick-index='" + i + "']");
1442
+ if ("null" != settings.animation) {
1443
+ $inViewPort.find("p, h1, h2, h3, h4, h5, h6, span, a, img, i, button")
1444
+ .addClass(settings.animation).removeClass(
1445
+ "premium-carousel-content-hidden");
1446
+ }
1447
+ }
1448
+ }
1449
+
1450
+ //Fix carousel continues to work after last slide if autoplay is true and infinite is false.
1451
+ if (slick.$slides.length - 1 == currentSlide && !settings.infinite) {
1452
+ $carouselElem.find(".premium-carousel-inner").slick('slickSetOption', 'autoplay', false, true);
1453
+ }
1454
+
1455
+ });
1456
+
1457
+ $carouselElem.on("beforeChange", function (event, slick, currentSlide) {
1458
+
1459
+ //Reset Aniamtions for the other slides
1460
+ resetAnimations();
1461
+
1462
+ var $inViewPort = $(this).find("[data-slick-index='" + currentSlide + "']");
1463
+
1464
+ if ("null" != settings.animation) {
1465
+ $inViewPort.siblings().find(
1466
+ "p, h1, h2, h3, h4, h5, h6, span, a, img, i, button").removeClass(
1467
+ settings.animation).addClass(
1468
+ "premium-carousel-content-hidden");
1469
+ }
1470
+ });
1471
+
1472
+ if (settings.vertical) {
1473
+
1474
+ var maxHeight = -1;
1475
+
1476
+ elementorFrontend.elements.$window.on('load', function () {
1477
+ $carouselElem.find(".slick-slide").each(function () {
1478
+ if ($(this).height() > maxHeight) {
1479
+ maxHeight = $(this).height();
1480
+ }
1481
+ });
1482
+ $carouselElem.find(".slick-slide").each(function () {
1483
+ if ($(this).height() < maxHeight) {
1484
+ $(this).css("margin", Math.ceil(
1485
+ (maxHeight - $(this).height()) / 2) + "px 0");
1486
+ }
1487
+ });
1488
+ });
1489
+ }
1490
+ var marginFix = {
1491
+ element: $("a.ver-carousel-arrow"),
1492
+ getWidth: function () {
1493
+ var width = this.element.outerWidth();
1494
+ return width / 2;
1495
+ },
1496
+ setWidth: function (type) {
1497
+ type = type || "vertical";
1498
+ if (type == "vertical") {
1499
+ this.element.css("margin-left", "-" + this.getWidth() + "px");
1500
+ } else {
1501
+ this.element.css("margin-top", "-" + this.getWidth() + "px");
1502
+ }
1503
+ }
1504
+ };
1505
+ marginFix.setWidth();
1506
+ marginFix.element = $("a.carousel-arrow");
1507
+ marginFix.setWidth("horizontal");
1508
+
1509
+ $(document).ready(function () {
1510
+
1511
+ settings.navigation.map(function (item, index) {
1512
+
1513
+ if (item) {
1514
+
1515
+ $(item).on("click", function () {
1516
+
1517
+ var currentActive = $carouselElem.find(".premium-carousel-inner").slick("slickCurrentSlide");
1518
+
1519
+ if (index !== currentActive) {
1520
+ $carouselElem.find(".premium-carousel-inner").slick("slickGoTo", index)
1521
+ }
1522
+
1523
+ })
1524
+ }
1525
+
1526
+ })
1527
+ })
1528
+
1529
+ };
1530
+
1531
+ var PremiumBannerHandler = ModuleHandler.extend({
1532
+
1533
+ getDefaultSettings: function () {
1534
+
1535
+ return {
1536
+ selectors: {
1537
+ bannerImgWrap: '.premium-banner-ib',
1538
+ bannerImg: 'img',
1539
+ }
1540
+ }
1541
+
1542
+ },
1543
+
1544
+ getDefaultElements: function () {
1545
+
1546
+ var selectors = this.getSettings('selectors');
1547
+
1548
+ return {
1549
+ $bannerImgWrap: this.$element.find(selectors.bannerImgWrap),
1550
+ $bannerImg: this.$element.find(selectors.bannerImg)
1551
+ }
1552
+
1553
+ },
1554
+
1555
+ bindEvents: function () {
1556
+
1557
+ var _this = this;
1558
+
1559
+ _this.elements.$bannerImgWrap.hover(function () {
1560
+ _this.elements.$bannerImg.addClass("active");
1561
+ }, function () {
1562
+ _this.elements.$bannerImg.removeClass("active");
1563
+ });
1564
+
1565
+ this.run();
1566
+ },
1567
+
1568
+ run: function () {
1569
+
1570
+ var $bannerElement = this.$element;
1571
+
1572
+ if ($bannerElement.hasClass("premium-banner-tilt-yes")) {
1573
+
1574
+ var reverse = $bannerElement.hasClass("premium-banner-tilt-rev-yes");
1575
+
1576
+ UniversalTilt.init({
1577
+ elements: $bannerElement.closest(".elementor-widget"),
1578
+ settings: {
1579
+ reverse: reverse
1580
+ },
1581
+ callbacks: {
1582
+ onMouseLeave: function (el) {
1583
+ el.style.boxShadow = "0 45px 100px rgba(255, 255, 255, 0)";
1584
+ },
1585
+ onDeviceMove: function (el) {
1586
+ el.style.boxShadow = "0 45px 100px rgba(255, 255, 255, 0.3)";
1587
+ }
1588
+ }
1589
+ });
1590
+
1591
+ }
1592
+ }
1593
+
1594
+ });
1595
+
1596
+ /****** Premium Modal Box Handler ******/
1597
+ var PremiumModalBoxHandler = function ($scope, $) {
1598
+
1599
+ var $modalElem = $scope.find(".premium-modal-box-container"),
1600
+ settings = $modalElem.data("settings"),
1601
+ $modal = $modalElem.find(".premium-modal-box-modal-dialog");
1602
+
1603
+ if (!settings) {
1604
+ return;
1605
+ }
1606
+
1607
+ if (settings.trigger === "pageload") {
1608
+ $(document).ready(function ($) {
1609
+ setTimeout(function () {
1610
+ $modalElem.find(".premium-modal-box-modal").modal();
1611
+ }, settings.delay * 1000);
1612
+ });
1613
+ }
1614
+
1615
+ if ($modal.data("modal-animation") && " " != $modal.data("modal-animation")) {
1616
+
1617
+ var animationDelay = $modal.data('delay-animation');
1618
+
1619
+ new Waypoint({
1620
+ element: $modal,
1621
+ handler: function () {
1622
+ setTimeout(function () {
1623
+ $modal.css("opacity", "1").addClass("animated " + $modal.data("modal-animation"));
1624
+ }, animationDelay * 1000);
1625
+ this.destroy();
1626
+ },
1627
+ offset: Waypoint.viewportHeight() - 150,
1628
+ });
1629
+ }
1630
+ };
1631
+
1632
+ /****** Premium Blog Handler ******/
1633
+ var PremiumBlogHandler = ModuleHandler.extend({
1634
+
1635
+ settings: {},
1636
+
1637
+ getDefaultSettings: function () {
1638
+ return {
1639
+ selectors: {
1640
+ user: '.fa-user',
1641
+ activeCat: '.category.active',
1642
+ loading: '.premium-loading-feed',
1643
+ blogElement: '.premium-blog-wrap',
1644
+ blogFilterTabs: '.premium-blog-filter',
1645
+ contentWrapper: '.premium-blog-content-wrapper',
1646
+ blogPost: '.premium-blog-post-outer-container',
1647
+ metaSeparators: '.premium-blog-meta-separator',
1648
+ filterLinks: '.premium-blog-filters-container li a',
1649
+ currentPage: '.premium-blog-pagination-container .page-numbers.current',
1650
+ activeElememnt: '.premium-blog-filters-container li .active',
1651
+ }
1652
+ }
1653
+ },
1654
+
1655
+ getDefaultElements: function () {
1656
+ var selectors = this.getSettings('selectors'),
1657
+ elements = {
1658
+ $blogElement: this.$element.find(selectors.blogElement),
1659
+ $blogFilterTabs: this.$element.find(selectors.blogFilterTabs),
1660
+ $activeCat: this.$element.find(selectors.activeCat),
1661
+ $filterLinks: this.$element.find(selectors.filterLinks),
1662
+ $blogPost: this.$element.find(selectors.blogPost),
1663
+ $contentWrapper: this.$element.find(selectors.contentWrapper)
1664
+ };
1665
+
1666
+ return elements;
1667
+ },
1668
+
1669
+ bindEvents: function () {
1670
+ this.setLayoutSettings();
1671
+ this.removeMetaSeparators();
1672
+ this.run();
1673
+ },
1674
+
1675
+ setLayoutSettings: function () {
1676
+
1677
+ var settings = this.getElementSettings(),
1678
+ $blogPost = this.elements.$blogPost;
1679
+
1680
+ var layoutSettings = {
1681
+ pageNumber: 1,
1682
+ isLoaded: true,
1683
+ count: 2,
1684
+ equalHeight: settings.force_height,
1685
+ layout: settings.premium_blog_layout,
1686
+ carousel: 'yes' === settings.premium_blog_carousel ? true : false,
1687
+ infinite: 'yes' === settings.premium_blog_infinite_scroll ? true : false,
1688
+ scrollAfter: 'yes' === settings.scroll_to_offset ? true : false,
1689
+ grid: 'yes' === settings.premium_blog_grid ? true : false,
1690
+ total: $blogPost.data('total'),
1691
+ };
1692
+
1693
+
1694
+ if (layoutSettings.carousel) {
1695
+
1696
+ layoutSettings.slidesToScroll = settings.slides_to_scroll;
1697
+ layoutSettings.spacing = parseInt(settings.premium_blog_carousel_spacing);
1698
+ layoutSettings.autoPlay = 'yes' === settings.premium_blog_carousel_play ? true : false;
1699
+ layoutSettings.arrows = 'yes' === settings.premium_blog_carousel_arrows ? true : false;
1700
+ layoutSettings.fade = 'yes' === settings.premium_blog_carousel_fade ? true : false;
1701
+ layoutSettings.center = 'yes' === settings.premium_blog_carousel_center ? true : false;
1702
+ layoutSettings.dots = 'yes' === settings.premium_blog_carousel_dots ? true : false;
1703
+ layoutSettings.speed = '' !== settings.premium_blog_carousel_autoplay_speed ? parseInt(settings.premium_blog_carousel_autoplay_speed) : 5000;
1704
+
1705
+ }
1706
+
1707
+ this.settings = layoutSettings;
1708
+
1709
+ },
1710
+
1711
+ removeMetaSeparators: function () {
1712
+
1713
+ var selectors = this.getSettings('selectors'),
1714
+ $blogPost = this.$element.find(selectors.blogPost);
1715
+
1716
+ var $metaSeparators = $blogPost.first().find(selectors.metaSeparators),
1717
+ $user = $blogPost.find(selectors.user);
1718
+
1719
+ if (1 === $metaSeparators.length) {
1720
+ //If two meta only are enabled. One of them is author meta.
1721
+ if (!$user.length) {
1722
+ $blogPost.find(selectors.metaSeparators).remove();
1723
+ }
1724
+
1725
+ } else {
1726
+ if (!$user.length) {
1727
+ $blogPost.each(function (index, post) {
1728
+ $(post).find(selectors.metaSeparators).first().remove();
1729
+ });
1730
+ }
1731
+ }
1732
+
1733
+ },
1734
+ run: function () {
1735
+
1736
+ var _this = this,
1737
+ $blogElement = this.elements.$blogElement,
1738
+ $activeCategory = this.elements.$activeCat.data('filter'),
1739
+ $filterTabs = this.elements.$blogFilterTabs.length,
1740
+ pagination = $blogElement.data("pagination");
1741
+
1742
+ this.settings.activeCategory = $activeCategory;
1743
+ this.settings.filterTabs = $filterTabs;
1744
+
1745
+
1746
+
1747
+ if (this.settings.filterTabs) {
1748
+ this.filterTabs();
1749
+ }
1750
+
1751
+ if (!this.settings.filterTabs || "*" === this.settings.activeCategory) {
1752
+ if ("masonry" === this.settings.layout && !this.settings.carousel) {
1753
+ $blogElement.imagesLoaded(function () {
1754
+ $blogElement.isotope(_this.getIsoTopeSettings());
1755
+ });
1756
+ }
1757
+ } else {
1758
+ //If `All` categories not exist, then we need to get posts through AJAX.
1759
+ // this.getPostsByAjax(false);
1760
+ }
1761
+
1762
+ if (this.settings.carousel) {
1763
+ $blogElement.slick(this.getSlickSettings());
1764
+
1765
+ $blogElement.removeClass("premium-carousel-hidden");
1766
+ }
1767
+
1768
+ if ("even" === this.settings.layout && this.settings.equalHeight) {
1769
+ $blogElement.imagesLoaded(function () {
1770
+ _this.forceEqualHeight();
1771
+ });
1772
+ }
1773
+
1774
+ if (pagination) {
1775
+ this.paginate();
1776
+ }
1777
+
1778
+ if (this.settings.infinite && $blogElement.is(":visible")) {
1779
+ this.getInfiniteScrollPosts();
1780
+ }
1781
+
1782
+ },
1783
+
1784
+ paginate: function () {
1785
+ var _this = this,
1786
+ $scope = this.$element,
1787
+ selectors = this.getSettings('selectors');
1788
+
1789
+ $scope.on('click', '.premium-blog-pagination-container .page-numbers', function (e) {
1790
+
1791
+ e.preventDefault();
1792
+
1793
+ if ($(this).hasClass("current")) return;
1794
+
1795
+ var currentPage = parseInt($scope.find(selectors.currentPage).html());
1796
+
1797
+ if ($(this).hasClass('next')) {
1798
+ _this.settings.pageNumber = currentPage + 1;
1799
+ } else if ($(this).hasClass('prev')) {
1800
+ _this.settings.pageNumber = currentPage - 1;
1801
+ } else {
1802
+ _this.settings.pageNumber = $(this).html();
1803
+ }
1804
+
1805
+ _this.getPostsByAjax(_this.settings.scrollAfter);
1806
+
1807
+ })
1808
+ },
1809
+
1810
+ forceEqualHeight: function () {
1811
+ var heights = new Array(),
1812
+ contentWrapper = this.getSettings('selectors').contentWrapper,
1813
+ $blogWrapper = this.$element.find(contentWrapper);
1814
+
1815
+ $blogWrapper.each(function (index, post) {
1816
+
1817
+ var height = $(post).outerHeight();
1818
+
1819
+ heights.push(height);
1820
+ });
1821
+
1822
+ var maxHeight = Math.max.apply(null, heights);
1823
+
1824
+ $blogWrapper.css("height", maxHeight + "px");
1825
+ },
1826
+
1827
+ getSlickSettings: function () {
1828
+
1829
+ var settings = this.settings,
1830
+ slickCols = settings.grid ? this.getSlickCols() : null,
1831
+ cols = settings.grid ? slickCols.cols : 1,
1832
+ colsTablet = settings.grid ? slickCols.colsTablet : 1,
1833
+ colsMobile = settings.grid ? slickCols.colsMobile : 1,
1834
+ prevArrow = settings.arrows ? '<a type="button" data-role="none" class="carousel-arrow carousel-prev" aria-label="Previous" role="button" style=""><i class="fas fa-angle-left" aria-hidden="true"></i></a>' : '',
1835
+ nextArrow = settings.arrows ? '<a type="button" data-role="none" class="carousel-arrow carousel-next" aria-label="Next" role="button" style=""><i class="fas fa-angle-right" aria-hidden="true"></i></a>' : '';
1836
+
1837
+ return {
1838
+ infinite: true,
1839
+ slidesToShow: cols,
1840
+ slidesToScroll: settings.slidesToScroll || cols,
1841
+ responsive: [{
1842
+ breakpoint: 1025,
1843
+ settings: {
1844
+ slidesToShow: colsTablet,
1845
+ slidesToScroll: 1
1846
+ }
1847
+ },
1848
+ {
1849
+ breakpoint: 768,
1850
+ settings: {
1851
+ slidesToShow: colsMobile,
1852
+ slidesToScroll: 1
1853
+ }
1854
+ }
1855
+ ],
1856
+ autoplay: settings.autoPlay,
1857
+ rows: 0,
1858
+ autoplaySpeed: settings.speed,
1859
+ nextArrow: nextArrow,
1860
+ prevArrow: prevArrow,
1861
+ fade: settings.fade,
1862
+ centerMode: settings.center,
1863
+ centerPadding: settings.spacing + "px",
1864
+ draggable: true,
1865
+ dots: settings.dots,
1866
+ customPaging: function () {
1867
+ return '<i class="fas fa-circle"></i>';
1868
+ }
1869
+ }
1870
+
1871
+ },
1872
+
1873
+ getSlickCols: function () {
1874
+ var slickCols = this.getElementSettings(),
1875
+ cols = slickCols.premium_blog_columns_number,
1876
+ colsTablet = slickCols.premium_blog_columns_number_tablet,
1877
+ colsMobile = slickCols.premium_blog_columns_number_mobile;
1878
+
1879
+ return {
1880
+ cols: parseInt(100 / cols.substr(0, cols.indexOf('%'))),
1881
+ colsTablet: parseInt(100 / colsTablet.substr(0, colsTablet.indexOf('%'))),
1882
+ colsMobile: parseInt(100 / colsMobile.substr(0, colsMobile.indexOf('%'))),
1883
+ }
1884
+
1885
+ },
1886
+
1887
+ getIsoTopeSettings: function () {
1888
+ return {
1889
+ itemSelector: ".premium-blog-post-outer-container",
1890
+ percentPosition: true,
1891
+ filter: this.settings.activeCategory,
1892
+ animationOptions: {
1893
+ duration: 750,
1894
+ easing: "linear",
1895
+ queue: false
1896
+ }
1897
+ }
1898
+ },
1899
+
1900
+ filterTabs: function () {
1901
+
1902
+ var _this = this,
1903
+ selectors = this.getSettings('selectors'),
1904
+ $filterLinks = this.elements.$filterLinks;
1905
+
1906
+ $filterLinks.click(function (e) {
1907
+
1908
+ e.preventDefault();
1909
+
1910
+ _this.$element.find(selectors.activeElememnt).removeClass("active");
1911
+
1912
+ $(this).addClass("active");
1913
+
1914
+ //Get clicked tab slug
1915
+ _this.settings.activeCategory = $(this).attr("data-filter");
1916
+
1917
+ _this.settings.pageNumber = 1;
1918
+
1919
+ if (_this.settings.infinite) {
1920
+ _this.getPostsByAjax(false);
1921
+ _this.settings.count = 2;
1922
+ _this.getInfiniteScrollPosts();
1923
+ } else {
1924
+ //Make sure to reset pagination before sending our AJAX request
1925
+ _this.getPostsByAjax(_this.settings.scrollAfter);
1926
+ }
1927
+
1928
+ });
1929
+ },
1930
+
1931
+ getPostsByAjax: function (shouldScroll) {
1932
+
1933
+ //If filter tabs is not enabled, then always set category to all.
1934
+ if ('undefined' === typeof this.settings.activeCategory) {
1935
+ this.settings.activeCategory = '*';
1936
+ }
1937
+
1938
+ var _this = this,
1939
+ $blogElement = this.elements.$blogElement,
1940
+ selectors = this.getSettings('selectors');
1941
+
1942
+ $.ajax({
1943
+ url: PremiumSettings.ajaxurl,
1944
+ dataType: 'json',
1945
+ type: 'POST',
1946
+ data: {
1947
+ action: 'pa_get_posts',
1948
+ page_id: $blogElement.data('page'),
1949
+ widget_id: _this.$element.data('id'),
1950
+ page_number: _this.settings.pageNumber,
1951
+ category: _this.settings.activeCategory,
1952
+ nonce: PremiumSettings.nonce,
1953
+ },
1954
+ beforeSend: function () {
1955
+
1956
+ $blogElement.append('<div class="premium-loading-feed"><div class="premium-loader"></div></div>');
1957
+
1958
+ if (shouldScroll) {
1959
+ $('html, body').animate({
1960
+ scrollTop: (($blogElement.offset().top) - 50)
1961
+ }, 'slow');
1962
+ }
1963
+
1964
+ },
1965
+ success: function (res) {
1966
+ if (!res.data)
1967
+ return;
1968
+
1969
+ $blogElement.find(selectors.loading).remove();
1970
+
1971
+ var posts = res.data.posts,
1972
+ paging = res.data.paging;
1973
+
1974
+ if (_this.settings.infinite) {
1975
+ _this.settings.isLoaded = true;
1976
+ if (_this.settings.filterTabs && _this.settings.pageNumber === 1) {
1977
+ $blogElement.html(posts);
1978
+ } else {
1979
+ $blogElement.append(posts);
1980
+ }
1981
+ } else {
1982
+ //Render the new markup into the widget
1983
+ $blogElement.html(posts);
1984
+
1985
+ _this.$element.find(".premium-blog-footer").html(paging);
1986
+ }
1987
+
1988
+ _this.removeMetaSeparators();
1989
+
1990
+ //Make sure grid option is enabled.
1991
+ if (_this.settings.layout) {
1992
+ if ("even" === _this.settings.layout) {
1993
+ if (_this.settings.equalHeight)
1994
+ _this.forceEqualHeight();
1995
+
1996
+ } else {
1997
+
1998
+ $blogElement.imagesLoaded(function () {
1999
+
2000
+ $blogElement.isotope('reloadItems');
2001
+ $blogElement.isotope({
2002
+ itemSelector: ".premium-blog-post-outer-container",
2003
+ animate: false
2004
+ });
2005
+ });
2006
+ }
2007
+ }
2008
+
2009
+ },
2010
+ error: function (err) {
2011
+ console.log(err);
2012
+ }
2013
+
2014
+ });
2015
+ },
2016
+
2017
+ getInfiniteScrollPosts: function () {
2018
+ var windowHeight = jQuery(window).outerHeight() / 1.25,
2019
+ _this = this;
2020
+
2021
+ $(window).scroll(function () {
2022
+
2023
+ if (_this.settings.filterTabs) {
2024
+ $blogPost = _this.elements.$blogElement.find(".premium-blog-post-outer-container");
2025
+ _this.settings.total = $blogPost.data('total');
2026
+ }
2027
+
2028
+ if (_this.settings.count <= _this.settings.total) {
2029
+ if (($(window).scrollTop() + windowHeight) >= (_this.$element.find('.premium-blog-post-outer-container:last').offset().top)) {
2030
+ if (true == _this.settings.isLoaded) {
2031
+ _this.settings.pageNumber = _this.settings.count;
2032
+ _this.getPostsByAjax(false);
2033
+ _this.settings.count++;
2034
+ _this.settings.isLoaded = false;
2035
+ }
2036
+
2037
+ }
2038
+ }
2039
+ });
2040
+ },
2041
+
2042
+ });
2043
+
2044
+ /****** Premium Image Scroll Handler ******/
2045
+ var PremiumImageScrollHandler = function ($scope, $) {
2046
+ var scrollElement = $scope.find(".premium-image-scroll-container"),
2047
+ scrollOverlay = scrollElement.find(".premium-image-scroll-overlay"),
2048
+ scrollVertical = scrollElement.find(".premium-image-scroll-vertical"),
2049
+ dataElement = scrollElement.data("settings"),
2050
+ imageScroll = scrollElement.find("img"),
2051
+ direction = dataElement["direction"],
2052
+ reverse = dataElement["reverse"],
2053
+ transformOffset = null;
2054
+
2055
+ function startTransform() {
2056
+ imageScroll.css("transform", (direction === "vertical" ? "translateY" : "translateX") + "( -" +
2057
+ transformOffset + "px)");
2058
+ }
2059
+
2060
+ function endTransform() {
2061
+ imageScroll.css("transform", (direction === "vertical" ? "translateY" : "translateX") + "(0px)");
2062
+ }
2063
+
2064
+ function setTransform() {
2065
+ if (direction === "vertical") {
2066
+ transformOffset = imageScroll.height() - scrollElement.height();
2067
+ } else {
2068
+ transformOffset = imageScroll.width() - scrollElement.width();
2069
+ }
2070
+ }
2071
+ if (dataElement["trigger"] === "scroll") {
2072
+ scrollElement.addClass("premium-container-scroll");
2073
+ if (direction === "vertical") {
2074
+ scrollVertical.addClass("premium-image-scroll-ver");
2075
+ } else {
2076
+ scrollElement.imagesLoaded(function () {
2077
+ scrollOverlay.css({
2078
+ width: imageScroll.width(),
2079
+ height: imageScroll.height()
2080
+ });
2081
+ });
2082
+ }
2083
+ } else {
2084
+ if (reverse === "yes") {
2085
+ scrollElement.imagesLoaded(function () {
2086
+ scrollElement.addClass("premium-container-scroll-instant");
2087
+ setTransform();
2088
+ startTransform();
2089
+ });
2090
+ }
2091
+ if (direction === "vertical") {
2092
+ scrollVertical.removeClass("premium-image-scroll-ver");
2093
+ }
2094
+ scrollElement.mouseenter(function () {
2095
+ scrollElement.removeClass("premium-container-scroll-instant");
2096
+ setTransform();
2097
+ reverse === "yes" ? endTransform() : startTransform();
2098
+ });
2099
+ scrollElement.mouseleave(function () {
2100
+ reverse === "yes" ? startTransform() : endTransform();
2101
+ });
2102
+ }
2103
+ };
2104
+
2105
+
2106
+ /****** Premium Contact Form 7 Handler ******/
2107
+ var PremiumContactFormHandler = function ($scope, $) {
2108
+
2109
+ var $contactForm = $scope.find(".premium-cf7-container");
2110
+ var $input = $contactForm.find(
2111
+ 'input[type="text"], input[type="email"], textarea, input[type="password"], input[type="date"], input[type="number"], input[type="tel"], input[type="file"], input[type="url"]'
2112
+ );
2113
+
2114
+ $input.wrap("<span class='wpcf7-span'>");
2115
+
2116
+ $input.on("focus blur", function () {
2117
+ $(this).closest(".wpcf7-span").toggleClass("is-focused");
2118
+ });
2119
+ };
2120
+
2121
+ /****** Premium Team Members Handler ******/
2122
+ var PremiumTeamMembersHandler = ModuleHandler.extend({
2123
+
2124
+ getDefaultSettings: function () {
2125
+
2126
+ return {
2127
+ slick: {
2128
+ infinite: true,
2129
+ rows: 0,
2130
+ prevArrow: '<a type="button" data-role="none" class="carousel-arrow carousel-prev" aria-label="Next" role="button" style=""><i class="fas fa-angle-left" aria-hidden="true"></i></a>',
2131
+ nextArrow: '<a type="button" data-role="none" class="carousel-arrow carousel-next" aria-label="Next" role="button" style=""><i class="fas fa-angle-right" aria-hidden="true"></i></a>',
2132
+ draggable: true,
2133
+ pauseOnHover: true,
2134
+ },
2135
+ selectors: {
2136
+ multiplePersons: '.multiple-persons',
2137
+ person: '.premium-person-container',
2138
+ personCarousel: '.premium-person-container.slick-active',
2139
+ personImg: '.premium-person-image-container img',
2140
+
2141
+ }
2142
+ }
2143
+ },
2144
+
2145
+ getDefaultElements: function () {
2146
+
2147
+ var selectors = this.getSettings('selectors');
2148
+
2149
+ return {
2150
+ $multiplePersons: this.$element.find(selectors.multiplePersons),
2151
+ $persons: this.$element.find(selectors.person),
2152
+ $personImg: this.$element.find(selectors.personImg),
2153
+ }
2154
+
2155
+ },
2156
+ bindEvents: function () {
2157
+ this.run();
2158
+ },
2159
+ getSlickSettings: function () {
2160
+
2161
+ var settings = this.getElementSettings(),
2162
+ rtl = this.elements.$multiplePersons.data("rtl"),
2163
+ colsNumber = settings.persons_per_row,
2164
+ colsTablet = settings.persons_per_row_tablet,
2165
+ colsMobile = settings.persons_per_row_mobile;
2166
+
2167
+ return Object.assign(this.getSettings('slick'), {
2168
+
2169
+ slidesToShow: parseInt(100 / colsNumber.substr(0, colsNumber.indexOf('%'))),
2170
+ slidesToScroll: parseInt(100 / colsNumber.substr(0, colsNumber.indexOf('%'))),
2171
+ responsive: [{
2172
+ breakpoint: 1025,
2173
+ settings: {
2174
+ slidesToShow: parseInt(100 / colsTablet.substr(0, colsTablet.indexOf('%'))),
2175
+ slidesToScroll: 1
2176
+ }
2177
+ },
2178
+ {
2179
+ breakpoint: 768,
2180
+ settings: {
2181
+ slidesToShow: parseInt(100 / colsMobile.substr(0, colsMobile.indexOf('%'))),
2182
+ slidesToScroll: 1
2183
+ }
2184
+ }
2185
+ ],
2186
+ autoplay: settings.carousel_play,
2187
+ rtl: rtl ? true : false,
2188
+ autoplaySpeed: settings.speed || 5000,
2189
+
2190
+ });
2191
+
2192
+
2193
+ },
2194
+
2195
+ runEqualHeight: function () {
2196
+
2197
+ var $persons = this.elements.$persons,
2198
+ $personImg = this.elements.$personImg;
2199
+
2200
+ var selectors = this.getSettings('selectors'),
2201
+ carousel = this.getElementSettings('carousel'),
2202
+ heights = new Array();
2203
+
2204
+ if (carousel) {
2205
+ $persons = this.$element.find(selectors.personCarousel);
2206
+ }
2207
+
2208
+ $persons.each(function (index, person) {
2209
+ $(person).imagesLoaded(function () { }).done(function () {
2210
+
2211
+ var imageHeight = $(person).find(selectors.personImg).outerHeight();
2212
+
2213
+ heights.push(imageHeight);
2214
+ });
2215
+ });
2216
+
2217
+ $persons.imagesLoaded(function () { }).done(function () {
2218
+ var maxHeight = Math.max.apply(null, heights);
2219
+ $personImg.css("height", maxHeight + "px");
2220
+ });
2221
+
2222
+ },
2223
+
2224
+ run: function () {
2225
+
2226
+ var $multiplePersons = this.elements.$multiplePersons,
2227
+ _this = this;
2228
+
2229
+ if (!$multiplePersons.length) return;
2230
+
2231
+ if ("yes" === $multiplePersons.data("persons-equal")) {
2232
+ this.runEqualHeight();
2233
+ }
2234
+
2235
+ var carousel = this.getElementSettings('carousel');
2236
+
2237
+ if (carousel)
2238
+ $multiplePersons.slick(this.getSlickSettings());
2239
+
2240
+ }
2241
+
2242
+ });
2243
+
2244
+ /****** Premium Title Handler ******/
2245
+ var PremiumTitleHandler = function ($scope, $) {
2246
+
2247
+ var $titleContainer = $scope.find(".premium-title-container"),
2248
+ $titleElement = $titleContainer.find('.premium-title-text');
2249
+
2250
+ if ($titleContainer.hasClass('style9')) {
2251
+ var $style9 = $scope.find(".premium-title-style9");
2252
+
2253
+ $style9.each(function () {
2254
+ var elm = $(this);
2255
+ var holdTime = elm.attr('data-blur-delay') * 1000;
2256
+ elm.attr('data-animation-blur', 'process')
2257
+ elm.find('.premium-title-style9-letter').each(function (index, letter) {
2258
+ index += 1;
2259
+ var animateDelay;
2260
+ if ($('body').hasClass('rtl')) {
2261
+ animateDelay = 0.2 / index + 's';
2262
+ } else {
2263
+ animateDelay = index / 20 + 's';
2264
+ }
2265
+ $(letter).css({
2266
+ '-webkit-animation-delay': animateDelay,
2267
+ 'animation-delay': animateDelay
2268
+ });
2269
+ })
2270
+ setInterval(function () {
2271
+ elm.attr('data-animation-blur', 'done')
2272
+ setTimeout(function () {
2273
+ elm.attr('data-animation-blur', 'process')
2274
+ }, 150);
2275
+ }, holdTime);
2276
+ });
2277
+ }
2278
+
2279
+
2280
+ if ($titleContainer.hasClass('style8')) {
2281
+
2282
+ var holdTime = $titleElement.attr('data-shiny-delay') * 1000,
2283
+ duration = $titleElement.attr('data-shiny-dur') * 1000;
2284
+
2285
+ function shinyEffect() {
2286
+ $titleElement.get(0).setAttribute('data-animation', 'shiny');
2287
+ setTimeout(function () {
2288
+ $titleElement.removeAttr('data-animation')
2289
+ }, duration);
2290
+ }
2291
+
2292
+ (function repeat() {
2293
+ shinyEffect();
2294
+ setTimeout(repeat, holdTime);
2295
+ })();
2296
+ }
2297
+
2298
+ };
2299
+
2300
+ /****** Premium Bullet List Handler ******/
2301
+ var PremiumBulletListHandler = function ($scope, $) {
2302
+
2303
+ var $listItems = $scope.find(".premium-bullet-list-box"),
2304
+ items = $listItems.find(".premium-bullet-list-content");
2305
+
2306
+ items.each(function (index, item) {
2307
+
2308
+ if ($listItems.data("list-animation") && " " != $listItems.data("list-animation")) {
2309
+ elementorFrontend.waypoint($(item), function () {
2310
+
2311
+ var element = $(item),
2312
+ delay = element.data('delay');
2313
+
2314
+ setTimeout(function () {
2315
+ element.next('.premium-bullet-list-divider , .premium-bullet-list-divider-inline').css("opacity", "1");
2316
+ element.next('.premium-bullet-list-divider-inline , .premium-bullet-list-divider').addClass("animated " + $listItems.data("list-animation"));
2317
+
2318
+ element.css("opacity", "1").addClass("animated " + $listItems.data("list-animation"));
2319
+ }, delay);
2320
+
2321
+ });
2322
+ }
2323
+
2324
+ });
2325
+ };
2326
+
2327
+ /****** Premium Grow Effect Handler ******/
2328
+ var PremiumButtonHandler = function ($scope, $) {
2329
+
2330
+ var $btnGrow = $scope.find('.premium-button-style6-bg');
2331
+
2332
+ if ($btnGrow.length !== 0 && $scope.hasClass('premium-mouse-detect-yes')) {
2333
+ $scope.on('mouseenter mouseleave', '.premium-button-style6', function (e) {
2334
+
2335
+ var parentOffset = $(this).offset(),
2336
+ left = e.pageX - parentOffset.left,
2337
+ top = e.pageY - parentOffset.top;
2338
+
2339
+ $btnGrow.css({
2340
+ top: top,
2341
+ left: left,
2342
+ });
2343
+
2344
+ });
2345
+ }
2346
+
2347
+ };
2348
+
2349
+ var PremiumMaskHandler = function ($scope, $) {
2350
+ var mask = $scope.hasClass('premium-mask-yes');
2351
+
2352
+ if (!mask) return;
2353
+
2354
+ if ('premium-addon-title.default' === $scope.data('widget_type')) {
2355
+ var target = '.premium-title-header';
2356
+ $scope.find(target).find('.premium-title-icon, .premium-title-img').addClass('premium-mask-span');
2357
+ } else {
2358
+ var target = '.premium-dual-header-first-header';
2359
+ }
2360
+
2361
+ $scope.find(target).find('span:not(.premium-title-style7-stripe-wrap):not(.premium-title-img)').each(function (index, span) {
2362
+ var html = '';
2363
+
2364
+ $(this).text().split(' ').forEach(function (item) {
2365
+ if ('' !== item) {
2366
+ html += ' <span class="premium-mask-span">' + item + '</span>';
2367
+ }
2368
+ });
2369
+
2370
+ $(this).text('').append(html);
2371
+ });
2372
+
2373
+ elementorFrontend.waypoint($scope, function () {
2374
+ $($scope).addClass('premium-mask-active');
2375
+ });
2376
+ };
2377
+
2378
+ /**Premium Nav Menu */
2379
+ var PremiumNavMenuHandler = function ($scope, $) {
2380
+
2381
+ // we don't need to wait for content dom load since the script is loaded in the footer.
2382
+ $scope.find('.premium-nav-widget-container').removeClass('elementor-invisible');
2383
+
2384
+ var settings = $scope.find('.premium-nav-widget-container').data('settings');
2385
+
2386
+ if (!settings) {
2387
+ return;
2388
+ }
2389
+
2390
+ var $menuContainer = $scope.find('.premium-mobile-menu'),
2391
+ $menuToggler = $scope.find('.premium-hamburger-toggle'),
2392
+ $hamMenuCloser = $scope.find('.premium-mobile-menu-close'),
2393
+ $centeredItems = $scope.find('.premium-mega-content-centered'),
2394
+ $fullWidthItems = $scope.find('.premium-nav-menu-container li[data-full-width="true"]'),
2395
+ stickyProps = {},
2396
+ refreshPos = false,
2397
+ stickyIndex = 'stickyPos' + $scope.data('id'),
2398
+ stickyWidthIndex = 'stickyWidth' + $scope.data('id'),
2399
+ disablePageScroll = $scope.hasClass('premium-disable-scroll-yes') ? true : false;
2400
+
2401
+ /**
2402
+ * Save current device to use it later to determine if the device changed on resize.
2403
+ */
2404
+ window.PaCurrStickyDevice = elementorFrontend.getCurrentDeviceMode();
2405
+
2406
+ // make sure it's removed when the option is disabled.
2407
+ if (elementorFrontend.isEditMode() && !disablePageScroll) {
2408
+ $('body').removeClass('premium-scroll-disabled');
2409
+ }
2410
+
2411
+ $centeredItems.each(function (index, item) {
2412
+ $(item).closest(".premium-nav-menu-item").addClass("premium-mega-item-static");
2413
+ });
2414
+
2415
+ if ('slide' === settings.mobileLayout || 'slide' === settings.mainLayout) {
2416
+ $scope.addClass('premium-ver-hamburger-menu');
2417
+ }
2418
+
2419
+ if (settings.rn_badges) {
2420
+ addRandBadges(settings.rn_badges);
2421
+ }
2422
+
2423
+ // check badges effects.
2424
+ if ('' !== settings.hoverEffect) {
2425
+
2426
+ var $badgedItems = $scope.find('.premium-mega-content-container .premium-badge-' + settings.hoverEffect + ' , .premium-sub-menu .premium-badge-' + settings.hoverEffect);
2427
+
2428
+ $badgedItems.each(function (index, $item) {
2429
+ $($item).mouseenter(function () {
2430
+ $($item).removeClass('premium-badge-' + settings.hoverEffect);
2431
+ }).mouseleave(function () {
2432
+ $($item).addClass('premium-badge-' + settings.hoverEffect);
2433
+ });
2434
+ });
2435
+ }
2436
+
2437
+ var isMobileMenu = null,
2438
+ isDesktopMenu = null;
2439
+
2440
+ checkBreakPoint(settings);
2441
+
2442
+ if ($scope.hasClass('premium-nav-hor')) {
2443
+ checkMegaContentWidth();
2444
+ }
2445
+
2446
+ checkStickyEffect();
2447
+
2448
+ // Set menu items to full width.
2449
+ function checkMegaContentWidth() {
2450
+ $fullWidthItems.each(function (index, item) {
2451
+ fullWidthContent($(item));
2452
+ });
2453
+ }
2454
+
2455
+ $hamMenuCloser.on('click', function () {
2456
+ $scope.find('.premium-mobile-menu-outer-container, .premium-nav-slide-overlay').removeClass('premium-vertical-toggle-open');
2457
+ $('body').removeClass('premium-scroll-disabled');
2458
+ });
2459
+
2460
+ $menuToggler.on('click', function () {
2461
+ if ('slide' === settings.mobileLayout || 'slide' === settings.mainLayout) {
2462
+ $scope.find('.premium-mobile-menu-outer-container, .premium-nav-slide-overlay').addClass('premium-vertical-toggle-open');
2463
+
2464
+ if (disablePageScroll) {
2465
+ $('body').addClass('premium-scroll-disabled');
2466
+ }
2467
+ } else {
2468
+ // $menuContainer.toggleClass('premium-active-menu');
2469
+ if ($($menuContainer).hasClass('premium-active-menu')) {
2470
+ $scope.find('.premium-mobile-menu-container').slideUp('slow', function () {
2471
+ $menuContainer.removeClass('premium-active-menu');
2472
+ $scope.find('.premium-mobile-menu-container').show();
2473
+ });
2474
+ } else {
2475
+
2476
+ $menuContainer.addClass('premium-active-menu');
2477
+ }
2478
+ }
2479
+
2480
+ $menuToggler.toggleClass('premium-toggle-opened'); // show/hide close icon/text.
2481
+ });
2482
+
2483
+ $menuContainer.find('.premium-nav-menu-item.menu-item-has-children a, .premium-mega-nav-item a').on('click', function (e) {
2484
+
2485
+ if ($(this).find(".premium-dropdown-icon").length < 1)
2486
+ return;
2487
+
2488
+ var $parent = $(this).parent(".premium-nav-menu-item");
2489
+
2490
+ e.stopPropagation();
2491
+ e.preventDefault();
2492
+
2493
+ //If it was opened, then close it.
2494
+ if ($parent.hasClass('premium-active-menu')) {
2495
+ $parent.toggleClass('premium-active-menu');
2496
+
2497
+ } else {
2498
+ //Close any other opened items.
2499
+ $menuContainer.find('.premium-active-menu').toggleClass('premium-active-menu');
2500
+ //Then, open this item.
2501
+ $parent.toggleClass('premium-active-menu');
2502
+ // make sure the parent node is always open whenever the child node is opened.
2503
+ $($parent).parents('.premium-nav-menu-item.menu-item-has-children').toggleClass('premium-active-menu');
2504
+ }
2505
+ });
2506
+
2507
+ $(document).on('click', '.premium-nav-slide-overlay', function () {
2508
+ $scope.find('.premium-mobile-menu-outer-container, .premium-nav-slide-overlay').removeClass('premium-vertical-toggle-open');
2509
+ $('body').removeClass('premium-scroll-disabled');
2510
+ });
2511
+
2512
+ $(document).on('click.PaCloseMegaMenu', function (event) {
2513
+ var isTabsItem = $(event.target).closest('.premium-tabs-nav-list-item').length,
2514
+ isWidgetContainer = $(event.target).closest('.premium-nav-widget-container').length;
2515
+
2516
+ if (!isWidgetContainer && !isTabsItem) {
2517
+ if ($($menuContainer).hasClass('premium-active-menu')) {
2518
+ $menuToggler.click();
2519
+ }
2520
+ }
2521
+ });
2522
+
2523
+ $(window).on('resize', function () {
2524
+
2525
+ if (window.PaCurrStickyDevice !== elementorFrontend.getCurrentDeviceMode()) {
2526
+ refreshPos = true;
2527
+ window.PaCurrStickyDevice = elementorFrontend.getCurrentDeviceMode();
2528
+ }
2529
+
2530
+ checkBreakPoint(settings);
2531
+
2532
+ if ($scope.hasClass('premium-nav-hor')) {
2533
+ checkMegaContentWidth();
2534
+ }
2535
+
2536
+ checkStickyEffect();
2537
+ });
2538
+
2539
+ // vertical toggler.
2540
+ if ($scope.hasClass('premium-ver-toggle-yes') && $scope.hasClass('premium-ver-click')) {
2541
+ $scope.find('.premium-ver-toggler').on('click', function () {
2542
+ $scope.find('.premium-nav-widget-container').toggleClass('premium-ver-collapsed', 500);
2543
+ });
2544
+ }
2545
+
2546
+ /**
2547
+ * Full Width Mega Content.
2548
+ */
2549
+ function fullWidthContent($item) {
2550
+
2551
+ var $parentSec = $scope.closest('.elementor-top-section, .e-container--row'),
2552
+ width = $parentSec.outerWidth(),
2553
+ sectionLeft = $parentSec.offset().left - $item.offset().left;
2554
+
2555
+ $($item).removeClass('premium-mega-item-static').find('.premium-mega-content-container, > .premium-sub-menu').css({
2556
+ width: width + 'px',
2557
+ left: sectionLeft + 'px',
2558
+ });
2559
+ }
2560
+
2561
+ function checkBreakPoint(settings) {
2562
+
2563
+ //Trigger small screen menu.
2564
+ if (settings.breakpoint >= $(window).outerWidth() && !isMobileMenu) {
2565
+ // remove the vertical toggler.
2566
+ $scope.find('.premium-ver-toggler').css('display', 'none');
2567
+ $scope.addClass('premium-hamburger-menu');
2568
+ $scope.find('.premium-active-menu').removeClass('premium-active-menu');
2569
+ stretchDropdown($scope.find('.premium-stretch-dropdown .premium-mobile-menu-container'));
2570
+
2571
+ isMobileMenu = true;
2572
+ isDesktopMenu = false;
2573
+
2574
+ //Trigger large screen menu.
2575
+ } else if (settings.breakpoint < $(window).outerWidth() && !isDesktopMenu) {
2576
+
2577
+ // show the vertical toggler if enabled.
2578
+ if ($scope.hasClass('premium-ver-toggle-yes')) {
2579
+ $scope.find('.premium-ver-toggler').css('display', 'flex');
2580
+ }
2581
+
2582
+ $menuToggler.removeClass('premium-toggle-opened');
2583
+ $scope.find(".premium-mobile-menu-container .premium-active-menu").removeClass("premium-active-menu");
2584
+ $scope.removeClass('premium-hamburger-menu premium-ham-dropdown');
2585
+ $scope.find('.premium-vertical-toggle-open').removeClass('premium-vertical-toggle-open');
2586
+ $scope.find('.premium-nav-default').removeClass('premium-nav-default');
2587
+
2588
+ isDesktopMenu = true;
2589
+ isMobileMenu = false;
2590
+ }
2591
+
2592
+ }
2593
+
2594
+ /**
2595
+ * Full Width Option.
2596
+ * Shows the mobile menu beneath the widget's parent(section).
2597
+ */
2598
+ function stretchDropdown($menu) {
2599
+
2600
+ if (!$menu.length) return;
2601
+
2602
+ var $parentSec = $($scope).closest('.elementor-top-section, .e-container--row'),
2603
+ width = $($parentSec).outerWidth(),
2604
+ widgetTop = $scope.offset().top,
2605
+ parentBottom = $($parentSec).offset().top + $($parentSec).outerHeight(),
2606
+ stretchTop = parentBottom - widgetTop,
2607
+ stretchLeft = $scope.offset().left - $($parentSec).offset().left;
2608
+
2609
+ $($menu).css({
2610
+ width: width + 'px',
2611
+ left: '-' + stretchLeft + 'px',
2612
+ top: stretchTop + 'px',
2613
+ });
2614
+ }
2615
+
2616
+ /**
2617
+ * Sticky Effect.
2618
+ */
2619
+
2620
+ function checkStickyEffect() {
2621
+
2622
+ var isSticky = $scope.hasClass('premium-nav-sticky-yes') &&
2623
+ // settings.stickyOptions &&
2624
+ $('#' + settings.stickyOptions.targetId).length &&
2625
+ !settings.stickyOptions.disableOn.includes(elementorFrontend.getCurrentDeviceMode());
2626
+
2627
+ if (isSticky) {
2628
+ stickyProps = settings.stickyOptions;
2629
+
2630
+ stickyProps.spacerClass = 'premium-sticky-spacer-' + $('#' + stickyProps.targetId).data('id');
2631
+
2632
+ $('#' + stickyProps.targetId).addClass('premium-sticky-active');
2633
+
2634
+ setStickyWidth(stickyProps);
2635
+
2636
+ // Add spacer to save the sticky target space in the dom.
2637
+ if (0 === $('.' + stickyProps.spacerClass).length) {
2638
+ $('<div class="' + stickyProps.spacerClass + '"></div>').insertBefore('#' + stickyProps.targetId);
2639
+ }
2640
+
2641
+ $(window).on('load', applyStickyEffect);
2642
+ $(window).on('scroll.PaStickyNav', applyStickyEffect);
2643
+
2644
+ } else {
2645
+ $(window).off('scroll.PaStickyNav');
2646
+
2647
+ $('<div class="' + stickyProps.spacerClass + '"></div>').remove(); // remove spacer
2648
+ $('#' + stickyProps.targetId).removeClass('premium-sticky-parent premium-sticky-active premium-sticky-parent-' + $scope.data('id')).css({ // unset style
2649
+ top: 'unset',
2650
+ width: 'inherit',
2651
+ position: 'relative'
2652
+ });
2653
+ }
2654
+ }
2655
+
2656
+ /**
2657
+ * we need to get the original width before setting
2658
+ * the position to fixed.
2659
+ */
2660
+ function setStickyWidth(stickyProps) {
2661
+ // TODO: check if we can use the spacer's width directly instead.
2662
+ var currStickyWidth = stickyWidthIndex + elementorFrontend.getCurrentDeviceMode(),
2663
+ isSticky = $('#' + stickyProps.targetId).hasClass('premium-sticky-parent'); // ==> fixed position
2664
+
2665
+ if (isSticky) {
2666
+ $('#' + stickyProps.targetId).css({
2667
+ position: 'relative',
2668
+ width: 'inherit'
2669
+ });
2670
+ }
2671
+
2672
+ window[currStickyWidth] = $('#' + stickyProps.targetId).outerWidth() + 'px';
2673
+
2674
+ if (isSticky) {
2675
+
2676
+ $('#' + stickyProps.targetId).css({
2677
+ position: 'fixed',
2678
+ width: window[currStickyWidth]
2679
+ });
2680
+ }
2681
+ }
2682
+
2683
+ function applyStickyEffect() {
2684
+
2685
+ var $adminBarHeight = elementorFrontend.elements.$wpAdminBar.height() ? elementorFrontend.elements.$wpAdminBar.height() : 0,
2686
+ scrollTop = $(window).scrollTop() + $adminBarHeight,
2687
+ currStickyWidth = stickyWidthIndex + elementorFrontend.getCurrentDeviceMode();
2688
+
2689
+ if (!window[stickyIndex] || refreshPos) { // save the offset
2690
+ window[stickyIndex] = $('.' + stickyProps.spacerClass).offset().top;
2691
+ refreshPos = false;
2692
+ }
2693
+
2694
+ if (scrollTop >= window[stickyIndex]) {
2695
+
2696
+ $('.' + stickyProps.spacerClass).css('height', $('#' + stickyProps.targetId).outerHeight() + 'px');
2697
+ $('#' + stickyProps.targetId).addClass('premium-sticky-parent premium-sticky-parent-' + $scope.data('id')).css({
2698
+ width: window[currStickyWidth],
2699
+ top: $adminBarHeight,
2700
+ position: 'fixed'
2701
+ });
2702
+
2703
+ } else {
2704
+ $('.' + stickyProps.spacerClass).css('height', '0px');
2705
+ $('#' + stickyProps.targetId).removeClass('premium-sticky-parent premium-sticky-parent-' + $scope.data('id')).css({
2706
+ top: 'unset',
2707
+ width: 'inherit',
2708
+ position: 'relative'
2709
+ });
2710
+ }
2711
+
2712
+ // sticky on scroll option.
2713
+ if (stickyProps.onScroll) {
2714
+ var $element = document.querySelector('#' + stickyProps.targetId + '.premium-sticky-parent');
2715
+
2716
+ if ($element) {
2717
+ $('#' + stickyProps.targetId + '.premium-sticky-parent').addClass('premium-sticky-scroll-yes');
2718
+ var headroom = new Headroom($element,
2719
+ {
2720
+ tolerance: 5,
2721
+ classes: {
2722
+ initial: "animated",
2723
+ pinned: "slideDown",
2724
+ unpinned: "slideUp",
2725
+ offset: {
2726
+ up: $('#' + stickyProps.targetId).outerHeight() + 150, // first time only.
2727
+ },
2728
+ }
2729
+ });
2730
+
2731
+ headroom.init();
2732
+ }
2733
+ } else {
2734
+ $('#' + stickyProps.targetId + '.premium-sticky-parent').removeClass('premium-sticky-scroll-yes');
2735
+ }
2736
+ }
2737
+
2738
+ /**
2739
+ * Random Badges.
2740
+ */
2741
+
2742
+ function addRandBadges(badges) {
2743
+
2744
+ var $menuContainer = ['hor', 'ver'].includes(settings.mainLayout) ? $scope.find('.premium-nav-menu-container') : $scope.find('.premium-mobile-menu-container');
2745
+
2746
+ badges.forEach(function (badge) {
2747
+ var targetCount = $menuContainer.find(badge.selector + ':not(.has-pa-badge)').length;
2748
+
2749
+ if ('' === badge.selector || !targetCount) return;
2750
+
2751
+ // get no of appearnces & elements.
2752
+ var randTargetsIndex = getRandTargetsIndex(badge.max, targetCount);
2753
+
2754
+ addBadge(badge, randTargetsIndex);
2755
+ });
2756
+ }
2757
+
2758
+ function getRandTargetsIndex(max, targetCount) {
2759
+ var showTimes = getRandInt(max),
2760
+ targetIndex = [];
2761
+
2762
+ for (var index = 0; index < showTimes; index++) {
2763
+
2764
+ var target = getRandInt(targetCount);
2765
+
2766
+ if (!targetIndex.includes(target)) {
2767
+ targetIndex.push(target);
2768
+ }
2769
+ }
2770
+
2771
+ return targetIndex;
2772
+ }
2773
+
2774
+ function getRandInt(max) {
2775
+ return Math.floor(Math.random() * max) + 1;
2776
+ }
2777
+
2778
+ function addBadge(badge, targetsIndex) {
2779
+
2780
+ var badgeHtml = getBadgeHtml(badge),
2781
+ targets = $scope.find('.premium-nav-menu-container ' + badge.selector + ':not(.has-pa-badge)')
2782
+ mobileTargets = $scope.find('.premium-mobile-menu-container ' + badge.selector + ':not(.has-pa-badge)'),
2783
+ hoverEffectClass = '' !== settings.hoverEffect ? 'premium-badge-' + settings.hoverEffect : '';
2784
+
2785
+ for (var index = 0; index < targetsIndex.length; index++) {
2786
+
2787
+ if (['hor', 'ver'].includes(settings.mainLayout)) {
2788
+
2789
+ $scope.find(targets[targetsIndex[index] - 1])
2790
+ .css('position', 'relative')
2791
+ .addClass('has-pa-badge ' + hoverEffectClass)
2792
+ .append(badgeHtml);
2793
+ }
2794
+
2795
+ $scope.find(mobileTargets[targetsIndex[index] - 1])
2796
+ .css('position', 'relative')
2797
+ .addClass('has-pa-badge ' + hoverEffectClass)
2798
+ .append(badgeHtml);
2799
+
2800
+ }
2801
+ }
2802
+
2803
+ function getBadgeHtml(badge) {
2804
+ return '<span class="premium-rn-badge elementor-repeater-item-' + badge.id + '">' + badge.text + '</span>';
2805
+ }
2806
+ };
2807
+
2808
+ var PremiumSVGDrawerHandler = ModuleHandler.extend({
2809
+
2810
+ bindEvents: function () {
2811
+ this.run();
2812
+ },
2813
+
2814
+ run: function () {
2815
+
2816
+ var $scope = this.$element;
2817
+
2818
+ $scope.find(".elementor-invisible").removeClass("elementor-invisible");
2819
+
2820
+ //remove title HTML tag
2821
+ $scope.find("title").remove();
2822
+
2823
+ if (!$scope.hasClass("premium-svg-animated-yes"))
2824
+ return;
2825
+
2826
+ var elemID = $scope.data("id"),
2827
+ settings = this.getElementSettings(),
2828
+ scrollAction = settings.scroll_action,
2829
+ scrollTrigger = null;
2830
+
2831
+
2832
+ if ('automatic' === scrollAction) {
2833
+
2834
+ scrollTrigger = 'custom' !== settings.animate_trigger ? settings.animate_trigger : settings.animate_offset.size + "%";
2835
+
2836
+ var animRev = settings.anim_rev ? 'pause play reverse' : 'none',
2837
+ timeLine = new TimelineMax({
2838
+ repeat: settings.loop ? -1 : 0,
2839
+ yoyo: settings.yoyo ? true : false,
2840
+ scrollTrigger: {
2841
+ trigger: '.elementor-element-' + elemID,
2842
+ toggleActions: "play " + animRev,
2843
+ start: "top " + scrollTrigger, //when the top of the element hits that offset of the viewport.
2844
+ }
2845
+ });
2846
+
2847
+
2848
+ } else {
2849
+
2850
+ var timeLine = new TimelineMax({
2851
+ repeat: ('hover' === scrollAction && settings.loop) ? -1 : 0,
2852
+ yoyo: ('hover' === scrollAction && settings.yoyo) ? true : false,
2853
+ });
2854
+
2855
+ if ('viewport' === scrollAction)
2856
+ scrollTrigger = settings.animate_offset.size / 100;
2857
+ }
2858
+
2859
+ var fromOrTo = !$scope.hasClass("premium-svg-anim-rev-yes") ? 'from' : 'to',
2860
+ $paths = $scope.find("path, circle, rect, square, ellipse, polyline, line"),
2861
+ lastPathIndex = 0,
2862
+ startOrEndPoint = 'from' === fromOrTo ? settings.animate_start_point.size : settings.animate_end_point.size;
2863
+
2864
+ $paths.each(function (pathIndex, path) {
2865
+
2866
+ var $path = $(path);
2867
+
2868
+ $path.attr("fill", "transparent");
2869
+
2870
+ if ($scope.hasClass("premium-svg-sync-yes"))
2871
+ pathIndex = 0;
2872
+
2873
+ lastPathIndex = pathIndex;
2874
+
2875
+ timeLine[fromOrTo]($path, 1, {
2876
+ PaSvgDrawer: (startOrEndPoint || 0) + "% 0",
2877
+ }, pathIndex);
2878
+
2879
+ });
2880
+
2881
+ if ('yes' === settings.svg_fill) {
2882
+ if (lastPathIndex == 0)
2883
+ lastPathIndex = 1;
2884
+
2885
+ timeLine.to($paths, 1, {
2886
+ fill: settings.svg_color,
2887
+ stroke: settings.svg_stroke
2888
+ }, lastPathIndex);
2889
+ }
2890
+
2891
+ if ('viewport' === scrollAction) {
2892
+
2893
+ var controller = new ScrollMagic.Controller(),
2894
+ scene = new ScrollMagic.Scene({
2895
+ triggerElement: '.elementor-element-' + elemID,
2896
+ triggerHook: scrollTrigger,
2897
+ duration: settings.draw_speed ? settings.draw_speed.size * 1000 : "150%"
2898
+ })
2899
+
2900
+ scene.setTween(timeLine).addTo(controller);
2901
+
2902
+ } else {
2903
+
2904
+ if (settings.frames)
2905
+ timeLine.duration(settings.frames);
2906
+
2907
+ if ('hover' === scrollAction) {
2908
+ timeLine.pause();
2909
+
2910
+ $scope.find("svg").hover(
2911
+ function () {
2912
+ timeLine.play();
2913
+ },
2914
+ function () {
2915
+ timeLine.pause();
2916
+ });
2917
+ }
2918
+
2919
+ }
2920
+
2921
+ }
2922
+
2923
+
2924
+ });
2925
+
2926
+ var functionalHandlers = {
2927
+ 'premium-addon-dual-header.default': PremiumMaskHandler,
2928
+ 'premium-addon-video-box.default': PremiumVideoBoxWidgetHandler,
2929
+ 'premium-addon-fancy-text.default': PremiumFancyTextHandler,
2930
+ 'premium-counter.default': PremiumCounterHandler,
2931
+ 'premium-addon-title.default': [PremiumTitleHandler, PremiumMaskHandler],
2932
+ 'premium-countdown-timer.default': PremiumCountDownHandler,
2933
+ 'premium-carousel-widget.default': PremiumCarouselHandler,
2934
+ 'premium-addon-modal-box.default': PremiumModalBoxHandler,
2935
+ 'premium-image-scroll.default': PremiumImageScrollHandler,
2936
+ 'premium-contact-form.default': PremiumContactFormHandler,
2937
+ 'premium-icon-list.default': PremiumBulletListHandler,
2938
+ 'premium-addon-button.default': PremiumButtonHandler,
2939
+ 'premium-addon-image-button.default': PremiumButtonHandler,
2940
+ 'premium-nav-menu.default': PremiumNavMenuHandler
2941
+ };
2942
+
2943
+ var classHandlers = {
2944
+ 'premium-addon-person': PremiumTeamMembersHandler,
2945
+ 'premium-addon-blog': PremiumBlogHandler,
2946
+ 'premium-img-gallery': PremiumGridWidgetHandler,
2947
+ 'premium-addon-banner': PremiumBannerHandler,
2948
+ 'premium-svg-drawer': PremiumSVGDrawerHandler
2949
+ };
2950
+
2951
+ $.each(functionalHandlers, function (elemName, func) {
2952
+ if ('object' === typeof func) {
2953
+ $.each(func, function (index, handler) {
2954
+ elementorFrontend.hooks.addAction('frontend/element_ready/' + elemName, handler);
2955
+ })
2956
+ } else {
2957
+ elementorFrontend.hooks.addAction('frontend/element_ready/' + elemName, func);
2958
+ }
2959
+
2960
+ });
2961
+
2962
+ $.each(classHandlers, function (elemName, clas) {
2963
+ elementorFrontend.elementsHandler.attachHandler(elemName, clas);
2964
+ });
2965
+
2966
+
2967
+ if (elementorFrontend.isEditMode()) {
2968
+ elementorFrontend.hooks.addAction("frontend/element_ready/premium-addon-progressbar.default", PremiumProgressBarWidgetHandler);
2969
+ } else {
2970
+ elementorFrontend.hooks.addAction("frontend/element_ready/premium-addon-progressbar.default", PremiumProgressBarScrollWidgetHandler);
2971
+ }
2972
+ });
2973
  })(jQuery);
assets/frontend/js/premium-blog.js CHANGED
@@ -129,7 +129,7 @@
129
  }
130
  } else {
131
  //If `All` categories not exist, then we need to get posts through AJAX.
132
- this.getPostsByAjax(false);
133
  }
134
 
135
  if (this.settings.carousel) {
129
  }
130
  } else {
131
  //If `All` categories not exist, then we need to get posts through AJAX.
132
+ // this.getPostsByAjax(false);
133
  }
134
 
135
  if (this.settings.carousel) {
assets/frontend/js/premium-nav-menu.js CHANGED
@@ -1,424 +1,437 @@
1
- (function ($) {
2
-
3
- /**Premium Nav Menu */
4
- var PremiumNavMenuHandler = function ($scope, $) {
5
-
6
- // we don't need to wait for content dom load since the script is loaded in the footer.
7
- $scope.find('.premium-nav-widget-container').removeClass('elementor-invisible');
8
-
9
- var settings = $scope.find('.premium-nav-widget-container').data('settings');
10
-
11
- if (!settings) {
12
- return;
13
- }
14
-
15
- var $menuContainer = $scope.find('.premium-mobile-menu'),
16
- $menuToggler = $scope.find('.premium-hamburger-toggle'),
17
- $hamMenuCloser = $scope.find('.premium-mobile-menu-close'),
18
- $centeredItems = $scope.find('.premium-mega-content-centered'),
19
- $fullWidthItems = $scope.find('.premium-nav-menu-container li[data-full-width="true"]'),
20
- stickyProps = {},
21
- refreshPos = false,
22
- stickyIndex = 'stickyPos' + $scope.data('id'),
23
- stickyWidthIndex = 'stickyWidth' + $scope.data('id');
24
-
25
- /**
26
- * Save current device to use it later to determine if the device changed on resize.
27
- */
28
- window.PaCurrStickyDevice = elementorFrontend.getCurrentDeviceMode();
29
-
30
- $centeredItems.each(function (index, item) {
31
- $(item).closest(".premium-nav-menu-item").addClass("premium-mega-item-static");
32
- });
33
-
34
- if ('slide' === settings.mobileLayout || 'slide' === settings.mainLayout) {
35
- $scope.addClass('premium-ver-hamburger-menu');
36
- }
37
-
38
- if (settings.rn_badges) {
39
- addRandBadges(settings.rn_badges);
40
- }
41
-
42
- // check badges effects.
43
- if ('' !== settings.hoverEffect) {
44
-
45
- var $badgedItems = $scope.find('.premium-mega-content-container .premium-badge-' + settings.hoverEffect + ' , .premium-sub-menu .premium-badge-' + settings.hoverEffect);
46
-
47
- $badgedItems.each(function (index, $item) {
48
- $($item).mouseenter(function () {
49
- $($item).removeClass('premium-badge-' + settings.hoverEffect);
50
- }).mouseleave(function () {
51
- $($item).addClass('premium-badge-' + settings.hoverEffect);
52
- });
53
- });
54
- }
55
-
56
-
57
- var isMobileMenu = isDesktopMenu = null;
58
- checkBreakPoint(settings);
59
-
60
- if ($scope.hasClass('premium-nav-hor')) {
61
- checkMegaContentWidth();
62
- }
63
-
64
- checkStickyEffect();
65
-
66
- // Set menu items to full width.
67
- function checkMegaContentWidth() {
68
- $fullWidthItems.each(function (index, item) {
69
- fullWidthContent($(item));
70
- });
71
- }
72
-
73
- $hamMenuCloser.on('click', function () {
74
- $scope.find('.premium-mobile-menu-outer-container, .premium-nav-slide-overlay').removeClass('premium-vertical-toggle-open');
75
- });
76
-
77
- $menuToggler.on('click', function () {
78
- if ('slide' === settings.mobileLayout || 'slide' === settings.mainLayout) {
79
- $scope.find('.premium-mobile-menu-outer-container, .premium-nav-slide-overlay').addClass('premium-vertical-toggle-open');
80
- } else {
81
- // $menuContainer.toggleClass('premium-active-menu');
82
- if ($($menuContainer).hasClass('premium-active-menu')) {
83
- $scope.find('.premium-mobile-menu-container').slideUp('slow', function () {
84
- $menuContainer.removeClass('premium-active-menu');
85
- $scope.find('.premium-mobile-menu-container').show();
86
- });
87
- } else {
88
-
89
- $menuContainer.addClass('premium-active-menu');
90
- }
91
- }
92
-
93
- $menuToggler.toggleClass('premium-toggle-opened'); // show/hide close icon/text.
94
- });
95
-
96
- $menuContainer.find('.premium-nav-menu-item.menu-item-has-children a, .premium-mega-nav-item a').on('click', function (e) {
97
-
98
- if ($(this).find(".premium-dropdown-icon").length < 1)
99
- return;
100
-
101
- var $parent = $(this).parent(".premium-nav-menu-item");
102
-
103
- e.stopPropagation();
104
- e.preventDefault();
105
-
106
- //If it was opened, then close it.
107
- if ($parent.hasClass('premium-active-menu')) {
108
- $parent.toggleClass('premium-active-menu');
109
-
110
- } else {
111
- //Close any other opened items.
112
- $menuContainer.find('.premium-active-menu').toggleClass('premium-active-menu');
113
- //Then, open this item.
114
- $parent.toggleClass('premium-active-menu');
115
- // make sure the parent node is always open whenever the child node is opened.
116
- $($parent).parents('.premium-nav-menu-item.menu-item-has-children').toggleClass('premium-active-menu');
117
- }
118
- });
119
-
120
- $(document).on('click', '.premium-nav-slide-overlay', function () {
121
- $scope.find('.premium-mobile-menu-outer-container, .premium-nav-slide-overlay').removeClass('premium-vertical-toggle-open');
122
- });
123
-
124
- $(document).on('click.PaCloseMegaMenu', function (event) {
125
- var isTabsItem = $(event.target).closest('.premium-tabs-nav-list-item').length,
126
- isWidgetContainer = $(event.target).closest('.premium-nav-widget-container').length;
127
-
128
- if (!isWidgetContainer && !isTabsItem) {
129
- if ($($menuContainer).hasClass('premium-active-menu')) {
130
- $menuToggler.click();
131
- }
132
- }
133
- });
134
-
135
- $(window).on('resize', function () {
136
-
137
- if (window.PaCurrStickyDevice !== elementorFrontend.getCurrentDeviceMode()) {
138
- refreshPos = true;
139
- window.PaCurrStickyDevice = elementorFrontend.getCurrentDeviceMode();
140
- }
141
-
142
- checkBreakPoint(settings);
143
-
144
- if ($scope.hasClass('premium-nav-hor')) {
145
- checkMegaContentWidth();
146
- }
147
-
148
- checkStickyEffect();
149
- });
150
-
151
- // vertical toggler.
152
- if ($scope.hasClass('premium-ver-toggle-yes') && $scope.hasClass('premium-ver-click')) {
153
- $scope.find('.premium-ver-toggler').on('click', function () {
154
- $scope.find('.premium-nav-widget-container').toggleClass('premium-ver-collapsed', 500);
155
- });
156
- }
157
-
158
- /**
159
- * Full Width Mega Content.
160
- */
161
- function fullWidthContent($item) {
162
-
163
- var $parentSec = $scope.closest('.elementor-top-section, .e-container--row'),
164
- width = $parentSec.outerWidth(),
165
- sectionLeft = $parentSec.offset().left - $item.offset().left;
166
-
167
- $($item).removeClass('premium-mega-item-static').find('.premium-mega-content-container, > .premium-sub-menu').css({
168
- width: width + 'px',
169
- left: sectionLeft + 'px',
170
- });
171
- }
172
-
173
- function checkBreakPoint(settings) {
174
-
175
- //Trigger small screen menu.
176
- if (settings.breakpoint >= $(window).width() && !isMobileMenu) {
177
- // remove the vertical toggler.
178
- $scope.find('.premium-ver-toggler').css('display', 'none');
179
- $scope.addClass('premium-hamburger-menu');
180
- $scope.find('.premium-active-menu').removeClass('premium-active-menu');
181
- stretchDropdown($scope.find('.premium-stretch-dropdown .premium-mobile-menu-container'));
182
-
183
- isMobileMenu = true;
184
- isDesktopMenu = false;
185
-
186
- //Trigger large screen menu.
187
- } else if (settings.breakpoint < $(window).width() && !isDesktopMenu) {
188
-
189
- // show the vertical toggler if enabled.
190
- if ($scope.hasClass('premium-ver-toggle-yes')) {
191
- $scope.find('.premium-ver-toggler').css('display', 'flex');
192
- }
193
-
194
- $menuToggler.removeClass('premium-toggle-opened');
195
- $scope.find(".premium-mobile-menu-container .premium-active-menu").removeClass("premium-active-menu");
196
- $scope.removeClass('premium-hamburger-menu premium-ham-dropdown');
197
- $scope.find('.premium-vertical-toggle-open').removeClass('premium-vertical-toggle-open');
198
- $scope.find('.premium-nav-default').removeClass('premium-nav-default');
199
-
200
- isDesktopMenu = true;
201
- isMobileMenu = false;
202
- }
203
-
204
- }
205
-
206
- /**
207
- * Full Width Option.
208
- * Shows the mobile menu beneath the widget's parent(section).
209
- */
210
- function stretchDropdown($menu) {
211
-
212
- if (!$menu.length) return;
213
-
214
- var $parentSec = $($scope).closest('.elementor-top-section, .e-container--row'),
215
- width = $($parentSec).outerWidth(),
216
- widgetTop = $scope.offset().top,
217
- parentBottom = $($parentSec).offset().top + $($parentSec).outerHeight(),
218
- stretchTop = parentBottom - widgetTop,
219
- stretchLeft = $scope.offset().left - $($parentSec).offset().left;
220
-
221
- $($menu).css({
222
- width: width + 'px',
223
- left: '-' + stretchLeft + 'px',
224
- top: stretchTop + 'px',
225
- });
226
- }
227
-
228
- /**
229
- * Sticky Effect.
230
- */
231
-
232
- function checkStickyEffect() {
233
-
234
- var isSticky = $scope.hasClass('premium-nav-sticky-yes') &&
235
- // settings.stickyOptions &&
236
- $('#' + settings.stickyOptions.targetId).length &&
237
- !settings.stickyOptions.disableOn.includes(elementorFrontend.getCurrentDeviceMode());
238
-
239
- if (isSticky) {
240
- stickyProps = settings.stickyOptions;
241
-
242
- stickyProps.spacerClass = 'premium-sticky-spacer-' + $('#' + stickyProps.targetId).data('id');
243
-
244
- $('#' + stickyProps.targetId).addClass('premium-sticky-active');
245
-
246
- setStickyWidth(stickyProps);
247
-
248
- // Add spacer to save the sticky target space in the dom.
249
- if (0 === $('.' + stickyProps.spacerClass).length) {
250
- $('<div class="' + stickyProps.spacerClass + '"></div>').insertBefore('#' + stickyProps.targetId);
251
- }
252
-
253
- $(window).on('load', applyStickyEffect);
254
- $(window).on('scroll.PaStickyNav', applyStickyEffect);
255
-
256
- } else {
257
- $(window).off('scroll.PaStickyNav');
258
-
259
- $('<div class="' + stickyProps.spacerClass + '"></div>').remove(); // remove spacer
260
- $('#' + stickyProps.targetId).removeClass('premium-sticky-parent premium-sticky-active premium-sticky-parent-' + $scope.data('id')).css({ // unset style
261
- top: 'unset',
262
- width: 'inherit',
263
- position: 'relative'
264
- });
265
- }
266
- }
267
-
268
- /**
269
- * we need to get the original width before setting
270
- * the position to fixed.
271
- */
272
- function setStickyWidth(stickyProps) {
273
- // TODO: check if we can use the spacer's width directly instead.
274
- var currStickyWidth = stickyWidthIndex + elementorFrontend.getCurrentDeviceMode(),
275
- isSticky = $('#' + stickyProps.targetId).hasClass('premium-sticky-parent'); // ==> fixed position
276
-
277
- if (isSticky) {
278
- $('#' + stickyProps.targetId).css({
279
- position: 'relative',
280
- width: 'inherit'
281
- });
282
- }
283
-
284
- window[currStickyWidth] = $('#' + stickyProps.targetId).outerWidth() + 'px';
285
-
286
- if (isSticky) {
287
-
288
- $('#' + stickyProps.targetId).css({
289
- position: 'fixed',
290
- width: window[currStickyWidth]
291
- });
292
- }
293
- }
294
-
295
- function applyStickyEffect() {
296
-
297
- var $adminBarHeight = elementorFrontend.elements.$wpAdminBar.height() ? elementorFrontend.elements.$wpAdminBar.height() : 0,
298
- scrollTop = $(window).scrollTop() + $adminBarHeight,
299
- currStickyWidth = stickyWidthIndex + elementorFrontend.getCurrentDeviceMode();
300
-
301
- if (!window[stickyIndex] || refreshPos) { // save the offset
302
- window[stickyIndex] = $('.' + stickyProps.spacerClass).offset().top;
303
- refreshPos = false;
304
- }
305
-
306
- if (scrollTop >= window[stickyIndex]) {
307
-
308
- $('.' + stickyProps.spacerClass).css('height', $('#' + stickyProps.targetId).outerHeight() + 'px');
309
- $('#' + stickyProps.targetId).addClass('premium-sticky-parent premium-sticky-parent-' + $scope.data('id')).css({
310
- width: window[currStickyWidth],
311
- top: $adminBarHeight,
312
- position: 'fixed'
313
- });
314
-
315
- } else {
316
- $('.' + stickyProps.spacerClass).css('height', '0px');
317
- $('#' + stickyProps.targetId).removeClass('premium-sticky-parent premium-sticky-parent-' + $scope.data('id')).css({
318
- top: 'unset',
319
- width: 'inherit',
320
- position: 'relative'
321
- });
322
- }
323
-
324
- // sticky on scroll option.
325
- if (stickyProps.onScroll) {
326
- var $element = document.querySelector('#' + stickyProps.targetId + '.premium-sticky-parent');
327
-
328
- if ($element) {
329
- $('#' + stickyProps.targetId + '.premium-sticky-parent').addClass('premium-sticky-scroll-yes');
330
- var headroom = new Headroom($element,
331
- {
332
- tolerance: 5,
333
- classes: {
334
- initial: "animated",
335
- pinned: "slideDown",
336
- unpinned: "slideUp",
337
- offset: {
338
- up: $('#' + stickyProps.targetId).outerHeight() + 150, // first time only.
339
- },
340
- }
341
- });
342
-
343
- headroom.init();
344
- }
345
- } else {
346
- $('#' + stickyProps.targetId + '.premium-sticky-parent').removeClass('premium-sticky-scroll-yes');
347
- }
348
- }
349
-
350
- /**
351
- * Random Badges.
352
- */
353
-
354
- function addRandBadges(badges) {
355
-
356
- var $menuContainer = ['hor', 'ver'].includes(settings.mainLayout) ? $scope.find('.premium-nav-menu-container') : $scope.find('.premium-mobile-menu-container');
357
-
358
- badges.forEach(function (badge) {
359
- var targetCount = $menuContainer.find(badge.selector + ':not(.has-pa-badge)').length;
360
-
361
- if ('' === badge.selector || !targetCount) return;
362
-
363
- // get no of appearnces & elements.
364
- var randTargetsIndex = getRandTargetsIndex(badge.max, targetCount);
365
-
366
- addBadge(badge, randTargetsIndex);
367
- });
368
- }
369
-
370
- function getRandTargetsIndex(max, targetCount) {
371
- var showTimes = getRandInt(max),
372
- targetIndex = [];
373
-
374
- for (var index = 0; index < showTimes; index++) {
375
-
376
- var target = getRandInt(targetCount);
377
-
378
- if (!targetIndex.includes(target)) {
379
- targetIndex.push(target);
380
- }
381
- }
382
-
383
- return targetIndex;
384
- }
385
-
386
- function getRandInt(max) {
387
- return Math.floor(Math.random() * max) + 1;
388
- }
389
-
390
- function addBadge(badge, targetsIndex) {
391
-
392
- var badgeHtml = getBadgeHtml(badge),
393
- targets = $scope.find('.premium-nav-menu-container ' + badge.selector + ':not(.has-pa-badge)')
394
- mobileTargets = $scope.find('.premium-mobile-menu-container ' + badge.selector + ':not(.has-pa-badge)'),
395
- hoverEffectClass = '' !== settings.hoverEffect ? 'premium-badge-' + settings.hoverEffect : '';
396
-
397
- for (var index = 0; index < targetsIndex.length; index++) {
398
-
399
- if (['hor', 'ver'].includes(settings.mainLayout)) {
400
-
401
- $scope.find(targets[targetsIndex[index] - 1])
402
- .css('position', 'relative')
403
- .addClass('has-pa-badge ' + hoverEffectClass)
404
- .append(badgeHtml);
405
- }
406
-
407
- $scope.find(mobileTargets[targetsIndex[index] - 1])
408
- .css('position', 'relative')
409
- .addClass('has-pa-badge ' + hoverEffectClass)
410
- .append(badgeHtml);
411
-
412
- }
413
- }
414
-
415
- function getBadgeHtml(badge) {
416
- return '<span class="premium-rn-badge elementor-repeater-item-' + badge.id + '">' + badge.text + '</span>';
417
- }
418
- };
419
-
420
- $(window).on('elementor/frontend/init', function () {
421
- elementorFrontend.hooks.addAction('frontend/element_ready/premium-nav-menu.default', PremiumNavMenuHandler);
422
- });
423
-
 
 
 
 
 
 
 
 
 
 
 
 
 
424
  })(jQuery);
1
+ (function ($) {
2
+
3
+ /**Premium Nav Menu */
4
+ var PremiumNavMenuHandler = function ($scope, $) {
5
+
6
+ // we don't need to wait for content dom load since the script is loaded in the footer.
7
+ $scope.find('.premium-nav-widget-container').removeClass('elementor-invisible');
8
+
9
+ var settings = $scope.find('.premium-nav-widget-container').data('settings');
10
+
11
+ if (!settings) {
12
+ return;
13
+ }
14
+
15
+ var $menuContainer = $scope.find('.premium-mobile-menu'),
16
+ $menuToggler = $scope.find('.premium-hamburger-toggle'),
17
+ $hamMenuCloser = $scope.find('.premium-mobile-menu-close'),
18
+ $centeredItems = $scope.find('.premium-mega-content-centered'),
19
+ $fullWidthItems = $scope.find('.premium-nav-menu-container li[data-full-width="true"]'),
20
+ stickyProps = {},
21
+ refreshPos = false,
22
+ stickyIndex = 'stickyPos' + $scope.data('id'),
23
+ stickyWidthIndex = 'stickyWidth' + $scope.data('id'),
24
+ disablePageScroll = $scope.hasClass('premium-disable-scroll-yes') ? true : false;
25
+
26
+ /**
27
+ * Save current device to use it later to determine if the device changed on resize.
28
+ */
29
+ window.PaCurrStickyDevice = elementorFrontend.getCurrentDeviceMode();
30
+
31
+ // make sure it's removed when the option is disabled.
32
+ if (elementorFrontend.isEditMode() && !disablePageScroll) {
33
+ $('body').removeClass('premium-scroll-disabled');
34
+ }
35
+
36
+ $centeredItems.each(function (index, item) {
37
+ $(item).closest(".premium-nav-menu-item").addClass("premium-mega-item-static");
38
+ });
39
+
40
+ if ('slide' === settings.mobileLayout || 'slide' === settings.mainLayout) {
41
+ $scope.addClass('premium-ver-hamburger-menu');
42
+ }
43
+
44
+ if (settings.rn_badges) {
45
+ addRandBadges(settings.rn_badges);
46
+ }
47
+
48
+ // check badges effects.
49
+ if ('' !== settings.hoverEffect) {
50
+
51
+ var $badgedItems = $scope.find('.premium-mega-content-container .premium-badge-' + settings.hoverEffect + ' , .premium-sub-menu .premium-badge-' + settings.hoverEffect);
52
+
53
+ $badgedItems.each(function (index, $item) {
54
+ $($item).mouseenter(function () {
55
+ $($item).removeClass('premium-badge-' + settings.hoverEffect);
56
+ }).mouseleave(function () {
57
+ $($item).addClass('premium-badge-' + settings.hoverEffect);
58
+ });
59
+ });
60
+ }
61
+
62
+ var isMobileMenu = null,
63
+ isDesktopMenu = null;
64
+
65
+ checkBreakPoint(settings);
66
+
67
+ if ($scope.hasClass('premium-nav-hor')) {
68
+ checkMegaContentWidth();
69
+ }
70
+
71
+ checkStickyEffect();
72
+
73
+ // Set menu items to full width.
74
+ function checkMegaContentWidth() {
75
+ $fullWidthItems.each(function (index, item) {
76
+ fullWidthContent($(item));
77
+ });
78
+ }
79
+
80
+ $hamMenuCloser.on('click', function () {
81
+ $scope.find('.premium-mobile-menu-outer-container, .premium-nav-slide-overlay').removeClass('premium-vertical-toggle-open');
82
+ $('body').removeClass('premium-scroll-disabled');
83
+ });
84
+
85
+ $menuToggler.on('click', function () {
86
+ if ('slide' === settings.mobileLayout || 'slide' === settings.mainLayout) {
87
+ $scope.find('.premium-mobile-menu-outer-container, .premium-nav-slide-overlay').addClass('premium-vertical-toggle-open');
88
+
89
+ if (disablePageScroll) {
90
+ $('body').addClass('premium-scroll-disabled');
91
+ }
92
+ } else {
93
+ // $menuContainer.toggleClass('premium-active-menu');
94
+ if ($($menuContainer).hasClass('premium-active-menu')) {
95
+ $scope.find('.premium-mobile-menu-container').slideUp('slow', function () {
96
+ $menuContainer.removeClass('premium-active-menu');
97
+ $scope.find('.premium-mobile-menu-container').show();
98
+ });
99
+ } else {
100
+
101
+ $menuContainer.addClass('premium-active-menu');
102
+ }
103
+ }
104
+
105
+ $menuToggler.toggleClass('premium-toggle-opened'); // show/hide close icon/text.
106
+ });
107
+
108
+ $menuContainer.find('.premium-nav-menu-item.menu-item-has-children a, .premium-mega-nav-item a').on('click', function (e) {
109
+
110
+ if ($(this).find(".premium-dropdown-icon").length < 1)
111
+ return;
112
+
113
+ var $parent = $(this).parent(".premium-nav-menu-item");
114
+
115
+ e.stopPropagation();
116
+ e.preventDefault();
117
+
118
+ //If it was opened, then close it.
119
+ if ($parent.hasClass('premium-active-menu')) {
120
+ $parent.toggleClass('premium-active-menu');
121
+
122
+ } else {
123
+ //Close any other opened items.
124
+ $menuContainer.find('.premium-active-menu').toggleClass('premium-active-menu');
125
+ //Then, open this item.
126
+ $parent.toggleClass('premium-active-menu');
127
+ // make sure the parent node is always open whenever the child node is opened.
128
+ $($parent).parents('.premium-nav-menu-item.menu-item-has-children').toggleClass('premium-active-menu');
129
+ }
130
+ });
131
+
132
+ $(document).on('click', '.premium-nav-slide-overlay', function () {
133
+ $scope.find('.premium-mobile-menu-outer-container, .premium-nav-slide-overlay').removeClass('premium-vertical-toggle-open');
134
+ $('body').removeClass('premium-scroll-disabled');
135
+ });
136
+
137
+ $(document).on('click.PaCloseMegaMenu', function (event) {
138
+ var isTabsItem = $(event.target).closest('.premium-tabs-nav-list-item').length,
139
+ isWidgetContainer = $(event.target).closest('.premium-nav-widget-container').length;
140
+
141
+ if (!isWidgetContainer && !isTabsItem) {
142
+ if ($($menuContainer).hasClass('premium-active-menu')) {
143
+ $menuToggler.click();
144
+ }
145
+ }
146
+ });
147
+
148
+ $(window).on('resize', function () {
149
+
150
+ if (window.PaCurrStickyDevice !== elementorFrontend.getCurrentDeviceMode()) {
151
+ refreshPos = true;
152
+ window.PaCurrStickyDevice = elementorFrontend.getCurrentDeviceMode();
153
+ }
154
+
155
+ checkBreakPoint(settings);
156
+
157
+ if ($scope.hasClass('premium-nav-hor')) {
158
+ checkMegaContentWidth();
159
+ }
160
+
161
+ checkStickyEffect();
162
+ });
163
+
164
+ // vertical toggler.
165
+ if ($scope.hasClass('premium-ver-toggle-yes') && $scope.hasClass('premium-ver-click')) {
166
+ $scope.find('.premium-ver-toggler').on('click', function () {
167
+ $scope.find('.premium-nav-widget-container').toggleClass('premium-ver-collapsed', 500);
168
+ });
169
+ }
170
+
171
+ /**
172
+ * Full Width Mega Content.
173
+ */
174
+ function fullWidthContent($item) {
175
+
176
+ var $parentSec = $scope.closest('.elementor-top-section, .e-container--row'),
177
+ width = $parentSec.outerWidth(),
178
+ sectionLeft = $parentSec.offset().left - $item.offset().left;
179
+
180
+ $($item).removeClass('premium-mega-item-static').find('.premium-mega-content-container, > .premium-sub-menu').css({
181
+ width: width + 'px',
182
+ left: sectionLeft + 'px',
183
+ });
184
+ }
185
+
186
+ function checkBreakPoint(settings) {
187
+
188
+ //Trigger small screen menu.
189
+ if (settings.breakpoint >= $(window).outerWidth() && !isMobileMenu) {
190
+ // remove the vertical toggler.
191
+ $scope.find('.premium-ver-toggler').css('display', 'none');
192
+ $scope.addClass('premium-hamburger-menu');
193
+ $scope.find('.premium-active-menu').removeClass('premium-active-menu');
194
+ stretchDropdown($scope.find('.premium-stretch-dropdown .premium-mobile-menu-container'));
195
+
196
+ isMobileMenu = true;
197
+ isDesktopMenu = false;
198
+
199
+ //Trigger large screen menu.
200
+ } else if (settings.breakpoint < $(window).outerWidth() && !isDesktopMenu) {
201
+
202
+ // show the vertical toggler if enabled.
203
+ if ($scope.hasClass('premium-ver-toggle-yes')) {
204
+ $scope.find('.premium-ver-toggler').css('display', 'flex');
205
+ }
206
+
207
+ $menuToggler.removeClass('premium-toggle-opened');
208
+ $scope.find(".premium-mobile-menu-container .premium-active-menu").removeClass("premium-active-menu");
209
+ $scope.removeClass('premium-hamburger-menu premium-ham-dropdown');
210
+ $scope.find('.premium-vertical-toggle-open').removeClass('premium-vertical-toggle-open');
211
+ $scope.find('.premium-nav-default').removeClass('premium-nav-default');
212
+
213
+ isDesktopMenu = true;
214
+ isMobileMenu = false;
215
+ }
216
+
217
+ }
218
+
219
+ /**
220
+ * Full Width Option.
221
+ * Shows the mobile menu beneath the widget's parent(section).
222
+ */
223
+ function stretchDropdown($menu) {
224
+
225
+ if (!$menu.length) return;
226
+
227
+ var $parentSec = $($scope).closest('.elementor-top-section, .e-container--row'),
228
+ width = $($parentSec).outerWidth(),
229
+ widgetTop = $scope.offset().top,
230
+ parentBottom = $($parentSec).offset().top + $($parentSec).outerHeight(),
231
+ stretchTop = parentBottom - widgetTop,
232
+ stretchLeft = $scope.offset().left - $($parentSec).offset().left;
233
+
234
+ $($menu).css({
235
+ width: width + 'px',
236
+ left: '-' + stretchLeft + 'px',
237
+ top: stretchTop + 'px',
238
+ });
239
+ }
240
+
241
+ /**
242
+ * Sticky Effect.
243
+ */
244
+
245
+ function checkStickyEffect() {
246
+
247
+ var isSticky = $scope.hasClass('premium-nav-sticky-yes') &&
248
+ // settings.stickyOptions &&
249
+ $('#' + settings.stickyOptions.targetId).length &&
250
+ !settings.stickyOptions.disableOn.includes(elementorFrontend.getCurrentDeviceMode());
251
+
252
+ if (isSticky) {
253
+ stickyProps = settings.stickyOptions;
254
+
255
+ stickyProps.spacerClass = 'premium-sticky-spacer-' + $('#' + stickyProps.targetId).data('id');
256
+
257
+ $('#' + stickyProps.targetId).addClass('premium-sticky-active');
258
+
259
+ setStickyWidth(stickyProps);
260
+
261
+ // Add spacer to save the sticky target space in the dom.
262
+ if (0 === $('.' + stickyProps.spacerClass).length) {
263
+ $('<div class="' + stickyProps.spacerClass + '"></div>').insertBefore('#' + stickyProps.targetId);
264
+ }
265
+
266
+ $(window).on('load', applyStickyEffect);
267
+ $(window).on('scroll.PaStickyNav', applyStickyEffect);
268
+
269
+ } else {
270
+ $(window).off('scroll.PaStickyNav');
271
+
272
+ $('<div class="' + stickyProps.spacerClass + '"></div>').remove(); // remove spacer
273
+ $('#' + stickyProps.targetId).removeClass('premium-sticky-parent premium-sticky-active premium-sticky-parent-' + $scope.data('id')).css({ // unset style
274
+ top: 'unset',
275
+ width: 'inherit',
276
+ position: 'relative'
277
+ });
278
+ }
279
+ }
280
+
281
+ /**
282
+ * we need to get the original width before setting
283
+ * the position to fixed.
284
+ */
285
+ function setStickyWidth(stickyProps) {
286
+ // TODO: check if we can use the spacer's width directly instead.
287
+ var currStickyWidth = stickyWidthIndex + elementorFrontend.getCurrentDeviceMode(),
288
+ isSticky = $('#' + stickyProps.targetId).hasClass('premium-sticky-parent'); // ==> fixed position
289
+
290
+ if (isSticky) {
291
+ $('#' + stickyProps.targetId).css({
292
+ position: 'relative',
293
+ width: 'inherit'
294
+ });
295
+ }
296
+
297
+ window[currStickyWidth] = $('#' + stickyProps.targetId).outerWidth() + 'px';
298
+
299
+ if (isSticky) {
300
+
301
+ $('#' + stickyProps.targetId).css({
302
+ position: 'fixed',
303
+ width: window[currStickyWidth]
304
+ });
305
+ }
306
+ }
307
+
308
+ function applyStickyEffect() {
309
+
310
+ var $adminBarHeight = elementorFrontend.elements.$wpAdminBar.height() ? elementorFrontend.elements.$wpAdminBar.height() : 0,
311
+ scrollTop = $(window).scrollTop() + $adminBarHeight,
312
+ currStickyWidth = stickyWidthIndex + elementorFrontend.getCurrentDeviceMode();
313
+
314
+ if (!window[stickyIndex] || refreshPos) { // save the offset
315
+ window[stickyIndex] = $('.' + stickyProps.spacerClass).offset().top;
316
+ refreshPos = false;
317
+ }
318
+
319
+ if (scrollTop >= window[stickyIndex]) {
320
+
321
+ $('.' + stickyProps.spacerClass).css('height', $('#' + stickyProps.targetId).outerHeight() + 'px');
322
+ $('#' + stickyProps.targetId).addClass('premium-sticky-parent premium-sticky-parent-' + $scope.data('id')).css({
323
+ width: window[currStickyWidth],
324
+ top: $adminBarHeight,
325
+ position: 'fixed'
326
+ });
327
+
328
+ } else {
329
+ $('.' + stickyProps.spacerClass).css('height', '0px');
330
+ $('#' + stickyProps.targetId).removeClass('premium-sticky-parent premium-sticky-parent-' + $scope.data('id')).css({
331
+ top: 'unset',
332
+ width: 'inherit',
333
+ position: 'relative'
334
+ });
335
+ }
336
+
337
+ // sticky on scroll option.
338
+ if (stickyProps.onScroll) {
339
+ var $element = document.querySelector('#' + stickyProps.targetId + '.premium-sticky-parent');
340
+
341
+ if ($element) {
342
+ $('#' + stickyProps.targetId + '.premium-sticky-parent').addClass('premium-sticky-scroll-yes');
343
+ var headroom = new Headroom($element,
344
+ {
345
+ tolerance: 5,
346
+ classes: {
347
+ initial: "animated",
348
+ pinned: "slideDown",
349
+ unpinned: "slideUp",
350
+ offset: {
351
+ up: $('#' + stickyProps.targetId).outerHeight() + 150, // first time only.
352
+ },
353
+ }
354
+ });
355
+
356
+ headroom.init();
357
+ }
358
+ } else {
359
+ $('#' + stickyProps.targetId + '.premium-sticky-parent').removeClass('premium-sticky-scroll-yes');
360
+ }
361
+ }
362
+
363
+ /**
364
+ * Random Badges.
365
+ */
366
+
367
+ function addRandBadges(badges) {
368
+
369
+ var $menuContainer = ['hor', 'ver'].includes(settings.mainLayout) ? $scope.find('.premium-nav-menu-container') : $scope.find('.premium-mobile-menu-container');
370
+
371
+ badges.forEach(function (badge) {
372
+ var targetCount = $menuContainer.find(badge.selector + ':not(.has-pa-badge)').length;
373
+
374
+ if ('' === badge.selector || !targetCount) return;
375
+
376
+ // get no of appearnces & elements.
377
+ var randTargetsIndex = getRandTargetsIndex(badge.max, targetCount);
378
+
379
+ addBadge(badge, randTargetsIndex);
380
+ });
381
+ }
382
+
383
+ function getRandTargetsIndex(max, targetCount) {
384
+ var showTimes = getRandInt(max),
385
+ targetIndex = [];
386
+
387
+ for (var index = 0; index < showTimes; index++) {
388
+
389
+ var target = getRandInt(targetCount);
390
+
391
+ if (!targetIndex.includes(target)) {
392
+ targetIndex.push(target);
393
+ }
394
+ }
395
+
396
+ return targetIndex;
397
+ }
398
+
399
+ function getRandInt(max) {
400
+ return Math.floor(Math.random() * max) + 1;
401
+ }
402
+
403
+ function addBadge(badge, targetsIndex) {
404
+
405
+ var badgeHtml = getBadgeHtml(badge),
406
+ targets = $scope.find('.premium-nav-menu-container ' + badge.selector + ':not(.has-pa-badge)')
407
+ mobileTargets = $scope.find('.premium-mobile-menu-container ' + badge.selector + ':not(.has-pa-badge)'),
408
+ hoverEffectClass = '' !== settings.hoverEffect ? 'premium-badge-' + settings.hoverEffect : '';
409
+
410
+ for (var index = 0; index < targetsIndex.length; index++) {
411
+
412
+ if (['hor', 'ver'].includes(settings.mainLayout)) {
413
+
414
+ $scope.find(targets[targetsIndex[index] - 1])
415
+ .css('position', 'relative')
416
+ .addClass('has-pa-badge ' + hoverEffectClass)
417
+ .append(badgeHtml);
418
+ }
419
+
420
+ $scope.find(mobileTargets[targetsIndex[index] - 1])
421
+ .css('position', 'relative')
422
+ .addClass('has-pa-badge ' + hoverEffectClass)
423
+ .append(badgeHtml);
424
+
425
+ }
426
+ }
427
+
428
+ function getBadgeHtml(badge) {
429
+ return '<span class="premium-rn-badge elementor-repeater-item-' + badge.id + '">' + badge.text + '</span>';
430
+ }
431
+ };
432
+
433
+ $(window).on('elementor/frontend/init', function () {
434
+ elementorFrontend.hooks.addAction('frontend/element_ready/premium-nav-menu.default', PremiumNavMenuHandler);
435
+ });
436
+
437
  })(jQuery);
assets/frontend/min-css/premium-addons-rtl.min.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";@font-face{font-family:pa-elements;src:url(../../editor/fonts/pa-elements.eot?vcwy2s);src:url(../../editor/fonts/pa-elements.eot?vcwy2s#iefix) format("embedded-opentype"),url(../../editor/fonts/pa-elements.ttf?vcwy2s) format("truetype"),url(../../editor/fonts/pa-elements.woff?vcwy2s) format("woff"),url(../../editor/fonts/pa-elements.svg?vcwy2s#pa-elements) format("svg");font-weight:400;font-style:normal}.elementor-widget-premium-addon-banner{overflow:hidden}.premium-banner-ib{display:block;position:relative}.premium-banner-ib img{display:block;position:relative}.premium-banner-img-wrap{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:100%}.premium-banner-img-wrap .premium-banner-ib-img{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.premium-banner-ib{z-index:1;overflow:hidden;margin:0 0 35px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.premium-banner-ib-desc .premium-banner-read-more{z-index:100}.premium-banner-ib,.wpb_column>.wpb_wrapper .premium-banner-ib{margin-bottom:0}.elementor-widget-premium-addon-banner .premium-banner-ib-title{background:0 0}.premium-banner-ib *,.premium-banner-ib .premium-banner-ib-desc{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.premium-banner-ib img{min-width:100%;max-width:100%;-webkit-transition:opacity .35s;transition:opacity .35s}.premium-banner-ib .premium-banner-ib-desc{padding:15px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;top:0;right:0;width:100%;height:100%}.premium-banner-ib .premium-banner-ib-link{position:absolute;top:0;right:0;width:100%;height:100%;z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}.premium-banner-ib a.premium-banner-ib-link{display:block;background:100% 0}.premium-banner-animation1 img{width:-webkit-calc(100% + 50px)!important;width:calc(100% + 50px)!important;max-width:-webkit-calc(100% + 50px)!important;max-width:calc(100% + 50px)!important;-webkit-transition:opacity .35s,-webkit-filter .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-filter .35s,-webkit-transform .35s;-webkit-transition:opacity .35s,-webkit-filter .35s,-webkit-transform .35s;transition:opacity .35s,filter .35s,transform .35s;transition:opacity .35s,filter .35s,transform .35s,-webkit-filter .35s,-webkit-transform .35s;transition:opacity .35s,filter .35s,transform .35s,-webkit-filter .35s,-webkit-transform .35s;-webkit-transform:translate3d(40px,0,0);transform:translate3d(40px,0,0)}.premium-banner-animation2 .premium-banner-ib-title{padding:15px}.premium-banner-animation1 .premium-banner-ib-desc{top:auto;bottom:0;min-height:25%;height:auto;max-height:100%;text-align:right}.premium-banner-animation1 .premium-banner-ib-content,.premium-banner-animation1 .premium-banner-ib-title,.premium-banner-animation1 .premium-banner-read-more{-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);-webkit-transition-delay:50ms;transition-delay:50ms;-webkit-transition-duration:.35s;transition-duration:.35s}.premium-banner-animation1 .premium-banner-ib-title{-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s}.premium-banner-animation1 .premium-banner-ib-content,.premium-banner-animation1 .premium-banner-read-more{margin-top:10px;opacity:0;-webkit-transition:opacity .2s,-webkit-transform .35s;transition:opacity .2s,-webkit-transform .35s;transition:opacity .2s,transform .35s;transition:opacity .2s,transform .35s,-webkit-transform .35s}.premium-banner-animation1.active .premium-banner-ib-content,.premium-banner-animation1.active .premium-banner-read-more,.premium-banner-animation1:hover .premium-banner-ib-content,.premium-banner-animation1:hover .premium-banner-read-more{opacity:1;-webkit-transition-delay:50ms;transition-delay:50ms;-webkit-transition-duration:.35s;transition-duration:.35s}.premium-banner-animation1.active .premium-banner-ib-content,.premium-banner-animation1.active .premium-banner-ib-title,.premium-banner-animation1.active .premium-banner-read-more,.premium-banner-animation1.active img,.premium-banner-animation1:hover .premium-banner-ib-content,.premium-banner-animation1:hover .premium-banner-ib-title,.premium-banner-animation1:hover .premium-banner-read-more,.premium-banner-animation1:hover img{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-delay:50ms;transition-delay:50ms;-webkit-transition-duration:.35s;transition-duration:.35s}.premium-banner-animation1.scale img,.premium-banner-animation1.zoomout img{-webkit-transform:translate3d(40px,0,0) scale(1.1);transform:translate3d(40px,0,0) scale(1.1)}.premium-banner-ib.sepia img{-webkit-filter:sepia(30%);filter:sepia(30%)}.premium-banner-ib.bright img{-webkit-filter:brightness(1);filter:brightness(1)}.premium-banner-ib.sepia:hover img{-webkit-filter:sepia(0);filter:sepia(0)}.premium-banner-ib.bright:hover img{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.premium-banner-animation1.premium-banner-min-height img,.premium-banner-animation13.premium-banner-min-height img,.premium-banner-animation2.premium-banner-min-height img,.premium-banner-animation4.premium-banner-min-height img,.premium-banner-animation5.premium-banner-min-height img,.premium-banner-animation6.premium-banner-min-height img{height:auto}.premium-banner-animation2 img{width:100%}.premium-banner-animation2 .premium-banner-ib-desc::before{position:absolute;content:"";top:0;right:0;width:100%;height:100%;opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}.premium-banner-animation2 .premium-banner-ib-title{position:absolute;top:50%;right:0;width:100%;-webkit-transition:color .35s,-webkit-transform .35s;transition:color .35s,-webkit-transform .35s;transition:transform .35s,color .35s;transition:transform .35s,color .35s,-webkit-transform .35s;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.premium-banner-animation2 .premium-banner-ib-content,.premium-banner-animation2 .premium-banner-ib-desc::before,.premium-banner-animation2 .premium-banner-read-more{-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s}.premium-banner-animation2 .premium-banner-ib-content,.premium-banner-animation2 .premium-banner-read-more{position:absolute;bottom:0;right:0;padding:15px;width:100%;max-height:50%;opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}.premium-banner-animation2.active .premium-banner-ib-title,.premium-banner-animation2:hover .premium-banner-ib-title{-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0)}.premium-banner-animation2.active .premium-banner-ib-desc::before,.premium-banner-animation2.active .premium-banner-read-more,.premium-banner-animation2:hover .premium-banner-ib-desc::before,.premium-banner-animation2:hover .premium-banner-read-more{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.premium-banner-animation2.active .premium-banner-ib-content,.premium-banner-animation2:hover .premium-banner-ib-content{opacity:1;-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}.premium-banner-animation3 .premium-banner-ib-title{position:absolute;bottom:0;right:0;padding:15px;width:100%;text-align:right;-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}.premium-banner-animation3 .premium-banner-ib-desc::before,.premium-banner-animation3 .premium-banner-ib-title{-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s}.premium-banner-animation3.active .premium-banner-ib-desc::before,.premium-banner-animation3.active .premium-banner-ib-title,.premium-banner-animation3:hover .premium-banner-ib-desc::before,.premium-banner-animation3:hover .premium-banner-ib-title{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.premium-banner-animation3 .premium-banner-ib-content{max-height:-webkit-calc(100% - 60px - 1.5em);max-height:calc(100% - 60px - 1.5em);overflow:hidden}.premium-banner-animation4 img{width:-webkit-calc(100% + 40px)!important;width:calc(100% + 40px)!important;max-width:-webkit-calc(100% + 40px)!important;max-width:calc(100% + 40px)!important}.premium-banner-animation4 .premium-banner-ib-desc{padding:30px}.premium-banner-animation4 .premium-banner-ib-desc::after{position:absolute;content:"";opacity:0}.premium-banner-animation4 .premium-banner-ib-desc::before{position:absolute;content:"";opacity:0;top:50px;left:30px;bottom:50px;right:30px;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.premium-banner-animation4 .premium-banner-ib-desc::after{top:30px;left:50px;bottom:30px;right:50px;border-left:1px solid #fff;border-right:1px solid #fff;-webkit-transform:scale(1,0);-ms-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.premium-banner-animation4 .premium-banner-ib-title{padding:50px 30px 0 30px;-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s}.premium-banner-animation4 .premium-banner-ib-content,.premium-banner-animation4 .premium-banner-read-more{padding:10px 30px;opacity:0;overflow:hidden;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}.premium-banner-animation4 .premium-banner-ib-title,.premium-banner-animation4 img{-webkit-transform:translate3d(30px,0,0);transform:translate3d(30px,0,0)}.premium-banner-animation4.scale img,.premium-banner-animation4.zoomout img{-webkit-transform:translate3d(30px,0,0) scale(1.1);transform:translate3d(30px,0,0) scale(1.1)}.premium-banner-animation4 .premium-banner-ib-content,.premium-banner-animation4 .premium-banner-read-more{-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s}.premium-banner-animation4 .premium-banner-ib-desc::after,.premium-banner-animation4 .premium-banner-ib-desc::before{-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s}.premium-banner-animation4 img{-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s}.premium-banner-animation4.active .premium-banner-ib-desc::after,.premium-banner-animation4.active .premium-banner-ib-desc::before,.premium-banner-animation4:hover .premium-banner-ib-desc::after,.premium-banner-animation4:hover .premium-banner-ib-desc::before{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.premium-banner-animation4.active .premium-banner-ib-content,.premium-banner-animation4.active .premium-banner-ib-title,.premium-banner-animation4.active .premium-banner-read-more,.premium-banner-animation4:hover .premium-banner-ib-content,.premium-banner-animation4:hover .premium-banner-ib-title,.premium-banner-animation4:hover .premium-banner-read-more{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.premium-banner-animation4:hover .premium-banner-ib-content,.premium-banner-animation4:hover .premium-banner-ib-desc::after,.premium-banner-animation4:hover .premium-banner-ib-title,.premium-banner-animation4:hover img{-webkit-transition-delay:.15s;transition-delay:.15s}.premium-banner-animation5 .premium-banner-ib-desc{top:auto;bottom:0;padding:15px;height:auto;background:#f2f2f2;color:#3c4a50;-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.premium-banner-animation5 .premium-banner-ib-content{position:absolute;top:auto;bottom:100%;right:0;width:100%;padding:15px;opacity:0;-webkit-transition:opacity .35s;transition:opacity .35s}.premium-banner-animation5 .premium-banner-ib-title,.premium-banner-animation5 .premium-banner-read-more{-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s;-webkit-transform:translate3d(0,200%,0);transform:translate3d(0,200%,0);text-align:center}.premium-banner-animation5 .premium-banner-ib-title{margin:10px 0}.premium-banner-animation5.active .premium-banner-ib-content,.premium-banner-animation5.active .premium-banner-ib-content *,.premium-banner-animation5:hover .premium-banner-ib-content,.premium-banner-animation5:hover .premium-banner-ib-content *{opacity:1!important;z-index:99!important;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important}.premium-banner-animation5.active .premium-banner-ib-desc,.premium-banner-animation5.active .premium-banner-ib-title,.premium-banner-animation5.active .premium-banner-read-more,.premium-banner-animation5:hover .premium-banner-ib-desc,.premium-banner-animation5:hover .premium-banner-ib-title,.premium-banner-animation5:hover .premium-banner-read-more{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.premium-banner-animation5:hover .premium-banner-ib-title{-webkit-transition-delay:50ms;transition-delay:50ms}.premium-banner-animation5 img{-webkit-transition:opacity .35s,-webkit-filter .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-filter .35s,-webkit-transform .35s;-webkit-transition:opacity .35s,-webkit-filter .35s,-webkit-transform .35s;transition:opacity .35s,filter .35s,transform .35s;transition:opacity .35s,filter .35s,transform .35s,-webkit-filter .35s,-webkit-transform .35s;transition:opacity .35s,filter .35s,transform .35s,-webkit-filter .35s,-webkit-transform .35s}.premium-banner-animation2 img,.premium-banner-animation4 img,.premium-banner-animation6 img{-webkit-transition:opacity .35s,-webkit-filter .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-filter .35s,-webkit-transform .35s;-webkit-transition:opacity .35s,-webkit-filter .35s,-webkit-transform .35s;transition:opacity .35s,filter .35s,transform .35s;transition:opacity .35s,filter .35s,transform .35s,-webkit-filter .35s,-webkit-transform .35s;transition:opacity .35s,filter .35s,transform .35s,-webkit-filter .35s,-webkit-transform .35s}.premium-banner-animation5.scale img,.premium-banner-animation5.zoomout img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.premium-banner-animation2.scale img,.premium-banner-animation2.zoomout img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.premium-banner-animation6.scale img,.premium-banner-animation6.zoomout img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.premium-banner-animation2.zoomin:hover img,.premium-banner-animation5.zoomin:hover img,.premium-banner-animation6.zoomin:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.premium-banner-animation2.zoomout:hover img,.premium-banner-animation5.zoomout:hover img,.premium-banner-animation6.zoomout:hover img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.premium-banner-animation2.scale:hover img,.premium-banner-animation5.scale:hover img,.premium-banner-animation6.scale:hover img{-webkit-transform:scale(1.2) rotate(-5deg);-ms-transform:scale(1.2) rotate(-5deg);transform:scale(1.2) rotate(-5deg)}.premium-banner-animation2.grayscale:hover img,.premium-banner-animation5.grayscale:hover img,.premium-banner-animation6.grayscale:hover img{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.premium-banner-animation2.blur:hover img,.premium-banner-animation5.blur:hover img{-webkit-filter:blur(3px);filter:blur(3px)}.premium-banner-animation6.blur:hover img{-webkit-filter:blur(3px);filter:blur(3px)}.premium-banner-animation6 .premium-banner-ib-desc{padding:45px}.premium-banner-animation6 .premium-banner-ib-desc::before{position:absolute;content:"";top:30px;left:30px;bottom:30px;right:30px;border:1px solid #fff}.premium-banner-animation6 .premium-banner-ib-title{margin:20px 0 10px;-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.premium-banner-animation6 .premium-banner-ib-content,.premium-banner-animation6 .premium-banner-ib-desc::before,.premium-banner-animation6 .premium-banner-read-more{opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.premium-banner-animation6 .premium-banner-read-more{margin-top:10px}.premium-banner-animation6.active .premium-banner-ib-title,.premium-banner-animation6:hover .premium-banner-ib-title{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.premium-banner-animation6.active .premium-banner-ib-content,.premium-banner-animation6.active .premium-banner-ib-desc::before,.premium-banner-animation6.active .premium-banner-read-more,.premium-banner-animation6:hover .premium-banner-ib-content,.premium-banner-animation6:hover .premium-banner-ib-desc::before,.premium-banner-animation6:hover .premium-banner-read-more{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.premium-banner-animation12 .premium-banner-ib-desc::after{position:absolute;content:"";left:30px;bottom:30px;right:30px;height:-webkit-calc(50% - 30px);height:calc(50% - 30px);border:7px solid #fff;-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.premium-banner-animation12.active .premium-banner-ib-desc::after,.premium-banner-animation12:hover .premium-banner-ib-desc::after{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.premium-banner-animation12 .premium-banner-ib-desc{padding:45px;text-align:right}.premium-banner-animation12 .premium-banner-ib-content{position:absolute;left:60px;bottom:60px;right:60px;opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s;-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}.premium-banner-animation12.active .premium-banner-ib-content,.premium-banner-animation12:hover .premium-banner-ib-content{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.premium-banner-animation13 img{width:-webkit-calc(100% + 20px)!important;width:calc(100% + 20px)!important;max-width:-webkit-calc(100% + 20px)!important;max-width:calc(100% + 20px)!important;-webkit-transition:opacity .35s,-webkit-filter .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-filter .35s,-webkit-transform .35s;-webkit-transition:opacity .35s,-webkit-filter .35s,-webkit-transform .35s;transition:opacity .35s,filter .35s,transform .35s;transition:opacity .35s,filter .35s,transform .35s,-webkit-filter .35s,-webkit-transform .35s;transition:opacity .35s,filter .35s,transform .35s,-webkit-filter .35s,-webkit-transform .35s;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.premium-banner-animation13.scale img,.premium-banner-animation13.zoomout img{-webkit-transform:translate3d(10px,0,0) scale(1.1);transform:translate3d(10px,0,0) scale(1.1)}.premium-banner-animation13.none:hover img{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.premium-banner-animation1.none:hover img,.premium-banner-animation4.none:hover img{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.premium-banner-animation1.zoomin:hover img,.premium-banner-animation10.zoomin:hover img,.premium-banner-animation11.zoomin:hover img,.premium-banner-animation13.zoomin:hover img,.premium-banner-animation4.zoomin:hover img,.premium-banner-animation7.zoomin:hover img,.premium-banner-animation8.zoomin:hover img,.premium-banner-animation9.zoomin:hover img{-webkit-transform:translate3d(0,0,0) scale(1.1);transform:translate3d(0,0,0) scale(1.1)}.premium-banner-animation1.zoomout:hover img,.premium-banner-animation10.zoomout:hover img,.premium-banner-animation11.zoomout:hover img,.premium-banner-animation13.zoomout:hover img,.premium-banner-animation4.zoomout:hover img,.premium-banner-animation7.zoomout:hover img,.premium-banner-animation8.zoomout:hover img,.premium-banner-animation9.zoomout:hover img{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}.premium-banner-animation1.scale:hover img,.premium-banner-animation10.scale:hover img,.premium-banner-animation11.scale:hover img,.premium-banner-animation13.scale:hover img,.premium-banner-animation4.scale:hover img,.premium-banner-animation7.scale:hover img,.premium-banner-animation8.scale:hover img,.premium-banner-animation9.scale:hover img{-webkit-transform:translate3d(0,0,0) scale(1.2) rotate(-5deg);transform:translate3d(0,0,0) scale(1.2) rotate(-5deg)}.premium-banner-animation1.grayscale:hover img,.premium-banner-animation10.grayscale:hover img,.premium-banner-animation11.grayscale:hover img,.premium-banner-animation13.grayscale:hover img,.premium-banner-animation4.grayscale:hover img,.premium-banner-animation7.grayscale:hover img,.premium-banner-animation8.grayscale:hover img,.premium-banner-animation9.grayscale:hover img{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-filter:grayscale(100%);filter:grayscale(100%)}.premium-banner-animation1.blur:hover img,.premium-banner-animation10.blur:hover img,.premium-banner-animation11.blur:hover img,.premium-banner-animation13.blur:hover img,.premium-banner-animation4.blur:hover,.premium-banner-animation7.blur:hover img,.premium-banner-animation8.blur:hover img,.premium-banner-animation9.blur:hover img{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-filter:blur(3px);filter:blur(3px)}.premium-banner-animation13 .premium-banner-ib-desc{text-align:right}.premium-banner-animation13 .premium-banner-ib-title{position:relative;overflow:hidden;padding:5px 0 10px}.premium-banner-animation13 .premium-banner-ib-title::after{position:absolute;content:"";bottom:0;right:0;width:100%;height:2px;background:#fff;-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s;-webkit-transform:translate3d(101%,0,0);transform:translate3d(101%,0,0)}.premium-banner-animation13.active .premium-banner-ib-title::after,.premium-banner-animation13:hover .premium-banner-ib-title::after{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.premium-banner-animation13 .premium-banner-ib-content,.premium-banner-animation13 .premium-banner-read-more{padding:15px 0;opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.premium-banner-animation13.active .premium-banner-ib-content,.premium-banner-animation13.active .premium-banner-read-more,.premium-banner-animation13:hover .premium-banner-ib-content,.premium-banner-animation13:hover .premium-banner-read-more{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.premium-banner-ib.premium-banner-animation5 .premium-banner-toggle-size{right:50%;width:auto!important;height:100%;max-width:none;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%)}.premium-banner-ib img{border:none;padding:0;margin:0}.premium-banner-animation7 img{width:-webkit-calc(100% + 40px)!important;width:calc(100% + 40px)!important;max-width:-webkit-calc(100% + 40px)!important;max-width:calc(100% + 40px)!important}.premium-banner-animation7 .premium-banner-brlr{width:7px}.premium-banner-animation7 .premium-banner-brtb{height:7px}.premium-banner-animation7 .premium-banner-br{position:absolute;z-index:1;background-color:#fff;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transition-delay:.2s;transition-delay:.2s}.premium-banner-animation7 .premium-banner-bleft{right:30px;top:-webkit-calc(100% - 150px);top:calc(100% - 150px);height:0}.premium-banner-animation7 .premium-banner-bright{left:30px;bottom:-webkit-calc(100% - 150px);bottom:calc(100% - 150px);height:0}.premium-banner-animation7 .premium-banner-bottom{left:-webkit-calc(100% - 150px);left:calc(100% - 150px);bottom:30px;width:0}.premium-banner-animation7 .premium-banner-btop{right:-webkit-calc(100% - 150px);right:calc(100% - 150px);top:30px;width:0}.premium-banner-animation7 .premium-banner-ib-desc{padding:70px;display:table}.premium-banner-animation7 .premium-banner-ib-desc .premium-banner-desc-centered{display:table-cell;vertical-align:middle}.premium-banner-animation7 .premium-banner-ib-title{margin-top:0}.premium-banner-animation7 .premium-banner-ib-title,.premium-banner-animation7 img{-webkit-transform:translate3d(30px,0,0);transform:translate3d(30px,0,0)}.premium-banner-animation7.scale img,.premium-banner-animation7.zoomout img{-webkit-transform:translate3d(30px,0,0) scale(1.1);transform:translate3d(30px,0,0) scale(1.1)}.premium-banner-animation7 .premium-banner-ib-content,.premium-banner-animation7 .premium-banner-read-more{margin-top:10px}.premium-banner-animation7 .premium-banner-ib-desc::after,.premium-banner-animation7 .premium-banner-ib-desc::before{-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s}.premium-banner-animation7 .premium-banner-ib-content,.premium-banner-animation7 .premium-banner-ib-title,.premium-banner-animation7 .premium-banner-read-more{opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s}.premium-banner-animation7 img{-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s}.premium-banner-animation7.active .premium-banner-ib-content,.premium-banner-animation7.active .premium-banner-ib-title,.premium-banner-animation7.active .premium-banner-read-more,.premium-banner-animation7:hover .premium-banner-ib-content,.premium-banner-animation7:hover .premium-banner-ib-title,.premium-banner-animation7:hover .premium-banner-read-more{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.premium-banner-animation7.active .premium-banner-bleft,.premium-banner-animation7:hover .premium-banner-bleft{top:30px;height:70px}.premium-banner-animation7.active .premium-banner-bright,.premium-banner-animation7:hover .premium-banner-bright{bottom:30px;height:70px}.premium-banner-animation7.active .premium-banner-bottom,.premium-banner-animation7:hover .premium-banner-bottom{left:30px;width:70px}.premium-banner-animation7.active .premium-banner-btop,.premium-banner-animation7:hover .premium-banner-btop{right:30px;width:70px}.premium-banner-animation7:hover .premium-banner-ib-content,.premium-banner-animation7:hover .premium-banner-ib-title,.premium-banner-animation7:hover .premium-banner-read-more,.premium-banner-animation7:hover img{-webkit-transition-delay:.15s;transition-delay:.15s}.premium-banner-animation8 img{width:-webkit-calc(100% + 40px)!important;width:calc(100% + 40px)!important;max-width:-webkit-calc(100% + 40px)!important;max-width:calc(100% + 40px)!important}.premium-banner-animation8 .premium-banner-brlr{width:7px}.premium-banner-animation8 .premium-banner-brtb{height:7px}.premium-banner-animation8 .premium-banner-br{position:absolute;z-index:1;background-color:#fff;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transition-delay:.2s;transition-delay:.2s}.premium-banner-animation8 .premium-banner-bleft{right:30px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);height:0}.premium-banner-animation8 .premium-banner-bright{left:30px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);height:0}.premium-banner-animation8 .premium-banner-bottom{right:50%;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);bottom:30px;width:0}.premium-banner-animation8 .premium-banner-btop{right:50%;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);top:30px;width:0}.premium-banner-animation8 .premium-banner-ib-desc{padding:70px;display:table}.premium-banner-animation8 .premium-banner-ib-desc .premium-banner-desc-centered{display:table-cell;vertical-align:middle}.premium-banner-animation8 .premium-banner-ib-title{margin-top:0}.premium-banner-animation8 .premium-banner-ib-title,.premium-banner-animation8 img{-webkit-transform:translate3d(30px,0,0);transform:translate3d(30px,0,0)}.premium-banner-animation8.scale img,.premium-banner-animation8.zoomout img{-webkit-transform:translate3d(30px,0,0) scale(1.1);transform:translate3d(30px,0,0) scale(1.1)}.premium-banner-animation8 .premium-banner-ib-content,.premium-banner-animation8 .premium-banner-read-more{margin-top:10px}.premium-banner-animation8 .premium-banner-ib-desc::after,.premium-banner-animation8 .premium-banner-ib-desc::before{-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s}.premium-banner-animation8 .premium-banner-ib-content,.premium-banner-animation8 .premium-banner-ib-title,.premium-banner-animation8 .premium-banner-read-more{-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s;opacity:0}.premium-banner-animation8 img{-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s}.premium-banner-animation8.active .premium-banner-ib-content,.premium-banner-animation8.active .premium-banner-ib-title,.premium-banner-animation8.active .premium-banner-read-more,.premium-banner-animation8:hover .premium-banner-ib-content,.premium-banner-animation8:hover .premium-banner-ib-title,.premium-banner-animation8:hover .premium-banner-read-more{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.premium-banner-animation8.active .premium-banner-bleft,.premium-banner-animation8:hover .premium-banner-bleft{height:-webkit-calc(100% - 61px);height:calc(100% - 61px)}.premium-banner-animation8.active .premium-banner-bright,.premium-banner-animation8:hover .premium-banner-bright{height:-webkit-calc(100% - 61px);height:calc(100% - 61px)}.premium-banner-animation8.active .premium-banner-bottom,.premium-banner-animation8:hover .premium-banner-bottom{width:-webkit-calc(100% - 61px);width:calc(100% - 61px)}.premium-banner-animation8.active .premium-banner-btop,.premium-banner-animation8:hover .premium-banner-btop{width:-webkit-calc(100% - 61px);width:calc(100% - 61px)}.premium-banner-animation8:hover .premium-banner-ib-content,.premium-banner-animation8:hover .premium-banner-ib-title,.premium-banner-animation8:hover .premium-banner-read-more,.premium-banner-animation8:hover img{-webkit-transition-delay:.15s;transition-delay:.15s}.premium-banner-animation9 img{width:-webkit-calc(100% + 20px)!important;width:calc(100% + 20px)!important;max-width:-webkit-calc(100% + 20px)!important;max-width:calc(100% + 20px)!important;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.premium-banner-animation9 .premium-banner-ib-desc{width:100%;height:100%}.premium-banner-animation9 .premium-banner-ib-desc::before{position:absolute;top:50%;right:50%;width:80%;height:1px;background:#fff;content:"";-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s;-webkit-transform:translate3d(50%,-50%,0);transform:translate3d(50%,-50%,0)}.premium-banner-animation9 .premium-banner-ib-desc::after{position:absolute;top:50%;right:50%;width:80%;height:1px;background:#fff;content:"";-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s;-webkit-transform:translate3d(50%,-50%,0);transform:translate3d(50%,-50%,0)}.premium-banner-animation9 .premium-banner-ib-title{position:absolute;top:50%;right:0;width:100%;-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s;-webkit-transform:translate3d(0,-70px,0);transform:translate3d(0,-70px,0);margin-top:0;padding:0 10%}.premium-banner-animation9.active .premium-banner-ib-title,.premium-banner-animation9:hover .premium-banner-ib-title{-webkit-transform:translate3d(0,-80px,0);transform:translate3d(0,-80px,0)}.premium-banner-animation9 .premium-banner-ib-content,.premium-banner-animation9 .premium-banner-read-more{position:absolute;top:50%;right:0;width:100%;-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s;padding:0 10%;-webkit-transform:translate3d(0,35px,0);transform:translate3d(0,35px,0)}.premium-banner-animation9 .premium-banner-read-more{top:75%}.premium-banner-animation9.active .premium-banner-ib-content,.premium-banner-animation9.active .premium-banner-read-more,.premium-banner-animation9:hover .premium-banner-ib-content,.premium-banner-animation9:hover .premium-banner-read-more{-webkit-transform:translate3d(0,45px,0);transform:translate3d(0,45px,0)}.premium-banner-animation9.active .premium-banner-ib-desc::before,.premium-banner-animation9:hover .premium-banner-ib-desc::before{opacity:.5;-webkit-transform:translate3d(50%,-50%,0) rotate(-45deg);transform:translate3d(50%,-50%,0) rotate(-45deg)}.premium-banner-animation9.active .premium-banner-ib-desc::after,.premium-banner-animation9:hover .premium-banner-ib-desc::after{opacity:.5;-webkit-transform:translate3d(50%,-50%,0) rotate(45deg);transform:translate3d(50%,-50%,0) rotate(45deg)}.premium-banner-animation9:hover img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.premium-banner-animation10 img{width:-webkit-calc(100% + 20px)!important;width:calc(100% + 20px)!important;max-width:-webkit-calc(100% + 20px)!important;max-width:calc(100% + 20px)!important}.premium-banner-animation10 .premium-banner-ib-title{position:relative;overflow:hidden;padding:5px 0 15px;-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);margin-bottom:0}.premium-banner-animation10 .premium-banner-ib-title::after{position:absolute;content:"";bottom:0;right:0;width:100%;height:3px;background:#fff;opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s}.premium-banner-animation10.active .premium-banner-ib-title,.premium-banner-animation10:hover .premium-banner-ib-title{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.premium-banner-animation10.active .premium-banner-ib-title::after,.premium-banner-animation10:hover .premium-banner-ib-title::after{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.premium-banner-animation10 .premium-banner-ib-content,.premium-banner-animation10 .premium-banner-read-more{padding-top:15px;opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.premium-banner-animation10 .premium-banner-read-more{padding:0}.premium-banner-animation10.active .premium-banner-ib-content,.premium-banner-animation10.active .premium-banner-read-more,.premium-banner-animation10:hover .premium-banner-ib-content,.premium-banner-animation10:hover .premium-banner-read-more{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.premium-banner-animation11{-webkit-transition:-webkit-transform 1s ease-out;transition:-webkit-transform 1s ease-out;transition:transform 1s ease-out;transition:transform 1s ease-out,-webkit-transform 1s ease-out;-webkit-transition-delay:125ms;transition-delay:125ms}.premium-banner-animation11 .premium-banner-ib-desc{position:absolute;z-index:5;-webkit-transform:translate3d(30px,0,0);transform:translate3d(30px,0,0);opacity:0;top:auto;bottom:0;min-height:25%;height:auto;max-height:100%;text-align:left;padding:30px;-webkit-transition:all .6s ease-out;transition:all .6s ease-out}.premium-banner-animation11 img{width:100%;-webkit-transition:opacity .35s,-webkit-filter .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-filter .35s,-webkit-transform .35s;transition:opacity .35s,filter .35s,transform .35s;transition:opacity .35s,filter .35s,transform .35s,-webkit-filter .35s,-webkit-transform .35s}.premium-banner-animation11 .premium-banner-ib-title{margin-bottom:10px}.premium-banner-animation11 .premium-banner-gradient{position:absolute;left:0;top:0;right:0;bottom:0}.premium-banner-animation11 .premium-banner-gradient:after,.premium-banner-animation11 .premium-banner-gradient:before{position:absolute;content:"";left:0;top:0;right:0;bottom:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);background-image:-webkit-linear-gradient(-40deg,rgba(84,89,95,.5) 27.89%,#6ec1e4 72.11%);background-image:-webkit-linear-gradient(130deg,rgba(84,89,95,.5) 27.89%,#6ec1e4 72.11%);background-image:linear-gradient(-40deg,rgba(84,89,95,.5) 27.89%,#6ec1e4 72.11%);z-index:2}.premium-banner-animation11 .premium-banner-gradient:before{mix-blend-mode:color}.premium-banner-animation11 .premium-banner-gradient:after{mix-blend-mode:multiply}.premium-banner-animation11.active .premium-banner-ib-desc,.premium-banner-animation11:hover .premium-banner-ib-desc{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.premium-banner-animation11.active .premium-banner-gradient:after,.premium-banner-animation11.active .premium-banner-gradient:before,.premium-banner-animation11:hover .premium-banner-gradient:after,.premium-banner-animation11:hover .premium-banner-gradient:before{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.premium-banner-animation11.scale img,.premium-banner-animation11.zoomout img{-webkit-transform:translate3d(-10px,0,0) scale(1.1);transform:translate3d(-10px,0,0) scale(1.1)}.premium-blog-thumb-effect-wrapper{position:relative;overflow:hidden}.premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link{position:absolute;top:0;right:0;width:100%;height:100%;z-index:2;padding:20px}.premium-blog-bordered-effect .premium-blog-post-link{display:block;height:100%;position:relative}.premium-blog-wrap .premium-blog-thumbnail-container{overflow:hidden}.premium-blog-wrap .premium-blog-thumbnail-container .below-entry-meta,.premium-blog-wrap .premium-blog-thumbnail-container img{width:100%;height:100%;margin:0!important;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.premium-blog-scale-effect img,.premium-blog-zoomout-effect img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.premium-blog-sepia-effect img{-webkit-filter:sepia(30%);filter:sepia(30%)}.premium-blog-bright-effect img{-webkit-filter:brightness(1);filter:brightness(1)}.premium-blog-trans-effect img{-webkit-transform:translateX(15px) scale(1.1);-ms-transform:translateX(15px) scale(1.1);transform:translateX(15px) scale(1.1)}.premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.premium-blog-post-outer-container:hover .premium-blog-scale-effect img{-webkit-transform:scale(1.3) rotate(-5deg);-ms-transform:scale(1.3) rotate(-5deg);transform:scale(1.3) rotate(-5deg)}.premium-blog-post-outer-container:hover .premium-blog-gray-effect img{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.premium-blog-post-outer-container:hover .premium-blog-blur-effect img{-webkit-filter:blur(3px);filter:blur(3px)}.premium-blog-post-outer-container:hover .premium-blog-sepia-effect img{-webkit-filter:sepia(0);filter:sepia(0)}.premium-blog-post-outer-container:hover .premium-blog-bright-effect img{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.premium-blog-post-outer-container:hover .premium-blog-trans-effect img{-webkit-transform:translateX(0) scale(1.1);-ms-transform:translateX(0) scale(1.1);transform:translateX(0) scale(1.1)}.premium-blog-post-container{overflow:hidden}.premium-blog-post-container .premium-blog-inner-container{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;direction:rtl}.premium-blog-post-container .premium-blog-post-content{line-height:1.5em;color:#777;font-size:14px;margin-bottom:10px}.premium-blog-post-container .premium-blog-post-link:focus,.premium-blog-post-container .premium-blog-post-link:hover,.premium-blog-post-container ul.post-categories a:focus,.premium-blog-post-container ul.post-categories a:hover{-webkit-box-shadow:none!important;box-shadow:none!important;outline:0!important}.premium-blog-post-container .premium-blog-entry-title{font-size:18px;margin-bottom:5px}.premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper{position:relative;z-index:3;top:-50px}.premium-blog-post-container .premium-blog-content-wrapper{background-color:#f5f5f5;padding:30px}.premium-blog-post-container .premium-blog-content-wrapper.empty-thumb{top:0}.premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after,.premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before{position:absolute;content:"";z-index:1;top:50%;right:50%;opacity:0;-webkit-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);transform:translate(50%,-50%);-webkit-transition:all .4s linear 0s;transition:all .4s linear 0s;height:1px;width:100%;background-color:#fff}.premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before{width:1px;height:100%}.premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner):hover .premium-blog-thumbnail-container:after{width:20px;opacity:1}.premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner):hover .premium-blog-thumbnail-container:before{height:20px;opacity:1}.premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper{margin:0 10px 20px;clear:both}.premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay,.premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay,.premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay{position:absolute;top:0;right:0;width:100%;height:100%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:0}.premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a,.premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a,.premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}.premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i,.premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,.premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i,.premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,.premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i,.premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-blog-post-container.premium-blog-skin-side{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container{height:100%}.premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}.premium-blog-post-container.premium-blog-skin-banner{position:relative}.premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper{position:absolute;width:100%;bottom:-5px;-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:transparent;z-index:3;-webkit-transition:bottom .3s ease-in-out;transition:bottom .3s ease-in-out}.premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper{bottom:0}.premium-blog-post-container .premium-blog-cats-container ul.post-categories{margin:0;padding:0;list-style:none;-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.premium-blog-post-container .premium-blog-cats-container a{display:block;font-size:12px;color:#fff;background-color:#777;margin:0 0 10px 3px;padding:5px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-blog-diagonal-container{position:absolute;top:0;right:0;width:100%;height:100%}.premium-blog-diagonal-effect:before{position:absolute;top:0;right:0;width:100%;height:100%;content:" ";z-index:1;background:rgba(255,255,255,.2);-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);-webkit-transition:all .3s linear 0s;transition:all .3s linear 0s}.premium-blog-post-outer-container:hover .premium-blog-diagonal-effect:before{-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0)}.premium-blog-framed-effect{position:absolute;width:-webkit-calc(100% - 30px);width:calc(100% - 30px);height:-webkit-calc(100% - 30px);height:calc(100% - 30px);top:15px;right:15px;opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3);-webkit-transition:all .3s linear 0s;transition:all .3s linear 0s}.premium-blog-post-outer-container:hover .premium-blog-framed-effect{opacity:.99;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.premium-blog-bordered-effect{position:absolute;top:0;right:0;width:100%;height:100%;opacity:0;padding:15px;-webkit-transition:all .3s linear 0s;transition:all .3s linear 0s}.premium-blog-bordered-effect .premium-blog-post-link:after,.premium-blog-bordered-effect .premium-blog-post-link:before{content:"";display:block;position:absolute;top:0;right:0;width:100%;height:100%;-webkit-transition:all .5s linear 0s;transition:all .5s linear 0s;-webkit-transition-delay:0s;transition-delay:0s;border-color:rgba(255,255,255,.45)}.premium-blog-bordered-effect .premium-blog-post-link:before{border-left:2px solid;border-right:2px solid;-webkit-transform:scale(1,0);-ms-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.premium-blog-bordered-effect .premium-blog-post-link:after{border-top:2px solid;border-bottom:2px solid;-webkit-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.premium-blog-bordered-effect:hover{opacity:.99}.premium-blog-bordered-effect:hover .premium-blog-post-link:after,.premium-blog-bordered-effect:hover .premium-blog-post-link:before{-webkit-transition-delay:.15s;transition-delay:.15s;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.premium-blog-squares-effect,.premium-blog-squares-square-container{position:absolute;top:0;right:0;width:100%;height:100%}.premium-blog-squares-effect:after,.premium-blog-squares-effect:before{position:absolute;content:"";top:0;right:0;width:50%;height:50%;-webkit-transform:translate(100%,-100%);-ms-transform:translate(100%,-100%);transform:translate(100%,-100%);opacity:.7;-webkit-transition:all .3s linear 0s;transition:all .3s linear 0s}.premium-blog-squares-square-container:after,.premium-blog-squares-square-container:before{position:absolute;content:"";top:0;right:0;width:50%;height:50%;-webkit-transform:translate(100%,-100%);-ms-transform:translate(100%,-100%);transform:translate(100%,-100%);opacity:.7;-webkit-transition:all .3s linear 0s;transition:all .3s linear 0s}.premium-blog-squares-square-container:after,.premium-blog-squares-square-container:before{opacity:.8}.premium-blog-squares-effect:after{-webkit-transform:translate(-200%,200%);-ms-transform:translate(-200%,200%);transform:translate(-200%,200%)}.premium-blog-squares-square-container:before{-webkit-transform:translate(100%,200%);-ms-transform:translate(100%,200%);transform:translate(100%,200%)}.premium-blog-squares-square-container:after{-webkit-transform:translate(-200%,-100%);-ms-transform:translate(-200%,-100%);transform:translate(-200%,-100%)}.premium-blog-squares-effect:hover:before{-webkit-transform:translate(0,0) scaleY(1.003) scaleX(1.003);-ms-transform:translate(0,0) scaleY(1.003) scaleX(1.003);transform:translate(0,0) scaleY(1.003) scaleX(1.003)}.premium-blog-squares-effect:hover:after{-webkit-transform:translate(-100%,100%) scaleY(1.003) scaleX(1.003);-ms-transform:translate(-100%,100%) scaleY(1.003) scaleX(1.003);transform:translate(-100%,100%) scaleY(1.003) scaleX(1.003)}.premium-blog-squares-effect:hover .premium-blog-squares-square-container:before{-webkit-transform:translate(0,100%);-ms-transform:translate(0,100%);transform:translate(0,100%)}.premium-blog-squares-effect:hover .premium-blog-squares-square-container:after{-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0)}.premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay{opacity:1}.premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.premium-blog-clear-fix{clear:both}.premium-blog-masked .premium-blog-thumbnail-container{position:relative;overflow:visible}.premium-blog-masked .premium-blog-thumbnail-container svg{position:absolute;height:100px;width:100%;bottom:-5px;right:0;fill:#f5f5f5;z-index:99}.premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.premium-blog-masked .premium-blog-author-thumbnail,.premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper{z-index:999!important}.premium-blog-format-link{padding:5px;line-height:0}.premium-blog-entry-meta{line-height:1.3em;font-size:12px;margin-bottom:13px;color:#adadad}.premium-blog-entry-meta i{margin-left:3px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-blog-meta-data{display:inline-block}.premium-blog-meta-data .premium-blog-meta-separator{margin:0 5px}.premium-blog-meta-data a,.premium-blog-meta-data span{color:inherit;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-blog-author-thumbnail{position:relative;padding:0 30px;width:100%;top:-10px;height:0;pointer-events:none}.premium-blog-author-thumbnail img{-webkit-border-radius:50%;border-radius:50%;width:60px;pointer-events:all;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.premium-blog-entry-title a,.premium-blog-post-content .premium-blog-excerpt-link,.premium-blog-post-tags-container a{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link{background-color:transparent;color:#54595f;padding:0}.premium-blog-cta-full-yes .premium-blog-excerpt-link{width:100%}.premium-blog-post-tags-container{margin-top:8px;-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.premium-blog-post-tags-container a{color:inherit;margin-right:5px}.premium-blog-align-center .post-categories,.premium-blog-align-center .premium-blog-post-tags-container{-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.premium-blog-align-center .premium-blog-inner-container{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.premium-blog-align-left .post-categories,.premium-blog-align-left .premium-blog-post-tags-container{-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.premium-blog-align-left .premium-blog-inner-container{-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end}.premium-blog-align-right .post-categories,.premium-blog-align-right .premium-blog-post-tags-container{-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.premium-blog-align-right .premium-blog-inner-container{-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start}.premium-blog-pagination-container{text-align:left}.premium-blog-pagination-container span{cursor:default}.premium-blog-pagination-container .page-numbers{display:inline-block;color:#000;line-height:1;font-size:1em;font-weight:400;text-decoration:none;padding:.75em;margin:0 0 .4em .4em;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.premium-blog-wrap .premium-loading-feed{display:block;position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,.2);-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;z-index:99}.premium-blog-wrap{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.premium-blog-wrap ul.slick-dots{width:100%}.premium-blog-even .premium-blog-post-container{height:100%}.premium-blog-even .slick-track{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.premium-blog-even .slick-slide{height:inherit!important}@media (max-width:768px){.premium-blog-content-wrapper{top:0;margin:0;padding:15px}}[dir=rtl] .premium-blog-wrap.slick-slider .slick-list,[dir=rtl] .premium-blog-wrap.slick-slider .slick-track{direction:ltr}.premium-button{-js-display:inline-flex;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);cursor:pointer;-webkit-transition:all .2s ease-in-out!important;transition:all .2s ease-in-out!important}.premium-button-style1,.premium-button-style2,.premium-button-style5,.premium-button-style7{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-box-shadow:0 0 1px transparent;box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.15s;transition-duration:.15s}.premium-button-style1:before,.premium-button-style2:before,.premium-button-style5:before{content:"";position:absolute;z-index:-1;top:0;right:0;left:0;bottom:0;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.premium-button-style5-radialin:before,.premium-button-style5-radialout:before{-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-border-radius:100%;border-radius:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.premium-button-style5-radialin:before{-webkit-transform:scale(2);-ms-transform:scale(2);transform:scale(2)}.premium-button-style5-rectin:before{-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.premium-button-style5-rectout:before{-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.premium-button-style5-rectout:hover:before{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.premium-button-style5-rectin:hover:before{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.premium-button-style5-radialout:hover:before{-webkit-transform:scale(2);-ms-transform:scale(2);transform:scale(2)}.premium-button-style5-radialin:hover:before{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.premium-button-style1-top:before{-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%}.premium-button-style1-right:before{-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.premium-button-style1-left:before{-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}.premium-button-style2-scshutoutver:before,.premium-button-style2-shutouthor:before{-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}.premium-button-style2-scshutouthor:before,.premium-button-style2-shutoutver:before{-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}.premium-button-style2-shutinhor:before{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%}.premium-button-style2-shutinver:before{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%}.premium-button-style1-bottom:hover:before,.premium-button-style1-top:hover:before{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}.premium-button-style1-left:hover:before,.premium-button-style1-right:hover:before,.premium-button-style2-shutouthor:hover:before,.premium-button-style2-shutoutver:hover:before{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.premium-button-style2-shutinhor:hover:before{-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0)}.premium-button-style2-shutinver:hover:before{-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0)}.premium-button-style2-scshutouthor:hover:before{-webkit-transform:scaleX(.9);-ms-transform:scaleX(.9);transform:scaleX(.9)}.premium-button-style2-scshutoutver:hover:before{-webkit-transform:scaleY(.8);-ms-transform:scaleY(.8);transform:scaleY(.8)}.premium-button-style2-dshutinhor:before{top:50%;right:50%;width:120%;height:0%;-webkit-transform:translateX(50%) translateY(-50%) rotate(45deg);-ms-transform:translateX(50%) translateY(-50%) rotate(45deg);transform:translateX(50%) translateY(-50%) rotate(45deg);-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-transition-property:all;transition-property:all}.premium-button-style2-dshutinver:before{top:50%;right:50%;width:120%;height:0%;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-transition-property:all;transition-property:all;-webkit-transform:translateX(50%) translateY(-50%) rotate(-45deg);-ms-transform:translateX(50%) translateY(-50%) rotate(-45deg);transform:translateX(50%) translateY(-50%) rotate(-45deg)}.premium-button-style2-dshutinhor:hover:before,.premium-button-style2-dshutinver:hover:before{height:220%}.premium-button-style3-before i,.premium-button-style3-before svg{opacity:0;-webkit-transform:translateX(5px);-ms-transform:translateX(5px);transform:translateX(5px);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.premium-button-style3-after i,.premium-button-style3-after svg{opacity:0;-webkit-transform:translateX(5px);-ms-transform:translateX(5px);transform:translateX(5px);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-webkit-transform:translateX(-5px);-ms-transform:translateX(-5px);transform:translateX(-5px)}.premium-button-style3-after:hover i,.premium-button-style3-after:hover svg{opacity:1}.premium-button-style3-before:hover i,.premium-button-style3-before:hover svg{opacity:1}.premium-button-text-icon-wrapper{width:100%;-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.premium-button-text-icon-wrapper i,.premium-button-text-icon-wrapper span,.premium-button-text-icon-wrapper svg{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.premium-button-style4-icon-wrapper{position:absolute;z-index:2;width:100%;text-align:center;-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-button-style4-icon-wrapper.top{bottom:-100%;right:0}.premium-button-style4-icon-wrapper.bottom{top:-100%;right:0}.premium-button-style4-icon-wrapper.left{top:0;right:-100%}.premium-button-style4-icon-wrapper.right{top:0;left:-100%}.premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper{top:0;opacity:1}.premium-button-style4-top:hover .premium-button-style4-icon-wrapper{bottom:0;opacity:1}.premium-button-style4-left:hover .premium-button-style4-icon-wrapper{right:0;opacity:1}.premium-button-style4-right:hover .premium-button-style4-icon-wrapper{left:0;opacity:1}.premium-button-style4-bottom:hover .premium-button-text-icon-wrapper{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);opacity:0}.premium-button-style4-top:hover .premium-button-text-icon-wrapper{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);opacity:0}.premium-button-style4-left:hover .premium-button-text-icon-wrapper{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0}.premium-button-style4-right:hover .premium-button-text-icon-wrapper{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0}.premium-button-style6:before{content:"";position:absolute;right:50%;top:50%;width:100px;height:100px;-webkit-border-radius:100%;border-radius:100%;-webkit-transform:translate(50%,-50%) scale(0);-ms-transform:translate(50%,-50%) scale(0);transform:translate(50%,-50%) scale(0);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-button-style6:hover:before{-webkit-transform:translate(50%,-50%) scale(3);-ms-transform:translate(50%,-50%) scale(3);transform:translate(50%,-50%) scale(3)}.premium-button-style6 .premium-button-text-icon-wrapper{position:relative;z-index:1}.premium-button-style7-left .premium-button-text-icon-wrapper:before,.premium-button-style7-right .premium-button-text-icon-wrapper:before{-webkit-transition:width .3s ease-out .15s;transition:width .3s ease-out .15s}.premium-button-style7-left .premium-button-text-icon-wrapper:after,.premium-button-style7-right .premium-button-text-icon-wrapper:after{-webkit-transition:width .3s ease-out 0s;transition:width .3s ease-out 0s}.premium-button-style7-bottom .premium-button-text-icon-wrapper:before,.premium-button-style7-top .premium-button-text-icon-wrapper:before{-webkit-transition:height .3s ease-out .15s;transition:height .3s ease-out .15s}.premium-button-style7-bottom .premium-button-text-icon-wrapper:after,.premium-button-style7-top .premium-button-text-icon-wrapper:after{-webkit-transition:height .3s ease-out 0s;transition:height .3s ease-out 0s}.premium-button[class*=style7]:hover .premium-button-text-icon-wrapper:before{-webkit-transition-delay:0s;transition-delay:0s}.premium-button[class*=style7]:hover .premium-button-text-icon-wrapper:after{-webkit-transition-delay:.15s;transition-delay:.15s}.premium-button-style7-bottom .premium-button-text-icon-wrapper:after,.premium-button-style7-bottom .premium-button-text-icon-wrapper:before{content:"";position:absolute;left:0;top:0;right:0;height:0;z-index:-1}.premium-button-style7-top .premium-button-text-icon-wrapper:after,.premium-button-style7-top .premium-button-text-icon-wrapper:before{content:"";position:absolute;left:0;bottom:0;right:0;height:0;z-index:-1}.premium-button-style7-right .premium-button-text-icon-wrapper:after,.premium-button-style7-right .premium-button-text-icon-wrapper:before{content:"";position:absolute;right:0;top:0;bottom:0;width:0;z-index:-1}.premium-button-style7-left .premium-button-text-icon-wrapper:after,.premium-button-style7-left .premium-button-text-icon-wrapper:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;z-index:-1}.premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:after,.premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:before{height:100%;top:0}.premium-button-style7-top:hover .premium-button-text-icon-wrapper:after,.premium-button-style7-top:hover .premium-button-text-icon-wrapper:before{height:100%;bottom:0}.premium-button-style7-left:hover .premium-button-text-icon-wrapper:after,.premium-button-style7-left:hover .premium-button-text-icon-wrapper:before{width:100%;left:0}.premium-button-style7-right:hover .premium-button-text-icon-wrapper:after,.premium-button-style7-right:hover .premium-button-text-icon-wrapper:before{width:100%;right:0}.premium-carousel-wrapper a.carousel-arrow,.premium-carousel-wrapper a.ver-carousel-arrow{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:2em;height:2em;line-height:0;text-align:center;position:absolute;z-index:99;cursor:pointer;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-appearance:inherit;border:none;-webkit-box-shadow:none;box-shadow:none}.premium-carousel-wrapper a.carousel-arrow svg,.premium-carousel-wrapper a.ver-carousel-arrow svg{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-carousel-wrapper a.slick-arrow:hover{-webkit-box-shadow:none!important;box-shadow:none!important}.premium-carousel-wrapper .premium-carousel-content-hidden{visibility:hidden}.premium-carousel-wrapper a.carousel-arrow{top:50%}.premium-carousel-wrapper a.ver-carousel-arrow{right:50%;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%)}.premium-carousel-dots-above ul.slick-dots{position:absolute;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;-js-display:flex;display:-webkit-box;display:-moz-box;display:flex;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.premium-carousel-wrapper .premium-carousel-nav-arrow-next,.premium-carousel-wrapper .premium-carousel-nav-arrow-prev,.premium-carousel-wrapper .premium-carousel-nav-dot{display:none}.premium-carousel-wrapper ul.slick-dots svg{width:20px;height:20px;outline:0!important}@-webkit-keyframes hvr-ripple-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}@keyframes hvr-ripple-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}.premium-carousel-ripple-yes .premium-carousel-wrapper{padding-bottom:1px}.premium-carousel-ripple-yes ul.slick-dots li,.premium-carousel-ripple-yes ul.slick-dots li i{position:relative}.premium-carousel-ripple-yes ul.slick-dots li i{z-index:1}.premium-carousel-ripple-yes ul.slick-dots li:hover:before{content:"";position:absolute;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);top:0;left:0;bottom:0;right:0;-webkit-border-radius:50%;border-radius:50%;pointer-events:none;background-color:rgba(0,0,0,.15)}.premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before{background-color:rgba(0,0,0,.3)}.premium-carousel-ripple-yes ul.slick-dots li:hover:before{-webkit-animation:hvr-ripple-out 1.3s infinite;animation:hvr-ripple-out 1.3s infinite}.premium-carousel-wrapper.premium-carousel-scale .slick-slide{-webkit-transform:scale(1.25,1.25);-ms-transform:scale(1.25,1.25);transform:scale(1.25,1.25);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-carousel-wrapper.premium-carousel-scale div.slick-active{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}[dir=rtl] .premium-carousel-inner .slick-slide{float:right}.premium-contact-form-anim-yes .wpcf7-span::after{display:block;height:2px;content:"";top:-2px;position:relative;width:0;-webkit-transition:all ease-in-out .3s;transition:all ease-in-out .3s}.premium-contact-form-anim-yes .wpcf7-span.is-focused::after{width:100%}.premium-cf7-container input.wpcf7-submit{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-countdown{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;text-align:center}.countdown-row{display:block;text-align:center}.countdown .countdown-section{display:inline-block;max-width:100%;margin-bottom:15px;-js-display:inline-flex;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.countdown .countdown-section:last-child{margin-left:0}.countdown span.countdown-amount{font-size:70px;line-height:1;padding:40px}.countdown .pre_time-mid{display:block}.premium-countdown-separator-yes .countdown_separator{display:block;margin:0 50px;font-size:30px}.premium-countdown-separator-yes .countdown-row .countdown-section:last-child .countdown_separator,.premium-countdown-separator-yes .premium-countdown-block:last-child .countdown_separator{display:none}.side .countdown-section .countdown-period{vertical-align:bottom}.countdown .countdown-section .countdown-period{font-size:17px;line-height:3em}.side .countdown-section .countdown-amount,.side .countdown-section .countdown-period{display:inline-block}.side .countdown-section .countdown-amount{margin-left:5px}.down .countdown-section .countdown-amount,.down .countdown-section .countdown-period{display:block}.premium-countdown-flip .premium-countdown-block{text-align:center;-js-display:inline-flex;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.premium-countdown-flip .premium-countdown-block:last-child{margin-left:0}.premium-countdown-flip .premium-countdown-label{overflow:hidden;color:#1a1a1a;text-transform:uppercase}.premium-countdown-flip .premium-countdown-figure{position:relative;height:110px;width:100px;line-height:107px;background-color:#fff;-webkit-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 3px 4px 0 rgba(0,0,0,.2),inset -2px 4px 0 0 rgba(255,255,255,.08);box-shadow:0 3px 4px 0 rgba(0,0,0,.2),inset -2px 4px 0 0 rgba(255,255,255,.08)}.premium-countdown-flip .premium-countdown-figure:last-child{margin-left:0}.premium-countdown-flip .premium-countdown-figure>span{position:absolute;right:0;left:0;margin:auto;font-weight:700}.premium-countdown-flip .premium-countdown-figure .top{z-index:3;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:perspective(200px);transform:perspective(200px);-webkit-backface-visibility:hidden;backface-visibility:hidden}.premium-countdown-flip .premium-countdown-figure .bottom{z-index:1}.premium-countdown-flip .premium-countdown-figure .bottom::before{content:"";position:absolute;display:block;top:0;right:0;width:100%;height:50%;background-color:rgba(0,0,0,.02)}.premium-countdown-flip .premium-countdown-figure .top-back{-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:4;bottom:0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:perspective(200px) rotateX(180deg);transform:perspective(200px) rotateX(180deg)}.premium-countdown-flip .premium-countdown-figure .top-back span{position:absolute;top:-100%;right:0;left:0;margin:auto}.premium-countdown-flip .premium-countdown-figure .bottom-back{z-index:2;top:0}.premium-countdown-flip .premium-countdown-figure .bottom-back span{position:absolute;top:0;right:0;left:0;margin:auto}.premium-countdown-flip .premium-countdown-figure .bottom-back,.premium-countdown-flip .premium-countdown-figure .top,.premium-countdown-flip .premium-countdown-figure .top-back{height:50%;overflow:hidden;background-color:#f7f7f7;-webkit-border-top-right-radius:10px;border-top-right-radius:10px;-webkit-border-top-left-radius:10px;border-top-left-radius:10px}.premium-countdown-flip .premium-countdown-figure .top-back{-webkit-border-bottom-right-radius:10px;border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:10px;border-bottom-left-radius:10px}.premium-countdown-flip .premium-countdown-figure .bottom-back::after,.premium-countdown-flip .premium-countdown-figure .top::after{content:"";position:absolute;z-index:-1;right:0;bottom:0;width:100%;height:100%;border-bottom:1px solid rgba(0,0,0,.1)}.side .premium-countdown-figure,.side .premium-countdown-label{display:inline-block}.side .premium-countdown-figure{margin-left:5px}.down .premium-countdown-figure,.down .premium-countdown-label{display:block}.down .premium-countdown-label{width:100%}.premium-counter-area{padding:10px 0;-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.premium-counter-area.top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.premium-counter-area.right{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-moz-box-orient:horizontal;-moz-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.premium-counter-area.right .premium-counter-icon{padding-right:20px}.premium-counter-area.left .premium-counter-icon{padding-left:20px}.premium-counter-area .premium-counter-icon .icon i.fa:before{vertical-align:text-top}.premium-counter-area .premium-counter-icon span.icon{text-align:center;display:inline-block;vertical-align:middle}.premium-counter-area .premium-counter-icon .circle{-webkit-border-radius:100%;border-radius:100%}.premium-counter-area .premium-counter-icon img,.premium-counter-area .premium-counter-icon svg{width:80px}.premium-counter-area .premium-counter-icon .premium-counter-animation svg{height:80px}.premium-counter-area .premium-counter-title p{padding:0;margin:0}.premium-counter-area .premium-counter-value-wrap{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.premium-init-wrapper{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.premium-init-wrapper.row{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.premium-init-wrapper.right{text-align:right}span.icon.flex-width{width:auto!important;height:auto!important}.premium-counter-area .premium-counter-init{font-size:35px}.premium-dual-header-first-header,.premium-dual-header-second-header{position:relative;padding:0;margin:0;display:inline-block;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.premium-dual-header-first-clip .premium-dual-header-first-span,.premium-dual-header-second-clip{-webkit-text-fill-color:transparent;-webkit-background-clip:text}.premium-dual-header-first-clip.stroke .premium-dual-header-first-span,.premium-dual-header-second-clip.stroke{-webkit-text-stroke-color:transparent;-webkit-text-fill-color:#fafafa;-webkit-text-stroke-width:2px}@media (max-width:500px){.premium-dual-header-first-header,.premium-dual-header-second-header{word-wrap:break-word}}.premium-dual-header-first-header.gradient .premium-dual-header-first-span,.premium-dual-header-second-header.gradient{-webkit-background-size:300% 300%!important;background-size:300% 300%!important;-webkit-animation:Gradient 10s ease-in-out infinite;animation:Gradient 10s ease-in-out infinite}@-webkit-keyframes Gradient{0%{background-position:100% 50%}50%{background-position:0 50%}100%{background-position:100% 50%}}@keyframes Gradient{0%{background-position:100% 50%}50%{background-position:0 50%}100%{background-position:100% 50%}}.premium-fancy-text,.premium-prefix-text,.premium-suffix-text{font-size:40px}.premium-fancy-item-hidden,.premium-fancy-text-wrapper:not(.typing) .premium-fancy-text{opacity:0}.premium-fancy-text-wrapper .premium-fancy-list-items{list-style:none}.premium-fancy-text-wrapper .premium-fancy-text-span-align{vertical-align:top}.premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper{margin:0;padding:0;border:none;position:relative}.premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items{position:absolute;top:0;left:0;display:inline-block}.premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden{-webkit-animation:pa-zoom-out .8s;animation:pa-zoom-out .8s}.premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible{position:relative!important;-webkit-animation:pa-zoom-in .8s;animation:pa-zoom-in .8s}.premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper{-webkit-perspective:300px;perspective:300px}.premium-fancy-text-wrapper.rotate .premium-fancy-list-items{-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%}.premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);-webkit-animation:pa-rotate-out 1.2s;animation:pa-rotate-out 1.2s}.premium-fancy-text-wrapper.rotate .premium-fancy-item-visible{position:relative!important;-webkit-transform:rotateX(0);transform:rotateX(0);-webkit-animation:pa-rotate-in 1.2s;animation:pa-rotate-in 1.2s}.premium-fancy-text-wrapper.custom .premium-fancy-item-visible{position:relative!important}.premium-fancy-text-wrapper.auto-fade .premium-fancy-text{display:inline-block;width:200px;font-weight:400}.premium-fancy-text-wrapper.auto-fade .premium-fancy-svg-text{position:relative;vertical-align:sub}.premium-fancy-text-wrapper.auto-fade g>text{text-anchor:start;shape-rendering:crispEdges;opacity:0;font-size:300px;-webkit-animation-name:pa-auto-fade;animation-name:pa-auto-fade;-moz-animation-name:pa-auto-fade;-webkit-animation-duration:9s;animation-duration:9s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.premium-fancy-text-wrapper.auto-fade g>text:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s}.premium-fancy-text-wrapper.auto-fade g>text:nth-child(2){-webkit-animation-delay:3s;animation-delay:3s}.premium-fancy-text-wrapper.auto-fade g>text:nth-child(3){-webkit-animation-delay:6s;animation-delay:6s}.premium-fancy-text-wrapper.loading .premium-fancy-text{position:relative}.premium-fancy-text-wrapper.loading .premium-fancy-text .premium-loading-bar{position:absolute;width:100%;height:3px;bottom:0;left:0;animation:pa-loading-bar 2.5s ease-out infinite;-webkit-animation:pa-loading-bar 2.5s ease-out infinite}.premium-fancy-text-wrapper.loading.pause .premium-fancy-text:hover .premium-loading-bar{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes pa-auto-fade{0%{opacity:0}20%{opacity:1}35%{opacity:0}100%{opacity:0}}@keyframes pa-auto-fade{0%{opacity:0}20%{opacity:1}35%{opacity:0}100%{opacity:0}}@-webkit-keyframes pa-loading-bar{0%{width:0}100%{width:100}}@keyframes pa-loading-bar{0%{width:0}100%{width:100}}@-webkit-keyframes pa-zoom-in{0%{opacity:0;-webkit-transform:translateZ(100px);transform:translateZ(100px)}100%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes pa-zoom-in{0%{opacity:0;-webkit-transform:translateZ(100px);transform:translateZ(100px)}100%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes pa-zoom-out{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}100%{opacity:0;-webkit-transform:translateZ(-100px);transform:translateZ(-100px)}}@keyframes pa-zoom-out{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}100%{opacity:0;-webkit-transform:translateZ(-100px);transform:translateZ(-100px)}}@-webkit-keyframes pa-rotate-in{0%{opacity:0;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}35%{opacity:0;-webkit-transform:rotateX(120deg);transform:rotateX(120deg)}65%{opacity:0}100%{opacity:1;-webkit-transform:rotateX(360deg);transform:rotateX(360deg)}}@keyframes pa-rotate-in{0%{opacity:0;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}35%{opacity:0;-webkit-transform:rotateX(120deg);transform:rotateX(120deg)}65%{opacity:0}100%{opacity:1;-webkit-transform:rotateX(360deg);transform:rotateX(360deg)}}@-webkit-keyframes pa-rotate-out{0%{opacity:1;-webkit-transform:rotateX(0);transform:rotateX(0)}35%{opacity:1;-webkit-transform:rotateX(-40deg);transform:rotateX(-40deg)}65%{opacity:0}100%{opacity:0;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}}@keyframes pa-rotate-out{0%{opacity:1;-webkit-transform:rotateX(0);transform:rotateX(0)}35%{opacity:1;-webkit-transform:rotateX(-40deg);transform:rotateX(-40deg)}65%{opacity:0}100%{opacity:0;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}}.premium-bullet-list-box{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0}.premium-bullet-list-box .premium-bullet-list-content-grow-lc{-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}.premium-bullet-list-box .premium-bullet-list-content-grow-rc{-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}.premium-bullet-list-box .premium-bullet-list-content-grow-cc{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}.premium-bullet-list-content{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:auto;position:relative}.premium-bullet-list-content .premium-bullet-list-text span,.premium-bullet-list-content .premium-bullet-list-wrapper{display:inline-block;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-bullet-list-content .premium-bullet-list-text span{margin:0 5px;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}.premium-bullet-list-content .premium-bullet-list-icon-text p{font-size:18px;background-color:#eee;padding:1px 5px;-webkit-border-radius:2px;border-radius:2px}.premium-bullet-list-content .premium-bullet-list-icon-text p,.premium-bullet-list-content .premium-bullet-list-text span,.premium-bullet-list-content .premium-bullet-list-wrapper i,.premium-bullet-list-content .premium-bullet-list-wrapper img,.premium-bullet-list-content .premium-bullet-list-wrapper svg{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-bullet-list-content .premium-bullet-list-wrapper{position:relative;line-height:0}.premium-bullet-list-content .premium-bullet-list-wrapper img,.premium-bullet-list-content .premium-bullet-list-wrapper svg{width:30px!important;height:30px!important;position:relative;z-index:500}.premium-bullet-list-content .premium-bullet-list-wrapper i{width:1.25em}.premium-bullet-list-content .premium-bullet-list-wrapper .premium-bullet-list-icon-text,.premium-bullet-list-content .premium-bullet-list-wrapper i{position:relative;z-index:500}.premium-bullet-list-content .premium-bullet-list-link{position:absolute;top:0;right:0;width:100%;height:100%;z-index:1000}.premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector{width:100%;height:100%;position:absolute;top:.5em;z-index:100;-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector .premium-icon-connector-content:after{content:"";border-left-width:1px;border-left-style:solid;border-color:#333;display:block;height:100%}li.premium-bullet-list-content.premium-bullet-list-content-inline{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;z-index:2}li.premium-bullet-list-content.premium-bullet-list-content-inline:not(:first-child){margin:0 3px}li.premium-bullet-list-content.premium-bullet-list-content-inline:first-child{margin:0 0 0 3px}.premium-bullet-list-divider:not(:last-child){width:100%;-webkit-box-flex:0;-webkit-flex:0 0 100%;-moz-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;overflow:hidden}.premium-bullet-list-divider:not(:last-child):after{content:"";display:block;border-top-style:solid;border-top-width:1px}.premium-bullet-list-divider-inline:not(:last-child){float:left;display:inline-block;position:relative;height:100%;overflow:hidden;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;margin:0 3px}.premium-bullet-list-divider-inline:not(:last-child):after{content:"";display:block;border-right-width:1px;height:33px;border-right-style:solid}.premium-bullet-list-icon-text{line-height:1.5}.premium-bullet-list-icon-text p,li.premium-bullet-list-content,ul.premium-bullet-list-box{margin:0}.premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-icon-text p,.premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-text span,.premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper i{color:transparent!important;text-shadow:0 0 3px #aaa}.premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-badge,.premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper .premium-lottie-animation svg,.premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper img,.premium-bullet-list-blur:hover .premium-bullet-list-content .premium-icon-connector-content{-webkit-filter:blur(3px);filter:blur(3px)}.premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-icon-text p,.premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-text span,.premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper i{color:#aaa!important;text-shadow:0 0 0 transparent}.premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-badge,.premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper .premium-lottie-animation svg,.premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper img,.premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-icon-connector-content{-webkit-filter:none;filter:none}.premium-bullet-list-content .premium-bullet-list-badge{font-size:11px;top:auto;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.premium-bullet-list-content .premium-bullet-list-icon-text p{font-size:13px}.premium-bullet-list-gradient-effect[data-text]{display:inline-block;position:relative;text-decoration:none}.premium-bullet-list-gradient-effect[data-text]::before{content:attr(data-text);position:absolute;z-index:1;overflow:hidden;-webkit-clip-path:polygon(100% 100%,100% 100%,50% 50%);clip-path:polygon(100% 100%,100% 100%,50% 50%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-transition:all .4s ease;transition:all .4s ease}.premium-bullet-list-content:focus .premium-bullet-list-gradient-effect[data-text]::before,.premium-bullet-list-content:hover .premium-bullet-list-gradient-effect[data-text]::before{-webkit-animation:rtlgradient 1s forwards;animation:rtlgradient 1s forwards}@-webkit-keyframes rtlgradient{0%{-webkit-clip-path:circle(0 at 150% 50%);clip-path:circle(0 at 150% 50%)}100%{-webkit-clip-path:circle(100% at 50% 50%);clip-path:circle(100% at 50% 50%)}}@keyframes rtlgradient{0%{-webkit-clip-path:circle(0 at 150% 50%);clip-path:circle(0 at 150% 50%)}100%{-webkit-clip-path:circle(100% at 50% 50%);clip-path:circle(100% at 50% 50%)}}ul[data-list-animation*=animated-] .premium-bullet-list-content,ul[data-list-animation*=animated-] .premium-bullet-list-divider,ul[data-list-animation*=animated-] .premium-bullet-list-divider-inline{opacity:0}.premium-bullet-list-content-grow-effect:hover{-webkit-transform:scale(1.07);-ms-transform:scale(1.07);transform:scale(1.07)}@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.premium-image-button{-js-display:inline-flex;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;overflow:hidden;background-color:#eee;cursor:pointer;-webkit-transition:all .2s ease-in-out!important;transition:all .2s ease-in-out!important}.premium-image-button .premium-button-style6-bg,.premium-image-button.premium-button-style6:before,.premium-image-button:not(.premium-image-button-style6):hover{background-color:#54595f}.premium-image-button-style1-bottom:before,.premium-image-button-style1-left:before,.premium-image-button-style1-right:before,.premium-image-button-style1-top:before,.premium-image-button-style4-icon-wrapper,.premium-image-button:hover{background-color:#54595f}.premium-image-button-text-icon-wrapper{width:100%;-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:3;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.premium-image-button-text-icon-wrapper,.premium-image-button-text-icon-wrapper i,.premium-image-button-text-icon-wrapper span,.premium-image-button-text-icon-wrapper svg{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.premium-image-button-style1-bottom:before,.premium-image-button-style1-left:before,.premium-image-button-style1-right:before,.premium-image-button-style1-top:before{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.premium-image-button-style1-bottom:before{content:"";position:absolute;width:100%;height:0;top:0;right:0}.premium-image-button-style1-top:before{content:"";position:absolute;width:100%;height:0;bottom:0;right:0}.premium-image-button-style1-right:before{content:"";position:absolute;width:0;height:100%;bottom:0;right:0}.premium-image-button-style1-left:before{content:"";position:absolute;width:0;height:100%;top:0;left:0}.premium-image-button-style1-bottom:hover:before{height:100%}.premium-image-button-style1-top:hover:before{height:100%}.premium-image-button-style1-right:hover:before{width:100%}.premium-image-button-style1-left:hover:before{width:100%}.premium-image-button-diagonal-bottom,.premium-image-button-diagonal-left,.premium-image-button-diagonal-right,.premium-image-button-diagonal-top{z-index:10}.premium-image-button-diagonal-bottom:before,.premium-image-button-diagonal-left:before,.premium-image-button-diagonal-right:before,.premium-image-button-diagonal-top:before{position:absolute;top:0;right:0;width:100%;height:100%;content:"";z-index:1;background:rgba(255,255,255,.2);-webkit-transform:scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);-ms-transform:scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);transform:scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);-webkit-transition:all .8s ease-out;transition:all .8s ease-out}.premium-image-button-diagonal-left:before,.premium-image-button-diagonal-right:hover:before{-webkit-transform:scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);-ms-transform:scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);transform:scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0)}.premium-image-button-diagonal-left:hover:before,.premium-image-button-diagonal-right:before{-webkit-transform:scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);-ms-transform:scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);transform:scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0)}.premium-image-button-diagonal-bottom:before,.premium-image-button-diagonal-top:hover:before{-webkit-transform:scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);-ms-transform:scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);transform:scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0)}.premium-image-button-diagonal-bottom:hover:before,.premium-image-button-diagonal-top:before{-webkit-transform:scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);-ms-transform:scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);transform:scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0)}.premium-image-button-style4-icon-wrapper{position:absolute;z-index:2;width:100%;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;-js-display:flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-image-button-style4-icon-wrapper.top{bottom:-100%;right:0}.premium-image-button-style4-icon-wrapper.bottom{top:-100%;right:0}.premium-image-button-style4-icon-wrapper.left{top:0;right:-100%}.premium-image-button-style4-icon-wrapper.right{top:0;left:-100%}.premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper{top:0;opacity:1}.premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper{bottom:0;opacity:1}.premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper{right:0;opacity:1}.premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper{left:0;opacity:1}.premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);opacity:0}.premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);opacity:0}.premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0}.premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0}.premium-image-button-overlap-effect-horizontal:before,.premium-image-button-overlap-effect-vertical:before{position:absolute;content:"";top:0;right:0;width:100%;height:100%;opacity:0;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;background:rgba(255,255,255,.2);-webkit-animation-name:premium-overlap-effect-done;animation-name:premium-overlap-effect-done;-webkit-animation-duration:1s;animation-duration:1s}.premium-image-button-overlap-effect-vertical:before{-webkit-animation-name:premium-overlap-ver-effect-done;animation-name:premium-overlap-ver-effect-done;-webkit-animation-duration:1s;animation-duration:1s}.premium-image-button-overlap-effect-horizontal:hover:before{-webkit-animation-name:premium-overlap-effect;animation-name:premium-overlap-effect;-webkit-animation-duration:1s;animation-duration:1s}.premium-image-button-overlap-effect-vertical:hover:before{-webkit-animation-name:premium-overlap-ver-effect;animation-name:premium-overlap-ver-effect;-webkit-animation-duration:1s;animation-duration:1s}.premium-image-button-style6:before{content:"";position:absolute;left:50%;top:50%;width:100px;height:100px;-webkit-border-radius:100%;border-radius:100%;-webkit-transform:translate(-50%,-50%) scale(0);-ms-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-button-style6:hover:before{-webkit-transform:translate(-50%,-50%) scale(3);-ms-transform:translate(-50%,-50%) scale(3);transform:translate(-50%,-50%) scale(3)}.premium-button-style6 .premium-button-text-icon-wrapper{position:relative;z-index:1}@-webkit-keyframes premium-overlap-effect{0%{opacity:0;-webkit-transform:rotateY(0);transform:rotateY(0)}50%{opacity:1;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}100%{opacity:0;-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}@keyframes premium-overlap-effect{0%{opacity:0;-webkit-transform:rotateY(0);transform:rotateY(0)}50%{opacity:1;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}100%{opacity:0;-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}@-webkit-keyframes premium-overlap-effect-done{0%{opacity:0;-webkit-transform:rotateY(0);transform:rotateY(0)}50%{opacity:1;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}100%{opacity:0;-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}@keyframes premium-overlap-effect-done{0%{opacity:0;-webkit-transform:rotateY(0);transform:rotateY(0)}50%{opacity:1;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}100%{opacity:0;-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}@-webkit-keyframes premium-overlap-ver-effect{0%{opacity:0;-webkit-transform:rotateX(0);transform:rotateX(0)}50%{opacity:1;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}100%{opacity:0;-webkit-transform:rotateX(360deg);transform:rotateX(360deg)}}@keyframes premium-overlap-ver-effect{0%{opacity:0;-webkit-transform:rotateX(0);transform:rotateX(0)}50%{opacity:1;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}100%{opacity:0;-webkit-transform:rotateX(360deg);transform:rotateX(360deg)}}@-webkit-keyframes premium-overlap-ver-effect-done{0%{opacity:0;-webkit-transform:rotateX(0);transform:rotateX(0)}50%{opacity:1;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}100%{opacity:0;-webkit-transform:rotateX(360deg);transform:rotateX(360deg)}}@keyframes premium-overlap-ver-effect-done{0%{opacity:0;-webkit-transform:rotateX(0);transform:rotateX(0)}50%{opacity:1;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}100%{opacity:0;-webkit-transform:rotateX(360deg);transform:rotateX(360deg)}}.premium-image-scroll-container,.premium-image-scroll-section{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-image-scroll-section{position:relative;overflow:hidden;width:100%;-webkit-mask-image:-webkit-radial-gradient(white,#000)}.premium-image-scroll-container{width:100%}.premium-image-scroll-container .premium-image-scroll-mask-media{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.premium-container-scroll{overflow:auto}.premium-image-scroll-container .premium-image-scroll-horizontal{position:relative;width:100%;height:100%}.premium-image-scroll-container .premium-image-scroll-horizontal img{max-width:none;height:100%}.premium-image-scroll-container .premium-image-scroll-vertical img{width:100%;max-width:100%;height:auto}.premium-image-scroll-ver{position:relative}.premium-image-scroll-container .premium-image-scroll-overlay{background:rgba(2,2,2,.3)}.premium-image-scroll-container .premium-image-scroll-link,.premium-image-scroll-container .premium-image-scroll-overlay{position:absolute;top:0;bottom:0;right:0;left:0;z-index:4}.premium-image-scroll-content{display:inline-block;position:absolute;height:auto;top:50%;right:50%;text-align:center;z-index:5;-webkit-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);transform:translate(50%,-50%)}.premium-container-scroll-instant .premium-image-scroll-image{-webkit-transition:all 0s ease-in-out!important;transition:all 0s ease-in-out!important}.premium-image-scroll-container img{-webkit-transition:-webkit-transform 3s ease-in-out;transition:-webkit-transform 3s ease-in-out;transition:transform 3s ease-in-out;transition:transform 3s ease-in-out,-webkit-transform 3s ease-in-out}.premium-image-scroll-container .premium-image-scroll-content,.premium-image-scroll-container .premium-image-scroll-overlay{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:1}.premium-image-scroll-container:hover .premium-image-scroll-overlay{opacity:0}.premium-image-scroll-container:hover .premium-image-scroll-content{opacity:0;visibility:hidden}.premium-image-scroll-content .premium-image-scroll-icon{display:inline-block;font-family:pa-elements!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.pa-horizontal-mouse-scroll:before{content:"\e901"}.pa-vertical-mouse-scroll:before{content:"\e93c"}.pa-horizontal-mouse-scroll{-webkit-animation-name:pa-scroll-horizontal;animation-name:pa-scroll-horizontal}.pa-vertical-mouse-scroll{-webkit-animation-name:pa-scroll-vertical;animation-name:pa-scroll-vertical}@-webkit-keyframes pa-scroll-vertical{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(5px);transform:translateY(5px)}}@keyframes pa-scroll-vertical{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(5px);transform:translateY(5px)}}@-webkit-keyframes pa-scroll-horizontal{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}}@keyframes pa-scroll-horizontal{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}}.premium-image-separator-container{position:absolute;width:100%;z-index:2;top:auto}.premium-image-separator-container img{display:inline-block!important;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.premium-image-separator-link{position:absolute;z-index:9999;top:0;right:0;width:100%;height:100%;text-decoration:none}a.premium-image-separator-link:active,a.premium-image-separator-link:focus,a.premium-image-separator-link:hover,a.premium-image-separator-link:visited{-webkit-box-shadow:none!important;box-shadow:none!important;outline:0!important;border:none!important;text-decoration:none!important}.premium-image-separator-container .img-responsive{display:inline-block}.premium-image-separator-container i,.premium-image-separator-container>svg{padding:20px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-blog-filter,.premium-img-gallery-filter{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;-js-display:flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.premium-img-gallery{clear:both;overflow:hidden}.premium-gallery-container .premium-gallery-item{padding:10px;float:right}.premium-gallery-container .grid-sizer{width:33.33%}.premium-blog-filter .premium-blog-filters-container li a.category,.premium-img-gallery-filter .premium-gallery-cats-container li a.category{outline:0;text-decoration:none;-webkit-border-radius:75px;border-radius:75px;margin:15px 5px 20px;padding:7px 20px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.pa-gallery-img{position:relative}.pa-gallery-img .pa-gallery-whole-link{position:absolute;top:0;right:0;width:100%;height:100%;z-index:2}.pa-gallery-img .pa-gallery-whole-link span{display:none}.pa-gallery-img.style2 .pa-gallery-whole-link,.pa-gallery-img.style3 .pa-gallery-whole-link{z-index:99}.pa-gallery-img-container{overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.pa-gallery-img-container img{display:block;width:100%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-img-gallery.gray img{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.premium-img-gallery.scale img,.premium-img-gallery.zoomout img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.premium-img-gallery.sepia img{-webkit-filter:sepia(30%);filter:sepia(30%)}.premium-img-gallery.bright img{-webkit-filter:brightness(1);filter:brightness(1)}.premium-img-gallery.trans img{-webkit-transform:translateX(15px) scale(1.1);-ms-transform:translateX(15px) scale(1.1);transform:translateX(15px) scale(1.1)}.pa-gallery-img .pa-gallery-img-link,.pa-gallery-img .pa-gallery-magnific-image{outline:0}.pa-gallery-img .pa-gallery-img-link i,.pa-gallery-img .pa-gallery-img-link svg,.pa-gallery-img .pa-gallery-magnific-image i,.pa-gallery-img .pa-gallery-magnific-image svg{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.pa-gallery-img .pa-gallery-img-link span,.pa-gallery-img .pa-gallery-magnific-image span{line-height:1;display:inline-block;opacity:0;margin:0 5px;padding:15px;-webkit-border-radius:50%;border-radius:50%}.pa-gallery-img.style2 .pa-gallery-img-link span,.pa-gallery-img.style2 .pa-gallery-magnific-image span{margin:0 5px 20px}.pa-gallery-img:hover .pa-gallery-magnific-image span{-webkit-transition:all .3s ease-in-out,opacity .5s ease-in-out .3s;transition:all .3s ease-in-out,opacity .5s ease-in-out .3s}.pa-gallery-img:hover .pa-gallery-img-link span{-webkit-transition:all .3s ease-in-out,opacity .5s ease-in-out .6s;transition:all .3s ease-in-out,opacity .5s ease-in-out .6s}.pa-gallery-img:hover .pa-gallery-img-link span,.pa-gallery-img:hover .pa-gallery-magnific-image span,.premium-gallery-icon-show a.pa-gallery-video-icon span{opacity:1}.premium-blog-filter ul.premium-blog-filters-container,.premium-img-gallery-filter ul.premium-gallery-cats-container{text-align:center;margin:0;padding:0}.premium-blog-filter .premium-blog-filters-container li,.premium-img-gallery-filter .premium-gallery-cats-container li{list-style:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;-js-display:inline-flex;display:-moz-inline-box;display:inline-flex}.premium-img-gallery.zoomin .pa-gallery-img:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.premium-img-gallery.zoomout .pa-gallery-img:hover img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.premium-img-gallery.scale .pa-gallery-img:hover img{-webkit-transform:scale(1.3) rotate(-5deg);-ms-transform:scale(1.3) rotate(-5deg);transform:scale(1.3) rotate(-5deg)}.premium-img-gallery.gray .pa-gallery-img:hover img{-webkit-filter:grayscale(0);filter:grayscale(0)}.premium-img-gallery.blur .pa-gallery-img:hover img{-webkit-filter:blur(3px);filter:blur(3px)}.premium-img-gallery.sepia .pa-gallery-img:hover img{-webkit-filter:sepia(0);filter:sepia(0)}.premium-img-gallery.trans .pa-gallery-img:hover img{-webkit-transform:translateX(0) scale(1.1);-ms-transform:translateX(0) scale(1.1);transform:translateX(0) scale(1.1)}.premium-img-gallery.bright .pa-gallery-img:hover img{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.pa-gallery-img .premium-gallery-caption{padding:10px}.pa-gallery-img .premium-gallery-caption .premium-gallery-img-name{margin-bottom:0}.pa-gallery-img.style1{overflow:hidden}.pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper{position:absolute;top:0;right:0;width:100%;height:100%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container{position:absolute;top:33.33%;width:100%;text-align:center;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:3}.pa-gallery-img.style1 .premium-gallery-caption{position:absolute;top:auto;left:0;right:0;width:100%;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.pa-gallery-img.default .premium-gallery-caption{position:absolute;top:auto;left:0;right:0;width:100%;bottom:0}.pa-gallery-img.style1:hover .premium-gallery-caption{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);bottom:-1px!important}.pa-gallery-img.style2 .pa-gallery-icons-caption-container{position:absolute;top:0;right:0;width:100%;height:100%;opacity:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform .3s,opacity .3s;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s;z-index:1;background-color:rgba(108,191,226,.68);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;-js-display:flex;display:-moz-box;display:flex;text-align:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.pa-gallery-img.style2 .pa-gallery-icons-caption-cell{width:100%}.pa-gallery-img.style2:hover .pa-gallery-icons-caption-container{opacity:1;-webkit-transform:translate(-15px,15px);-ms-transform:translate(-15px,15px);transform:translate(-15px,15px)}.premium-clearfix{clear:both}.premium-gallery-container .pa-gallery-item{padding:10px}.premium-img-gallery-metro .premium-gallery-item{overflow:hidden}.premium-img-gallery-metro .pa-gallery-img{height:100%}.premium-img-gallery-metro .pa-gallery-img-container{height:100%}.premium-img-gallery-metro .pa-gallery-img-container img{min-height:100%;width:100%;-o-object-fit:fill;object-fit:fill}.premium-img-gallery .premium-gallery-item-hidden{visibility:hidden;width:0!important;height:0!important;margin:0!important;padding:0!important}.premium-gallery-load-more .premium-gallery-load-more-btn{-webkit-box-shadow:none;box-shadow:none;text-shadow:none;border:none;outline:0;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;vertical-align:bottom;cursor:pointer;line-height:1;font-style:normal;font-weight:400;background-image:none;color:#fff;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-gallery-load-more-btn{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;-js-display:inline-flex;display:-moz-inline-box;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.premium-gallery-load-more-btn div{margin-right:3px}.premium-gallery-load-more-btn .premium-loader{display:inline-block;width:20px;height:20px}.pa-gallery-img .pa-gallery-lightbox-wrap{display:inline-block}.pa-gallery-img .pa-gallery-video-icon,.premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img{cursor:pointer}.pa-gallery-img-container iframe,.pa-gallery-img-container video{position:absolute;visibility:hidden;top:0;right:0;max-width:100%;width:100%;height:100%;margin:0;line-height:1;border:none}.pa-gallery-img-container video{-o-object-fit:contain;object-fit:contain}.pa-gallery-icons-caption-cell svg,.pa-gallery-icons-inner-container svg{width:14px;height:14px}.premium-gallery-gradient-layer{position:absolute;bottom:40px;width:100%;height:20px;background:-webkit-gradient(linear,left bottom,left top,from(#17181f),to(rgba(255,255,255,0)));background:-webkit-linear-gradient(bottom,#17181f 0,rgba(255,255,255,0) 100%);background:linear-gradient(to top,#17181f 0,rgba(255,255,255,0) 100%)}.elementor-widget-premium-lottie .premium-lottie-animation{position:relative;-js-display:inline-flex;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.elementor-widget-premium-lottie .premium-lottie-animation a{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2}.premium-maps-info-container{margin-top:10px;margin-bottom:10px}.premium-maps-info-desc,.premium-maps-info-title{margin:0;padding:0}.premium-maps-container .gm-style-iw{text-align:center;direction:ltr}.premium-maps-container .gm-style img{max-width:none!important}.premium-modal-box-modal-lower-close,.premium-modal-trigger-btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent}.premium-modal-trigger-btn .premium-modal-box-icon,.premium-modal-trigger-btn>svg{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-modal-trigger-btn>svg{width:30px;height:30px}.premium-modal-box-modal-close{float:left;font-size:21px;font-weight:700;line-height:1;color:#000}.premium-modal-box-modal-close:focus,.premium-modal-box-modal-close:hover{color:#000;text-decoration:none;cursor:pointer}button.premium-modal-box-modal-close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.premium-modal-box-modal{position:fixed;top:0;left:0;bottom:0;right:0;z-index:1050;display:none;-webkit-overflow-scrolling:touch;outline:0;padding:0!important;background:rgba(0,0,0,.5);-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.premium-modal-box-modal .premium-modal-box-modal-dialog{position:absolute;max-height:-webkit-calc(100vh - 150px);max-height:calc(100vh - 150px);-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;opacity:0;background-color:#fff;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:6px;border-radius:6px}.premium-modal-box-modal-content{background-clip:padding-box;outline:0;overflow-x:hidden}.premium-modal-backdrop.premium-in{opacity:.5!important}.premium-modal-fade.premium-in{opacity:1}.premium-modal-backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:1040;background-color:#000}.premium-modal-backdrop.premium-modal-fade{opacity:0}.premium-modal-fade{opacity:0}.premium-in{-js-display:flex!important;display:-webkit-box!important;display:-webkit-flex!important;display:-moz-box!important;display:-ms-flexbox!important;display:flex!important}.premium-modal-box-modal-header{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:5px 15px;border-bottom:1px solid #e5e5e5}.premium-modal-box-modal-header .premium-modal-box-modal-close{margin-top:-2px}.premium-modal-box-modal-header .premium-modal-box-modal-title{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0}.premium-modal-box-modal-header .premium-modal-box-modal-title svg{width:50px;height:60px}.premium-modal-box-modal-body{position:relative;padding:15px}.premium-modal-box-modal-footer{padding:15px;text-align:left;border-top:1px solid #e5e5e5}.premium-modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.premium-modal-trigger-text{background:0 0!important;display:inline-block}.premium-modal-box-container{width:100%!important}.premium-modal-trigger-container .premium-modal-trigger-btn{-js-display:inline-flex;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;border:none;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-modal-trigger-container .premium-modal-trigger-btn.premium-btn-block{-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.premium-modal-trigger-container .premium-modal-trigger-animation,.premium-modal-trigger-container .premium-modal-trigger-img,.premium-modal-trigger-container .premium-modal-trigger-text{cursor:pointer}.premium-modal-trigger-container .premium-modal-trigger-animation{display:inline-block;width:200px;height:200px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-modal-box-modal-header img{width:48px;padding-left:5px}.premium-modal-box-modal-header i,.premium-modal-box-modal-header svg{padding-left:6px}.premium-modal-box-modal-close{position:relative;z-index:99}.premium-modal-box-close-button-container,.premium-modal-box-modal-close,.premium-modal-box-modal-lower-close,.premium-modal-trigger-img,.premium-modal-trigger-text{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@media (min-width:768px){.premium-modal-box-modal-dialog{width:700px;max-height:600px;overflow:auto}}@media (max-width:767px){.premium-modal-box-modal-dialog{width:100%;max-height:500px;overflow:auto}}.premium-modal-box-container[data-modal-animation*=animated-]{opacity:0}.premium-nav-widget-container ul{list-style:none;margin:0;padding:0}.premium-nav-widget-container .premium-main-nav-menu{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:100%}.premium-nav-ver .premium-ver-inner-container{width:45%;position:relative}.premium-nav-ver .premium-nav-menu-container,.premium-nav-ver .premium-ver-toggler{width:100%}.premium-nav-ver .premium-nav-menu-container{background-color:#fff;-webkit-box-shadow:0 10px 25px rgba(0,0,0,.1);box-shadow:0 10px 25px rgba(0,0,0,.1)}.premium-nav-ver .premium-main-nav-menu{position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start}.premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children .premium-sub-menu{visibility:hidden;opacity:0;position:absolute;min-width:250px}.premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children:hover .premium-mega-content-container,.premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children:hover>.premium-sub-menu{opacity:1;visibility:visible;pointer-events:auto}.premium-nav-ver .premium-nav-menu-item{width:100%}.premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-right .premium-mega-content-container,.premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-right .premium-nav-menu-item.menu-item-has-children .premium-sub-menu{left:100%;top:0}.premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-left .premium-mega-content-container,.premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-left .premium-nav-menu-item.menu-item-has-children .premium-sub-menu{right:100%;top:0}.premium-nav-ver.premium-vertical-left .premium-menu-link{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-moz-box-orient:horizontal;-moz-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.premium-nav-hor .premium-nav-menu-container{height:60px}.premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-sub-menu{visibility:hidden;opacity:0;position:absolute;min-width:220px}.premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-mega-content-container,.premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item>.premium-sub-menu{top:100%}.premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-mega-content-container .premium-sub-menu,.premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item>.premium-sub-menu .premium-sub-menu{right:100%;top:0}.premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover .premium-mega-content-container,.premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover>.premium-sub-menu{visibility:visible;opacity:1;pointer-events:auto}.premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-mega-item-static .premium-mega-content-container{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:not(.premium-mega-item-static) .premium-mega-content-container{left:0}.premium-mega-nav-item .premium-sub-menu{display:none}.premium-mega-nav-item{position:relative}.premium-mega-nav-item:hover .premium-mega-content-container{visibility:visible;opacity:1;pointer-events:auto}.premium-mega-content-container{visibility:hidden;position:absolute;z-index:9999;opacity:0;pointer-events:none}.premium-hamburger-menu .premium-mega-content-container,.premium-nav-dropdown .premium-mega-content-container,.premium-nav-slide .premium-mega-content-container{visibility:visible;position:relative;opacity:1;pointer-events:auto}.premium-mobile-menu-outer-container a.premium-mobile-menu-close,.premium-nav-widget-container a.premium-hamburger-toggle{text-decoration:none}.premium-nav-widget-container .premium-hamburger-toggle{display:none;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.premium-nav-widget-container .premium-hamburger-toggle i{padding:.25em;font-size:22px}.premium-nav-widget-container .premium-hamburger-toggle svg{width:22px;height:22px}.premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close,.premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-text,.premium-nav-widget-container .premium-hamburger-toggle i{color:#494c4f}.premium-nav-widget-container .premium-hamburger-toggle svg,.premium-nav-widget-container .premium-hamburger-toggle svg path{fill:#494c4f}.premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close,.premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-text{margin:2px}.premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close{display:none}.premium-mobile-menu-container{width:100%}.premium-mobile-menu-container .premium-main-mobile-menu{width:100%}.premium-mobile-menu-container ul{list-style:none;margin:0;padding:0}.premium-mobile-menu-container .premium-mobile-menu,.premium-mobile-menu-container .premium-sub-menu{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.premium-mobile-menu-container .premium-nav-menu-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.premium-mobile-menu-container .premium-item-badge{top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.premium-nav-hor .premium-mobile-menu-container .premium-item-badge{top:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.premium-mobile-menu-outer-container{opacity:0}.premium-mobile-menu-outer-container.premium-vertical-toggle-open{opacity:1}.premium-ver-hamburger-menu .premium-mobile-menu-outer-container{background-color:#f7f7f7;width:300px;-webkit-transform:translateX(-300px);-ms-transform:translateX(-300px);transform:translateX(-300px);height:100%;position:fixed;top:0;left:0;overflow-x:hidden;z-index:10002;-webkit-transition:.5s;transition:.5s;padding-top:50px}.premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-container{margin-top:50px}.premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-container .premium-item-badge{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close{position:absolute;top:2%;right:5px;padding:0 9px;z-index:10000;-js-display:inline-flex;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;color:#494c4f;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close .premium-toggle-close{margin:5px}.premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close svg{width:22px;height:22px;fill:#494c4f}.premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close svg path{fill:#494c4f}.premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close i{font-size:22px}.premium-ver-hamburger-menu .premium-vertical-toggle-open{-webkit-transform:translateX(0)!important;-ms-transform:translateX(0)!important;transform:translateX(0)!important;-webkit-transition:.5s;transition:.5s}.premium-ver-toggle-yes .premium-nav-menu-container{height:auto}.premium-ver-toggle-yes .premium-ver-toggler{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:15px 20px 15px 20px;background:#eee;color:#042551;cursor:pointer}.premium-ver-toggle-yes .premium-ver-toggler .premium-ver-toggler-btn,.premium-ver-toggle-yes .premium-ver-toggler .premium-ver-toggler-title{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.premium-ver-toggle-yes .premium-ver-toggler .premium-ver-toggler-txt{text-indent:5px}.premium-ver-toggle-yes .premium-ver-toggler:hover{background:#54595f;color:#fff}.premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-close svg,.premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-close svg path,.premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-open svg,.premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-open svg path,.premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-title-icon svg,.premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-title-icon svg path{fill:#fff}.premium-ver-toggle-yes .premium-nav-menu-container,.premium-ver-toggle-yes .premium-ver-close,.premium-ver-toggle-yes .premium-ver-open,.premium-ver-toggle-yes .premium-ver-toggler{-webkit-transition:all .3s linear 0s;transition:all .3s linear 0s}.premium-ver-toggle-yes .premium-ver-toggler-txt{-webkit-transition:all .3s linear 0s;transition:all .3s linear 0s}.premium-ver-toggle-yes .premium-nav-menu-container i,.premium-ver-toggle-yes .premium-nav-menu-container svg,.premium-ver-toggle-yes .premium-ver-close i,.premium-ver-toggle-yes .premium-ver-close svg,.premium-ver-toggle-yes .premium-ver-open i,.premium-ver-toggle-yes .premium-ver-open svg,.premium-ver-toggle-yes .premium-ver-toggler i,.premium-ver-toggle-yes .premium-ver-toggler svg{-webkit-transition:color .3s linear 0s;transition:color .3s linear 0s}.premium-ver-toggle-yes .premium-ver-close,.premium-ver-toggle-yes .premium-ver-open,.premium-ver-toggle-yes .premium-ver-title-icon{-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.premium-ver-toggle-yes .premium-ver-close i,.premium-ver-toggle-yes .premium-ver-open i,.premium-ver-toggle-yes .premium-ver-title-icon i{font-size:16px}.premium-ver-toggle-yes .premium-ver-close svg,.premium-ver-toggle-yes .premium-ver-open svg,.premium-ver-toggle-yes .premium-ver-title-icon svg{width:17px;height:17px;fill:#042551}.premium-ver-toggle-yes .premium-ver-close svg path,.premium-ver-toggle-yes .premium-ver-open svg path,.premium-ver-toggle-yes .premium-ver-title-icon svg path{fill:#042551}.premium-ver-toggle-yes.premium-ver-always .premium-ver-open{-js-display:inline-flex;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex}.premium-ver-toggle-yes .premium-ver-collapsed .premium-nav-menu-container{visibility:hidden;opacity:0}.premium-ver-toggle-yes .premium-ver-collapsed .premium-ver-close{display:none}.premium-ver-toggle-yes .premium-ver-collapsed .premium-ver-open{-js-display:inline-flex;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex}.premium-ver-toggle-yes.premium-ver-hover .premium-nav-menu-container{position:absolute;z-index:10002}.premium-ver-toggle-yes.premium-ver-click .premium-nav-menu-container{position:absolute;z-index:10001}.premium-ver-toggle-yes .premium-nav-menu-container,.premium-ver-toggle-yes.premium-ver-hover .premium-ver-inner-container:hover .premium-nav-menu-container{visibility:visible;opacity:1}.premium-ver-toggle-yes .premium-ver-open,.premium-ver-toggle-yes.premium-ver-hover .premium-ver-inner-container:hover .premium-ver-open{display:none}.premium-ver-toggle-yes .premium-ver-close,.premium-ver-toggle-yes .premium-ver-title-icon,.premium-ver-toggle-yes.premium-ver-hover .premium-ver-inner-container:hover .premium-ver-close,.premium-ver-toggle-yes.premium-ver-hover .premium-ver-inner-container:hover .premium-ver-title-icon{-js-display:inline-flex;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex}.premium-sticky-parent{position:fixed;z-index:10003;-webkit-transition:all .3s linear;transition:all .3s linear}.premium-sticky-scroll-yes.premium-sticky-parent.headroom--not-top{will-change:transform;-webkit-transition:-webkit-transform .5s linear!important;transition:-webkit-transform .5s linear!important;transition:transform .5s linear!important;transition:transform .5s linear,-webkit-transform .5s linear!important;-webkit-transition-delay:1s;transition-delay:1s}.premium-sticky-scroll-yes.premium-sticky-parent.headroom--not-top.slideDown{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.premium-sticky-scroll-yes.premium-sticky-parent.headroom--not-top.slideUp{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.premium-ham-dropdown .premium-stretch-dropdown .premium-mobile-menu-container,.premium-nav-sticky-yes.premium-sticky-active.premium-ham-dropdown .premium-mobile-menu-container{max-height:400px;overflow-y:auto}.premium-nav-slide-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:rgba(0,0,0,.6);z-index:10002}.premium-nav-slide-overlay.premium-vertical-toggle-open{display:block}.premium-active-menu,.premium-active-menu.premium-mega-nav-item>.premium-mega-content-container,.premium-active-menu:not(.premium-mega-nav-item)>.premium-sub-menu{-js-display:flex!important;display:-webkit-box!important;display:-webkit-flex!important;display:-moz-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.premium-active-menu .premium-toggle-close{display:block}.premium-nav-menu-container .premium-sub-menu{background-color:#fff}.premium-mobile-menu-container li,.premium-mobile-menu-container li>.premium-mega-content-container{width:100%!important}.premium-item-icon,.premium-sub-item-icon{font-size:13px;margin:0 7px}.premium-item-icon svg,.premium-sub-item-icon svg{width:100%;height:100%}.premium-item-icon.premium-lottie-animation,.premium-sub-item-icon.premium-lottie-animation{width:20px;height:20px;-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.premium-item-icon.dashicons,.premium-sub-item-icon.dashicons{width:13px;height:13px}.premium-nav-menu-item{position:relative}.premium-nav-menu-item .premium-menu-link{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:100%;padding:7px 10px;text-decoration:none;position:relative}.premium-nav-menu-item .premium-dropdown-icon{margin:5px}.premium-nav-menu-item.menu-item-has-children{position:relative}.premium-nav-menu-item.menu-item-has-children .premium-sub-menu{max-width:100%;z-index:9999}.premium-nav-menu-item.menu-item-has-children .premium-sub-menu .premium-sub-menu-link{-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.premium-nav-menu-item .menu-link{position:relative;text-decoration:none}.premium-item-badge,.premium-rn-badge,.premium-sub-item-badge{position:absolute;padding:1px 6px;min-width:35px;text-align:center;font-size:10px;-webkit-border-radius:4px;border-radius:4px;line-height:1.8;white-space:nowrap}.premium-nav-hor:not(.premium-hamburger-menu) .premium-item-badge,.premium-nav-hor:not(.premium-nav-dropdown) .premium-item-badge,.premium-nav-hor:not(.premium-nav-slide) .premium-item-badge{position:relative;margin:8px}.premium-nav-dropdown .premium-sub-item-badge,.premium-nav-hor .premium-sub-item-badge,.premium-nav-slide .premium-sub-item-badge,.premium-nav-ver.premium-vertical-right .premium-item-badge,.premium-nav-ver.premium-vertical-right .premium-sub-item-badge{top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.premium-nav-ver.premium-vertical-left .premium-item-badge,.premium-nav-ver.premium-vertical-left .premium-sub-item-badge{top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.premium-mega-nav-item .premium-sub-menu{display:none}.premium-mega-nav-item{position:relative}.premium-hamburger-menu .premium-mega-content-container,.premium-nav-dropdown .premium-mega-content-container,.premium-nav-slide .premium-mega-content-container{display:none}.premium-mega-item-static{position:static!important}.premium-hamburger-menu .premium-nav-menu-container,.premium-nav-dropdown .premium-nav-menu-container,.premium-nav-slide .premium-nav-menu-container{display:none}.premium-hamburger-menu .premium-hamburger-toggle,.premium-nav-dropdown .premium-hamburger-toggle,.premium-nav-slide .premium-hamburger-toggle{-js-display:inline-flex;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-moz-box-orient:horizontal;-moz-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.premium-hidden-icon-yes.premium-hamburger-menu .premium-item-icon,.premium-hidden-icon-yes.premium-hamburger-menu .premium-sub-item-icon,.premium-hidden-icon-yes.premium-nav-dropdown .premium-item-icon,.premium-hidden-icon-yes.premium-nav-dropdown .premium-sub-item-icon,.premium-hidden-icon-yes.premium-nav-slide .premium-item-icon,.premium-hidden-icon-yes.premium-nav-slide .premium-sub-item-icon{display:none}.premium-hidden-badge-yes.premium-hamburger-menu .premium-item-badge,.premium-hidden-badge-yes.premium-hamburger-menu .premium-rn-badge,.premium-hidden-badge-yes.premium-hamburger-menu .premium-sub-item-badge,.premium-hidden-badge-yes.premium-nav-dropdown .premium-item-badge,.premium-hidden-badge-yes.premium-nav-dropdown .premium-rn-badge,.premium-hidden-badge-yes.premium-nav-dropdown .premium-sub-item-badge,.premium-hidden-badge-yes.premium-nav-slide .premium-item-badge,.premium-hidden-badge-yes.premium-nav-slide .premium-rn-badge,.premium-hidden-badge-yes.premium-nav-slide .premium-sub-item-badge{display:none}.premium-ham-dropdown .premium-mobile-menu-container,.premium-nav-dropdown .premium-mobile-menu-container{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.premium-ham-dropdown .premium-toggle-opened .premium-toggle-close,.premium-nav-dropdown .premium-toggle-opened .premium-toggle-close{display:inline!important}.premium-ham-dropdown .premium-toggle-opened .premium-toggle-text,.premium-nav-dropdown .premium-toggle-opened .premium-toggle-text{display:none!important}.premium-stretch-dropdown .premium-mobile-menu-container{position:absolute;z-index:9999}.premium-nav-default{display:none}.premium-hamburger-toggle{width:100%}.premium-menu-link-parent::after,.premium-menu-link-parent::before{display:block;position:absolute;-webkit-transition:all .3s cubic-bezier(.58,.3,.005,1);transition:all .3s cubic-bezier(.58,.3,.005,1)}.premium-nav-pointer-double-line .premium-menu-link-parent::after,.premium-nav-pointer-underline .premium-menu-link-parent::after{content:"";bottom:0}.premium-nav-pointer-double-line .premium-menu-link-parent::before,.premium-nav-pointer-overline .premium-menu-link-parent::before{content:"";top:0}.premium-nav-pointer-double-line .premium-menu-link-parent::after,.premium-nav-pointer-double-line .premium-menu-link-parent::before,.premium-nav-pointer-overline .premium-menu-link-parent::after,.premium-nav-pointer-overline .premium-menu-link-parent::before,.premium-nav-pointer-underline .premium-menu-link-parent::after,.premium-nav-pointer-underline .premium-menu-link-parent::before{height:3px;width:100%;right:0;background-color:#55595c;z-index:2}.premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,.premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before{opacity:0}.premium-nav-pointer-double-line.premium-nav-animation-none,.premium-nav-pointer-overline.premium-nav-animation-none,.premium-nav-pointer-underline.premium-nav-animation-none{-webkit-transition-duration:0s;transition-duration:0s}.premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent,.premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent::after,.premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent::before,.premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent:focus,.premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent:hover,.premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent,.premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent::after,.premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent::before,.premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent:focus,.premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent:hover,.premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent,.premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent::after,.premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent::before,.premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent:focus,.premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent:hover{-webkit-transition-duration:0s;transition-duration:0s}.premium-nav-pointer-double-line.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,.premium-nav-pointer-underline.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after{width:10px;inset-inline-start:100%}.premium-nav-pointer-double-line.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,.premium-nav-pointer-overline.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before{width:10px;left:-20px}.premium-nav-pointer-double-line.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,.premium-nav-pointer-double-line.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,.premium-nav-pointer-overline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,.premium-nav-pointer-overline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,.premium-nav-pointer-underline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,.premium-nav-pointer-underline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before{height:0;width:0;left:50%}.premium-nav-pointer-double-line.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,.premium-nav-pointer-overline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,.premium-nav-pointer-underline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before{top:-10px}.premium-nav-pointer-double-line.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,.premium-nav-pointer-overline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,.premium-nav-pointer-underline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after{bottom:-10px}.premium-nav-pointer-double-line.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,.premium-nav-pointer-overline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,.premium-nav-pointer-underline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before{top:10px}.premium-nav-pointer-double-line.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,.premium-nav-pointer-overline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,.premium-nav-pointer-underline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after{bottom:10px}.premium-nav-pointer-framed .premium-menu-link-parent::before{content:""}.premium-nav-pointer-framed .premium-menu-link-parent::after,.premium-nav-pointer-framed .premium-menu-link-parent::before{background:0 0;left:0;top:0;bottom:0;right:0;border:3px solid #55595c}.premium-nav-pointer-framed.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before{-webkit-transform:scale(.75);-ms-transform:scale(.75);transform:scale(.75)}.premium-nav-pointer-framed.premium-nav-animation-shrink .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before{-webkit-transform:scale(1.25);-ms-transform:scale(1.25);transform:scale(1.25)}.premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::after,.premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::before{width:3px;height:3px}.premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::before{border-width:0 3px 3px 0;-webkit-transition:width .1s .2s,height .1s .3s,opacity .12s .22s;transition:width .1s .2s,height .1s .3s,opacity .12s .22s}.premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::after{content:"";top:auto;bottom:0;left:0;right:auto;border-width:3px 0 0 3px;-webkit-transition:width .1s,height .1s .1s,opacity 20ms .18s;transition:width .1s,height .1s .1s,opacity 20ms .18s}.premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::before,.premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::before{-webkit-transition:opacity 20ms,height .1s,width .1s .1s;transition:opacity 20ms,height .1s,width .1s .1s}.premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::after,.premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::after{-webkit-transition:opacity 20ms .2s,height .1s .2s,width .1s .3s;transition:opacity 20ms .2s,height .1s .2s,width .1s .3s}.premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::after,.premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::before,.premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::after,.premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::before{width:100%;height:100%}.premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::before{-webkit-transition:opacity 20ms,height .1s,width .1s .1s;transition:opacity 20ms,height .1s,width .1s .1s}.premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::after{-webkit-transition:opacity 20ms .2s,height .1s .2s,width .1s .3s;transition:opacity 20ms .2s,height .1s .2s,width .1s .3s}.premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::after,.premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::before{width:100%;height:100%}.premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::before{border-width:3px 3px 0 0}.premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::after{content:"";top:auto;bottom:0;left:0;right:auto;border-width:0 0 3px 3px}.premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::after,.premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::before{width:3px;height:3px}.premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:focus::after,.premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:focus::before,.premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:hover::after,.premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:hover::before{width:100%;height:100%;-webkit-transition:opacity 2ms,width .4s,height .4s;transition:opacity 2ms,width .4s,height .4s}.premium-nav-pointer-framed.premium-nav-animation-corners .premium-active-item .premium-menu-link-parent::after,.premium-nav-pointer-framed.premium-nav-animation-corners .premium-active-item .premium-menu-link-parent::before{width:100%;height:100%;-webkit-transition:opacity 2ms,width .4s,height .4s;transition:opacity 2ms,width .4s,height .4s}.premium-nav-pointer-text.premium-nav-animation-grow .premium-menu-link-parent:focus,.premium-nav-pointer-text.premium-nav-animation-grow .premium-menu-link-parent:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.premium-nav-pointer-text.premium-nav-animation-shrink .premium-menu-link-parent:focus,.premium-nav-pointer-text.premium-nav-animation-shrink .premium-menu-link-parent:hover{-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.premium-nav-pointer-text.premium-nav-animation-sink .premium-menu-link-parent:focus,.premium-nav-pointer-text.premium-nav-animation-sink .premium-menu-link-parent:hover{-webkit-transform:translateY(8px);-ms-transform:translateY(8px);transform:translateY(8px)}.premium-nav-pointer-text.premium-nav-animation-float .premium-menu-link-parent:focus,.premium-nav-pointer-text.premium-nav-animation-float .premium-menu-link-parent:hover{-webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px)}.premium-nav-pointer-text.premium-nav-animation-skew .premium-menu-link-parent:focus,.premium-nav-pointer-text.premium-nav-animation-skew .premium-menu-link-parent:hover{-webkit-transform:skew(-8deg);-ms-transform:skew(-8deg);transform:skew(-8deg)}.premium-nav-pointer-text.premium-nav-animation-rotate .premium-menu-link-parent:focus,.premium-nav-pointer-text.premium-nav-animation-rotate .premium-menu-link-parent:hover{-webkit-transform:rotate(6deg);-ms-transform:rotate(6deg);transform:rotate(6deg)}.premium-nav-pointer-background .premium-menu-link-parent::before{top:0;left:0;right:0;bottom:0;background:#55595c;background-color:#55595c;z-index:-1}.premium-nav-pointer-background .premium-menu-link-parent::after,.premium-nav-pointer-background .premium-menu-link-parent::before{content:"";-webkit-transition:.3s;transition:.3s}.premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent::before{-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}.premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent:focus::before,.premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent:hover::before{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.premium-nav-pointer-background.premium-nav-animation-grow .premium-active-item .premium-menu-link-parent::before{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.premium-nav-pointer-background.premium-nav-animation-shrink .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);-webkit-transition:.3;transition:.3}.premium-nav-pointer-background.premium-nav-animation-sweep-left .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before{left:100%}.premium-nav-pointer-background.premium-nav-animation-sweep-right .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before{right:100%}.premium-nav-pointer-background.premium-nav-animation-sweep-up .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before{top:100%}.premium-nav-pointer-background.premium-nav-animation-sweep-down .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before{bottom:100%}.premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::after,.premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::after{top:0;left:0;right:0;bottom:0;background:#55595c;background-color:#55595c;z-index:-1}.premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::before{top:0;bottom:100%}.premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::after{top:100%;bottom:0}.premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:focus::before,.premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:hover::before{bottom:50%}.premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:focus::after,.premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:hover::after{top:50%}.premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-active-item .premium-menu-link-parent::before{bottom:50%}.premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-active-item .premium-menu-link-parent::after{top:50%}.premium-nav-pointer-background.premium-nav-animation-shutter-out-vertical .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before{bottom:50%;top:50%}.premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::before{right:0;left:100%}.premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::after{right:100%;left:0}.premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:focus::before,.premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:hover::before{left:50%}.premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:focus::after,.premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:hover::after{right:50%}.premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-active-item .premium-menu-link-parent::before{left:50%}.premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-active-item .premium-menu-link-parent::after{right:50%}.premium-nav-pointer-background.premium-nav-animation-shutter-out-horizontal .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before{left:50%;right:50%}.premium-active-item::after,.premium-active-item::before,.premium-menu-link-parent:focus::after,.premium-menu-link-parent:focus::before,.premium-menu-link-parent:hover::after,.premium-menu-link-parent:hover::before{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.premium-nav-menu-item .premium-mega-content-container,.premium-nav-menu-item .premium-sub-menu{-webkit-transition:.5s all ease-in-out;transition:.5s all ease-in-out;-webkit-transition-delay:.1s;transition-delay:.1s}[class*=premium-nav-slide-].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover>.premium-mega-content-container,[class*=premium-nav-slide-].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover>.premium-sub-menu,[class*=premium-nav-slide-].premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu:hover>.premium-sub-menu,[class*=premium-nav-slide-].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item:hover>.premium-mega-content-container,[class*=premium-nav-slide-].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item:hover>.premium-sub-menu,[class*=premium-nav-slide-].premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu:hover>.premium-sub-menu{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}.premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,.premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,.premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container,.premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}.premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,.premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,.premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container,.premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}.premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,.premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,.premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container,.premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}.premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,.premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,.premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container,.premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}.premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container{-webkit-transform:translateX(-50%) translateY(10px);-ms-transform:translateX(-50%) translateY(10px);transform:translateX(-50%) translateY(10px)}.premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container{-webkit-transform:translateX(-50%) translateY(0);-ms-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}.premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container{-webkit-transform:translateX(-50%) translateY(-10px);-ms-transform:translateX(-50%) translateY(-10px);transform:translateX(-50%) translateY(-10px)}.premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container{-webkit-transform:translateX(-50%) translateY(0);-ms-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}.premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container{-webkit-transform:translateX(-45%);-ms-transform:translateX(-45%);transform:translateX(-45%)}.premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container{-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container{-webkit-transform:translateX(-55%);-ms-transform:translateX(-55%);transform:translateX(-55%)}.premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container{-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container,.premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container,.premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.premium-rn-badge{position:absolute;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;right:10px;-webkit-transition:all .3s;transition:all .3s}.premium-mega-content-container .premium-badge-dot .premium-rn-badge,.premium-mega-content-container .premium-badge-dot .premium-sub-item-badge,.premium-sub-menu .premium-badge-dot .premium-rn-badge,.premium-sub-menu .premium-badge-dot .premium-sub-item-badge{font-size:0;min-width:1px;padding:3px;-webkit-border-radius:50%;border-radius:50%;-webkit-transition:all .3s;transition:all .3s}.has-pa-badge:hover{-webkit-transition:all .3s;transition:all .3s}.premium-sub-item-badge{-webkit-transition:all .3s;transition:all .3s}.premium-person-container{position:relative}.premium-person-image-container{position:relative;text-align:center;overflow:hidden}.premium-person-image-container .premium-person-image-wrap{overflow:hidden}.premium-person-scale-effect .premium-person-image-container img,.premium-person-zoomout-effect .premium-person-image-container img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.premium-person-sepia-effect .premium-person-image-container img{-webkit-filter:sepia(30%);filter:sepia(30%)}.premium-person-bright-effect .premium-person-image-container img{-webkit-filter:brightness(1);filter:brightness(1)}.premium-person-trans-effect .premium-person-image-container img{-webkit-transform:translateX(15px) scale(1.1);-ms-transform:translateX(15px) scale(1.1);transform:translateX(15px) scale(1.1)}.premium-person-zoomin-effect:hover .premium-person-image-container img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.premium-person-zoomout-effect:hover .premium-person-image-container img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.premium-person-scale-effect:hover .premium-person-image-container img{-webkit-transform:scale(1.3) rotate(-5deg);-ms-transform:scale(1.3) rotate(-5deg);transform:scale(1.3) rotate(-5deg)}.premium-person-grayscale-effect:hover .premium-person-image-container img{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.premium-person-blur-effect:hover .premium-person-image-container img{-webkit-filter:blur(3px);filter:blur(3px)}.premium-person-sepia-effect:hover .premium-person-image-container img{-webkit-filter:sepia(0);filter:sepia(0)}.premium-person-bright-effect:hover .premium-person-image-container img{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.premium-person-trans-effect:hover .premium-person-image-container img{-webkit-transform:translateX(0) scale(1.1);-ms-transform:translateX(0) scale(1.1);transform:translateX(0) scale(1.1)}.premium-person-container .premium-person-image-container img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.premium-person-style2 .premium-person-social{position:absolute;top:0;right:0;width:100%;height:100%;z-index:2;-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:inset 0 0 120px 0 rgba(0,0,0,.5);box-shadow:inset 0 0 120px 0 rgba(0,0,0,.5);-webkit-transition:all .5s linear 0s;transition:all .5s linear 0s;opacity:0}.premium-person-style2 .premium-person-image-container:hover .premium-person-social{opacity:1}.premium-person-list-item a{display:inline-block}.premium-person-style2 .premium-person-list-item a{opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s}.premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.premium-person-info-container{padding:30px 15px}.premium-person-name{margin:0 0 5px;font-weight:700}.premium-person-title{margin:0 0 20px;padding:0}.premium-person-content{margin:0 0 30px}ul.premium-person-social-list{margin:0!important;padding:0}.premium-person-social-list .premium-person-list-item{display:inline;list-style:none}.premium-person-social-list li{position:relative;bottom:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.premium-person-social-list li i{position:relative;bottom:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.premium-person-defaults-yes li.premium-person-facebook:hover a{background-color:#3b5998!important}.premium-person-defaults-yes li.premium-person-twitter:hover a{background-color:#55acee!important}.premium-person-defaults-yes li.premium-person-linkedin:hover a{background-color:#0077b5!important}.premium-person-defaults-yes li.premium-person-google:hover a{background-color:#dc4e41!important}.premium-person-defaults-yes li.premium-person-youtube:hover a{background-color:#b31217!important}.premium-person-defaults-yes li.premium-person-instagram:hover a{background-color:#e4405f!important}.premium-person-defaults-yes li.premium-person-skype:hover a{background-color:#00aff0!important}.premium-person-defaults-yes li.premium-person-pinterest:hover a{background-color:#bd081c!important}.premium-person-defaults-yes li.premium-person-dribbble:hover a{background-color:#ea4c89!important}.premium-person-defaults-yes li.premium-person-mail:hover a{background-color:#b23121!important}.premium-person-defaults-yes li.premium-person-behance:hover a{background-color:#1769ff!important}.premium-person-defaults-yes li.premium-person-whatsapp:hover a{background-color:#25d366!important}.premium-person-defaults-yes li.premium-person-telegram:hover a{background-color:#08c!important}.premium-person-defaults-yes li.premium-person-site:hover a{background-color:#0055a5!important}.premium-person-social-list li:hover a{-webkit-box-shadow:none;box-shadow:none}.premium-person-social-list li a:focus{-webkit-box-shadow:none;box-shadow:none;outline:0}.premium-person-social-list li i{font-size:18px}.elementor-widget-premium-addon-person .elementor-widget-container{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.premium-persons-container.multiple-persons{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}.premium-person-style1 .premium-person-container{overflow:hidden}.premium-person-style1 .premium-person-container .premium-person-info{position:absolute;top:auto;left:0;right:0;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.premium-person-style1 .premium-person-container:hover .premium-person-info{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);bottom:-1px!important}.premium-person-style1 .premium-person-social-list li:hover{bottom:5px}.premium-person-style1.multiple-persons:not([data-persons-equal=yes]){-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start}.premium-person-style1 .slick-track{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.premium-person-style1 .slick-slide{height:inherit!important}.premium-person-style3 .premium-person-info-container{position:absolute;top:0;right:0;width:100%;height:100%;-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.premium-person-style3 .premium-person-title-desc-wrap{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-moz-box-orient:horizontal;-moz-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start}.premium-person-style3 .premium-person-name-icons-wrap{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end}.premium-person-style3 .premium-person-title{opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease;width:0}.premium-person-style3 .premium-person-title span{display:inline-block}.premium-person-style3 .premium-person-name{padding-right:10px}.premium-person-style3 .premium-person-social-list{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease}.premium-person-style3 .premium-person-list-item{line-height:0}.premium-person-style3 .premium-person-list-item a{padding:5px 0 0 10px;margin:5px 0}.premium-person-style3 .premium-person-container:hover .premium-person-title{opacity:1}.premium-person-style3 .premium-person-container:hover .premium-person-social-list{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.premium-persons-title-cw .premium-person-title{-webkit-transform:translateX(-15px) rotate(-90deg);-ms-transform:translateX(-15px) rotate(-90deg);transform:translateX(-15px) rotate(-90deg);-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top}.premium-persons-title-cw .premium-person-container:hover .premium-person-title{-webkit-transform:translateX(0) rotate(-90deg);-ms-transform:translateX(0) rotate(-90deg);transform:translateX(0) rotate(-90deg)}.premium-persons-title-ccw .premium-person-title{width:auto;margin-left:20px;-webkit-transform:translateX(-15px) rotate(90deg);-ms-transform:translateX(-15px) rotate(90deg);transform:translateX(-15px) rotate(90deg);-webkit-transform-origin:center left;-ms-transform-origin:center left;transform-origin:center left}.premium-persons-title-ccw .premium-person-container:hover .premium-person-title{-webkit-transform:translateX(0) rotate(90deg);-ms-transform:translateX(0) rotate(90deg);transform:translateX(0) rotate(90deg)}.premium-pricing-table-container{position:relative;text-align:center;display:inline-block;width:100%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-pricing-icon-container{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:0}.premium-pricing-icon-container .premium-pricing-icon{display:inline-block}.premium-pricing-icon-container .premium-pricing-image{overflow:hidden}.premium-pricing-icon-container .premium-pricing-image img{width:25px;height:25px;-o-object-fit:cover;object-fit:cover}.premium-badge-left{position:absolute;top:0}.premium-badge-right{position:absolute;top:0;right:0}.premium-badge-left{left:0}.premium-badge-triangle.premium-badge-left .corner{width:0;height:0;border-top:150px solid;border-bottom:150px solid transparent;border-right:150px solid transparent}.premium-badge-triangle.premium-badge-right .corner{width:0;height:0;border-bottom:150px solid transparent;border-right:150px solid;border-left:150px solid transparent}.premium-badge-triangle span{position:absolute;top:35px;width:100px;text-align:center;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);display:block;text-transform:uppercase}.premium-badge-triangle.premium-badge-right span{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);right:0}.premium-badge-circle{min-width:4em;min-height:4em;line-height:4em;text-align:center;-webkit-border-radius:100%;border-radius:100%;position:absolute;z-index:1}.premium-badge-stripe{position:absolute;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);width:15em;overflow:hidden;height:15em}.premium-badge-stripe.premium-badge-left{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}.premium-badge-stripe .corner{text-align:center;left:0;width:150%;-webkit-transform:translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);-ms-transform:translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);transform:translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);margin-top:35px;font-size:13px;line-height:2;font-weight:800;text-transform:uppercase}.premium-badge-flag .corner{text-align:center;-webkit-border-radius:4px 4px 0 4px;border-radius:4px 4px 0 4px;padding:3px 15px;position:absolute;top:10%;right:-8px}.premium-badge-flag .corner::after,.premium-badge-flag .corner::before{content:"";display:block;position:absolute;width:0;height:0;top:100%;right:0;border-bottom:8px solid transparent}.elementor-widget-premium-addon-pricing-table .elementor-widget-container{overflow:visible!important}.premium-badge-flag .corner::after{border-left:8px solid rgba(0,0,0,.2)}.premium-pricing-price-currency{position:relative}.premium-pricing-button-container{display:block}.premium-pricing-list{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;list-style-type:none;margin:0;padding:0}.premium-pricing-list .premium-pricing-list-item{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.premium-pricing-list .premium-pricing-list-item svg{width:50px;height:50px}.premium-pricing-list .premium-pricing-list-item img{width:30px;height:30px;-o-object-fit:cover;object-fit:cover}.premium-pricing-list .premium-pricing-list-span{position:relative}.premium-pricing-list .list-item-tooltip{border-bottom:1px dotted}.premium-pricing-list .premium-pricing-list-tooltip{position:absolute;top:-webkit-calc(100% + 1px);top:calc(100% + 1px);right:0;visibility:hidden;padding:15px 20px;-webkit-border-radius:5px;border-radius:5px;min-width:200px;overflow:hidden;text-align:right;font-size:.8rem;color:#fff;background-color:#aaa}.premium-pricing-features-left .premium-pricing-list-span{text-align:right}.premium-pricing-features-center .premium-pricing-list-span{text-align:center}.premium-pricing-features-right .premium-pricing-list-span{text-align:left}.premium-pricing-list-span:hover .premium-pricing-list-tooltip{z-index:99;visibility:visible;opacity:1}.premium-pricing-slashed-price-value{display:inline-block;font-size:20px;font-weight:400;margin-left:5px}.premium-pricing-price-value{font-size:70px}.premium-pricing-description-container li{list-style-position:inside;text-indent:-40px}@-moz-document url-prefix(){.premium-pricing-description-container li{text-indent:0}}.premium-pricing-price-button{display:block;padding:6px 12px;line-height:1.42857143;text-align:center;color:#fff;background:#6ec1e4;margin-bottom:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-progressbar-container{position:relative}.premium-progressbar-bar-wrap{position:relative;text-align:right;overflow:hidden;height:25px;margin-bottom:50px;background-color:#f5f5f5;-webkit-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.premium-progressbar-bar-wrap.premium-progressbar-dots{background-color:transparent;width:100%;-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:auto;-webkit-box-shadow:none;box-shadow:none}.premium-progressbar-bar-wrap .progress-segment{position:relative;width:25px;height:25px;-webkit-border-radius:50%;border-radius:50%;overflow:hidden;background-color:#f5f5f5}.premium-progressbar-bar-wrap .progress-segment.filled{background:#6ec1e4}.premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child){margin:0 4px}.premium-progressbar-bar-wrap .progress-segment:first-child{margin-left:4px}.premium-progressbar-bar-wrap .progress-segment:last-child{margin-right:4px}.premium-progressbar-bar-wrap .progress-segment .segment-inner{position:absolute;top:0;right:0;height:100%;background-color:#6ec1e4}.premium-progressbar-bar{float:right;width:0%;height:100%;font-size:12px;line-height:20px;background:#6ec1e4;text-align:center;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15)}.premium-progressbar-striped .premium-progressbar-bar{background-image:-webkit-linear-gradient(-135deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.premium-progressbar-active .premium-progressbar-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.premium-progressbar-gradient .premium-progressbar-bar{-webkit-background-size:400% 400%!important;background-size:400% 400%!important;-webkit-animation:progress-bar-gradient 10s ease-in-out infinite;animation:progress-bar-gradient 10s ease-in-out infinite}.premium-progressbar-bar{position:absolute;overflow:hidden;line-height:20px}.premium-progressbar-container .clearfix{clear:both}.premium-progressbar-bar{-webkit-transition:width 0s ease-in-out!important;transition:width 0s ease-in-out!important}.premium-progressbar-container p:first-of-type{margin:0;float:left}.premium-progressbar-container p:nth-of-type(2){margin:0;float:right}.premium-progressbar-name{right:50%;top:0;left:0;-webkit-transform:translateX(12.5px);-ms-transform:translateX(12.5px);transform:translateX(12.5px);z-index:1}.premium-progressbar-multiple-label{position:relative;float:right;width:0;right:50%}.premium-progressbar-center-label{position:relative;white-space:nowrap}.premium-progressbar-arrow{height:15px;right:50%;display:inline-block;border-right:7px solid transparent;border-left:7px solid transparent;border-top:11px solid;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%)}.premium-progressbar-pin{border-right:1px solid;height:12px;right:50%;display:inline-block}.premium-progressbar-circle-wrap,.premium-progressbar-hf-circle-wrap{width:200px;height:200px;position:relative;margin:0 auto}.premium-progressbar-circle-wrap .premium-progressbar-circle-content,.premium-progressbar-hf-circle-wrap .premium-progressbar-circle-content{position:absolute;top:0;right:0;width:100%;height:100%;-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.premium-progressbar-circle-wrap .premium-lottie-animation,.premium-progressbar-hf-circle-wrap .premium-lottie-animation{line-height:1}.premium-progressbar-circle-wrap .premium-progressbar-circle{position:absolute;top:0;right:0;width:100%;height:100%;-webkit-clip-path:inset(0 0 0 50%);clip-path:inset(0 0 0 50%)}.premium-progressbar-circle-wrap .premium-progressbar-circle div{position:absolute;right:0;top:0;height:100%;width:100%;border-width:6px;border-style:solid;border-color:#54595f;-webkit-border-radius:50%;border-radius:50%;-webkit-clip-path:inset(0 50% 0 0);clip-path:inset(0 50% 0 0)}.premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}.premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);visibility:hidden}.premium-progressbar-circle-wrap .premium-progressbar-circle-base{width:100%;height:100%;border:6px solid #eee;-webkit-border-radius:50%;border-radius:50%}.premium-progressbar-circle-wrap .premium-lottie-animation{line-height:1}.premium-progressbar-hf-container{position:relative;width:200px;height:200px}.premium-progressbar-hf-circle-wrap{overflow:hidden}.premium-progressbar-hf-circle-wrap .premium-progressbar-left-label{-webkit-box-ordinal-group:2;-webkit-order:1;-moz-box-ordinal-group:2;-ms-flex-order:1;order:1}.premium-progressbar-hf-circle{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-clip-path:inset(0 0 50% 0);clip-path:inset(0 0 50% 0)}.premium-progressbar-hf-circle-progress{position:absolute;left:0;top:0;height:100%;width:100%;border:12px solid #000;-webkit-border-radius:50%;border-radius:50%;-webkit-clip-path:inset(50% 0 0 0);clip-path:inset(50% 0 0 0);-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform 1.5s linear;transition:-webkit-transform 1.5s linear;transition:transform 1.5s linear;transition:transform 1.5s linear,-webkit-transform 1.5s linear}.premium-progressbar-circle-inner{height:100%;width:100%;border:12px solid #eee;-webkit-border-radius:50%;border-radius:50%}.premium-progressbar-hf-labels{margin:0 auto;position:relative;font-size:12px;font-weight:400;-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@-webkit-keyframes progress-bar-stripes{from{background-position:100% 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:100% 0}to{background-position:40px 0}}@-webkit-keyframes progress-bar-gradient{0%{background-position:100% 50%}50%{background-position:0 50%}100%{background-position:100% 50%}}@keyframes progress-bar-gradient{0%{background-position:100% 50%}50%{background-position:0 50%}100%{background-position:100% 50%}}@media (max-width:768px){.premium-progressbar-center-label{-webkit-transform:rotate(-90deg)!important;-ms-transform:rotate(-90deg)!important;transform:rotate(-90deg)!important;-webkit-transform-origin:0;-ms-transform-origin:0;transform-origin:0}}.premium-testimonial-box{width:100%;background:0 0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-testimonial-box .premium-testimonial-author-info{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.premium-testimonial-box .premium-testimonial-company-name,.premium-testimonial-box .premium-testimonial-person-name{font-weight:600;margin:0}.premium-testimonial-container{position:relative}.premium-testimonial-img-wrapper{margin-right:auto;margin-left:auto;overflow:hidden;border-style:solid!important}.premium-testimonial-img-wrapper.circle{-webkit-border-radius:50%;border-radius:50%}.premium-testimonial-img-wrapper.rounded{-webkit-border-radius:15px;border-radius:15px}.premium-testimonial-img-wrapper img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%!important}.premium-testimonial-content-wrapper{position:relative;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;-js-display:flex;display:-webkit-box;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:2;width:100%;padding:20px;text-align:center}.premium-testimonial-clear-float{clear:both}.premium-testimonial-lower-quote,.premium-testimonial-upper-quote{position:absolute;z-index:1}.premium-title-container .premium-title-header{position:relative;margin:0;padding:10px}.premium-title-container .premium-title-header:not(.premium-title-style7){-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.premium-title-container .premium-title-header svg{width:40px;height:40px}.premium-title-container .premium-title-header img{width:40px;height:40px;-o-object-fit:cover;object-fit:cover}.premium-title-container .premium-title-header a{position:absolute;top:0;right:0;width:100%;height:100%}.premium-title-container .premium-lottie-animation{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.premium-title-icon-row .premium-title-icon{margin-left:10px}.premium-title-icon-row-reverse .premium-title-icon{margin-right:10px}.premium-title-style3,.premium-title-style4{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.premium-title-style1,.premium-title-style2,.premium-title-style5,.premium-title-style6,.premium-title-style8,.premium-title-style9{-js-display:inline-flex;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex}.premium-title-style7{-js-display:inline-flex;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.premium-title-style7 .premium-title-style7-inner{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.premium-title-style1{border-width:0;border-right:3px solid #6ec1e4}.premium-title-container.style2,.premium-title-container.style4,.premium-title-container.style5,.premium-title-container.style6{border-bottom:3px solid #6ec1e4}.premium-title-style6:before{position:absolute;right:50%;bottom:0;margin-right:-2px;content:"";border:3px solid transparent}.premium-title-style7-stripe-wrap{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.premium-title-style7:before{display:none}.premium-title-style8 .premium-title-text[data-animation=shiny]{-webkit-background-size:125px 125px!important;background-size:125px!important;color:rgba(255,255,255,0);-webkit-background-clip:text!important;background-clip:text!important;-webkit-animation-name:pa-shinny-text!important;animation-name:pa-shinny-text!important;-webkit-animation-duration:var(--animation-speed)!important;animation-duration:var(--animation-speed)!important;-webkit-animation-iteration-count:infinite!important;animation-iteration-count:infinite!important;background:var(--base-color) -webkit-gradient(linear,left top,right top,from(var(--base-color)),to(var(--base-color)),color-stop(.5,var(--shiny-color))) 0 0 no-repeat}.premium-title-style9[data-animation-blur=process] .premium-title-style9-letter{-webkit-animation:pa-blur-shadow 2s 1 alternate;animation:pa-blur-shadow 2s 1 alternate}.premium-title-gradient-yes .premium-title-icon,.premium-title-gradient-yes .premium-title-text{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-gradient(linear,left top,right top,from(#ffa648),color-stop(#f17cc1),to(#4da9fd));background-image:-webkit-linear-gradient(left,#ffa648,#f17cc1,#4da9fd);background-image:linear-gradient(to right,#ffa648,#f17cc1,#4da9fd);-webkit-animation:pa-text-gradient 8s infinite;animation:pa-text-gradient 8s infinite}.premium-title-clipped .premium-title-header{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@-webkit-keyframes pa-shinny-text{0%{background-position:100%}100%{background-position:-100%}}@keyframes pa-shinny-text{0%{background-position:100%}100%{background-position:-100%}}@-webkit-keyframes pa-blur-shadow{from{text-shadow:0 0 var(--shadow-value) var(--shadow-color);color:transparent}to{text-shadow:0}}@keyframes pa-blur-shadow{from{text-shadow:0 0 var(--shadow-value) var(--shadow-color);color:transparent}to{text-shadow:0}}@-webkit-keyframes pa-text-gradient{0%,100%{-webkit-filter:hue-rotate(0);filter:hue-rotate(0)}50%{-webkit-filter:hue-rotate(360deg);filter:hue-rotate(360deg)}}@keyframes pa-text-gradient{0%,100%{-webkit-filter:hue-rotate(0);filter:hue-rotate(0)}50%{-webkit-filter:hue-rotate(360deg);filter:hue-rotate(360deg)}}.premium-video-box-transform{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.premium-video-box-container{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.premium-video-box-container>div{position:relative;overflow:hidden}.pa-aspect-ratio-11 .premium-video-box-container>div{padding-bottom:100%}.pa-aspect-ratio-169 .premium-video-box-container>div{padding-bottom:56.25%}.pa-aspect-ratio-43 .premium-video-box-container>div{padding-bottom:75%}.pa-aspect-ratio-32 .premium-video-box-container>div{padding-bottom:66.6666%}.pa-aspect-ratio-219 .premium-video-box-container>div{padding-bottom:42.8571%}.pa-aspect-ratio-916 .premium-video-box-container>div{padding-bottom:177.8%}.premium-video-box-image-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-background-size:cover;background-size:cover;background-position:50%;cursor:pointer;margin:auto;-webkit-transition:.2s all;transition:.2s all}.premium-video-box-play-icon-container{position:absolute;z-index:2;cursor:pointer;-webkit-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);transform:translate(50%,-50%);background:rgba(252,252,252,.35)}.premium-video-box-description-container{position:absolute;z-index:2;padding:5px;text-align:center;cursor:pointer;-webkit-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);transform:translate(50%,-50%)}.premium-video-box-text{margin-bottom:0!important;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-video-box-play-icon{padding:15px;-webkit-transform:translateX(-4%);-ms-transform:translateX(-4%);transform:translateX(-4%);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-vid-lightbox-container,.premium-video-box-video-container{position:absolute;top:0;right:0;z-index:2;width:100%;height:100%;-webkit-transition:opacity .8s ease-in-out;transition:opacity .8s ease-in-out;overflow:hidden;cursor:pointer}.premium-video-box-container[data-overlay=true][data-type=self] .premium-video-box-video-container{opacity:0;visibility:hidden}.premium-video-box-video-container iframe{max-width:100%;width:100%;height:100%;margin:0;line-height:1;border:none}.premium-video-box-video-container video{max-width:100%;width:100%;height:100%;margin:0;line-height:1;border:none;background-color:#000;-o-object-fit:contain;object-fit:contain}.premium-video-box-container .premium-video-box-vimeo-wrap{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;position:absolute;top:0;right:0;z-index:3;margin:10px;margin-left:10px;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;margin-left:4.6em}.premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait{width:60px;height:60px;background:rgba(23,35,34,.75);margin-left:1px;-webkit-box-flex:1;-webkit-flex:1 0 auto;-moz-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;padding:0}.premium-video-box-vimeo-portrait img{width:50px;height:50px;margin:5px;padding:0;border:0;-webkit-border-radius:50%;border-radius:50%}.premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers{font-size:10px}.premium-video-box-vimeo-wrap .premium-video-box-vimeo-title{max-width:100%;font-size:2em!important;font-weight:700;margin:0;padding:.1em .2em;background:rgba(23,35,34,.75);display:inline-block;text-transform:none;line-height:normal;letter-spacing:normal}.premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline{font-size:1.2em!important;font-weight:400;color:#fff;margin-top:.1em;padding:.2em .5em;background:rgba(23,35,34,.75);text-transform:none;line-height:normal;letter-spacing:normal}.premium-video-box-playlist-container{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.premium-video-box-playlist-container .premium-video-box-container{height:100%;overflow:hidden}.premium-video-box-container:hover .premium-video-box-image-container.zoomin{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.premium-video-box-container:hover .premium-video-box-image-container.zoomout{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.premium-video-box-container:hover .premium-video-box-image-container.scale{-webkit-transform:scale(1.3) rotate(-5deg);-ms-transform:scale(1.3) rotate(-5deg);transform:scale(1.3) rotate(-5deg)}.premium-video-box-container:hover .premium-video-box-image-container.gray{-webkit-filter:grayscale(0);filter:grayscale(0)}.premium-video-box-container:hover .premium-video-box-image-container.blur{-webkit-filter:blur(3px);filter:blur(3px)}.premium-video-box-container:hover .premium-video-box-image-container.sepia{-webkit-filter:sepia(0);filter:sepia(0)}.premium-video-box-container:hover .premium-video-box-image-container.trans{-webkit-transform:translateX(0) scale(1.1);-ms-transform:translateX(0) scale(1.1);transform:translateX(0) scale(1.1)}.premium-video-box-container:hover .premium-video-box-image-container.bright{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.premium-video-box-image-container.gray{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.premium-video-box-image-container.scale,.premium-video-box-image-container.zoomout{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.premium-video-box-image-container.sepia{-webkit-filter:sepia(30%);filter:sepia(30%)}.premium-video-box-image-container.bright{-webkit-filter:brightness(1);filter:brightness(1)}.premium-video-box-image-container.trans{-webkit-transform:translateX(15px) scale(1.1);-ms-transform:translateX(15px) scale(1.1);transform:translateX(15px) scale(1.1)}.premium-video-box-mask-media{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.premium-video-box-container.premium-video-box-sticky-apply{z-index:99;overflow:unset}.premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap{position:fixed!important;z-index:99999;height:225px;width:400px;background:#fff}.premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before,.premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap{visibility:hidden}.premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap{-webkit-box-shadow:unset;box-shadow:unset}.premium-video-box-sticky-close,.premium-video-box-sticky-infobar{display:none}.premium-video-box-sticky-apply .premium-video-box-sticky-close{position:absolute;padding:5px;cursor:pointer;z-index:99999;height:14px;width:14px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-border-radius:100%;border-radius:100%;-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.premium-video-box-sticky-apply .premium-video-box-play-icon-container{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.premium-video-box-sticky-apply .premium-video-box-play-icon{-webkit-transition:none;transition:none}.premium-video-box-sticky-apply .premium-video-box-sticky-infobar{display:block;position:relative;top:100%;width:100%;padding:5px;text-align:center;z-index:9999;margin-top:-1px}.premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable{cursor:move}.premium-video-sticky-top-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap{left:auto;right:20px;top:20px}.premium-video-sticky-bottom-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap{left:auto;right:20px;bottom:20px}.premium-video-sticky-top-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap{right:auto;left:20px;top:20px}.premium-video-sticky-bottom-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap{right:auto;left:20px;bottom:20px}.premium-video-sticky-center-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap{left:auto;right:20px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.premium-video-sticky-center-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap{right:auto;left:20px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.premium-video-sticky-bottom-left .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap,.premium-video-sticky-bottom-right .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap{bottom:55px}.premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,.premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,.premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close{top:-10px;left:-10px}.premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,.premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,.premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close{top:-10px;right:-10px}.premium-video-box-filter-sticky{-webkit-filter:none!important;filter:none!important}.premium-mscroll-yes.elementor-widget-premium-addon-video-box div{cursor:default}.premium-vscroll-inner{position:relative;min-height:100%}.premium-vscroll-inner .premium-vscroll-dots{position:fixed;z-index:100;opacity:1;margin-top:-32px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-vscroll-wrap .premium-vscroll-nav-menu{opacity:1;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-vscroll-inner .premium-vscroll-dots,.premium-vscroll-wrap .premium-vscroll-dots-hide{opacity:0;visibility:hidden}.premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots{opacity:1;visibility:visible}.premium-vscroll-dots.middle{top:50%;margin-top:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.premium-vscroll-dots.top{top:40px}.premium-vscroll-dots.bottom{bottom:30px}.premium-vscroll-dots.right{left:17px}.premium-vscroll-dots.left{right:17px}.premium-vscroll-inner ul.premium-vscroll-dots-list,.premium-vscroll-wrap .premium-vscroll-nav-menu{margin:0!important;padding:0}.premium-vscroll-inner ul.premium-vscroll-dots-list li{width:14px;height:13px;margin:7px;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;-js-display:flex;display:-moz-box;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;overflow:visible}.premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}.premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span{top:2px;right:2.5px;width:8px;height:8px;border:1px solid #000;-webkit-border-radius:50%;border-radius:50%;position:absolute;z-index:1;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span{-webkit-transform:scale(1.6);-ms-transform:scale(1.6);transform:scale(1.6)}.premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip{position:absolute;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;padding-right:.4em;padding-left:.4em}.premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip{left:27px}.premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item{width:4px;height:30px}.premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span{width:100%;height:100%;-webkit-border-radius:0;border-radius:0}.premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}@media (max-width:768px){.premium-vscroll-dots.right{left:7px}.premium-vscroll-dots.left{right:7px}}.premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after{position:absolute;top:50%;content:"";right:-webkit-calc(100% - 1px);right:calc(100% - 1px);width:10px;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after{position:absolute;top:50%;content:"";left:-webkit-calc(100% - 1px);left:calc(100% - 1px);width:10px;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip{right:27px}.premium-vscroll-nav-menu{position:fixed;top:20px;height:40px;z-index:100;padding:0;margin:0}.premium-vscroll-nav-menu.left{right:0}.premium-vscroll-nav-menu.right{left:0}.premium-vscroll-nav-menu .premium-vscroll-nav-item{display:inline-block;margin:10px;color:#000;background:#fff;background:rgba(255,255,255,.3)}.premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link{padding:9px 18px;display:block;cursor:pointer}.premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link,.premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover{color:#000}.multiscroll-nav li a:focus,.premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus{outline:0}.premium-vscroll-temp .slimScrollBar{visibility:hidden}[data-hijacking=off] .premium-vscroll-temp{height:100vh}[data-hijacking=off] .premium-vscroll-temp>div{opacity:0;top:0;left:0;width:100%;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}[data-hijacking=off] .premium-vscroll-temp:first-of-type>div::before{display:none;position:absolute;width:100%;top:20px;z-index:2}[data-hijacking=off][data-animation=rotate] .premium-vscroll-temp{position:relative;-webkit-perspective:1800px;perspective:1800px}[data-hijacking=off][data-animation=rotate] .premium-vscroll-temp>div{position:absolute;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}[data-hijacking=off][data-animation=rotate] .premium-vscroll-temp:last-of-type>div{opacity:1!important;-webkit-transform:translateY(0) scale(1) rotateX(0)!important;transform:translateY(0) scale(1) rotateX(0)!important}[data-hijacking=off][data-animation=parallax] .premium-vscroll-temp>div{position:fixed}[data-hijacking=off][data-animation=scaleDown] .premium-vscroll-temp>div{position:fixed}[data-hijacking=off] .premium-vscroll-parallax-last{-webkit-transform:translateY(0) scale(1)!important;-ms-transform:translateY(0) scale(1)!important;transform:translateY(0) scale(1)!important}[data-hijacking=off] .premium-vscroll-parallax-position{position:unset!important}.ast-single-post .entry-content .premium-woocommerce a{text-decoration:none}.premium-woocommerce .premium-woo-qv-btn{cursor:pointer}.premium-woocommerce:not(.premium-woo-skin-grid-7) li.product .star-rating{margin:0 auto .5em}.premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-featured-wrap .premium-woo-product-featured,.premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-sale-wrap .premium-woo-product-onsale{display:block;text-align:center;color:#fff;min-width:2em;min-height:2em;line-height:2em;padding:.3em .6em;margin:.5em .6em}.premium-woocommerce .pa-out-of-stock{display:block;text-align:center;color:#fff;min-width:2em;min-height:2em;line-height:2em;padding:.3em .6em;margin:.5em .6em}.premium-woocommerce .premium-woo-products-inner ul.products{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin:0;padding:0;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none outside;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}.premium-woocommerce .premium-woo-products-inner ul.products li.product{margin:0 0 10px;padding:0 10px}.premium-woocommerce.premium-woo-products-inner ul.products li.product .premium-woo-product-wrapper{overflow:hidden;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-woocommerce .premium-woo-product-category{display:block;font-size:.85em;margin-bottom:.5em;line-height:1.3}.premium-woocommerce .woocommerce-loop-product__title{margin-bottom:.5em;font-size:1em;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-woocommerce .woocommerce-loop-product__link{position:relative;display:block!important;overflow:hidden;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-woocommerce .pa-out-of-stock,.premium-woocommerce .premium-woo-ribbon-container{position:absolute;z-index:9}.premium-woocommerce .premium-woo-ribbon-container{top:0;right:0}.premium-woocommerce .pa-out-of-stock{top:7px;right:9px;margin:0}.premium-woocommerce .star-rating{display:block;float:none;margin:0 auto .5em;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;position:relative;height:1em;line-height:1;font-size:.857em;width:5.4em;font-family:star}.premium-woocommerce .star-rating::before{content:"\73\73\73\73\73";color:#54595f;float:right;top:0;right:0;position:absolute}.premium-woocommerce .premium-woo-products-inner ul.products .star-rating span{overflow:hidden;float:right;top:0;right:0;position:absolute;padding-top:1.5em}.premium-woocommerce .star-rating span::before{content:"\53\53\53\53\53";color:inherit;top:0;position:absolute;right:0}.premium-woo-product-thumbnail{position:relative;overflow:hidden}.premium-woo-product-thumbnail .woocommerce-loop-product__link img{margin:0;width:100%}.premium-woo-product-featured-wrap,.premium-woo-product-sale-wrap{margin:0}.premium-woocommerce .premium-woo-products-details-wrap{padding:1em 1.2em}.premium-woocommerce .premium-woo-products-details-wrap .button{display:inline-block;background-color:#6ec1e4;color:#fff;margin:.5em 0;line-height:1.3;padding:10px 40px;font-size:100%;cursor:pointer;text-decoration:none;overflow:visible;font-weight:700;background-image:none;border:none;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;text-shadow:none;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-woocommerce li.product .price{display:block;line-height:1.3;font-weight:700;margin-bottom:.5em;font-size:.9em}.premium-woocommerce li.product .price del{display:inline-block;font-weight:400;background:0 0;opacity:1}.premium-woocommerce li.product .price ins{display:inline-block;background:0 0;text-decoration:none;font-weight:inherit}.premium-woocommerce li.product .price .amount{color:inherit!important}.premium-woocommerce li.product .premium-woo-product-desc p{margin:0}.premium-woo-product-align-left .premium-woocommerce li.product .star-rating{margin-right:auto;margin-left:0}.premium-woo-product-align-center .premium-woocommerce li.product .star-rating{margin-right:auto;margin-left:auto}.premium-woo-product-align-right .premium-woocommerce li.product .star-rating{margin-right:0;margin-left:auto}.premium-woo-products-pagination ul.page-numbers{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;list-style-type:none;margin:0;margin-top:10px;padding:0;border:none;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.premium-woo-products-pagination ul.page-numbers li{margin:0 0 .4em .4em;padding:0;text-align:center}.premium-woo-products-pagination ul.page-numbers li .page-numbers{margin:0;text-decoration:none;color:#000;border:1px solid #54595f;padding:0;line-height:1;font-size:1em;font-weight:400;padding:.75em;display:block;min-width:2.5em;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-woo-products-pagination ul.page-numbers li .page-numbers.current,.premium-woo-products-pagination ul.page-numbers li .page-numbers:hover{background-color:#54595f;color:#fff;outline:0}.premium-woo-quick-view-loader .premium-loading-feed,.premium-woocommerce .premium-loading-feed{display:block;position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,.2);-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.premium-woocommerce .woocommerce-loop-product__link img{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-woo-product__hover-zoomout .woocommerce-loop-product__link img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.premium-woo-product__hover-zoomout li.product:hover .woocommerce-loop-product__link img{-webkit-transform:none;-ms-transform:none;transform:none}.premium-woo-product__hover-zoomin .woocommerce-loop-product__link img{-webkit-transform:none;-ms-transform:none;transform:none}.premium-woo-product__hover-zoomin li.product:hover .woocommerce-loop-product__link img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.premium-woo-product__hover-gray .woocommerce-loop-product__link img{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.premium-woo-product__hover-gray li.product:hover .woocommerce-loop-product__link img{-webkit-filter:grayscale(0);filter:grayscale(0)}.premium-woo-product__hover-sepia .woocommerce-loop-product__link img{-webkit-filter:sepia(30%);filter:sepia(30%)}.premium-woo-product__hover-sepia li.product:hover .woocommerce-loop-product__link img{-webkit-filter:sepia(0);filter:sepia(0)}.premium-woo-product__hover-bright .woocommerce-loop-product__link img{-webkit-filter:brightness(1);filter:brightness(1)}.premium-woo-product__hover-bright li.product:hover .woocommerce-loop-product__link img{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.premium-woo-product__hover-trans .woocommerce-loop-product__link img{-webkit-transform:translateX(15px) scale(1.1);-ms-transform:translateX(15px) scale(1.1);transform:translateX(15px) scale(1.1)}.premium-woo-product__hover-trans li.product:hover .woocommerce-loop-product__link img{-webkit-transform:translateX(0) scale(1.1);-ms-transform:translateX(0) scale(1.1);transform:translateX(0) scale(1.1)}.premium-woo-product__hover-scale li.product:hover .woocommerce-loop-product__link img{-webkit-transform:scaleX(1.3) scaleY(1.3) rotate(-5deg);-ms-transform:scaleX(1.3) scaleY(1.3) rotate(-5deg);transform:scaleX(1.3) scaleY(1.3) rotate(-5deg)}.premium-woocommerce .premium-woo-product__on_hover{position:absolute;top:0;left:0;bottom:0;right:0;height:100%;opacity:0}.premium-woo-product__hover-swap li.product:hover .premium-woo-product__on_hover{opacity:1}.premium-woo-skin-grid-1 .premium-woo-qv-btn,.premium-woo-skin-grid-3 .premium-woo-qv-btn,.premium-woo-skin-grid-4 .premium-woo-qv-btn{position:absolute;bottom:0;right:0;width:100%;text-align:center;padding:5px;background:rgba(2,2,2,.5);color:#fff;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:2;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.premium-woo-skin-grid-4 .premium-woo-qv-btn{-webkit-transition-delay:.1s;transition-delay:.1s}.premium-woo-skin-grid-1 .premium-woo-qv-icon,.premium-woo-skin-grid-3 .premium-woo-qv-icon,.premium-woo-skin-grid-4 .premium-woo-qv-icon,.premium-woo-skin-grid-6 .premium-woo-qv-icon{margin-right:.5em}.premium-woo-product-thumbnail:hover .premium-woo-qv-btn-translate{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.premium-woo-product-wrapper .premium-woo-qv-data{position:absolute;top:0;right:0;width:100%;height:100%;z-index:1;overflow:hidden;cursor:pointer}.premium-woo-skin-grid-1 .premium-woo-product-actions-wrapper,.premium-woo-skin-grid-4 .premium-woo-product-actions-wrapper{position:absolute;top:.7em;left:1em;-webkit-transform:translate3d(-15px,0,0);transform:translate3d(-15px,0,0);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:0;z-index:9}.premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-cart-btn{position:relative;display:block;margin:0 0 3px;background:#fff;text-align:center;outline:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-add-cart-icon{display:block;color:#54595f;width:30px;line-height:30px;height:30px;cursor:pointer;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-woo-skin-grid-1 li.product:hover .premium-woo-product-actions-wrapper,.premium-woo-skin-grid-4 li.product:hover .premium-woo-product-actions-wrapper{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0);opacity:1}.premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon::before{content:"\f013"}.premium-woocommerce .premium-woo-cart-btn.added .premium-woo-add-cart-icon::before{content:"\f00c"}.premium-woo-skin-grid-2 li.product .premium-woo-products-details-wrap{position:absolute;background:#fff;bottom:0;right:0;width:100%;z-index:2;padding:0;opacity:0;-webkit-transition:opacity .2s,-webkit-transform .4s;transition:opacity .2s,-webkit-transform .4s;transition:transform .4s,opacity .2s;transition:transform .4s,opacity .2s,-webkit-transform .4s;-webkit-transform:translateZ(0) translateY(5px);transform:translateZ(0) translateY(5px)}.premium-woo-skin-grid-2 .premium-woo-product-details{padding:15px 0}.premium-woo-skin-grid-2 li.product:hover .premium-woo-products-details-wrap{opacity:1;-webkit-transform:translateZ(0) translateY(0);transform:translateZ(0) translateY(0)}.premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper{position:static;-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-moz-box-orient:horizontal;-moz-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.premium-woo-skin-grid-2 .premium-woo-product-actions-wrapper>*{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-width:50%}.premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .button{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin:0;text-align:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn{background-color:#54595f}.premium-woo-skin-grid-4 li.product .premium-woo-products-details-wrap{position:absolute;right:0;left:0;top:50%;-webkit-transform:scale(.9) translateZ(0) translateY(-50%);transform:scale(.9) translateZ(0) translateY(-50%);text-align:center;z-index:2;opacity:0;-webkit-transition:opacity .5s,-webkit-transform .3s;transition:opacity .5s,-webkit-transform .3s;transition:opacity .5s,transform .3s;transition:opacity .5s,transform .3s,-webkit-transform .3s}.premium-woo-skin-grid-4 li.product .premium-woo-product-overlay,.premium-woo-skin-grid-8 li.product .premium-woo-product-overlay{position:absolute;top:0;right:0;width:100%;height:100%;opacity:0;visibility:hidden;background-color:rgba(27,27,23,.3);-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.premium-woo-skin-grid-4 li.product:hover .premium-woo-product-overlay,.premium-woo-skin-grid-8 li.product:hover .premium-woo-product-overlay{opacity:1;visibility:visible;z-index:1}.premium-woo-skin-grid-4 li.product:hover .premium-woo-products-details-wrap{-webkit-transform:scale(1) translateZ(0) translateY(-50%);transform:scale(1) translateZ(0) translateY(-50%);opacity:1}.premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;background-color:#54595f;padding:10px;-webkit-transition:all .25s ease 0s;transition:all .25s ease 0s}.premium-woo-skin-grid-5 li.product .premium-woo-products-details-wrap{width:75%}.premium-woo-skin-grid-5 .premium-woo-product-wrapper{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.premium-woo-product-align-right .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper{-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.premium-woo-product-align-center .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper{-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.premium-woo-skin-grid-6 .premium-woo-qv-btn{position:absolute;top:50%;right:50%;min-width:40%;text-align:center;padding:5px;background:rgba(2,2,2,.5);color:#fff;-webkit-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);transform:translate(50%,-50%);opacity:0;visibility:hidden;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;cursor:pointer;z-index:2}.premium-woo-skin-grid-6 li.product:hover .premium-woo-qv-btn{opacity:1;visibility:visible}.premium-woo-product-align-left .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,.premium-woo-product-align-left .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating,.premium-woo-product-align-right .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,.premium-woo-product-align-right .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating{margin:0}.premium-woo-skin-grid-6 li.product .premium-woo-product-info{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.premium-woo-product-align-center .premium-woocommerce li.product .premium-woo-product-info{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.premium-woo-product-align-right .premium-woocommerce li.product .premium-woo-product-info{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-moz-box-orient:horizontal;-moz-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.premium-woo-skin-grid-6 li.product .premium-woo-product-gallery-images{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;position:absolute;bottom:10px;width:100%;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.premium-woo-product-gallery-images .premium-woo-product__gallery_image{width:20%;margin:0 .2em;border:2px solid #aaa;cursor:pointer}.premium-woo-products-metro li.product .premium-woo-product-thumbnail,.premium-woo-products-metro li.product .premium-woo-product-thumbnail img,.premium-woo-products-metro li.product .premium-woo-product-wrapper,.premium-woo-products-metro li.product .woocommerce-LoopProduct-link{height:100%}.premium-woo-products-metro ul.products li.product{margin-bottom:0}.premium-woo-products-metro li.product .premium-woo-product-thumbnail img{-o-object-fit:cover;object-fit:cover}.premium-carousel-hidden{opacity:0;visibility:hidden}.premium-woocommerce:not(.premium-woo-skin-grid-7) .slick-arrow{-webkit-border-radius:50%;border-radius:50%}.premium-woocommerce ul.slick-dots{width:100%}html.premium-woo-qv-opened,html.premium-woo-qv-opened body{overflow:hidden}.premium-woo-quick-view-back{position:fixed;visibility:hidden;overflow:hidden;background:rgba(2,2,2,.5);opacity:0;-webkit-transition:opacity .25s;transition:opacity .25s;z-index:999}.premium-woo-quick-view-active{top:0;right:0;width:100%;height:100%;opacity:1;visibility:visible}#premium-woo-quick-view-modal{position:fixed;visibility:hidden;opacity:0;top:0;right:0;width:100%;height:100%;z-index:1400;text-align:center;-webkit-transition:all .3s;transition:all .3s;overflow-x:hidden;overflow-y:auto}#premium-woo-quick-view-modal.active{visibility:visible;opacity:1}#premium-woo-quick-view-modal.active .premium-woo-content-main{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;width:100%}#premium-woo-quick-view-modal .premium-woo-content-main-wrapper{position:absolute;width:100%;height:100%;top:0;right:0;text-align:center;padding:30px;-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}#premium-woo-quick-view-modal .premium-woo-content-main{position:relative;pointer-events:none;max-width:100%;text-align:right;z-index:1045;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px);opacity:0;-webkit-transition:opacity .3s,-webkit-transform .5s;transition:opacity .3s,-webkit-transform .5s;transition:transform .5s,opacity .3s;transition:transform .5s,opacity .3s,-webkit-transform .5s;margin:0 auto}#premium-woo-quick-view-modal .premium-woo-lightbox-content{position:relative;display:table;pointer-events:auto;background-color:#fff;max-width:975px;margin:20px auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-box-shadow:-3px 3px 20px 0 rgba(0,0,0,.15);box-shadow:-3px 3px 20px 0 rgba(0,0,0,.15);overflow:hidden}#premium-woo-quick-view-modal .summary{width:50%;margin:0;padding:30px;float:right;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#premium-woo-quick-view-modal .summary .quantity{min-width:auto}#premium-woo-quick-view-modal .summary .quantity input.qty{width:54px;-webkit-appearance:button;-moz-appearance:button;appearance:button}#premium-woo-quick-view-modal .summary .quantity input[type=number]::-webkit-inner-spin-button,#premium-woo-quick-view-modal .summary .quantity input[type=number]::-webkit-outer-spin-button{display:unset}#premium-woo-quick-view-modal .woocommerce-product-details__short-description p{margin:0}#premium-woo-quick-view-close{position:absolute;font-size:22px;top:10px;left:10px;width:22px;height:22px;line-height:22px;opacity:.7;text-align:center;z-index:2;color:#000}#premium-woo-quick-view-modal .premium-woo-qv-image-slider{position:relative}#premium-woo-quick-view-modal .premium-woo-qv-image-slider li{list-style:none}#premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav{margin:0;padding:0;width:100%;position:absolute;bottom:10px;text-align:center;direction:ltr}#premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li{margin:0 6px;display:inline-block;vertical-align:middle}#premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,.5);cursor:pointer;text-indent:-9999px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.3);box-shadow:inset 0 0 3px rgba(0,0,0,.3);-webkit-border-radius:20px;border-radius:20px}#premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a.flex-active{background:rgba(0,0,0,.9);cursor:default}#premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a:focus{outline:0}#premium-woo-quick-view-modal .premium-woo-qv-image-slider img{-o-object-fit:cover;object-fit:cover;width:100%}#premium-woo-quick-view-content div.images{width:50%;float:right;opacity:1!important;margin:0}#premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav{margin:0;padding:0;list-style:none;direction:ltr}#premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav a{text-decoration:none;display:block;width:14px;height:32px;font-size:32px;line-height:32px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;cursor:pointer;color:rgba(0,0,0,.8);text-shadow:-1px 1px 0 rgba(255,255,255,.3);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next,#premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev{display:inline-block;font-family:"Font Awesome 5 Free";font-weight:900;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev{left:10px}#premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next{right:10px}#premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev::before{content:"\f104"}#premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next::before{content:"\f105"}.premium-woocommerce li.product .added_to_cart.wc-forward{display:none}.premium-woo-atc-button .add_to_cart_button .premium-woo-cart-loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;margin-right:5px;vertical-align:baseline}.premium-woo-load-more{position:relative}.premium-woo-load-more .premium-woo-load-more-btn{-webkit-box-shadow:none;box-shadow:none;text-shadow:none;border:none;outline:0;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:bottom;cursor:pointer;line-height:1;font-style:normal;font-weight:400;background-image:none;color:#fff;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;padding:10px 20px}.premium-woo-load-more-btn{-js-display:inline-flex;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.premium-woo-load-more-btn span{margin-right:3px}.premium-woo-load-more-btn .premium-loader{display:inline-block;width:20px;height:20px}.premium-woo-title-above-yes .premium-woo-product__link{opacity:0}@media (min-width:545px){#premium-woo-quick-view-content div.summary{content:"544";overflow-y:auto}}@media (max-width:544px){#premium-woo-quick-view-content .premium-woo-lightbox-content{display:block}#premium-woo-quick-view-content div.images,#premium-woo-quick-view-content div.summary{width:100%;float:none}}.premium-title-bg-text:before{position:absolute;content:attr(data-background);top:0;left:0;text-align:left}.premium-bg-text-yes .elementor-widget-container:before{position:absolute;top:0;left:0;text-align:left}.premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,.premium-mask-yes .premium-dual-header-second-clip .premium-mask-span{background:inherit}.premium-mask-yes .premium-mask-span{position:relative;overflow:hidden;-js-display:inline-flex!important;display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-moz-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.premium-mask-yes .premium-mask-span::after{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background-color:currentColor;-webkit-backface-visibility:visible;backface-visibility:visible}.premium-mask-active.premium-mask-tr .premium-mask-span::after{-webkit-animation:pa-mask-tr 1.7s cubic-bezier(1,0,.18,1) forwards;animation:pa-mask-tr 1.7s cubic-bezier(1,0,.18,1) forwards;-webkit-transform:translateX(-103%);-ms-transform:translateX(-103%);transform:translateX(-103%)}.premium-mask-active.premium-mask-tl .premium-mask-span::after{-webkit-animation:pa-mask-tl 1.7s cubic-bezier(1,0,.18,1) forwards;animation:pa-mask-tl 1.7s cubic-bezier(1,0,.18,1) forwards;-webkit-transform:translateX(103%);-ms-transform:translateX(103%);transform:translateX(103%)}.premium-mask-active.premium-mask-tb .premium-mask-span::after{-webkit-animation:pa-mask-tb 1.7s cubic-bezier(1,0,.18,1) forwards;animation:pa-mask-tb 1.7s cubic-bezier(1,0,.18,1) forwards;-webkit-transform:translateY(-103%);-ms-transform:translateY(-103%);transform:translateY(-103%)}.premium-mask-active.premium-mask-tt .premium-mask-span::after{-webkit-animation:pa-mask-tt 1.7s cubic-bezier(1,0,.18,1) forwards;animation:pa-mask-tt 1.7s cubic-bezier(1,0,.18,1) forwards;-webkit-transform:translateY(103%);-ms-transform:translateY(103%);transform:translateY(103%)}@-webkit-keyframes pa-mask-tr{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(103%);transform:translateX(103%)}}@keyframes pa-mask-tr{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(103%);transform:translateX(103%)}}@-webkit-keyframes pa-mask-tl{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-103%);transform:translateX(-103%)}}@keyframes pa-mask-tl{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-103%);transform:translateX(-103%)}}@-webkit-keyframes pa-mask-tb{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(103%);transform:translateY(103%)}}@keyframes pa-mask-tb{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(103%);transform:translateY(103%)}}@-webkit-keyframes pa-mask-tt{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-103%);transform:translateY(-103%)}}@keyframes pa-mask-tt{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-103%);transform:translateY(-103%)}}.premium-button .prem