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

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