PluginProbe
Ultimate Post Kit – Elementor Post Grid, Post Carousel, Post Slider & Blog Layout Widgets / 4.1.17
Ultimate Post Kit – Elementor Post Grid, Post Carousel, Post Slider & Blog Layout Widgets v4.1.17
4.5.6 4.5.5 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 All 148 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.17, at assets/css/upk-site.css

1,435 lines 38.9 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:hover a span,
471 .ep-pagination .upk-pagination li:hover a i,
472 .ep-pagination .upk-pagination li.upk-active a span,
473 .ep-pagination .upk-pagination li.upk-active a i {
474 color: inherit;
475 }
476 .ep-pagination .upk-pagination li a {
477 font-size: 16px;
478 font-weight: 600;
479 color: #8d99ae;
480 line-height: 1;
481 }
482 .ep-pagination .upk-pagination li:nth-child(1) {
483 padding-left: 0;
484 }
485 .ep-pagination .upk-pagination li.upk-pagination-previous a, .ep-pagination .upk-pagination li.upk-pagination-next a {
486 border: 1px solid #8d99ae;
487 padding: 10px;
488 border-radius: 3px;
489 display: inline-block;
490 }
491 .ep-pagination .upk-pagination {
492 display: flex;
493 justify-content: center;
494 flex-wrap: wrap;
495 padding: 0;
496 list-style: none;
497 align-items: center;
498 }
499 .ep-pagination .upk-pagination > * {
500 flex: none;
501 padding-left: 20px;
502 position: relative;
503 }
504 .ep-pagination .upk-pagination > * > * {
505 color: #8d99ae;
506 }
507 .ep-pagination .upk-pagination > * > :hover,
508 .ep-pagination .upk-pagination > * > :focus {
509 color: #8d99ae;
510 text-decoration: none;
511 }
512 .ep-pagination .upk-pagination > .upk-active > * {
513 color: #8d99ae;
514 }
515 .ep-pagination .upk-pagination > .upk-disabled > * {
516 color: #8d99ae;
517 }
518 .ep-pagination .upk-pagination-dot-dot {
519 display: flex;
520 align-items: center;
521 justify-content: center;
522 }
523 .ep-pagination .upk-pagination-dot-dot span {
524 line-height: 1px;
525 height: 13px;
526 color: #bbb !important;
527 }
528
529 [class*=elementor-widget-upk-] .upk-navigation-prev, [class*=elementor-widget-upk-] .upk-navigation-next {
530 cursor: pointer;
531 }
532 [class*=elementor-widget-upk-] .swiper-coverflow {
533 padding-top: 15px;
534 }
535 [class*=elementor-widget-upk-] .swiper-coverflow .swiper-slide {
536 transition-property: transform, border, background;
537 }
538 [class*=elementor-widget-upk-] .swiper-horizontal > .swiper-pagination-progress {
539 top: auto;
540 bottom: 0;
541 }
542
543 .elementor-pagination-position-inside .swiper-pagination-fraction,
544 .elementor-pagination-position-inside .swiper-horizontal > .swiper-pagination-bullets {
545 bottom: 10px;
546 }
547
548 .elementor-pagination-position-outside .swiper {
549 padding-bottom: 40px;
550 }
551 .elementor-pagination-position-outside .swiper-pagination-fraction,
552 .elementor-pagination-position-outside .swiper-horizontal > .swiper-pagination-bullets {
553 bottom: 0;
554 }
555
556 /* Button icon align */
557 .upk-button-icon-align-left {
558 float: left;
559 }
560
561 .upk-button-icon-align-right {
562 float: right;
563 }
564
565 .upk-flex-align-left {
566 order: -1;
567 }
568
569 .upk-flex-align-right {
570 order: 99;
571 }
572
573 .upk-display-inline-block {
574 display: inline-block !important;
575 }
576
577 [class*=upk-position-top],
578 [class*=upk-position-bottom],
579 [class*=upk-position-left],
580 [class*=upk-position-right],
581 [class*=upk-position-center] {
582 position: absolute !important;
583 max-width: 100%;
584 }
585
586 .upk-position-top {
587 top: 0;
588 left: 0;
589 right: 0;
590 }
591
592 .upk-position-bottom {
593 bottom: 0;
594 left: 0;
595 right: 0;
596 }
597
598 .upk-position-left {
599 top: 0;
600 bottom: 0;
601 left: 0;
602 }
603
604 .upk-position-right {
605 top: 0;
606 bottom: 0;
607 right: 0;
608 }
609
610 .upk-position-top-left {
611 top: 0;
612 left: 0;
613 }
614
615 .upk-position-top-right {
616 top: 0;
617 right: 0;
618 }
619
620 .upk-position-bottom-left {
621 bottom: 0;
622 left: 0;
623 }
624
625 .upk-position-bottom-right {
626 bottom: 0;
627 right: 0;
628 }
629
630 .upk-position-center {
631 top: 50%;
632 left: 50%;
633 transform: translate(-50%, -50%);
634 width: max-content;
635 max-width: 100%;
636 box-sizing: border-box;
637 }
638
639 [class*=upk-position-center-left],
640 [class*=upk-position-center-right] {
641 top: 50%;
642 transform: translateY(-50%);
643 }
644
645 .upk-position-center-left {
646 left: 0;
647 }
648
649 .upk-position-center-right {
650 right: 0;
651 }
652
653 .upk-position-center-left-out {
654 right: 100%;
655 width: max-content;
656 }
657
658 .upk-position-center-right-out {
659 left: 100%;
660 width: max-content;
661 }
662
663 .upk-position-top-center,
664 .upk-position-bottom-center {
665 left: 50%;
666 transform: translateX(-50%);
667 width: max-content;
668 max-width: 100%;
669 box-sizing: border-box;
670 }
671
672 .upk-position-top-center {
673 top: 0;
674 }
675
676 .upk-position-bottom-center {
677 bottom: 0;
678 }
679
680 .upk-position-cover {
681 position: absolute;
682 top: 0;
683 bottom: 0;
684 left: 0;
685 right: 0;
686 }
687
688 .upk-position-relative {
689 position: relative !important;
690 }
691
692 .upk-position-absolute {
693 position: absolute !important;
694 }
695
696 .upk-position-fixed {
697 position: fixed !important;
698 }
699
700 .upk-position-z-index {
701 z-index: 1;
702 }
703
704 .upk-position-small {
705 max-width: calc(100% - 30px);
706 margin: 15px;
707 }
708
709 .upk-position-small.upk-position-center {
710 transform: translate(-50%, -50%) translate(-15px, -15px);
711 }
712
713 .upk-position-small[class*=upk-position-center-left],
714 .upk-position-small[class*=upk-position-center-right] {
715 transform: translateY(-50%) translateY(-15px);
716 }
717
718 .upk-position-small.upk-position-top-center,
719 .upk-position-small.upk-position-bottom-center {
720 transform: translateX(-50%) translateX(-15px);
721 }
722
723 .upk-position-medium {
724 max-width: calc(100% - 60px);
725 margin: 30px;
726 }
727
728 .upk-position-medium.upk-position-center {
729 transform: translate(-50%, -50%) translate(-30px, -30px);
730 }
731
732 .upk-position-medium[class*=upk-position-center-left],
733 .upk-position-medium[class*=upk-position-center-right] {
734 transform: translateY(-50%) translateY(-30px);
735 }
736
737 .upk-position-medium.upk-position-top-center,
738 .upk-position-medium.upk-position-bottom-center {
739 transform: translateX(-50%) translateX(-30px);
740 }
741
742 .upk-position-large {
743 max-width: calc(100% - 60px);
744 margin: 30px;
745 }
746
747 .upk-position-large.upk-position-center {
748 transform: translate(-50%, -50%) translate(-30px, -30px);
749 }
750
751 .upk-position-large[class*=upk-position-center-left],
752 .upk-position-large[class*=upk-position-center-right] {
753 transform: translateY(-50%) translateY(-30px);
754 }
755
756 .upk-position-large.upk-position-top-center,
757 .upk-position-large.upk-position-bottom-center {
758 transform: translateX(-50%) translateX(-30px);
759 }
760
761 @media (min-width: 1200px) {
762 .upk-position-large {
763 max-width: calc(100% - 100px);
764 margin: 50px;
765 }
766 .upk-position-large.upk-position-center {
767 transform: translate(-50%, -50%) translate(-50px, -50px);
768 }
769 .upk-position-large[class*=upk-position-center-left],
770 .upk-position-large[class*=upk-position-center-right] {
771 transform: translateY(-50%) translateY(-50px);
772 }
773 .upk-position-large.upk-position-top-center,
774 .upk-position-large.upk-position-bottom-center {
775 transform: translateX(-50%) translateX(-50px);
776 }
777 }
778 .upk-transition-toggle {
779 -webkit-tap-highlight-color: transparent;
780 }
781
782 .upk-transition-toggle:focus {
783 outline: none;
784 }
785
786 .upk-transition-fade,
787 [class*=upk-transition-scale],
788 [class*=upk-transition-slide] {
789 transition: 0.3s ease-out;
790 transition-property: opacity, transform, filter;
791 opacity: 0;
792 }
793
794 .upk-transition-toggle:hover .upk-transition-fade,
795 .upk-transition-toggle:focus .upk-transition-fade,
796 .upk-transition-active.upk-active .upk-transition-fade {
797 opacity: 1;
798 }
799
800 .upk-transition-scale-up {
801 transform: scale(1, 1);
802 }
803
804 .upk-transition-scale-down {
805 transform: scale(1.1, 1.1);
806 }
807
808 .upk-transition-toggle:hover .upk-transition-scale-up,
809 .upk-transition-toggle:focus .upk-transition-scale-up,
810 .upk-transition-active.upk-active .upk-transition-scale-up {
811 opacity: 1;
812 transform: scale(1.1, 1.1);
813 }
814
815 .upk-transition-toggle:hover .upk-transition-scale-down,
816 .upk-transition-toggle:focus .upk-transition-scale-down,
817 .upk-transition-active.upk-active .upk-transition-scale-down {
818 opacity: 1;
819 transform: scale(1, 1);
820 }
821
822 .upk-transition-slide-top {
823 transform: translateY(-100%);
824 }
825
826 .upk-transition-slide-bottom {
827 transform: translateY(100%);
828 }
829
830 .upk-transition-slide-left {
831 transform: translateX(-100%);
832 }
833
834 .upk-transition-slide-right {
835 transform: translateX(100%);
836 }
837
838 .upk-transition-slide-top-small {
839 transform: translateY(-10px);
840 }
841
842 .upk-transition-slide-bottom-small {
843 transform: translateY(10px);
844 }
845
846 .upk-transition-slide-left-small {
847 transform: translateX(-10px);
848 }
849
850 .upk-transition-slide-right-small {
851 transform: translateX(10px);
852 }
853
854 .upk-transition-slide-top-medium {
855 transform: translateY(-50px);
856 }
857
858 .upk-transition-slide-bottom-medium {
859 transform: translateY(50px);
860 }
861
862 .upk-transition-slide-left-medium {
863 transform: translateX(-50px);
864 }
865
866 .upk-transition-slide-right-medium {
867 transform: translateX(50px);
868 }
869
870 .upk-transition-toggle:hover [class*=upk-transition-slide],
871 .upk-transition-toggle:focus [class*=upk-transition-slide],
872 .upk-transition-active.upk-active [class*=upk-transition-slide] {
873 opacity: 1;
874 transform: translate(0, 0);
875 }
876
877 .upk-transition-opaque {
878 opacity: 1;
879 }
880
881 .upk-transition-slow {
882 transition-duration: 0.7s;
883 }
884
885 [hidden],
886 .upk-hidden {
887 display: none !important;
888 }
889
890 @media (min-width: 640px) {
891 .upk-hidden\@s {
892 display: none !important;
893 }
894 }
895 @media (min-width: 960px) {
896 .upk-hidden\@m {
897 display: none !important;
898 }
899 }
900 @media (min-width: 1200px) {
901 .upk-hidden\@l {
902 display: none !important;
903 }
904 }
905 @media (min-width: 1600px) {
906 .upk-hidden\@xl {
907 display: none !important;
908 }
909 }
910 @media (max-width: 639px) {
911 .upk-visible\@s {
912 display: none !important;
913 }
914 }
915 @media (max-width: 959px) {
916 .upk-visible\@m {
917 display: none !important;
918 }
919 }
920 @media (max-width: 1199px) {
921 .upk-visible\@l {
922 display: none !important;
923 }
924 }
925 @media (max-width: 1599px) {
926 .upk-visible\@xl {
927 display: none !important;
928 }
929 }
930 .upk-invisible {
931 visibility: hidden !important;
932 }
933
934 .upk-flex {
935 display: flex;
936 }
937
938 .upk-flex-inline {
939 display: inline-flex;
940 }
941
942 .upk-flex::before,
943 .upk-flex::after,
944 .upk-flex-inline::before,
945 .upk-flex-inline::after {
946 display: none;
947 }
948
949 .upk-flex-left {
950 justify-content: flex-start;
951 }
952
953 .upk-flex-center {
954 justify-content: center;
955 }
956
957 .upk-flex-right {
958 justify-content: flex-end;
959 }
960
961 .upk-flex-between {
962 justify-content: space-between;
963 }
964
965 .upk-flex-around {
966 justify-content: space-around;
967 }
968
969 @media (min-width: 640px) {
970 .upk-flex-left\@s {
971 justify-content: flex-start;
972 }
973 .upk-flex-center\@s {
974 justify-content: center;
975 }
976 .upk-flex-right\@s {
977 justify-content: flex-end;
978 }
979 .upk-flex-between\@s {
980 justify-content: space-between;
981 }
982 .upk-flex-around\@s {
983 justify-content: space-around;
984 }
985 }
986 @media (min-width: 960px) {
987 .upk-flex-left\@m {
988 justify-content: flex-start;
989 }
990 .upk-flex-center\@m {
991 justify-content: center;
992 }
993 .upk-flex-right\@m {
994 justify-content: flex-end;
995 }
996 .upk-flex-between\@m {
997 justify-content: space-between;
998 }
999 .upk-flex-around\@m {
1000 justify-content: space-around;
1001 }
1002 }
1003 @media (min-width: 1200px) {
1004 .upk-flex-left\@l {
1005 justify-content: flex-start;
1006 }
1007 .upk-flex-center\@l {
1008 justify-content: center;
1009 }
1010 .upk-flex-right\@l {
1011 justify-content: flex-end;
1012 }
1013 .upk-flex-between\@l {
1014 justify-content: space-between;
1015 }
1016 .upk-flex-around\@l {
1017 justify-content: space-around;
1018 }
1019 }
1020 @media (min-width: 1600px) {
1021 .upk-flex-left\@xl {
1022 justify-content: flex-start;
1023 }
1024 .upk-flex-center\@xl {
1025 justify-content: center;
1026 }
1027 .upk-flex-right\@xl {
1028 justify-content: flex-end;
1029 }
1030 .upk-flex-between\@xl {
1031 justify-content: space-between;
1032 }
1033 .upk-flex-around\@xl {
1034 justify-content: space-around;
1035 }
1036 }
1037 .upk-flex-stretch {
1038 align-items: stretch;
1039 }
1040
1041 .upk-flex-top {
1042 align-items: flex-start;
1043 }
1044
1045 .upk-flex-middle {
1046 align-items: center;
1047 }
1048
1049 .upk-flex-bottom {
1050 align-items: flex-end;
1051 }
1052
1053 .upk-flex-row {
1054 flex-direction: row;
1055 }
1056
1057 .upk-flex-row-reverse {
1058 flex-direction: row-reverse;
1059 }
1060
1061 .upk-flex-column {
1062 flex-direction: column;
1063 }
1064
1065 .upk-flex-column-reverse {
1066 flex-direction: column-reverse;
1067 }
1068
1069 .upk-flex-nowrap {
1070 flex-wrap: nowrap;
1071 }
1072
1073 .upk-flex-wrap {
1074 flex-wrap: wrap;
1075 }
1076
1077 .upk-flex-wrap-reverse {
1078 flex-wrap: wrap-reverse;
1079 }
1080
1081 .upk-flex-wrap-stretch {
1082 align-content: stretch;
1083 }
1084
1085 .upk-flex-wrap-top {
1086 align-content: flex-start;
1087 }
1088
1089 .upk-flex-wrap-middle {
1090 align-content: center;
1091 }
1092
1093 .upk-flex-wrap-bottom {
1094 align-content: flex-end;
1095 }
1096
1097 .upk-flex-wrap-between {
1098 align-content: space-between;
1099 }
1100
1101 .upk-flex-wrap-around {
1102 align-content: space-around;
1103 }
1104
1105 .upk-flex-first {
1106 order: -1;
1107 }
1108
1109 .upk-flex-last {
1110 order: 99;
1111 }
1112
1113 @media (min-width: 640px) {
1114 .upk-flex-first\@s {
1115 order: -1;
1116 }
1117 .upk-flex-last\@s {
1118 order: 99;
1119 }
1120 }
1121 @media (min-width: 960px) {
1122 .upk-flex-first\@m {
1123 order: -1;
1124 }
1125 .upk-flex-last\@m {
1126 order: 99;
1127 }
1128 }
1129 @media (min-width: 1200px) {
1130 .upk-flex-first\@l {
1131 order: -1;
1132 }
1133 .upk-flex-last\@l {
1134 order: 99;
1135 }
1136 }
1137 @media (min-width: 1600px) {
1138 .upk-flex-first\@xl {
1139 order: -1;
1140 }
1141 .upk-flex-last\@xl {
1142 order: 99;
1143 }
1144 }
1145 .upk-flex-none {
1146 flex: none;
1147 }
1148
1149 .upk-flex-auto {
1150 flex: auto;
1151 }
1152
1153 .upk-flex-1 {
1154 flex: 1;
1155 }
1156
1157 .upk-slidenav {
1158 padding: 5px 10px;
1159 color: rgba(102, 102, 102, 0.5);
1160 }
1161
1162 .upk-slidenav:hover,
1163 .upk-slidenav:focus {
1164 color: rgba(102, 102, 102, 0.9);
1165 outline: none;
1166 }
1167
1168 .upk-slidenav:active {
1169 color: rgba(102, 102, 102, 0.5);
1170 }
1171
1172 .upk-slidenav-large {
1173 padding: 10px 10px;
1174 }
1175
1176 .upk-slidenav-container {
1177 display: flex;
1178 }
1179
1180 .upk-icon {
1181 margin: 0;
1182 border: none;
1183 border-radius: 0;
1184 overflow: visible;
1185 font: inherit;
1186 color: inherit;
1187 text-transform: none;
1188 padding: 0;
1189 background-color: transparent;
1190 display: inline-block;
1191 fill: currentcolor;
1192 line-height: 0;
1193 }
1194
1195 /* ------------------------------------------------
1196 [1] Tooltip css Styles
1197 -------------------------------------------------*/
1198 [class*=elementor-widget-upk-] [aria-label][role~=tooltip] {
1199 position: relative;
1200 }
1201 [class*=elementor-widget-upk-] [aria-label][role~=tooltip]::before,
1202 [class*=elementor-widget-upk-] [aria-label][role~=tooltip]::after {
1203 transform: translate3d(0, 0, 0);
1204 -webkit-backface-visibility: hidden;
1205 backface-visibility: hidden;
1206 will-change: transform;
1207 opacity: 0;
1208 pointer-events: none;
1209 transition: all var(--microtip-transition-duration, 0.18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);
1210 position: absolute;
1211 box-sizing: border-box;
1212 z-index: 10;
1213 transform-origin: top;
1214 }
1215 [class*=elementor-widget-upk-] [aria-label][role~=tooltip]::before {
1216 background-size: 100% auto !important;
1217 content: "";
1218 }
1219 [class*=elementor-widget-upk-] [aria-label][role~=tooltip]::after {
1220 background: rgba(17, 17, 17, 0.9);
1221 border-radius: 4px;
1222 color: #ffffff;
1223 content: attr(aria-label);
1224 font-size: var(--microtip-font-size, 13px);
1225 font-weight: var(--microtip-font-weight, normal);
1226 text-transform: capitalize;
1227 padding: 10px 15px;
1228 box-sizing: content-box;
1229 width: 250px;
1230 }
1231 [class*=elementor-widget-upk-] [aria-label][role~=tooltip]:hover::before,
1232 [class*=elementor-widget-upk-] [aria-label][role~=tooltip]:hover::after,
1233 [class*=elementor-widget-upk-] [aria-label][role~=tooltip]:focus::before,
1234 [class*=elementor-widget-upk-] [aria-label][role~=tooltip]:focus::after {
1235 opacity: 1;
1236 pointer-events: auto;
1237 }
1238
1239 .upk-inline-block {
1240 display: inline-block;
1241 position: relative;
1242 width: 100%;
1243 max-width: 100%;
1244 vertical-align: middle;
1245 -webkit-backface-visibility: hidden;
1246 }
1247
1248 /* ------------------------------------------------
1249 [2] Position Modifiers
1250 -------------------------------------------------*/
1251 [class*=elementor-widget-upk-] {
1252 /* ------------------------------------------------
1253 [2.1] Top Left
1254 -------------------------------------------------*/
1255 /* ------------------------------------------------
1256 [2.2] Top Right
1257 -------------------------------------------------*/
1258 /* ------------------------------------------------
1259 [2.3] Bottom
1260 -------------------------------------------------*/
1261 /* ------------------------------------------------
1262 [2.4] Bottom Left
1263 -------------------------------------------------*/
1264 /* ------------------------------------------------
1265 [2.5] Bottom Right
1266 -------------------------------------------------*/
1267 /* ------------------------------------------------
1268 [2.6] Left
1269 -------------------------------------------------*/
1270 /* ------------------------------------------------
1271 [2.7] Right
1272 -------------------------------------------------*/
1273 /* ------------------------------------------------
1274 [3] Size
1275 -------------------------------------------------*/
1276 }
1277 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position|=top]::before {
1278 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;
1279 height: 6px;
1280 width: 18px;
1281 margin-bottom: 6px;
1282 }
1283 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position|=top]::after {
1284 margin-bottom: 11px;
1285 }
1286 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position|=top]::before {
1287 transform: translate3d(-50%, 0, 0);
1288 bottom: 100%;
1289 left: 50%;
1290 }
1291 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position|=top]:hover::before {
1292 transform: translate3d(-50%, -5px, 0);
1293 }
1294 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position|=top]::after {
1295 transform: translate3d(-50%, 0, 0);
1296 bottom: 100%;
1297 left: 50%;
1298 }
1299 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=top]:hover::after {
1300 transform: translate3d(-50%, -5px, 0);
1301 }
1302 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=top-left]::after {
1303 transform: translate3d(calc(-100% + 16px), 0, 0);
1304 bottom: 100%;
1305 }
1306 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=top-left]:hover::after {
1307 transform: translate3d(calc(-100% + 16px), -5px, 0);
1308 }
1309 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=top-right]::after {
1310 transform: translate3d(calc(0% - 16px), 0, 0);
1311 bottom: 100%;
1312 }
1313 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=top-right]:hover::after {
1314 transform: translate3d(calc(0% - 16px), -5px, 0);
1315 }
1316 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position|=bottom]::before {
1317 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;
1318 height: 6px;
1319 width: 18px;
1320 margin-top: 5px;
1321 margin-bottom: 0;
1322 }
1323 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position|=bottom]::after {
1324 margin-top: 11px;
1325 }
1326 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position|=bottom]::before {
1327 transform: translate3d(-50%, -10px, 0);
1328 bottom: auto;
1329 left: 50%;
1330 top: 100%;
1331 }
1332 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position|=bottom]:hover::before {
1333 transform: translate3d(-50%, 0, 0);
1334 }
1335 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position|=bottom]::after {
1336 transform: translate3d(-50%, -10px, 0);
1337 top: 100%;
1338 left: 50%;
1339 }
1340 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=bottom]:hover::after {
1341 transform: translate3d(-50%, 0, 0);
1342 }
1343 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=bottom-left]::after {
1344 transform: translate3d(calc(-100% + 16px), -10px, 0);
1345 top: 100%;
1346 }
1347 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=bottom-left]:hover::after {
1348 transform: translate3d(calc(-100% + 16px), 0, 0);
1349 }
1350 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=bottom-right]::after {
1351 transform: translate3d(calc(0% - 16px), -10px, 0);
1352 top: 100%;
1353 }
1354 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=bottom-right]:hover::after {
1355 transform: translate3d(calc(0% - 16px), 0, 0);
1356 }
1357 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=left]::before,
1358 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=left]::after {
1359 bottom: auto;
1360 left: auto;
1361 right: 100%;
1362 top: 50%;
1363 transform: translate3d(10px, -50%, 0);
1364 }
1365 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=left]::before {
1366 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;
1367 height: 18px;
1368 width: 6px;
1369 margin-right: 5px;
1370 margin-bottom: 0;
1371 }
1372 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=left]::after {
1373 margin-right: 11px;
1374 }
1375 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=left]:hover::before,
1376 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=left]:hover::after {
1377 transform: translate3d(0, -50%, 0);
1378 }
1379 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=right]::before,
1380 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=right]::after {
1381 bottom: auto;
1382 left: 100%;
1383 top: 50%;
1384 transform: translate3d(-10px, -50%, 0);
1385 }
1386 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=right]::before {
1387 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;
1388 height: 18px;
1389 width: 6px;
1390 margin-bottom: 0;
1391 margin-left: 5px;
1392 }
1393 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=right]::after {
1394 margin-left: 11px;
1395 }
1396 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=right]:hover::before,
1397 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=right]:hover::after {
1398 transform: translate3d(0, -50%, 0);
1399 }
1400 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-size=small]::after {
1401 white-space: initial;
1402 width: 80px;
1403 }
1404 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-size=medium]::after {
1405 white-space: initial;
1406 width: 150px;
1407 }
1408 [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-size=large]::after {
1409 white-space: initial;
1410 width: 260px;
1411 }
1412
1413 .upk-in-animation {
1414 perspective: var(--upk-perspective, 600px);
1415 -webkit-perspective: var(--upk-perspective, 600px);
1416 }
1417 .upk-in-animation .upk-item {
1418 opacity: 0;
1419 transform-origin: var(--upk-transform-origin, center top);
1420 transform-style: preserve-3d;
1421 transition: opacity 0s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0s cubic-bezier(0.215, 0.61, 0.355, 1);
1422 -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));
1423 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));
1424 }
1425 .upk-in-animation .upk-item.is-inview {
1426 transform: none;
1427 opacity: 1;
1428 transition-duration: var(--upk-transition-duration, 800ms) !important;
1429 }
1430
1431 @media (min-width: 768px) and (max-width: 1024px) {
1432 .upk-hide-orphan-yes .upk-hide-orphan-tablet {
1433 display: none !important;
1434 }
1435 }