master-addons / assets / css / common / animations.css

animations.css in Master Addons for Elementor – Elementor Addons, Widgets, Mega Menu Builder, Popup Builder, Widget Builder & Template Kits 3.2.2, at assets/css/common/animations.css

1,889 lines 34.5 KB

Raw Download Zip

1	/* Image Effects */
2	.jltma-post-thumbnail {
3	overflow: hidden;
4	}
5
6	.jltma-img-zoom_in_one img,
7	.jltma-img-zoom_in_two img,
8	.jltma-img-zoom_out_one img,
9	.jltma-img-zoom_out_two img,
10	.jltma-img-rotate_zoomout img,
11	.jltma-img-slide img,
12	.jltma-img-grayscale img,
13	.jltma-img-blur img,
14	.jltma-img-sepia img,
15	.jltma-img-blur_sepia img,
16	.jltma-img-blur_grayscale img,
17	.jltma-img-opacity_one img,
18	.jltma-img-opacity_two img {
19	transition: 0.3s ease-in-out;
20	}
21
22	.jltma-img-zoom_in_one img,
23	.jltma-img-zoom_out_one:hover img {
24	transform: scale(1);
25	}
26
27	.jltma-img-opacity_one img,
28	.jltma-img-opacity_two img,
29	.jltma-img-flushing:hover img,
30	.jltma-appear-watch-animation.jltma-animation-off,
31	.jltma-animated.jltma-slide-from-right,
32	.jltma-animated.jltma-slide-from-left,
33	.jltma-animated.jltma-slide-from-top,
34	.jltma-animated.jltma-slide-from-bot,
35	.jltma-isotope-animated .jltma-iso-item:not(.jltma-ajax-anim),
36	.jltma-isotope-animated .jltma-iso-item:not(.jltma-ajax-anim).jltma-iso-revealing,
37	.jltma-isotope-animated .jltma-items-loading.jltma-loading-visible {
38	opacity: 1;
39	}
40
41	/* Zoom In #1 */
42	.jltma-img-zoom_in_one:hover img {
43	transform: scale(1.3);
44	}
45
46	/* Zoom In #2 */
47	.jltma-img-zoom_in_two img {
48	width: 100%;
49	height: auto;
50	max-width: inherit;
51	}
52
53	.jltma-img-zoom_in_two:hover img {
54	width: 110%;
55	}
56
57	/* Zoom Out #1 */
58	.jltma-img-zoom_out_one img {
59	transform: scale(1.5);
60	}
61
62	/* Zoom Out #2 */
63	.jltma-img-zoom_out_two img {
64	width: 110%;
65	height: auto;
66	max-width: inherit;
67	}
68
69	.jltma-img-zoom_out_two:hover img {
70	width: 100%;
71	}
72
73	/* Rotate */
74	.jltma-img-rotate_zoomout img {
75	transform: rotate(15deg) scale(1.4);
76	}
77
78	.jltma-img-rotate_zoomout:hover img {
79	transform: rotate(0) scale(1);
80	}
81
82	/* Slide */
83	.jltma-img-slide img {
84	margin-left: 30px;
85	transform: scale(1.5);
86	}
87
88	.jltma-img-slide:hover img {
89	margin-left: 0;
90	}
91
92	/* Gray Scale */
93	.jltma-img-grayscale img {
94	filter: grayscale(100%);
95	}
96
97	.jltma-img-grayscale:hover img {
98	filter: grayscale(0);
99	}
100
101	/* Blur */
102	.jltma-img-blur img {
103	filter: blur(3px);
104	}
105
106	.jltma-img-blur:hover img {
107	filter: blur(0);
108	}
109
110	/* Sepia */
111	.jltma-img-sepia img {
112	filter: sepia(100%);
113	}
114
115	.jltma-img-sepia:hover img {
116	filter: sepia(0);
117	}
118
119	/* Blur + Sepia */
120	.jltma-img-blur_sepia img {
121	filter: blur(3px) sepia(100%);
122	}
123
124	.jltma-img-blur_sepia:hover img {
125	filter: blur(0) sepia(0);
126	}
127
128	/* Blur + Gray Scale */
129	.jltma-img-blur_grayscale img {
130	filter: grayscale(0) blur(0);
131	}
132
133	.jltma-img-blur_grayscale:hover img {
134	filter: grayscale(100%) blur(3px);
135	}
136
137	/* Opacity #1 */
138	.jltma-img-opacity_one:hover img {
139	opacity: 0.5;
140	}
141
142	/* Opacity #2 */
143	.jltma-img-opacity_two:hover img {
144	opacity: 0.5;
145	}
146
147	/* Flashing */
148	.jltma-img-flushing:hover img {
149	animation: flash 1.5s;
150	}
151
152	/* Shine */
153	.jltma-img-shine {
154	position: relative;
155	}
156
157	.jltma-img-shine::before {
158	position: absolute;
159	top: 0;
160	left: -75%;
161	z-index: 2;
162	display: block;
163	content: "";
164	width: 50%;
165	height: 100%;
166	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
167	transform: skewX(-25deg);
168	}
169	.jltma-img-shine.jltma-post-thumbnail:before {
170	left: -200%;
171	}
172
173	.jltma-img-shine:hover::before {
174	animation: shine 0.75s;
175	}
176
177	/* Circle */
178	.jltma-img-circle {
179	position: relative;
180	}
181
182	.jltma-img-circle::before {
183	position: absolute;
184	top: 50%;
185	left: 50%;
186	z-index: 2;
187	display: block;
188	content: "";
189	width: 0;
190	height: 0;
191	background: rgba(255, 255, 255, 0.2);
192	border-radius: 100%;
193	transform: translate(-50%, -50%);
194	opacity: 0;
195	}
196
197	.jltma-img-circle:hover::before {
198	animation: circle 0.75s;
199	}
200
201	.jltma-img-grayscale {
202	filter: gray;
203	}
204
205	/* Image Shapes Start*/
206	.jltma-img-grayscale:hover {
207	filter: none;
208	}
209
210	.jltma-img-shape-gradient-border {
211	border: 5px solid;
212	border-radius: 10px;
213	border-image: linear-gradient(to bottom, #2b68c4 0%, #cf2d6e 100%) 1;
214	background-image: linear-gradient(#2b68c4, #2b68c4), radial-gradient(circle at top left, #cf2d6e, #cf2d6e);
215	background-origin: border-box;
216	background-clip: content-box, border-box;
217	}
218
219	.jltma-img-shape-bordered,
220	.jltma-img-shape-framed {
221	border-radius: 10px;
222	border: 3px solid #021a40;
223	padding: 5px;
224	}
225
226	/* Image Shapes End*/
227	/** Appear Animations */
228	.jltma-appear-watch-animation {
229	animation-duration: 1s;
230	animation-fill-mode: both;
231	animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
232	opacity: 0;
233	}
234
235	.jltma-animation-off {
236	animation: none !important;
237	}
238
239	.jltma-animated.jltma-slide-from-right {
240	overflow: hidden;
241	}
242
243	.jltma-animated.jltma-slide-from-right > .elementor-widget-container,
244	.jltma-animated.jltma-slide-from-right > .elementor-column-wrap,
245	.jltma-animated.jltma-slide-from-left > .elementor-widget-container,
246	.jltma-animated.jltma-slide-from-left > .elementor-column-wrap,
247	.jltma-animated.jltma-slide-from-top > .elementor-widget-container,
248	.jltma-animated.jltma-slide-from-top > .elementor-column-wrap,
249	.jltma-animated.jltma-slide-from-bot > .elementor-widget-container,
250	.jltma-animated.jltma-slide-from-bot > .elementor-column-wrap {
251	animation-duration: inherit;
252	animation-fill-mode: inherit;
253	animation-timing-function: inherit;
254	animation-delay: inherit;
255	}
256
257	.jltma-animated.jltma-slide-from-left {
258	overflow: hidden;
259	}
260
261	.jltma-animated.jltma-slide-from-top {
262	overflow: hidden;
263	}
264
265	.jltma-animated.jltma-slide-from-bot {
266	overflow: hidden;
267	}
268
269	.jltma-isotope-animated {
270	overflow: hidden;
271	transition: height 800ms cubic-bezier(0.75, 0.1, 0.25, 0.9);
272	}
273
274	.jltma-isotope-animated .jltma-iso-item:not(.jltma-ajax-anim) {
275	transition: transform 0ms cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0ms cubic-bezier(0.25, 0.1, 0.25, 1);
276	}
277
278	.jltma-isotope-animated .jltma-iso-item:not(.jltma-ajax-anim).jltma-loading {
279	opacity: 0 !important;
280	}
281
282	.jltma-isotope-animated .jltma-iso-item:not(.jltma-ajax-anim).jltma-iso-hiding {
283	transform: translateY(-10%);
284	transition-timing-function: cubic-bezier(0.75, 0, 0.75, 0.9);
285	z-index: 1;
286	opacity: 0;
287	}
288
289	.jltma-isotope-animated .jltma-iso-item:not(.jltma-ajax-anim).jltma-iso-hidden {
290	transform: translateY(10%);
291	opacity: 0;
292	}
293
294	.jltma-isotope-animated .jltma-iso-item:not(.jltma-ajax-anim).jltma-iso-revealing {
295	transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
296	transform: translateY(0);
297	z-index: 2;
298	}
299
300	.jltma-isotope-animated .jltma-items-loading {
301	position: absolute;
302	top: 0;
303	width: 100%;
304	height: 100%;
305	z-index: 2;
306	transition: all 1200ms;
307	}
308
309	.jltma-isotope-animated .jltma-items-loading.jltma-loading-visible {
310	visibility: visible;
311	}
312
313	.jltma-isotope-animated .jltma-items-loading.jltma-loading-hide {
314	opacity: 0;
315	visibility: hidden;
316	}
317
318	.jltma-isotope-animated .jltma-items-loading .jltma-loading-loop {
319	position: absolute;
320	top: 50%;
321	left: 50%;
322	transform: translateX(-50%) translateY(-50%);
323	}
324
325	.jltma-isotope-filters.jltma-center + .jltma-isotope-animated {
326	clear: both;
327	}
328
329	/* Key Frames */
330	@keyframes from0to360 {
331	from {
332	transform: rotate(0);
333	}
334	to {
335	transform: rotate(360deg);
336	}
337	}
338	@keyframes animation_svg_01_from0to360 {
339	from {
340	transform: rotate(0);
341	}
342	to {
343	transform: rotate(360deg);
344	}
345	}
346	@keyframes from360to0 {
347	from {
348	transform: rotate(360deg);
349	}
350	to {
351	transform: rotate(0deg);
352	}
353	}
354	@keyframes animation_svg_01_from360to0 {
355	from {
356	transform: rotate(360deg);
357	}
358	to {
359	transform: rotate(0deg);
360	}
361	}
362	@keyframes scaleUp {
363	from {
364	transform: scale(0.8);
365	}
366	to {
367	transform: scale(1);
368	}
369	}
370	@keyframes scaleDown {
371	from {
372	transform: scale(1);
373	}
374	to {
375	transform: scale(0.8);
376	}
377	}
378	@keyframes animation_svg_01_from360to0scaled {
379	from {
380	transform: rotate(360deg) scale(1.1);
381	}
382	to {
383	transform: rotate(0deg) scale(0.25);
384	}
385	}
386	@keyframes animation_svg_02_blobber {
387	0% {
388	border-radius: 48% 52% 68% 32%/42% 28% 72% 58%;
389	}
390	5% {
391	border-radius: 48% 52% 41% 59%/66% 37% 63% 34%;
392	}
393	10% {
394	border-radius: 69% 31% 71% 29%/67% 31% 69% 33%;
395	}
396	15% {
397	border-radius: 60% 40% 71% 29%/63% 65% 35% 37%;
398	}
399	20% {
400	border-radius: 61% 39% 51% 49%/57% 58% 42% 43%;
401	}
402	25% {
403	border-radius: 66% 34% 25% 75%/47% 30% 70% 53%;
404	}
405	30% {
406	border-radius: 32% 68% 38% 62%/65% 60% 40% 35%;
407	}
408	35% {
409	border-radius: 63% 37% 41% 59%/35% 38% 62% 65%;
410	}
411	40% {
412	border-radius: 57% 43% 49% 51%/55% 71% 29% 45%;
413	}
414	45% {
415	border-radius: 47% 53% 34% 66%/65% 36% 64% 35%;
416	}
417	50% {
418	border-radius: 44% 56% 32% 68%/69% 26% 74% 31%;
419	}
420	55% {
421	border-radius: 28% 72% 37% 63%/71% 44% 56% 29%;
422	}
423	60% {
424	border-radius: 38% 62% 35% 65%/74% 53% 47% 26%;
425	}
426	65% {
427	border-radius: 73% 27% 46% 54%/54% 47% 53% 46%;
428	}
429	70% {
430	border-radius: 75% 25% 47% 53%/49% 53% 47% 51%;
431	}
432	75% {
433	border-radius: 62% 38% 43% 57%/55% 60% 40% 45%;
434	}
435	80% {
436	border-radius: 41% 59% 65% 35%/73% 50% 50% 27%;
437	}
438	85% {
439	border-radius: 55% 45% 57% 43%/73% 61% 39% 27%;
440	}
441	90% {
442	border-radius: 74% 26% 33% 67%/40% 65% 35% 60%;
443	}
444	95% {
445	border-radius: 58% 42% 57% 43%/53% 45% 55% 47%;
446	}
447	100% {
448	border-radius: 48% 52% 68% 32%/42% 28% 72% 58%;
449	}
450	}
451	@keyframes animation_svg_02_cobler {
452	0% {
453	background-position: 0% 0%;
454	}
455	100% {
456	background-position: 100% 0%;
457	}
458	}
459	@keyframes animation_svg_02_wobbler {
460	0% {
461	transform: rotateZ(8deg);
462	}
463	100% {
464	transform: rotateZ(-8deg);
465	}
466	}
467	@keyframes jltma_blob_anim_01 {
468	0% {
469	d: path("M120,-157.6C152.7,-141.5,174.3,-102.6,194.8,-58.8C215.3,-14.9,234.6,33.8,228.4,80.8C222.2,127.8,190.4,173.1,148.1,184C105.8,195,52.9,171.5,-2.4,174.8C-57.8,178.2,-115.6,208.4,-137.5,190.9C-159.3,173.3,-145.3,108,-153,56.3C-160.7,4.6,-190.2,-33.4,-178.3,-54.2C-166.4,-75.1,-113.2,-78.8,-76.6,-93.6C-40,-108.3,-20,-134.2,11.9,-150.5C43.7,-166.8,87.4,-173.6,120,-157.6Z");
470	}
471	25% {
472	d: path("M67.8,-97.1C87.8,-78.8,103.8,-58.9,117.4,-34.1C130.9,-9.4,142,20.2,139.5,50.7C137,81.2,120.8,112.6,95.3,150.1C69.8,187.7,34.9,231.3,3.3,226.8C-28.2,222.2,-56.4,169.3,-91.6,134.9C-126.8,100.5,-169,84.6,-179.6,57.1C-190.2,29.7,-169.3,-9.3,-155.2,-49.7C-141,-90.1,-133.7,-132,-109,-148.8C-84.2,-165.6,-42.1,-157.3,-9.1,-144.8C23.9,-132.2,47.8,-115.5,67.8,-97.1Z");
473	}
474	50% {
475	d: path("M137.1,-191.3C172,-163.4,190.6,-115.7,197.2,-70.1C203.8,-24.4,198.5,19.2,178.9,51.5C159.3,83.9,125.5,105,93.3,129.6C61.1,154.1,30.6,182.1,1.1,180.6C-28.4,179.1,-56.8,148.2,-81.2,121.1C-105.6,94.1,-126.1,70.8,-141.6,41.6C-157.2,12.4,-168,-22.9,-153.9,-45C-139.8,-67,-100.7,-76,-70.9,-105.5C-41.1,-135,-20.6,-185,15.3,-206C51.1,-227.1,102.3,-219.1,137.1,-191.3Z");
476	}
477	75% {
478	d: path("M123.7,-157.1C162.4,-142.2,197.2,-108.8,202.8,-70.8C208.3,-32.9,184.5,9.7,169,54.2C153.6,98.7,146.4,145.2,119.7,162.7C92.9,180.2,46.4,168.6,-1.9,171.1C-50.2,173.7,-100.3,190.4,-122.2,171.3C-144.1,152.3,-137.7,97.5,-144.1,52.7C-150.6,7.9,-169.9,-26.8,-170.5,-64.8C-171,-102.8,-152.8,-144,-121.3,-161.3C-89.7,-178.5,-44.9,-171.8,-1.2,-170.1C42.5,-168.5,85,-172,123.7,-157.1Z");
479	}
480	100% {
481	d: path("M120,-157.6C152.7,-141.5,174.3,-102.6,194.8,-58.8C215.3,-14.9,234.6,33.8,228.4,80.8C222.2,127.8,190.4,173.1,148.1,184C105.8,195,52.9,171.5,-2.4,174.8C-57.8,178.2,-115.6,208.4,-137.5,190.9C-159.3,173.3,-145.3,108,-153,56.3C-160.7,4.6,-190.2,-33.4,-178.3,-54.2C-166.4,-75.1,-113.2,-78.8,-76.6,-93.6C-40,-108.3,-20,-134.2,11.9,-150.5C43.7,-166.8,87.4,-173.6,120,-157.6Z");
482	}
483	}
484	@keyframes pulse-grow {
485	0% {
486	transform: scale(1);
487	opacity: 1;
488	}
489	100% {
490	transform: scale(1.5);
491	opacity: 0;
492	}
493	}
494	/* Start of Entrance Animation */
495	.jltma-animate {
496	animation-duration: 1s;
497	animation-fill-mode: both;
498	}
499
500	@keyframes JltmaFlash {
501	from, 50%, to {
502	opacity: 1;
503	}
504	25%, 75% {
505	opacity: 0;
506	}
507	}
508	@keyframes JltmaPulseIn {
509	from {
510	transform: scale3d(1, 1, 1);
511	}
512	50% {
513	transform: scale3d(0.99, 0.99, 0.99);
514	}
515	to {
516	opacity: 1;
517	transform: none;
518	}
519	}
520	.jltma-anim-pulse-in,
521	.jltma-animated.jltma-pulse {
522	animation-name: JltmaPulseIn;
523	}
524
525	@keyframes JltmaPulseIn1 {
526	from {
527	transform: scale3d(1, 1, 1);
528	}
529	50% {
530	transform: scale3d(0.98, 0.98, 0.98);
531	}
532	to {
533	opacity: 1;
534	transform: none;
535	}
536	}
537	.jltma-anim-pulse-in-1,
538	.jltma-animated.jltma-pulse1 {
539	animation-name: JltmaPulseIn1;
540	}
541
542	@keyframes JltmaPulseIn2 {
543	from {
544	transform: scale3d(1, 1, 1);
545	}
546	50% {
547	transform: scale3d(0.96, 0.96, 0.96);
548	}
549	to {
550	opacity: 1;
551	transform: none;
552	}
553	}
554	.jltma-anim-pulse-in-2,
555	.jltma-animated.jltma-pulse2 {
556	animation-name: JltmaPulseIn2;
557	}
558
559	@keyframes JltmaPulseIn3 {
560	from {
561	transform: scale3d(1, 1, 1);
562	}
563	50% {
564	transform: scale3d(0.94, 0.94, 0.94);
565	}
566	to {
567	opacity: 1;
568	transform: none;
569	}
570	}
571	.jltma-anim-pulse-in-3,
572	.jltma-animated.jltma-pulse3 {
573	animation-name: JltmaPulseIn3;
574	}
575
576	@keyframes JltmaPulseIn4 {
577	from {
578	transform: scale3d(1, 1, 1);
579	}
580	50% {
581	transform: scale3d(0.9, 0.9, 0.9);
582	}
583	to {
584	opacity: 1;
585	transform: none;
586	}
587	}
588	.jltma-anim-pulse-in-4,
589	.jltma-animated.jltma-pulse4 {
590	animation-name: JltmaPulseIn4;
591	}
592
593	@keyframes JltmaPulseOut1 {
594	from {
595	transform: scale3d(1, 1, 1);
596	}
597	50% {
598	transform: scale3d(1.05, 1.05, 1.05);
599	}
600	to {
601	opacity: 1;
602	transform: none;
603	}
604	}
605	.jltma-anim-pulse-out-1,
606	.jltma-animated.jltma-pulse-out-1 {
607	animation-name: JltmaPulseOut1;
608	}
609
610	@keyframes JltmaPulseOut2 {
611	from {
612	transform: scale3d(1, 1, 1);
613	}
614	50% {
615	transform: scale3d(1.1, 1.1, 1.1);
616	}
617	to {
618	opacity: 1;
619	transform: none;
620	}
621	}
622	.jltma-anim-pulse-out-2,
623	.jltma-animated.jltma-pulse-out-2 {
624	animation-name: JltmaPulseOut2;
625	}
626
627	@keyframes JltmaPulseOut3 {
628	from {
629	transform: scale3d(1, 1, 1);
630	}
631	50% {
632	transform: scale3d(1.15, 1.15, 1.15);
633	}
634	to {
635	opacity: 1;
636	transform: none;
637	}
638	}
639	.jltma-anim-pulse-out-3,
640	.jltma-animated.jltma-pulse-out-3 {
641	animation-name: JltmaPulseOut3;
642	}
643
644	@keyframes JltmaPulseOut4 {
645	from {
646	transform: scale3d(1, 1, 1);
647	}
648	50% {
649	transform: scale3d(1.2, 1.2, 1.2);
650	}
651	to {
652	opacity: 1;
653	transform: none;
654	}
655	}
656	.jltma-anim-pulse-out-4,
657	.jltma-animated.jltma-pulse-out-4 {
658	animation-name: JltmaPulseOut4;
659	}
660
661	@keyframes JltmaShake {
662	from, to {
663	transform: translate3d(0, 0, 0);
664	}
665	10%, 30%, 50%, 70%, 90% {
666	transform: translate3d(-50px, 0, 0);
667	}
668	20%, 40%, 60%, 80% {
669	opacity: 1;
670	transform: translate3d(50px, 0, 0);
671	}
672	}
673	.jltma-anim-shake,
674	.jltma-animated.jltma-shake {
675	animation-name: JltmaShake;
676	}
677
678	@keyframes JltmaBounceIn {
679	from, 20%, 40%, 60%, 80%, to {
680	animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
681	}
682	0% {
683	transform: scale3d(0.3, 0.3, 0.3);
684	}
685	20% {
686	transform: scale3d(1.1, 1.1, 1.1);
687	}
688	40% {
689	transform: scale3d(0.9, 0.9, 0.9);
690	}
691	60% {
692	opacity: 1;
693	transform: scale3d(1.03, 1.03, 1.03);
694	}
695	80% {
696	transform: scale3d(0.97, 0.97, 0.97);
697	}
698	to {
699	opacity: 1;
700	transform: none;
701	}
702	}
703	.jltma-anim-bounce-in,
704	.jltma-animated.jltma-bounce-in {
705	animation-name: JltmaBounceIn;
706	}
707
708	@keyframes JltmaFadeIn {
709	from {
710	opacity: 0;
711	}
712	to {
713	opacity: 1;
714	}
715	}
716	.jltma-anim-fade-in,
717	.jltma-animated.jltma-fade-in {
718	animation-name: JltmaFadeIn;
719	}
720
721	@keyframes JltmaFadeInDown {
722	from {
723	opacity: 0;
724	transform: translate3d(0, -27px, 0);
725	}
726	to {
727	opacity: 1;
728	transform: none;
729	}
730	}
731	.jltma-anim-fade-in-down,
732	.jltma-animated.jltma-fade-in-down {
733	animation-name: JltmaFadeInDown;
734	}
735
736	@keyframes JltmaFadeInDown1 {
737	from {
738	opacity: 0;
739	transform: translate3d(0, -50px, 0);
740	}
741	to {
742	opacity: 1;
743	transform: none;
744	}
745	}
746	.jltma-anim-fade-in-down-1,
747	.jltma-animated.jltma-fade-in-down-1 {
748	animation-name: JltmaFadeInDown1;
749	}
750
751	@keyframes JltmaFadeInDown2 {
752	from {
753	opacity: 0;
754	transform: translate3d(0, -75px, 0);
755	}
756	to {
757	opacity: 1;
758	transform: none;
759	}
760	}
761	.jltma-anim-fade-in-down-2,
762	.jltma-animated.jltma-fade-in-down-2 {
763	animation-name: JltmaFadeInDown2;
764	}
765
766	@keyframes JltmaFadeInUp {
767	from {
768	opacity: 0;
769	transform: translate3d(0, 27px, 0);
770	}
771	to {
772	opacity: 1;
773	transform: none;
774	}
775	}
776	.jltma-anim-fade-in-up,
777	.jltma-animated.jltma-fade-in-up {
778	animation-name: JltmaFadeInUp;
779	}
780
781	@keyframes JltmaFadeInUp1 {
782	from {
783	opacity: 0;
784	transform: translate3d(0, 50px, 0);
785	}
786	to {
787	opacity: 1;
788	transform: none;
789	}
790	}
791	.jltma-anim-fade-in-up-1,
792	.jltma-animated.jltma-fade-in-up-1 {
793	animation-name: JltmaFadeInUp1;
794	}
795
796	@keyframes JltmaFadeInUp2 {
797	from {
798	opacity: 0;
799	transform: translate3d(0, 75px, 0);
800	}
801	to {
802	opacity: 1;
803	transform: none;
804	}
805	}
806	.jltma-anim-fade-in-up-2,
807	.jltma-animated.jltma-fade-in-up-2 {
808	animation-name: JltmaFadeInUp2;
809	}
810
811	@keyframes JltmaFadeInLeft {
812	from {
813	opacity: 0;
814	transform: translate3d(-27px, 0, 0);
815	}
816	to {
817	opacity: 1;
818	transform: none;
819	}
820	}
821	.jltma-anim-fade-in-left,
822	.jltma-animated.jltma-fade-in-left {
823	animation-name: JltmaFadeInLeft;
824	}
825
826	@keyframes JltmaFadeInLeft1 {
827	from {
828	opacity: 0;
829	transform: translate3d(-50px, 0, 0);
830	}
831	to {
832	opacity: 1;
833	transform: none;
834	}
835	}
836	.jltma-anim-fade-in-left-1,
837	.jltma-animated.jltma-fade-in-left-1 {
838	animation-name: JltmaFadeInLeft1;
839	}
840
841	@keyframes JltmaFadeInLeft2 {
842	from {
843	opacity: 0;
844	transform: translate3d(-75px, 0, 0);
845	}
846	to {
847	opacity: 1;
848	transform: none;
849	}
850	}
851	.jltma-anim-fade-in-left-2,
852	.jltma-animated.jltma-fade-in-left-2 {
853	animation-name: JltmaFadeInLeft2;
854	}
855
856	@keyframes JltmaFadeInRight {
857	from {
858	opacity: 0;
859	transform: translate3d(27px, 0, 0);
860	}
861	to {
862	opacity: 1;
863	transform: none;
864	}
865	}
866	.jltma-anim-fade-in-right,
867	.jltma-animated.jltma-fade-in-right {
868	animation-name: JltmaFadeInRight;
869	}
870
871	@keyframes JltmaFadeInRight1 {
872	from {
873	opacity: 0;
874	transform: translate3d(50px, 0, 0);
875	}
876	to {
877	opacity: 1;
878	transform: none;
879	}
880	}
881	.jltma-anim-fade-in-right-1,
882	.jltma-animated.jltma-fade-in-right-1 {
883	animation-name: JltmaFadeInRight1;
884	}
885
886	@keyframes JltmaFadeInRight2 {
887	from {
888	opacity: 0;
889	transform: translate3d(75px, 0, 0);
890	}
891	to {
892	opacity: 1;
893	transform: none;
894	}
895	}
896	.jltma-anim-fade-in-right-2,
897	.jltma-animated.jltma-fade-in-right-2 {
898	animation-name: JltmaFadeInRight2;
899	}
900
901	@keyframes JltmaRotateIn {
902	from {
903	transform-origin: center;
904	transform: rotate3d(0, 0, 1, -200deg);
905	}
906	to {
907	transform-origin: center;
908	transform: none;
909	opacity: 1;
910	}
911	}
912	.jltma-anim-rotate-in,
913	.jltma-animated.jltma-rotate-in {
914	animation-name: JltmaRotateIn;
915	}
916
917	@keyframes JltmaRotateInDownLeft {
918	from {
919	transform-origin: left bottom;
920	transform: rotate3d(0, 0, 1, -25deg);
921	}
922	to {
923	transform-origin: left bottom;
924	transform: none;
925	opacity: 1;
926	}
927	}
928	.jltma-anim-rotate-in-down-left,
929	.jltma-animated.jltma-rotate-in-down-left {
930	animation-name: JltmaRotateInDownLeft;
931	}
932
933	@keyframes JltmaRotateInDownLeft1 {
934	from {
935	transform-origin: left bottom;
936	transform: rotate3d(0, 0, 1, -35deg);
937	}
938	to {
939	transform-origin: left bottom;
940	transform: none;
941	opacity: 1;
942	}
943	}
944	.jltma-anim-rotate-in-down-left-1,
945	.jltma-animated.jltma-rotate-in-down-left-1 {
946	animation-name: JltmaRotateInDownLeft1;
947	}
948
949	@keyframes JltmaRotateInDownLeft2 {
950	from {
951	transform-origin: left bottom;
952	transform: rotate3d(0, 0, 1, -45deg);
953	}
954	to {
955	transform-origin: left bottom;
956	transform: none;
957	opacity: 1;
958	}
959	}
960	.jltma-anim-rotate-in-down-left-2,
961	.jltma-animated.jltma-rotate-in-down-left-2 {
962	animation-name: JltmaRotateInDownLeft2;
963	}
964
965	@keyframes JltmaRotateInDownRight {
966	from {
967	transform-origin: right bottom;
968	transform: rotate3d(0, 0, 1, 25deg);
969	}
970	to {
971	transform-origin: right bottom;
972	transform: none;
973	opacity: 1;
974	}
975	}
976	.jltma-anim-rotate-in-down-right,
977	.jltma-animated.jltma-rotate-in-down-right {
978	animation-name: JltmaRotateInDownRight;
979	}
980
981	@keyframes JltmaRotateInDownRight1 {
982	from {
983	transform-origin: right bottom;
984	transform: rotate3d(0, 0, 1, 35deg);
985	}
986	to {
987	transform-origin: right bottom;
988	transform: none;
989	opacity: 1;
990	}
991	}
992	.jltma-anim-rotate-in-down-right-1,
993	.jltma-animated.jltma-rotate-in-down-right-1 {
994	animation-name: JltmaRotateInDownRight1;
995	}
996
997	@keyframes JltmaRotateInDownRight2 {
998	from {
999	transform-origin: right bottom;
1000	transform: rotate3d(0, 0, 1, 45deg);
1001	}
1002	to {
1003	transform-origin: right bottom;
1004	transform: none;
1005	opacity: 1;
1006	}
1007	}
1008	.jltma-anim-rotate-in-down-right-2,
1009	.jltma-animated.jltma-rotate-in-down-right-2 {
1010	animation-name: JltmaRotateInDownRight2;
1011	}
1012
1013	@keyframes JltmaRotateInUpLeft {
1014	from {
1015	transform-origin: left bottom;
1016	transform: rotate3d(0, 0, 1, 25deg);
1017	}
1018	to {
1019	transform-origin: left bottom;
1020	transform: none;
1021	opacity: 1;
1022	}
1023	}
1024	.jltma-anim-rotate-in-up-left,
1025	.jltma-animated.jltma-rotate-in-up-left {
1026	animation-name: JltmaRotateInUpLeft;
1027	}
1028
1029	@keyframes JltmaRotateInUpLeft1 {
1030	from {
1031	transform-origin: left bottom;
1032	transform: rotate3d(0, 0, 1, 35deg);
1033	}
1034	to {
1035	transform-origin: left bottom;
1036	transform: none;
1037	opacity: 1;
1038	}
1039	}
1040	.jltma-anim-rotate-in-up-left-1,
1041	.jltma-animated.jltma-rotate-in-up-left-1 {
1042	animation-name: JltmaRotateInUpLeft1;
1043	}
1044
1045	@keyframes JltmaRotateInUpLeft2 {
1046	from {
1047	transform-origin: left bottom;
1048	transform: rotate3d(0, 0, 1, 45deg);
1049	}
1050	to {
1051	transform-origin: left bottom;
1052	transform: none;
1053	opacity: 1;
1054	}
1055	}
1056	.jltma-anim-rotate-in-up-left-2,
1057	.jltma-animated.jltma-rotate-in-up-left-2 {
1058	animation-name: JltmaRotateInUpLeft2;
1059	}
1060
1061	@keyframes JltmaRotateInUpRight {
1062	from {
1063	transform-origin: right bottom;
1064	transform: rotate3d(0, 0, 1, -35deg);
1065	}
1066	to {
1067	transform-origin: right bottom;
1068	transform: none;
1069	opacity: 1;
1070	}
1071	}
1072	.jltma-anim-rotate-in-up-right,
1073	.jltma-animated.jltma-rotate-in-up-right {
1074	animation-name: JltmaRotateInUpRight;
1075	}
1076
1077	@keyframes JltmaRotateInUpRight1 {
1078	from {
1079	transform-origin: right bottom;
1080	transform: rotate3d(0, 0, 1, -60deg);
1081	}
1082	to {
1083	transform-origin: right bottom;
1084	transform: none;
1085	opacity: 1;
1086	}
1087	}
1088	.jltma-anim-rotate-in-up-right-1,
1089	.jltma-animated.jltma-rotate-in-up-right-1 {
1090	animation-name: JltmaRotateInUpRight1;
1091	}
1092
1093	@keyframes JltmaRotateInUpRight2 {
1094	from {
1095	transform-origin: right bottom;
1096	transform: rotate3d(0, 0, 1, -90deg);
1097	}
1098	to {
1099	transform-origin: right bottom;
1100	transform: none;
1101	opacity: 1;
1102	}
1103	}
1104	.jltma-anim-rotate-in-up-right-2,
1105	.jltma-animated.jltma-rotate-in-up-right-2 {
1106	animation-name: JltmaRotateInUpRight2;
1107	}
1108
1109	@keyframes JltmaFlipInUp {
1110	from {
1111	transform: rotateX(-40deg) translateY(40px);
1112	}
1113	to {
1114	transform: none;
1115	opacity: 1;
1116	}
1117	}
1118	.jltma-anim-flip-in-up,
1119	.jltma-animated.jltma-flip-in-up {
1120	animation-name: JltmaFlipInUp;
1121	}
1122
1123	@keyframes JltmaFlipInUp1 {
1124	from {
1125	transform: rotateX(-40deg) translateY(80px);
1126	}
1127	to {
1128	transform: none;
1129	opacity: 1;
1130	}
1131	}
1132	.jltma-anim-flip-in-up-1,
1133	.jltma-animated.jltma-flip-in-up-1 {
1134	animation-name: JltmaFlipInUp1;
1135	}
1136
1137	@keyframes JltmaFlipInUp2 {
1138	from {
1139	transform: rotateX(-40deg) translateY(120px);
1140	}
1141	to {
1142	transform: none;
1143	opacity: 1;
1144	}
1145	}
1146	.jltma-anim-flip-in-up-2,
1147	.jltma-animated.jltma-flip-in-up-2 {
1148	animation-name: JltmaFlipInUp2;
1149	}
1150
1151	@keyframes JltmaFlipInDown {
1152	from {
1153	transform: rotateX(40deg) translateY(-40px);
1154	}
1155	to {
1156	transform: none;
1157	opacity: 1;
1158	}
1159	}
1160	.jltma-anim-flip-in-down,
1161	.jltma-animated.jltma-flip-in-down {
1162	animation-name: JltmaFlipInDown;
1163	}
1164
1165	@keyframes JltmaFlipInDown1 {
1166	from {
1167	transform: rotateX(40deg) translateY(-80px);
1168	}
1169	to {
1170	transform: none;
1171	opacity: 1;
1172	}
1173	}
1174	.jltma-anim-flip-in-down-1,
1175	.jltma-animated.jltma-flip-in-down-1 {
1176	animation-name: JltmaFlipInDown1;
1177	}
1178
1179	@keyframes JltmaFlipInDown2 {
1180	from {
1181	transform: rotateX(40deg) translateY(-120px);
1182	}
1183	to {
1184	transform: none;
1185	opacity: 1;
1186	}
1187	}
1188	.jltma-anim-flip-in-down-2,
1189	.jltma-animated.jltma-flip-in-down-2 {
1190	animation-name: JltmaFlipInDown2;
1191	}
1192
1193	@keyframes JltmaFlipInLeft {
1194	from {
1195	transform: rotateY(-40deg) translateX(40px);
1196	}
1197	to {
1198	transform: none;
1199	opacity: 1;
1200	}
1201	}
1202	.jltma-anim-flip-in-left,
1203	.jltma-animated.jltma-flip-in-left {
1204	animation-name: JltmaFlipInLeft;
1205	}
1206
1207	@keyframes JltmaFlipInLeft1 {
1208	from {
1209	transform: rotateY(-40deg) translateX(80px);
1210	}
1211	to {
1212	transform: none;
1213	opacity: 1;
1214	}
1215	}
1216	.jltma-anim-flip-in-left-1,
1217	.jltma-animated.jltma-flip-in-left-1 {
1218	animation-name: JltmaFlipInLeft1;
1219	}
1220
1221	@keyframes JltmaFlipInLeft2 {
1222	from {
1223	transform: rotateY(-40deg) translateX(140px);
1224	}
1225	to {
1226	transform: none;
1227	opacity: 1;
1228	}
1229	}
1230	.jltma-anim-flip-in-left-2,
1231	.jltma-animated.jltma-flip-in-left-2 {
1232	animation-name: JltmaFlipInLeft2;
1233	}
1234
1235	@keyframes JltmaFlipInLeft3 {
1236	from {
1237	transform: rotateY(-40deg) translateX(200px);
1238	}
1239	to {
1240	transform: none;
1241	opacity: 1;
1242	}
1243	}
1244	.jltma-anim-flip-in-left-3,
1245	.jltma-animated.jltma-flip-in-left-3 {
1246	animation-name: JltmaFlipInLeft3;
1247	}
1248
1249	@keyframes JltmaFlipInRight {
1250	from {
1251	transform: rotateY(40deg) translateX(-40px);
1252	}
1253	to {
1254	transform: none;
1255	opacity: 1;
1256	}
1257	}
1258	.jltma-anim-flip-in-right,
1259	.jltma-animated.jltma-flip-in-right {
1260	animation-name: JltmaFlipInRight;
1261	}
1262
1263	@keyframes JltmaFlipInRight1 {
1264	from {
1265	transform: rotateY(40deg) translateX(-80px);
1266	}
1267	to {
1268	transform: none;
1269	opacity: 1;
1270	}
1271	}
1272	.jltma-anim-flip-in-right-1,
1273	.jltma-animated.jltma-flip-in-right-1 {
1274	animation-name: JltmaFlipInRight1;
1275	}
1276
1277	@keyframes JltmaFlipInRight2 {
1278	from {
1279	transform: rotateY(40deg) translateX(-140px);
1280	}
1281	to {
1282	transform: none;
1283	opacity: 1;
1284	}
1285	}
1286	.jltma-anim-flip-in-right-2,
1287	.jltma-animated.jltma-flip-in-right-2 {
1288	animation-name: JltmaFlipInRight2;
1289	}
1290
1291	@keyframes JltmaFlipInRight3 {
1292	from {
1293	transform: rotateY(40deg) translateX(-200px);
1294	}
1295	to {
1296	transform: none;
1297	opacity: 1;
1298	}
1299	}
1300	.jltma-anim-flip-in-right-3,
1301	.jltma-animated.jltma-flip-in-right-3 {
1302	animation-name: JltmaFlipInRight3;
1303	}
1304
1305	@keyframes JltmaZoomIn {
1306	from {
1307	transform: scale3d(0.9, 0.9, 0.9);
1308	}
1309	50% {
1310	opacity: 1;
1311	}
1312	to {
1313	transform: none;
1314	opacity: 1;
1315	}
1316	}
1317	.jltma-anim-zoom-in,
1318	.jltma-animated.jltma-zoom-in {
1319	animation-name: JltmaZoomIn;
1320	}
1321
1322	@keyframes JltmaZoomIn1 {
1323	from {
1324	transform: scale3d(0.8, 0.8, 0.8);
1325	}
1326	50% {
1327	opacity: 1;
1328	}
1329	to {
1330	transform: none;
1331	opacity: 1;
1332	}
1333	}
1334	.jltma-anim-zoom-in-1,
1335	.jltma-animated.jltma-zoom-in-1 {
1336	animation-name: JltmaZoomIn1;
1337	}
1338
1339	@keyframes JltmaZoomIn2 {
1340	from {
1341	transform: scale3d(0.7, 0.7, 0.7);
1342	}
1343	50% {
1344	opacity: 1;
1345	}
1346	to {
1347	transform: none;
1348	opacity: 1;
1349	}
1350	}
1351	.jltma-anim-zoom-in-2,
1352	.jltma-animated.jltma-zoom-in-2 {
1353	animation-name: JltmaZoomIn2;
1354	}
1355
1356	@keyframes JltmaZoomIn3 {
1357	from {
1358	transform: scale3d(0.6, 0.6, 0.6);
1359	}
1360	50% {
1361	opacity: 1;
1362	}
1363	to {
1364	transform: none;
1365	opacity: 1;
1366	}
1367	}
1368	.jltma-anim-zoom-in-3,
1369	.jltma-animated.jltma-zoom-in-3 {
1370	animation-name: JltmaZoomIn3;
1371	}
1372
1373	@keyframes JltmaScaleUp {
1374	from {
1375	transform: scale(0.9, 0.9);
1376	}
1377	to {
1378	transform: none;
1379	opacity: 1;
1380	}
1381	}
1382	.jltma-anim-scale-up,
1383	.jltma-animated.jltma-scale-up {
1384	animation-name: JltmaScaleUp;
1385	}
1386
1387	@keyframes JltmaScaleUp1 {
1388	from {
1389	transform: scale(0.7, 0.7);
1390	}
1391	to {
1392	transform: none;
1393	opacity: 1;
1394	}
1395	}
1396	.jltma-anim-scale-up-1,
1397	.jltma-animated.jltma-scale-up-1 {
1398	animation-name: JltmaScaleUp1;
1399	}
1400
1401	@keyframes JltmaScaleUp2 {
1402	from {
1403	transform: scale(0.6, 0.6);
1404	}
1405	to {
1406	transform: none;
1407	opacity: 1;
1408	}
1409	}
1410	.jltma-anim-scale-up-2,
1411	.jltma-animated.jltma-scale-up-2 {
1412	animation-name: JltmaScaleUp2;
1413	}
1414
1415	@keyframes JltmaScaleDown {
1416	from {
1417	transform: scale(1.1, 1.1);
1418	}
1419	to {
1420	transform: none;
1421	opacity: 1;
1422	}
1423	}
1424	.jltma-anim-scale-down,
1425	.jltma-animated.jltma-scale-down {
1426	animation-name: JltmaScaleDown;
1427	}
1428
1429	@keyframes JltmaScaleDown1 {
1430	from {
1431	transform: scale(1.3, 1.3);
1432	}
1433	to {
1434	transform: none;
1435	opacity: 1;
1436	}
1437	}
1438	.jltma-anim-scale-down-1,
1439	.jltma-animated.jltma-scale-down-1 {
1440	animation-name: JltmaScaleDown1;
1441	}
1442
1443	@keyframes JltmaScaleDown2 {
1444	from {
1445	transform: scale(1.4, 1.4);
1446	}
1447	to {
1448	transform: none;
1449	opacity: 1;
1450	}
1451	}
1452	.jltma-anim-scale-down-2,
1453	.jltma-animated.jltma-scale-down-2 {
1454	animation-name: JltmaScaleDown2;
1455	}
1456
1457	@keyframes JltmaJackInTheBox {
1458	from {
1459	transform: scale(0.1) rotate(30deg);
1460	transform-origin: center bottom;
1461	}
1462	50% {
1463	transform: rotate(-10deg);
1464	}
1465	70% {
1466	transform: rotate(3deg);
1467	}
1468	to {
1469	opacity: 1;
1470	transform: none;
1471	}
1472	}
1473	.jltma-anim-jack-in-box,
1474	.jltma-animated.jltma-jack-in-box {
1475	animation-name: JltmaJackInTheBox;
1476	}
1477
1478	/** General Animations */
1479	@keyframes jltma-scrolldown {
1480	0% {
1481	transform: translate(-50%, -60%);
1482	}
1483	100% {
1484	transform: translate(-50%, -20%);
1485	}
1486	}
1487	@keyframes jltma-header-animation {
1488	from {
1489	transform: translateY(-100%);
1490	}
1491	to {
1492	transform: none;
1493	}
1494	}
1495	@keyframes JltmaSlideFromRight {
1496	from {
1497	transform: translateX(100%);
1498	}
1499	to {
1500	opacity: 1;
1501	transform: none;
1502	}
1503	}
1504	.jltma-anim-slide-from-right,
1505	.jltma-animated.jltma-slide-from-right > .elementor-widget-container,
1506	.jltma-animated.jltma-slide-from-right > .elementor-column-wrap {
1507	animation-name: JltmaSlideFromRight;
1508	}
1509
1510	@keyframes JltmaSlideFromLeft {
1511	from {
1512	transform: translateX(-100%);
1513	}
1514	to {
1515	opacity: 1;
1516	transform: none;
1517	}
1518	}
1519	.jltma-anim-slide-from-left,
1520	.jltma-animated.jltma-slide-from-left > .elementor-widget-container,
1521	.jltma-animated.jltma-slide-from-left > .elementor-column-wrap {
1522	animation-name: JltmaSlideFromLeft;
1523	}
1524
1525	@keyframes JltmaSlideFromTop {
1526	from {
1527	transform: translateY(-100%);
1528	}
1529	to {
1530	opacity: 1;
1531	transform: none;
1532	}
1533	}
1534	.jltma-anim-slide-from-top,
1535	.jltma-animated.jltma-slide-from-top > .elementor-widget-container,
1536	.jltma-animated.jltma-slide-from-top > .elementor-column-wrap {
1537	animation-name: JltmaSlideFromTop;
1538	}
1539
1540	@keyframes JltmaSlideFromBot {
1541	from {
1542	transform: translateY(100%);
1543	}
1544	to {
1545	opacity: 1;
1546	transform: none;
1547	}
1548	}
1549	.jltma-anim-slide-from-bot,
1550	.jltma-animated.jltma-slide-from-bot > .elementor-widget-container,
1551	.jltma-animated.jltma-slide-from-bot > .elementor-column-wrap {
1552	animation-name: JltmaSlideFromBot;
1553	}
1554
1555	@keyframes JltmaMaskFromTop {
1556	from {
1557	clip-path: inset(0 0 100% 0);
1558	opacity: 1;
1559	}
1560	to {
1561	clip-path: inset(0 0 0 0);
1562	opacity: 1;
1563	}
1564	}
1565	.jltma-anim-mask-from-top,
1566	.jltma-animated.jltma-mask-from-top {
1567	animation-name: JltmaMaskFromTop;
1568	}
1569
1570	@keyframes JltmaMaskFromBot {
1571	from {
1572	clip-path: inset(100% 0 0 0);
1573	opacity: 1;
1574	}
1575	to {
1576	clip-path: inset(0 0 0 0);
1577	opacity: 1;
1578	}
1579	}
1580	.jltma-anim-mask-from-bot,
1581	.jltma-animated.jltma-mask-from-bot {
1582	animation-name: JltmaMaskFromBot;
1583	}
1584
1585	@keyframes JltmaMaskFromRight {
1586	from {
1587	clip-path: inset(0 0 0 100%);
1588	opacity: 1;
1589	}
1590	to {
1591	clip-path: inset(0 0 0 0);
1592	opacity: 1;
1593	}
1594	}
1595	.jltma-anim-mask-from-right,
1596	.jltma-animated.jltma-mask-from-right {
1597	animation-name: JltmaMaskFromRight;
1598	}
1599
1600	@keyframes JltmaMaskFromLeft {
1601	from {
1602	clip-path: inset(0 100% 0 0);
1603	opacity: 1;
1604	}
1605	to {
1606	clip-path: inset(0 0 0 0);
1607	opacity: 1;
1608	}
1609	}
1610	.jltma-anim-mask-from-left,
1611	.jltma-animated.jltma-mask-from-left {
1612	animation-name: JltmaMaskFromLeft;
1613	}
1614
1615	@keyframes JltmaLoadingWave {
1616	0% {
1617	background-position: 0% 0;
1618	}
1619	100% {
1620	background-position: 66% 0;
1621	}
1622	}
1623	@keyframes flash {
1624	0% {
1625	opacity: 0.4;
1626	}
1627	100% {
1628	opacity: 1;
1629	}
1630	}
1631	@keyframes circle {
1632	0% {
1633	opacity: 1;
1634	}
1635	40% {
1636	opacity: 1;
1637	}
1638	100% {
1639	width: 200%;
1640	height: 200%;
1641	opacity: 0;
1642	}
1643	}
1644	@keyframes shine {
1645	100% {
1646	left: 125%;
1647	}
1648	}
1649	/* End of Entrance Animation */
1650	/* Animated Headline Keyframes */
1651	@keyframes jltma-rotate-1-in {
1652	0% {
1653	transform: rotateX(180deg);
1654	opacity: 0;
1655	}
1656	35% {
1657	transform: rotateX(120deg);
1658	opacity: 0;
1659	}
1660	65% {
1661	opacity: 0;
1662	}
1663	100% {
1664	transform: rotateX(360deg);
1665	opacity: 1;
1666	}
1667	}
1668	@keyframes jltma-rotate-1-out {
1669	0% {
1670	transform: rotateX(0deg);
1671	opacity: 1;
1672	}
1673	35% {
1674	transform: rotateX(-40deg);
1675	opacity: 1;
1676	}
1677	65% {
1678	opacity: 0;
1679	}
1680	100% {
1681	transform: rotateX(180deg);
1682	opacity: 0;
1683	}
1684	}
1685	@keyframes jltma-pulse {
1686	0% {
1687	transform: translateY(-50%) scale(1);
1688	opacity: 1;
1689	}
1690	40% {
1691	transform: translateY(-50%) scale(0.9);
1692	opacity: 0;
1693	}
1694	100% {
1695	transform: translateY(-50%) scale(0);
1696	opacity: 0;
1697	}
1698	}
1699	@keyframes jltma-rotate-2-in {
1700	0% {
1701	opacity: 0;
1702	transform: translateZ(-20px) rotateX(90deg);
1703	}
1704	60% {
1705	opacity: 1;
1706	transform: translateZ(-20px) rotateX(-10deg);
1707	}
1708	100% {
1709	opacity: 1;
1710	transform: translateZ(-20px) rotateX(0deg);
1711	}
1712	}
1713	@keyframes jltma-rotate-2-out {
1714	0% {
1715	opacity: 1;
1716	transform: translateZ(-20px) rotateX(0);
1717	}
1718	60% {
1719	opacity: 0;
1720	transform: translateZ(-20px) rotateX(-100deg);
1721	}
1722	100% {
1723	opacity: 0;
1724	transform: translateZ(-20px) rotateX(-90deg);
1725	}
1726	}
1727	@keyframes slide-in {
1728	0% {
1729	opacity: 0;
1730	transform: translateY(-100%);
1731	}
1732	60% {
1733	opacity: 1;
1734	transform: translateY(20%);
1735	}
1736	100% {
1737	opacity: 1;
1738	transform: translateY(0);
1739	}
1740	}
1741	@keyframes slide-out {
1742	0% {
1743	opacity: 1;
1744	transform: translateY(0);
1745	}
1746	60% {
1747	opacity: 0;
1748	transform: translateY(120%);
1749	}
1750	100% {
1751	opacity: 0;
1752	transform: translateY(100%);
1753	}
1754	}
1755	@keyframes jltma-rotate-3-in {
1756	0% {
1757	transform: rotateY(180deg);
1758	}
1759	100% {
1760	transform: rotateY(0deg);
1761	}
1762	}
1763	@keyframes jltma-rotate-3-out {
1764	0% {
1765	transform: rotateY(0);
1766	}
1767	100% {
1768	transform: rotateY(-180deg);
1769	}
1770	}
1771	@keyframes zoom-in {
1772	0% {
1773	opacity: 0;
1774	transform: translateZ(100px);
1775	}
1776	100% {
1777	opacity: 1;
1778	transform: translateZ(0);
1779	}
1780	}
1781	@keyframes zoom-out {
1782	0% {
1783	opacity: 1;
1784	transform: translateZ(0);
1785	}
1786	100% {
1787	opacity: 0;
1788	transform: translateZ(-100px);
1789	}
1790	}
1791	@keyframes scale-up {
1792	0% {
1793	transform: scale(0);
1794	opacity: 0;
1795	}
1796	60% {
1797	transform: scale(1.2);
1798	opacity: 1;
1799	}
1800	100% {
1801	transform: scale(1);
1802	opacity: 1;
1803	}
1804	}
1805	@keyframes scale-down {
1806	0% {
1807	transform: scale(1);
1808	opacity: 1;
1809	}
1810	60% {
1811	transform: scale(0);
1812	opacity: 0;
1813	}
1814	}
1815	@keyframes push-in {
1816	0% {
1817	opacity: 0;
1818	transform: translateX(-100%);
1819	}
1820	60% {
1821	opacity: 1;
1822	transform: translateX(10%);
1823	}
1824	100% {
1825	opacity: 1;
1826	transform: translateX(0);
1827	}
1828	}
1829	@keyframes push-out {
1830	0% {
1831	opacity: 1;
1832	transform: translateX(0);
1833	}
1834	60% {
1835	opacity: 0;
1836	transform: translateX(110%);
1837	}
1838	100% {
1839	opacity: 0;
1840	transform: translateX(100%);
1841	}
1842	}
1843	@keyframes cd-bounce-even {
1844	0% {
1845	opacity: 0;
1846	transform: translateX(-100px);
1847	}
1848	60% {
1849	opacity: 1;
1850	transform: translateX(10px);
1851	}
1852	100% {
1853	transform: translateX(0px);
1854	}
1855	}
1856	@keyframes cd-bounce-odd {
1857	0% {
1858	opacity: 0;
1859	transform: translateX(100px);
1860	}
1861	60% {
1862	opacity: 1;
1863	transform: translateX(-10px);
1864	}
1865	100% {
1866	transform: translateX(0px);
1867	}
1868	}
1869	@keyframes pulse {
1870	0% {
1871	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
1872	}
1873	70% {
1874	box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
1875	}
1876	100% {
1877	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
1878	}
1879	}
1880	@keyframes batman {
1881	0% {
1882	transform: scale(1, 1) rotateZ(0);
1883	}
1884	100% {
1885	transform: scale(0, 0) rotateZ(720deg);
1886	opacity: 0;
1887	}
1888	}
1889	/** Appear Animations End */