PluginProbe
Ultimate Post Kit – Elementor Post Grid, Post Carousel, Post Slider & Blog Layout Widgets / trunk
Ultimate Post Kit – Elementor Post Grid, Post Carousel, Post Slider & Blog Layout Widgets vtrunk
4.5.4 4.2.1 4.2.2 4.2.3 4.5.0 4.5.2 4.5.3 4.2.0 4.1.18 4.1.17 4.1.16 4.1.15 4.1.14 4.1.13 4.1.12 4.1.11 4.1.10 4.1.9 4.1.8 4.0.9 4.1.0 4.1.1 4.1.2 4.1.3 4.1.4 All 146 releases
ultimate-post-kit / assets / css / upk-site.css

upk-site.css in Ultimate Post Kit – Elementor Post Grid, Post Carousel, Post Slider & Blog Layout Widgets trunk, at assets/css/upk-site.css

1,459 lines 39.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @charset "UTF-8";
2 .upk-slider .swiper-pagination,
3 .upk-dots-container .swiper-pagination,
4 .upk-arrows-dots-container .swiper-pagination {
5 position: relative;
6 display: flex;
7 align-items: var(--upk-swiper-dots-align, center);
8 justify-content: center;
9 }
10 .upk-slider .swiper-pagination .swiper-pagination-bullet,
11 .upk-dots-container .swiper-pagination .swiper-pagination-bullet,
12 .upk-arrows-dots-container .swiper-pagination .swiper-pagination-bullet {
13 width: 10px;
14 height: 10px;
15 outline: none;
16 transition: all 0.3s ease;
17 }
18 .upk-slider .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet,
19 .upk-dots-container .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet,
20 .upk-arrows-dots-container .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
21 margin-left: var(--upk-swiper-dots-space-between, 5px);
22 outline: none;
23 }
24 .upk-slider .swiper-pagination.swiper-pagination-fraction,
25 .upk-dots-container .swiper-pagination.swiper-pagination-fraction,
26 .upk-arrows-dots-container .swiper-pagination.swiper-pagination-fraction {
27 bottom: auto;
28 z-index: 1;
29 }
30 .upk-slider .swiper-pagination-bullets,
31 .upk-dots-container .swiper-pagination-bullets,
32 .upk-arrows-dots-container .swiper-pagination-bullets {
33 min-height: var(--upk-swiper-dots-active-height, 10px);
34 }
35 .upk-slider .swiper-pagination-bullets .swiper-pagination-bullet,
36 .upk-dots-container .swiper-pagination-bullets .swiper-pagination-bullet,
37 .upk-arrows-dots-container .swiper-pagination-bullets .swiper-pagination-bullet {
38 position: relative;
39 }
40 .upk-slider .swiper-pagination-bullets .swiper-pagination-bullet:after,
41 .upk-dots-container .swiper-pagination-bullets .swiper-pagination-bullet:after,
42 .upk-arrows-dots-container .swiper-pagination-bullets .swiper-pagination-bullet:after {
43 content: "";
44 width: calc(100% + 6px);
45 height: calc(100% + 6px);
46 position: absolute;
47 transform: translate(-50%, -50%);
48 left: 50%;
49 top: 50%;
50 }
51
52 .upk-arrows-dots-container .swiper-pagination-bullets-dynamic,
53 .upk-slider .swiper-pagination-bullets-dynamic,
54 .upk-dots-container .swiper-pagination-bullets-dynamic {
55 overflow: hidden;
56 font-size: 0;
57 width: 100% !important;
58 left: 0 !important;
59 transform: translateX(0) !important;
60 }
61 .upk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
62 .upk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
63 .upk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
64 transform: scale(0.33);
65 position: relative;
66 }
67 .upk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
68 .upk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
69 .upk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
70 transform: scale(1);
71 }
72 .upk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main,
73 .upk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main,
74 .upk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
75 transform: scale(1);
76 }
77 .upk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev,
78 .upk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev,
79 .upk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
80 transform: scale(0.66);
81 }
82 .upk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev,
83 .upk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev,
84 .upk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
85 transform: scale(0.33);
86 }
87 .upk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
88 .upk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
89 .upk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
90 transform: scale(0.66);
91 }
92 .upk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,
93 .upk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,
94 .upk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
95 transform: scale(0.33);
96 }
97
98 [class*=upk-arrows-align-top] .upk-arrows-container {
99 transform: translateY(-40px);
100 }
101
102 [class*=upk-arrows-align-bottom] .upk-arrows-container {
103 transform: translateY(40px);
104 }
105
106 [class*=upk-dots-align-top] .upk-dots-container {
107 transform: translateY(-30px);
108 }
109
110 [class*=upk-dots-align-bottom] .upk-dots-container {
111 transform: translateY(30px);
112 }
113
114 [class*=upk-arrows-dots-align-top] .upk-arrows-dots-container {
115 transform: translateY(-40px);
116 }
117
118 [class*=upk-arrows-dots-align-bottom] .upk-arrows-dots-container {
119 transform: translateY(40px);
120 }
121
122 .upk-arrows-align-center .upk-position-center,
123 .upk-arrows-dots-align-center .upk-position-center {
124 width: 100%;
125 }
126 .upk-arrows-align-center .upk-navigation-prev,
127 .upk-arrows-dots-align-center .upk-navigation-prev {
128 left: 0;
129 position: absolute;
130 transform: translateY(-50%);
131 }
132 .upk-arrows-align-center .upk-navigation-next,
133 .upk-arrows-dots-align-center .upk-navigation-next {
134 right: 0;
135 position: absolute;
136 transform: translateY(-50%);
137 }
138
139 .rtl .upk-arrows-align-center .upk-navigation-prev,
140 .rtl .upk-arrows-dots-align-center .upk-navigation-prev {
141 right: 0;
142 left: inherit;
143 }
144 .rtl .upk-arrows-align-center .upk-navigation-next,
145 .rtl .upk-arrows-dots-align-center .upk-navigation-next {
146 left: 0;
147 right: inherit;
148 }
149
150 .upk-arrows-dots-align-center .upk-dots-container .swiper-pagination,
151 .upk-arrows-dots-align-center .upk-arrows-dots-container .swiper-pagination {
152 position: absolute;
153 width: 100% !important;
154 }
155
156 [class*=upk-progress-align-top] .swiper-pagination-progressbar {
157 top: 0;
158 bottom: auto;
159 }
160
161 [class*=upk-progress-align-bottom] .swiper-pagination-progressbar {
162 bottom: 0;
163 top: auto;
164 }
165
166 .upk-navigation-type-progressbar .swiper-pagination-progressbar {
167 height: 5px;
168 width: 100%;
169 }
170
171 [class*=" elementor-widget-upk-"] svg.e-font-icon-svg {
172 height: 1em;
173 width: 1em;
174 }
175
176 [class*=" elementor-widget-upk-"] .swiper-pagination-fraction, [class*=" elementor-widget-upk-"] .swiper-pagination-custom, [class*=" elementor-widget-upk-"] .swiper-horizontal > .swiper-pagination-bullets, [class*=" elementor-widget-upk-"] .swiper-pagination-bullets.swiper-pagination-horizontal {
177 bottom: auto;
178 }
179
180 [class*=elementor-widget-upk-] .upk-arrows-container {
181 -webkit-transform: translate(var(--upk-swiper-carousel-arrows-ncx, 0), var(--upk-swiper-carousel-arrows-ncy, 40));
182 transform: translate(var(--upk-swiper-carousel-arrows-ncx, 0), var(--upk-swiper-carousel-arrows-ncy, 40));
183 }
184 [class*=elementor-widget-upk-] .upk-dots-container {
185 -webkit-transform: translate(var(--upk-swiper-carousel-dots-nnx, 0), var(--upk-swiper-carousel-dots-nny, 30));
186 transform: translate(var(--upk-swiper-carousel-dots-nnx, 0), var(--upk-swiper-carousel-dots-nny, 30));
187 }
188 [class*=elementor-widget-upk-] .upk-arrows-dots-container {
189 -webkit-transform: translate(var(--upk-swiper-carousel-both-ncx, 0), var(--upk-swiper-carousel-both-ncy, 40));
190 transform: translate(var(--upk-swiper-carousel-both-ncx, 0), var(--upk-swiper-carousel-both-ncy, 40));
191 }
192 [class*=elementor-widget-upk-] .upk-arrows-fraction-container {
193 -webkit-transform: translate(var(--upk-swiper-carousel-arrows-fraction-ncx, 0), var(--upk-swiper-carousel-arrows-fraction-ncy, 40));
194 transform: translate(var(--upk-swiper-carousel-arrows-fraction-ncx, 0), var(--upk-swiper-carousel-arrows-fraction-ncy, 40));
195 }
196 [class*=elementor-widget-upk-] .upk-position-center-left .upk-arrows-container,
197 [class*=elementor-widget-upk-] .upk-position-center-right .upk-arrows-container {
198 -webkit-transform: translate(var(--upk-swiper-carousel-arrows-ncx, 0), var(--upk-swiper-carousel-arrows-ncy, 0)) rotate(90deg);
199 transform: translate(var(--upk-swiper-carousel-arrows-ncx, 0), var(--upk-swiper-carousel-arrows-ncy, 0)) rotate(90deg);
200 }
201 [class*=elementor-widget-upk-] .upk-position-center-left .upk-dots-container,
202 [class*=elementor-widget-upk-] .upk-position-center-right .upk-dots-container {
203 -webkit-transform: translate(var(--upk-swiper-carousel-dots-nnx, 0), var(--upk-swiper-carousel-dots-nny, 0)) rotate(90deg);
204 transform: translate(var(--upk-swiper-carousel-dots-nnx, 0), var(--upk-swiper-carousel-dots-nny, 0)) rotate(90deg);
205 }
206 [class*=elementor-widget-upk-] .upk-position-center-left .upk-arrows-dots-container,
207 [class*=elementor-widget-upk-] .upk-position-center-right .upk-arrows-dots-container {
208 -webkit-transform: translate(var(--upk-swiper-carousel-both-ncx, 0), var(--upk-swiper-carousel-both-ncy, 0)) rotate(90deg);
209 transform: translate(var(--upk-swiper-carousel-both-ncx, 0), var(--upk-swiper-carousel-both-ncy, 0)) rotate(90deg);
210 }
211 [class*=elementor-widget-upk-] .upk-position-center-left .upk-arrows-fraction-container,
212 [class*=elementor-widget-upk-] .upk-position-center-right .upk-arrows-fraction-container {
213 -webkit-transform: translate(var(--upk-swiper-carousel-arrows-fraction-ncx, 0), var(--upk-swiper-carousel-arrows-fraction-ncy, 0)) rotate(90deg);
214 transform: translate(var(--upk-swiper-carousel-arrows-fraction-ncx, 0), var(--upk-swiper-carousel-arrows-fraction-ncy, 0)) rotate(90deg);
215 }
216
217 [class*=elementor-widget-upk-] a:hover {
218 text-decoration: none;
219 }
220 [class*=elementor-widget-upk-] .swiper-pagination .swiper-pagination-bullet {
221 transition: all 350ms cubic-bezier(0.38, 0.91, 0.58, 1);
222 }
223 [class*=elementor-widget-upk-] .upk-title a {
224 font-family: inherit;
225 font-size: inherit;
226 font-weight: inherit;
227 text-transform: inherit;
228 font-style: inherit;
229 text-decoration: inherit;
230 line-height: inherit;
231 letter-spacing: inherit;
232 word-spacing: inherit;
233 }
234
235 /* Common Less */
236 .elementor-lightbox *, .elementor-lightbox *::before, .elementor-lightbox *::after {
237 box-sizing: border-box;
238 }
239
240 .title-animation-middle-overline,
241 .title-animation-middle-underline,
242 .title-animation-overline,
243 .title-animation-underline {
244 background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor));
245 background-image: linear-gradient(currentColor, currentColor);
246 background-repeat: no-repeat;
247 background-size: 0% 2px;
248 -webkit-transition: background-size 0.3s;
249 transition: background-size 0.3s;
250 display: inline;
251 }
252 .title-animation-middle-overline:hover,
253 .title-animation-middle-underline:hover,
254 .title-animation-overline:hover,
255 .title-animation-underline:hover {
256 background-size: 100% 2px;
257 }
258 .title-animation-middle-overline:focus,
259 .title-animation-middle-underline:focus,
260 .title-animation-overline:focus,
261 .title-animation-underline:focus {
262 background-size: 100% 2px;
263 }
264
265 .title-animation-underline {
266 background-position: 0% 100%;
267 }
268
269 .title-animation-overline {
270 background-position: 0% 0;
271 }
272
273 .title-animation-middle-overline {
274 background-position: 50% 0%;
275 }
276
277 .title-animation-middle-underline {
278 background-position: 50% 100%;
279 }
280
281 .title-animation-style-5 {
282 background: linear-gradient(to right, currentColor 0%, currentColor 98%);
283 background-size: 0px 2px;
284 background-repeat: no-repeat;
285 background-position: left 85%;
286 }
287 .title-animation-style-5:hover {
288 background-size: 100% 2px;
289 }
290 @keyframes backgroundGradient {
291 0% {
292 background-position: 50% 0%;
293 }
294 50% {
295 background-position: 50% 100%;
296 }
297 100% {
298 background-position: 50% 0%;
299 }
300 }
301
302 .title-animation-style-6 {
303 position: relative;
304 text-decoration: none;
305 }
306 .title-animation-style-6:after {
307 content: "";
308 position: absolute;
309 width: 100%;
310 height: 1px;
311 bottom: 0;
312 left: 0;
313 background-color: currentColor;
314 transform: scaleX(0);
315 transform-origin: bottom right;
316 transition: transform 0.3s;
317 }
318 .title-animation-style-6:hover:after {
319 transform-origin: bottom left;
320 transform: scaleX(1);
321 }
322
323 [class*=elementor-widget-upk-] {
324 /* swiper for 3rd party style */
325 }
326 [class*=elementor-widget-upk-] .swiper-pagination-fraction,
327 [class*=elementor-widget-upk-] .swiper-pagination-custom,
328 [class*=elementor-widget-upk-] .swiper-horizontal .swiper-pagination-bullets,
329 [class*=elementor-widget-upk-] .swiper-horizontal + .swiper-pagination-bullets {
330 bottom: -50px;
331 width: 100%;
332 }
333 [class*=elementor-widget-upk-] .swiper-pagination-fraction .swiper-pagination-bullet,
334 [class*=elementor-widget-upk-] .swiper-pagination-custom .swiper-pagination-bullet,
335 [class*=elementor-widget-upk-] .swiper-horizontal .swiper-pagination-bullets .swiper-pagination-bullet,
336 [class*=elementor-widget-upk-] .swiper-horizontal + .swiper-pagination-bullets .swiper-pagination-bullet {
337 width: 10px;
338 height: 10px;
339 margin: 0 5px;
340 }
341
342 .upk-navigation-type-arrows-fraction .swiper-pagination {
343 position: initial;
344 }
345
346 .rtl .upk-arrows-container,
347 .rtl .upk-arrows-fraction-container,
348 .rtl .upk-arrows-dots-container {
349 direction: rtl;
350 }
351 .rtl .upk-arrows-container .swiper-pagination,
352 .rtl .upk-arrows-fraction-container .swiper-pagination,
353 .rtl .upk-arrows-dots-container .swiper-pagination {
354 direction: ltr;
355 }
356 .rtl .upk-news-ticker-controls {
357 display: flex;
358 flex-direction: row-reverse;
359 }
360
361 [class*=elementor-widget-upk-] {
362 /* Swiper */
363 /* Elementor forces sibling progressbars to top: 0 — reset per UPK position. */
364 }
365 [class*=elementor-widget-upk-] .swiper .elementor-lightbox-content-source {
366 display: none;
367 }
368 [class*=elementor-widget-upk-] .swiper-horizontal + .swiper-pagination-progressbar,
369 [class*=elementor-widget-upk-] .swiper-vertical + .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
370 width: 100%;
371 height: 4px;
372 }
373 [class*=elementor-widget-upk-] .swiper-pagination-progressbar {
374 background: rgba(0, 0, 0, 0.25);
375 position: absolute;
376 }
377 [class*=elementor-widget-upk-] .swiper-pagination-progressbar.upk-position-top {
378 top: 0;
379 bottom: auto;
380 }
381 [class*=elementor-widget-upk-] .swiper-pagination-progressbar.upk-position-bottom {
382 bottom: 0;
383 top: auto;
384 }
385 [class*=elementor-widget-upk-] .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
386 background: #007aff;
387 position: absolute;
388 left: 0;
389 top: 0;
390 width: 100%;
391 height: 100%;
392 transform: scale(0);
393 transform-origin: left top;
394 }
395 [class*=elementor-widget-upk-] .upk-position-bottom.swiper-pagination-progressbar {
396 top: auto;
397 }
398 [class*=elementor-widget-upk-] .upk-position-top.swiper-pagination-progressbar {
399 bottom: auto;
400 }
401
402 .upk-alert {
403 padding: 20px;
404 background: #2b2d42;
405 color: #fff;
406 border-radius: 4px;
407 }
408
409 /**
410 * Ajax Loadmore
411 */
412 .upk-loadmore-container {
413 text-align: center;
414 margin-top: 30px;
415 }
416 .upk-loadmore-container .upk-loadmore-btn {
417 padding: 10px 20px;
418 border-radius: 4px;
419 background: #EF233C;
420 color: #fff;
421 font-size: 14px;
422 font-weight: 600;
423 text-transform: uppercase;
424 transition: all 0.3s ease;
425 cursor: pointer;
426 display: inline-flex;
427 }
428 .upk-loadmore-container .upk-loadmore-btn:hover {
429 background: #EDF2F4;
430 color: #EF233C;
431 }
432 .upk-loadmore-container .upk-ajax-loading,
433 .upk-loadmore-container .upk-ajax-loading:before,
434 .upk-loadmore-container .upk-ajax-loading:after {
435 border-radius: 50%;
436 width: 2.5em;
437 height: 2.5em;
438 -webkit-animation-fill-mode: both;
439 animation-fill-mode: both;
440 -webkit-animation: load7 1.8s infinite ease-in-out;
441 animation: load7 1.8s infinite ease-in-out;
442 }
443 .upk-loadmore-container .upk-ajax-loading {
444 color: #EF233C;
445 font-size: 5px;
446 margin: 30px auto 40px auto;
447 position: relative;
448 text-indent: -9999em;
449 -webkit-transform: translateZ(0);
450 -ms-transform: translateZ(0);
451 transform: translateZ(0);
452 -webkit-animation-delay: -0.16s;
453 animation-delay: -0.16s;
454 }
455 .upk-loadmore-container .upk-ajax-loading:before,
456 .upk-loadmore-container .upk-ajax-loading:after {
457 content: "";
458 position: absolute;
459 top: 0;
460 }
461 .upk-loadmore-container .upk-ajax-loading:before {
462 left: -3.5em;
463 -webkit-animation-delay: -0.32s;
464 animation-delay: -0.32s;
465 }
466 .upk-loadmore-container .upk-ajax-loading:after {
467 left: 3.5em;
468 }
469 @-webkit-keyframes load7 {
470 0%, 80%, 100% {
471 box-shadow: 0 2.5em 0 -1.3em;
472 }
473 40% {
474 box-shadow: 0 2.5em 0 0;
475 }
476 }
477 @keyframes load7 {
478 0%, 80%, 100% {
479 box-shadow: 0 2.5em 0 -1.3em;
480 }
481 40% {
482 box-shadow: 0 2.5em 0 0;
483 }
484 }
485
486 .ep-pagination .upk-pagination {
487 margin: 20px 0;
488 }
489 .ep-pagination .upk-pagination li {
490 list-style-type: none;
491 }
492 .ep-pagination .upk-pagination li:hover a, .ep-pagination .upk-pagination li.upk-active a {
493 color: #ef233c;
494 }
495 .ep-pagination .upk-pagination li:hover a span,
496 .ep-pagination .upk-pagination li:hover a i, .ep-pagination .upk-pagination li.upk-active a span,
497 .ep-pagination .upk-pagination li.upk-active a i {
498 color: inherit;
499 }
500 .ep-pagination .upk-pagination li a {
501 font-size: 16px;
502 font-weight: 600;
503 color: #8d99ae;
504 line-height: 1;
505 }
506 .ep-pagination .upk-pagination li:nth-child(1) {
507 padding-left: 0;
508 }
509 .ep-pagination .upk-pagination li.upk-pagination-previous a, .ep-pagination .upk-pagination li.upk-pagination-next a {
510 border: 1px solid #8d99ae;
511 padding: 10px;
512 border-radius: 3px;
513 display: inline-block;
514 }
515 .ep-pagination .upk-pagination {
516 display: flex;
517 justify-content: center;
518 flex-wrap: wrap;
519 padding: 0;
520 list-style: none;
521 align-items: center;
522 }
523 .ep-pagination .upk-pagination > * {
524 flex: none;
525 padding-left: 20px;
526 position: relative;
527 }
528 .ep-pagination .upk-pagination > * > * {
529 color: #8d99ae;
530 }
531 .ep-pagination .upk-pagination > * > :hover,
532 .ep-pagination .upk-pagination > * > :focus {
533 color: #8d99ae;
534 text-decoration: none;
535 }
536 .ep-pagination .upk-pagination > .upk-active > * {
537 color: #8d99ae;
538 }
539 .ep-pagination .upk-pagination > .upk-disabled > * {
540 color: #8d99ae;
541 }
542 .ep-pagination .upk-pagination-dot-dot {
543 display: flex;
544 align-items: center;
545 justify-content: center;
546 }
547 .ep-pagination .upk-pagination-dot-dot span {
548 line-height: 1px;
549 height: 13px;
550 color: #bbb !important;
551 }
552
553 [class*=elementor-widget-upk-] .upk-navigation-prev, [class*=elementor-widget-upk-] .upk-navigation-next {
554 cursor: pointer;
555 }
556 [class*=elementor-widget-upk-] .swiper-coverflow {
557 padding-top: 15px;
558 }
559 [class*=elementor-widget-upk-] .swiper-coverflow .swiper-slide {
560 transition-property: transform, border, background;
561 }
562 [class*=elementor-widget-upk-] .swiper-horizontal > .swiper-pagination-progress {
563 top: auto;
564 bottom: 0;
565 }
566
567 .elementor-pagination-position-inside .swiper-pagination-fraction,
568 .elementor-pagination-position-inside .swiper-horizontal > .swiper-pagination-bullets {
569 bottom: 10px;
570 }
571
572 .elementor-pagination-position-outside .swiper {
573 padding-bottom: 40px;
574 }
575 .elementor-pagination-position-outside .swiper-pagination-fraction,
576 .elementor-pagination-position-outside .swiper-horizontal > .swiper-pagination-bullets {
577 bottom: 0;
578 }
579
580 /* Button icon align */
581 .upk-button-icon-align-left {
582 float: left;
583 }
584
585 .upk-button-icon-align-right {
586 float: right;
587 }
588
589 .upk-flex-align-left {
590 order: -1;
591 }
592
593 .upk-flex-align-right {
594 order: 99;
595 }
596
597 .upk-display-inline-block {
598 display: inline-block !important;
599 }
600
601 [class*=upk-position-top],
602 [class*=upk-position-bottom],
603 [class*=upk-position-left],
604 [class*=upk-position-right],
605 [class*=upk-position-center] {
606 position: absolute !important;
607 max-width: 100%;
608 }
609
610 .upk-position-top {
611 top: 0;
612 left: 0;
613 right: 0;
614 }
615
616 .upk-position-bottom {
617 bottom: 0;
618 left: 0;
619 right: 0;
620 }
621
622 .upk-position-left {
623 top: 0;
624 bottom: 0;
625 left: 0;
626 }
627
628 .upk-position-right {
629 top: 0;
630 bottom: 0;
631 right: 0;
632 }
633
634 .upk-position-top-left {
635 top: 0;
636 left: 0;
637 }
638
639 .upk-position-top-right {
640 top: 0;
641 right: 0;
642 }
643
644 .upk-position-bottom-left {
645 bottom: 0;
646 left: 0;
647 }
648
649 .upk-position-bottom-right {
650 bottom: 0;
651 right: 0;
652 }
653
654 .upk-position-center {
655 top: 50%;
656 left: 50%;
657 transform: translate(-50%, -50%);
658 width: max-content;
659 max-width: 100%;
660 box-sizing: border-box;
661 }
662
663 [class*=upk-position-center-left],
664 [class*=upk-position-center-right] {
665 top: 50%;
666 transform: translateY(-50%);
667 }
668
669 .upk-position-center-left {
670 left: 0;
671 }
672
673 .upk-position-center-right {
674 right: 0;
675 }
676
677 .upk-position-center-left-out {
678 right: 100%;
679 width: max-content;
680 }
681
682 .upk-position-center-right-out {
683 left: 100%;
684 width: max-content;
685 }
686
687 .upk-position-top-center,
688 .upk-position-bottom-center {
689 left: 50%;
690 transform: translateX(-50%);
691 width: max-content;
692 max-width: 100%;
693 box-sizing: border-box;
694 }
695
696 .upk-position-top-center {
697 top: 0;
698 }
699
700 .upk-position-bottom-center {
701 bottom: 0;
702 }
703
704 .upk-position-cover {
705 position: absolute;
706 top: 0;
707 bottom: 0;
708 left: 0;
709 right: 0;
710 }
711
712 .upk-position-relative {
713 position: relative !important;
714 }
715
716 .upk-position-absolute {
717 position: absolute !important;
718 }
719
720 .upk-position-fixed {
721 position: fixed !important;
722 }
723
724 .upk-position-z-index {
725 z-index: 1;
726 }
727
728 .upk-position-small {
729 max-width: calc(100% - 30px);
730 margin: 15px;
731 }
732
733 .upk-position-small.upk-position-center {
734 transform: translate(-50%, -50%) translate(-15px, -15px);
735 }
736
737 .upk-position-small[class*=upk-position-center-left],
738 .upk-position-small[class*=upk-position-center-right] {
739 transform: translateY(-50%) translateY(-15px);
740 }
741
742 .upk-position-small.upk-position-top-center,
743 .upk-position-small.upk-position-bottom-center {
744 transform: translateX(-50%) translateX(-15px);
745 }
746
747 .upk-position-medium {
748 max-width: calc(100% - 60px);
749 margin: 30px;
750 }
751
752 .upk-position-medium.upk-position-center {
753 transform: translate(-50%, -50%) translate(-30px, -30px);
754 }
755
756 .upk-position-medium[class*=upk-position-center-left],
757 .upk-position-medium[class*=upk-position-center-right] {
758 transform: translateY(-50%) translateY(-30px);
759 }
760
761 .upk-position-medium.upk-position-top-center,
762 .upk-position-medium.upk-position-bottom-center {
763 transform: translateX(-50%) translateX(-30px);
764 }
765
766 .upk-position-large {
767 max-width: calc(100% - 60px);
768 margin: 30px;
769 }
770
771 .upk-position-large.upk-position-center {
772 transform: translate(-50%, -50%) translate(-30px, -30px);
773 }
774
775 .upk-position-large[class*=upk-position-center-left],
776 .upk-position-large[class*=upk-position-center-right] {
777 transform: translateY(-50%) translateY(-30px);
778 }
779
780 .upk-position-large.upk-position-top-center,
781 .upk-position-large.upk-position-bottom-center {
782 transform: translateX(-50%) translateX(-30px);
783 }
784
785 @media (min-width: 1200px) {
786 .upk-position-large {
787 max-width: calc(100% - 100px);
788 margin: 50px;
789 }
790 .upk-position-large.upk-position-center {
791 transform: translate(-50%, -50%) translate(-50px, -50px);
792 }
793 .upk-position-large[class*=upk-position-center-left],
794 .upk-position-large[class*=upk-position-center-right] {
795 transform: translateY(-50%) translateY(-50px);
796 }
797 .upk-position-large.upk-position-top-center,
798 .upk-position-large.upk-position-bottom-center {
799 transform: translateX(-50%) translateX(-50px);
800 }
801 }
802 .upk-transition-toggle {
803 -webkit-tap-highlight-color: transparent;
804 }
805
806 .upk-transition-toggle:focus {
807 outline: none;
808 }
809
810 .upk-transition-fade,
811 [class*=upk-transition-scale],
812 [class*=upk-transition-slide] {
813 transition: 0.3s ease-out;
814 transition-property: opacity, transform, filter;
815 opacity: 0;
816 }
817
818 .upk-transition-toggle:hover .upk-transition-fade,
819 .upk-transition-toggle:focus .upk-transition-fade,
820 .upk-transition-active.upk-active .upk-transition-fade {
821 opacity: 1;
822 }
823
824 .upk-transition-scale-up {
825 transform: scale(1, 1);
826 }
827
828 .upk-transition-scale-down {
829 transform: scale(1.1, 1.1);
830 }
831
832 .upk-transition-toggle:hover .upk-transition-scale-up,
833 .upk-transition-toggle:focus .upk-transition-scale-up,
834 .upk-transition-active.upk-active .upk-transition-scale-up {
835 opacity: 1;
836 transform: scale(1.1, 1.1);
837 }
838
839 .upk-transition-toggle:hover .upk-transition-scale-down,
840 .upk-transition-toggle:focus .upk-transition-scale-down,
841 .upk-transition-active.upk-active .upk-transition-scale-down {
842 opacity: 1;
843 transform: scale(1, 1);
844 }
845
846 .upk-transition-slide-top {
847 transform: translateY(-100%);
848 }
849
850 .upk-transition-slide-bottom {
851 transform: translateY(100%);
852 }
853
854 .upk-transition-slide-left {
855 transform: translateX(-100%);
856 }
857
858 .upk-transition-slide-right {
859 transform: translateX(100%);
860 }
861
862 .upk-transition-slide-top-small {
863 transform: translateY(-10px);
864 }
865
866 .upk-transition-slide-bottom-small {
867 transform: translateY(10px);
868 }
869
870 .upk-transition-slide-left-small {
871 transform: translateX(-10px);
872 }
873
874 .upk-transition-slide-right-small {
875 transform: translateX(10px);
876 }
877
878 .upk-transition-slide-top-medium {
879 transform: translateY(-50px);
880 }
881
882 .upk-transition-slide-bottom-medium {
883 transform: translateY(50px);
884 }
885
886 .upk-transition-slide-left-medium {
887 transform: translateX(-50px);
888 }
889
890 .upk-transition-slide-right-medium {
891 transform: translateX(50px);
892 }
893
894 .upk-transition-toggle:hover [class*=upk-transition-slide],
895 .upk-transition-toggle:focus [class*=upk-transition-slide],
896 .upk-transition-active.upk-active [class*=upk-transition-slide] {
897 opacity: 1;
898 transform: translate(0, 0);
899 }
900
901 .upk-transition-opaque {
902 opacity: 1;
903 }
904
905 .upk-transition-slow {
906 transition-duration: 0.7s;
907 }
908
909 [hidden],
910 .upk-hidden {
911 display: none !important;
912 }
913
914 @media (min-width: 640px) {
915 .upk-hidden\@s {
916 display: none !important;
917 }
918 }
919 @media (min-width: 960px) {
920 .upk-hidden\@m {
921 display: none !important;
922 }
923 }
924 @media (min-width: 1200px) {
925 .upk-hidden\@l {
926 display: none !important;
927 }
928 }
929 @media (min-width: 1600px) {
930 .upk-hidden\@xl {
931 display: none !important;
932 }
933 }
934 @media (max-width: 639px) {
935 .upk-visible\@s {
936 display: none !important;
937 }
938 }
939 @media (max-width: 959px) {
940 .upk-visible\@m {
941 display: none !important;
942 }
943 }
944 @media (max-width: 1199px) {
945 .upk-visible\@l {
946 display: none !important;
947 }
948 }
949 @media (max-width: 1599px) {
950 .upk-visible\@xl {
951 display: none !important;
952 }
953 }
954 .upk-invisible {
955 visibility: hidden !important;
956 }
957
958 .upk-flex {
959 display: flex;
960 }
961
962 .upk-flex-inline {
963 display: inline-flex;
964 }
965
966 .upk-flex::before,
967 .upk-flex::after,
968 .upk-flex-inline::before,
969 .upk-flex-inline::after {
970 display: none;
971 }
972
973 .upk-flex-left {
974 justify-content: flex-start;
975 }
976
977 .upk-flex-center {
978 justify-content: center;
979 }
980
981 .upk-flex-right {
982 justify-content: flex-end;
983 }
984
985 .upk-flex-between {
986 justify-content: space-between;
987 }
988
989 .upk-flex-around {
990 justify-content: space-around;
991 }
992
993 @media (min-width: 640px) {
994 .upk-flex-left\@s {
995 justify-content: flex-start;
996 }
997 .upk-flex-center\@s {
998 justify-content: center;
999 }
1000 .upk-flex-right\@s {
1001 justify-content: flex-end;
1002 }
1003 .upk-flex-between\@s {
1004 justify-content: space-between;
1005 }
1006 .upk-flex-around\@s {
1007 justify-content: space-around;
1008 }
1009 }
1010 @media (min-width: 960px) {
1011 .upk-flex-left\@m {
1012 justify-content: flex-start;
1013 }
1014 .upk-flex-center\@m {
1015 justify-content: center;
1016 }
1017 .upk-flex-right\@m {
1018 justify-content: flex-end;
1019 }
1020 .upk-flex-between\@m {
1021 justify-content: space-between;
1022 }
1023 .upk-flex-around\@m {
1024 justify-content: space-around;
1025 }
1026 }
1027 @media (min-width: 1200px) {
1028 .upk-flex-left\@l {
1029 justify-content: flex-start;
1030 }
1031 .upk-flex-center\@l {
1032 justify-content: center;
1033 }
1034 .upk-flex-right\@l {
1035 justify-content: flex-end;
1036 }
1037 .upk-flex-between\@l {
1038 justify-content: space-between;
1039 }
1040 .upk-flex-around\@l {
1041 justify-content: space-around;
1042 }
1043 }
1044 @media (min-width: 1600px) {
1045 .upk-flex-left\@xl {
1046 justify-content: flex-start;
1047 }
1048 .upk-flex-center\@xl {
1049 justify-content: center;
1050 }
1051 .upk-flex-right\@xl {
1052 justify-content: flex-end;
1053 }
1054 .upk-flex-between\@xl {
1055 justify-content: space-between;
1056 }
1057 .upk-flex-around\@xl {
1058 justify-content: space-around;
1059 }
1060 }
1061 .upk-flex-stretch {
1062 align-items: stretch;
1063 }
1064
1065 .upk-flex-top {
1066 align-items: flex-start;
1067 }
1068
1069 .upk-flex-middle {
1070 align-items: center;
1071 }
1072
1073 .upk-flex-bottom {
1074 align-items: flex-end;
1075 }
1076
1077 .upk-flex-row {
1078 flex-direction: row;
1079 }
1080
1081 .upk-flex-row-reverse {
1082 flex-direction: row-reverse;
1083 }
1084
1085 .upk-flex-column {
1086 flex-direction: column;
1087 }
1088
1089 .upk-flex-column-reverse {
1090 flex-direction: column-reverse;
1091 }
1092
1093 .upk-flex-nowrap {
1094 flex-wrap: nowrap;
1095 }
1096
1097 .upk-flex-wrap {
1098 flex-wrap: wrap;
1099 }
1100
1101 .upk-flex-wrap-reverse {
1102 flex-wrap: wrap-reverse;
1103 }
1104
1105 .upk-flex-wrap-stretch {
1106 align-content: stretch;
1107 }
1108
1109 .upk-flex-wrap-top {
1110 align-content: flex-start;
1111 }
1112
1113 .upk-flex-wrap-middle {
1114 align-content: center;
1115 }
1116
1117 .upk-flex-wrap-bottom {
1118 align-content: flex-end;
1119 }
1120
1121 .upk-flex-wrap-between {
1122 align-content: space-between;
1123 }
1124
1125 .upk-flex-wrap-around {
1126 align-content: space-around;
1127 }
1128
1129 .upk-flex-first {
1130 order: -1;
1131 }
1132
1133 .upk-flex-last {
1134 order: 99;
1135 }
1136
1137 @media (min-width: 640px) {
1138 .upk-flex-first\@s {
1139 order: -1;
1140 }
1141 .upk-flex-last\@s {
1142 order: 99;
1143 }
1144 }
1145 @media (min-width: 960px) {
1146 .upk-flex-first\@m {
1147 order: -1;
1148 }
1149 .upk-flex-last\@m {
1150 order: 99;
1151 }
1152 }
1153 @media (min-width: 1200px) {
1154 .upk-flex-first\@l {
1155 order: -1;
1156 }
1157 .upk-flex-last\@l {
1158 order: 99;
1159 }
1160 }
1161 @media (min-width: 1600px) {
1162 .upk-flex-first\@xl {
1163 order: -1;
1164 }
1165 .upk-flex-last\@xl {
1166 order: 99;
1167 }
1168 }
1169 .upk-flex-none {
1170 flex: none;
1171 }
1172
1173 .upk-flex-auto {
1174 flex: auto;
1175 }
1176
1177 .upk-flex-1 {
1178 flex: 1;
1179 }
1180
1181 .upk-slidenav {
1182 padding: 5px 10px;
1183 color: rgba(102, 102, 102, 0.5);
1184 }
1185
1186 .upk-slidenav:hover,
1187 .upk-slidenav:focus {
1188 color: rgba(102, 102, 102, 0.9);
1189 outline: none;
1190 }
1191
1192 .upk-slidenav:active {
1193 color: rgba(102, 102, 102, 0.5);
1194 }
1195
1196 .upk-slidenav-large {
1197 padding: 10px 10px;
1198 }
1199
1200 .upk-slidenav-container {
1201 display: flex;
1202 }
1203
1204 .upk-icon {
1205 margin: 0;
1206 border: none;
1207 border-radius: 0;
1208 overflow: visible;
1209 font: inherit;
1210 color: inherit;
1211 text-transform: none;
1212 padding: 0;
1213 background-color: transparent;
1214 display: inline-block;
1215 fill: currentcolor;
1216 line-height: 0;
1217 }
1218
1219 /* ------------------------------------------------
1220 [1] Tooltip css Styles
1221 -------------------------------------------------*/
1222 [class*=elementor-widget-upk-] [aria-label][role~=tooltip] {
1223 position: relative;
1224 }
1225 [class*=elementor-widget-upk-] [aria-label][role~=tooltip]::before,
1226 [class*=elementor-widget-upk-] [aria-label][role~=tooltip]::after {
1227 transform: translate3d(0, 0, 0);
1228 -webkit-backface-visibility: hidden;
1229 backface-visibility: hidden;
1230 will-change: transform;
1231 opacity: 0;
1232 pointer-events: none;
1233 transition: all var(--microtip-transition-duration, 0.18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);
1234 position: absolute;
1235 box-sizing: border-box;
1236 z-index: 10;
1237 transform-origin: top;
1238 }
1239 [class*=elementor-widget-upk-] [aria-label][role~=tooltip]::before {
1240 background-size: 100% auto !important;
1241 content: "";
1242 }
1243 [class*=elementor-widget-upk-] [aria-label][role~=tooltip]::after {
1244 background: rgba(17, 17, 17, 0.9);
1245 border-radius: 4px;
1246 color: #ffffff;
1247 content: attr(aria-label);
1248 font-size: var(--microtip-font-size, 13px);
1249 font-weight: var(--microtip-font-weight, normal);
1250 text-transform: capitalize;
1251 padding: 10px 15px;
1252 box-sizing: content-box;
1253 width: 250px;
1254 }
1255 [class*=elementor-widget-upk-] [aria-label][role~=tooltip]:hover::before,
1256 [class*=elementor-widget-upk-] [aria-label][role~=tooltip]:hover::after,
1257 [class*=elementor-widget-upk-] [aria-label][role~=tooltip]:focus::before,
1258 [class*=elementor-widget-upk-] [aria-label][role~=tooltip]:focus::after {
1259 opacity: 1;
1260 pointer-events: auto;
1261 }
1262
1263 .upk-inline-block {
1264 display: inline-block;
1265 position: relative;
1266 width: 100%;
1267 max-width: 100%;
1268 vertical-align: middle;
1269 -webkit-backface-visibility: hidden;
1270 }
1271
1272 /* ------------------------------------------------
1273 [2] Position Modifiers
1274 -------------------------------------------------*/
1275 [class*=elementor-widget-upk-] {
1276 /* ------------------------------------------------
1277 [2.1] Top Left
1278 -------------------------------------------------*/
1279 /* ------------------------------------------------
1280 [2.2] Top Right
1281 -------------------------------------------------*/
1282 /* ------------------------------------------------
1283 [2.3] Bottom
1284 -------------------------------------------------*/
1285 /* ------------------------------------------------
1286 [2.4] Bottom Left
1287 -------------------------------------------------*/
1288 /* ------------------------------------------------
1289 [2.5] Bottom Right
1290 -------------------------------------------------*/
1291 /* ------------------------------------------------
1292 [2.6] Left
1293 -------------------------------------------------*/
1294 /* ------------------------------------------------
1295 [2.7] Right
1296 -------------------------------------------------*/
1297 /* ------------------------------------------------
1298 [3] Size
1299 -------------------------------------------------*/
1300 }
1301 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position|=top]::before {
1302 background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
1303 height: 6px;
1304 width: 18px;
1305 margin-bottom: 6px;
1306 }
1307 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position|=top]::after {
1308 margin-bottom: 11px;
1309 }
1310 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position|=top]::before {
1311 transform: translate3d(-50%, 0, 0);
1312 bottom: 100%;
1313 left: 50%;
1314 }
1315 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position|=top]:hover::before {
1316 transform: translate3d(-50%, -5px, 0);
1317 }
1318 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position|=top]::after {
1319 transform: translate3d(-50%, 0, 0);
1320 bottom: 100%;
1321 left: 50%;
1322 }
1323 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=top]:hover::after {
1324 transform: translate3d(-50%, -5px, 0);
1325 }
1326 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=top-left]::after {
1327 transform: translate3d(calc(-100% + 16px), 0, 0);
1328 bottom: 100%;
1329 }
1330 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=top-left]:hover::after {
1331 transform: translate3d(calc(-100% + 16px), -5px, 0);
1332 }
1333 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=top-right]::after {
1334 transform: translate3d(calc(0% - 16px), 0, 0);
1335 bottom: 100%;
1336 }
1337 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=top-right]:hover::after {
1338 transform: translate3d(calc(0% - 16px), -5px, 0);
1339 }
1340 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position|=bottom]::before {
1341 background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
1342 height: 6px;
1343 width: 18px;
1344 margin-top: 5px;
1345 margin-bottom: 0;
1346 }
1347 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position|=bottom]::after {
1348 margin-top: 11px;
1349 }
1350 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position|=bottom]::before {
1351 transform: translate3d(-50%, -10px, 0);
1352 bottom: auto;
1353 left: 50%;
1354 top: 100%;
1355 }
1356 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position|=bottom]:hover::before {
1357 transform: translate3d(-50%, 0, 0);
1358 }
1359 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position|=bottom]::after {
1360 transform: translate3d(-50%, -10px, 0);
1361 top: 100%;
1362 left: 50%;
1363 }
1364 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=bottom]:hover::after {
1365 transform: translate3d(-50%, 0, 0);
1366 }
1367 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=bottom-left]::after {
1368 transform: translate3d(calc(-100% + 16px), -10px, 0);
1369 top: 100%;
1370 }
1371 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=bottom-left]:hover::after {
1372 transform: translate3d(calc(-100% + 16px), 0, 0);
1373 }
1374 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=bottom-right]::after {
1375 transform: translate3d(calc(0% - 16px), -10px, 0);
1376 top: 100%;
1377 }
1378 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=bottom-right]:hover::after {
1379 transform: translate3d(calc(0% - 16px), 0, 0);
1380 }
1381 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=left]::before,
1382 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=left]::after {
1383 bottom: auto;
1384 left: auto;
1385 right: 100%;
1386 top: 50%;
1387 transform: translate3d(10px, -50%, 0);
1388 }
1389 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=left]::before {
1390 background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
1391 height: 18px;
1392 width: 6px;
1393 margin-right: 5px;
1394 margin-bottom: 0;
1395 }
1396 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=left]::after {
1397 margin-right: 11px;
1398 }
1399 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=left]:hover::before,
1400 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=left]:hover::after {
1401 transform: translate3d(0, -50%, 0);
1402 }
1403 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=right]::before,
1404 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=right]::after {
1405 bottom: auto;
1406 left: 100%;
1407 top: 50%;
1408 transform: translate3d(-10px, -50%, 0);
1409 }
1410 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=right]::before {
1411 background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
1412 height: 18px;
1413 width: 6px;
1414 margin-bottom: 0;
1415 margin-left: 5px;
1416 }
1417 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=right]::after {
1418 margin-left: 11px;
1419 }
1420 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=right]:hover::before,
1421 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=right]:hover::after {
1422 transform: translate3d(0, -50%, 0);
1423 }
1424 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-size=small]::after {
1425 white-space: initial;
1426 width: 80px;
1427 }
1428 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-size=medium]::after {
1429 white-space: initial;
1430 width: 150px;
1431 }
1432 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-size=large]::after {
1433 white-space: initial;
1434 width: 260px;
1435 }
1436
1437 .upk-in-animation {
1438 perspective: var(--upk-perspective, 600px);
1439 -webkit-perspective: var(--upk-perspective, 600px);
1440 }
1441 .upk-in-animation .upk-item {
1442 opacity: 0;
1443 transform-origin: var(--upk-transform-origin, center top);
1444 transform-style: preserve-3d;
1445 transition: opacity 0s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0s cubic-bezier(0.215, 0.61, 0.355, 1);
1446 -webkit-transform: translate(var(--upk-translate-x, 0), var(--upk-translate-y, 100%)) rotateX(var(--upk-rotate-x, -80deg)) rotateY(var(--upk-rotate-y, 0)) rotateZ(var(--upk-rotate-z, 0)) scaleX(var(--upk-scale-x, 1)) scaleY(var(--upk-scale-y, 1)) skewX(var(--upk-skew-x, 0)) skewY(var(--upk-skew-y, 0));
1447 transform: translate(var(--upk-translate-x, 0), var(--upk-translate-y, 100%)) rotateX(var(--upk-rotate-x, -80deg)) rotateY(var(--upk-rotate-y, 0)) rotateZ(var(--upk-rotate-z, 0)) scaleX(var(--upk-scale-x, 1)) scaleY(var(--upk-scale-y, 1)) skewX(var(--upk-skew-x, 0)) skewY(var(--upk-skew-y, 0));
1448 }
1449 .upk-in-animation .upk-item.is-inview {
1450 transform: none;
1451 opacity: 1;
1452 transition-duration: var(--upk-transition-duration, 800ms) !important;
1453 }
1454
1455 @media (min-width: 768px) and (max-width: 1024px) {
1456 .upk-hide-orphan-yes .upk-hide-orphan-tablet {
1457 display: none !important;
1458 }
1459 }