@keyframes xld_pmove_anim{0%{transform:translate(0,0);-webkit-transform:translate(0,0)}25%{transform:translate(10px,10px);-webkit-transform:translate(10px,10px)}50%{transform:translate(5px,5px);-webkit-transform:translate(5px,5px)}75%{transform:translate(10px,-6px);-webkit-transform:translate(10px,-6px)}100%{transform:translate(0,0);-webkit-transform:translate(0,0)}}

@keyframes fadeInOpacity {
    0% {
        opacity: 0;
    transform: translateY(-10px);
    }
    100% {
        opacity: 1;
    transform: translateY(0);
    }
}

/*TP float y*/
@-webkit-keyframes tp-float-y {
	0% {
		transform: translateY(-20px);
	}

	50% {
		transform: translateY(-10px);
	}

	100% {
		transform: translateY(-20px);
	}
}

@keyframes tp-float-y {
	0% {
		transform: translateY(-20px);
	}

	50% {
		transform: translateY(-10px);
	}

	100% {
		transform: translateY(-20px);
	}
}

/*TP float x and rotate*/
@-webkit-keyframes tp-float-y-and-rotate {
	0%,
	100% {
		-webkit-transform: rotate(0deg) translateX(0);
		transform: rotate(0deg) translateX(0);
	}

	25%,
	75% {
		-webkit-transform: rotate(5deg) translateX(15px);
		transform: rotate(5deg) translateX(15px);
	}

	50% {
		-webkit-transform: rotate(10deg) translateX(30px);
		transform: rotate(10deg) translateX(30px);
	}
}
@keyframes tp-float-y-and-rotate {
	0%,
	100% {
		-webkit-transform: rotate(0deg) translateX(0);
		transform: rotate(0deg) translateX(0);
	}

	25%,
	75% {
		-webkit-transform: rotate(5deg) translateX(15px);
		transform: rotate(5deg) translateX(15px);
	}

	50% {
		-webkit-transform: rotate(10deg) translateX(30px);
		transform: rotate(10deg) translateX(30px);
	}
}

@-webkit-keyframes thepack-swipe-line {
    0% {
        -webkit-transform-origin: right;
        transform-origin: right;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    33% {
        -webkit-transform-origin: right;
        transform-origin: right;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
    66% {
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
    to {
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes thepack-swipe-line {
    0% {
        -webkit-transform-origin: right;
        transform-origin: right;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    33% {
        -webkit-transform-origin: right;
        transform-origin: right;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
    66% {
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
    to {
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}