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

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