@keyframes linescroll_left_to_right {
    0% {
        transform: translateX(0px)
    }

    100% {
        transform: translateX(var(--left));
    }
}

@keyframes linescroll_right_to_left {
    0% {
        transform: translateX(var(--left));
    }

    0% {
        transform: translateX(0px)
    }
}

@keyframes home03acanim {
    0% {
        transform: translate(-50%, 0) rotate(10deg);
    }

    50% {
        transform: translate(-50%, 0) rotate(-1deg)
    }

    100% {
        transform: translate(-50%, 0) rotate(10deg);
    }
}
@keyframes home4acanim2 {
    0% {
        transform:  skewX(0deg)
    }

    50% {
        transform: skewX(-6deg)
    }

    100% {
        transform:  skewX(0deg)
    }
}
@keyframes home5anim {
    0% {
        top: -200%;
    }

    100% {
        top: 0%;
    }
}
@keyframes home5anim2 {
    0% {
        top: 0%;
    }

    100% {
        top: -200%;
    }
}
@keyframes home8anim1 {
    0% {
        opacity: 1;
    }

    45% {
        opacity: 0;
    }

    55% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes home8anim2 {
    0% {
        opacity: 0;
    }

    45% {
        opacity: 1;
    }

    65% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
@keyframes animlefttoright{
	0%{
		transform:translateX(0%)
	}
	100%{
		transform:translateX(-100%)
	}
}
@keyframes animrighttoleft{
	0%{
		transform:translateX(-100%)
	}
	100%{
		transform:translateX(0%)
	}
}

.animate__flipDrop{
	-webkit-animation-name:flipDrop;
	animation-name:flipDrop;
}
@keyframes flipDrop{
	0%{
		visibility:visible;
		opacity: 0;
		transform:rotateX(70deg) skewX(-10deg);
	}
	1%{
		visibility:visible;
		opacity: 1;
		transform:rotateX(70deg) skewX(-10deg);
	}
	62%{
		visibility:visible;
		opacity: 1;
		transform:rotateX(-12deg) skewX(2deg);
	}
	72%{
		visibility:visible;
		opacity: 1;
		transform:rotateX(9deg) skewX(-3px);
	}
	82%{
		visibility:visible;
		opacity: 1;
		transform:rotateX(-7deg) skewX(2deg);
	}
	92%{
		visibility:visible;
		opacity: 1;
		transform:rotateX(4deg) skewX(-3px);
	}
	100%{
		visibility:visible;
		opacity: 1;
		transform:rotateX(0deg) skewX(0deg);
	}
}


.animate__fillRight{
	-webkit-animation-name:fillRight;
	animation-name:fillRight;
}
@keyframes fillRight{
	0%{
		width:0%;
	}
	100%{
		width:100%;
	}
}
.animate__bounceInRight_p{
	-webkit-animation-name:bounceInRight_p;
	animation-name:bounceInRight_p;
}
@keyframes bounceInRight_p{

	0%, 60%, 75%, 90%, 100% {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) scaleX(3);
		transform: translate3d(100%, 0, 0) scaleX(1);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(-4%, 0, 0) scaleX(1);
		transform: translate3d(-4%, 0, 0) scaleX(1);
	}

	75% {
		-webkit-transform: translate3d(1.5%, 0, 0) scaleX(.98);
		transform: translate3d(1.8%, 0, 0) scaleX(.98);
	}
	90% {
		-webkit-transform: translate3d(-0.8%, 0, 0) scaleX(.995);
		transform: translate3d(0.8%, 0, 0) scaleX(.995);
	}
	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}

@keyframes fadeInLeft_p{
0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}