PluginProbe
Ultimate Post Kit – Elementor Post Grid, Post Carousel, Post Slider & Blog Layout Widgets / 4.1.9
Ultimate Post Kit – Elementor Post Grid, Post Carousel, Post Slider & Blog Layout Widgets v4.1.9
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 4.1.9, at assets/css/upk-site.css

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