/* Header - Animation - TopNav - Icons from AboutCF */

/* ********************* RECTANGLE 1 FROM ABOUT CF TO TOP NAV ANIMATION CODE ********************* */


.tpnv_rectangle1_tohomex_smllscreen {
	-webkit-animation-name: rect1ToHomeXSmllScreen;
	animation-name: rect1ToHomeXSmllScreen;
	-webkit-animation-duration: 1s, 1s;
	animation-duration: 1s, 1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@keyframes rect1ToHomeXSmllScreen {
	from {
		/* left: 496px; */
		transform: translate3d(var(--tpnvAnm-rect1-deltaX-smllScreen), 0, 0);
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {
		/* left: 0; */
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes rect1ToHomeXSmllScreen {
	from {
		/* left: 496px; */
		transform: translate3d(var(--tpnvAnm-rect1-deltaX-smllScreen), 0, 0);
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {
		/* left: 0; */
		transform: translate3d(0, 0, 0);
	}
}

.tpnv_rectangle1_tohomey_smllscreen {
	-webkit-animation-name: rect1ToHomeYSmllScreen;
	animation-name: rect1ToHomeYSmllScreen;
	-webkit-animation-duration: 1s, 1s;
	animation-duration: 1s, 1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@keyframes rect1ToHomeYSmllScreen {
	0% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsStart);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03, .66, .16, .97);
		-webkit-animation-timing-function: cubic-bezier(.03, .66, .16, .97);
	}
	40% {
		/* top: -20px; */
		opacity: var(--tpnvAnm-opcty-peak);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		/* top: 10px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		/* top: 0; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-home-rect1), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-home-rect1), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-home-rect1), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-home-rect1), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		transform: translate3d(0, var(--tpnvAnm-topOffset-home-rect1), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
	}	
}


@-webkit-keyframes rect1ToHomeYSmllScreen {
	0% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsStart);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03, .66, .16, .97);
		-webkit-animation-timing-function: cubic-bezier(.03, .66, .16, .97);
	}
	40% {
		/* top: -20px; */
		opacity: var(--tpnvAnm-opcty-peak);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		/* top: 10px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		/* top: 0; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-home-rect1), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-home-rect1), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-home-rect1), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-home-rect1), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		transform: translate3d(0, var(--tpnvAnm-topOffset-home-rect1), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
	}	
}



.tpnv_rectangle1_tohomex_lrgscreen {
	-webkit-animation-name: rect1ToHomeXLrgScreen;
	animation-name: rect1ToHomeXLrgScreen;
	-webkit-animation-duration: 1.5s, 1.5s;
	animation-duration: 1.5s, 1.5s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@keyframes rect1ToHomeXLrgScreen {
	from {
		/* left: 505px; */
		transform: translate3d(var(--tpnvAnm-rect1-deltaX-lrgScreen), 0, 0);
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {
		/* left: 0px; */
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes rect1ToHomeXLrgScreen {
	from {
		/* left: 505px; */
		transform: translate3d(var(--tpnvAnm-rect1-deltaX-lrgScreen), 0, 0);
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {
		/* left: 0px; */
		transform: translate3d(0, 0, 0);
	}
}

.tpnv_rectangle1_tohomey_lrgscreen {
	-webkit-animation-name: rect1ToHomeYLrgScreen;
	animation-name: rect1ToHomeYLrgScreen;
	-webkit-animation-duration: 1.5s, 1.5s;
	animation-duration: 1.5s, 1.5s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@keyframes rect1ToHomeYLrgScreen {
	0% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsStart);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03,.66,.16,.97);
		-webkit-animation-timing-function: cubic-bezier(.03,.66,.16,.97);
	}
	40% {
		/* top: -30px; */
		opacity: var(--tpnvAnm-opcty-peak);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));		
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));		
		transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		/* top: 20px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		/* top: 0px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-home-rect1), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-home-rect1), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-home-rect1), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-home-rect1), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		transform: translate3d(0, var(--tpnvAnm-topOffset-home-rect1), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));		
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
	}
}

@-webkit-keyframes rect1ToHomeYLrgScreen {
	0% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsStart);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03,.66,.16,.97);
		-webkit-animation-timing-function: cubic-bezier(.03,.66,.16,.97);
	}
	40% {
		/* top: -30px; */
		opacity: var(--tpnvAnm-opcty-peak);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));		
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));		
		transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		/* top: 20px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		/* top: 0px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-home-rect1), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-home-rect1), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-home-rect1), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-home-rect1), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		transform: translate3d(0, var(--tpnvAnm-topOffset-home-rect1), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));	
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
	}
}

/* ********************* RECTANGLE 2 FROM ABOUT CF TO TOP NAV ANIMATION CODE ********************* */


.tpnv_rectangle2_tohomex_smllscreen {
	-webkit-animation-name: rect2ToHomeXSmllScreen;
	animation-name: rect2ToHomeXSmllScreen;
	-webkit-animation-duration: 1.5s, 1.5s;
	animation-duration: 1.5s, 1.5s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@keyframes rect2ToHomeXSmllScreen {
	from {
		/* left: 384px; */
		transform: translate3d(var(--tpnvAnm-rect2-deltaX-smllScreen), 0, 0);
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {
		/* left: 0; */
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes rect2ToHomeXSmllScreen {
	from {
		/* left: 384px; */
		transform: translate3d(var(--tpnvAnm-rect2-deltaX-smllScreen), 0, 0);
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {
		/* left: 0; */
		transform: translate3d(0, 0, 0);
	}
}

.tpnv_rectangle2_tohomey_smllscreen {
	-webkit-animation-name: rect2ToHomeYSmllScreen;
	animation-name: rect2ToHomeYSmllScreen;
	-webkit-animation-duration: 1.5s, 1.5s;
	animation-duration: 1.5s, 1.5s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@keyframes rect2ToHomeYSmllScreen {
	0% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsStart);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03, .66, .16, .97);
		-webkit-animation-timing-function: cubic-bezier(.03, .66, .16, .97);
	}
	40% {
		/* top: -20px; */
		opacity: var(--tpnvAnm-opcty-peak);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		/* top: 10px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		/* top: 0; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
	}	
}


@-webkit-keyframes rect2ToHomeYSmllScreen {
	0% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsStart);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03, .66, .16, .97);
		-webkit-animation-timing-function: cubic-bezier(.03, .66, .16, .97);
	}
	40% {
		/* top: -20px; */
		opacity: var(--tpnvAnm-opcty-peak);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		/* top: 10px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		/* top: 0; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
	}	
}

.tpnv_rectangle2_tohomex_lrgscreen {
	-webkit-animation-name: rect2ToHomeXLrgScreen;
	animation-name: rect2ToHomeXLrgScreen;
	-webkit-animation-duration: 1.5s, 1.5s;
	animation-duration: 1.5s, 1.5s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@keyframes rect2ToHomeXLrgScreen {
	from {
		/* left: 388px; */
		transform: translate3d(var(--tpnvAnm-rect2-deltaX-lrgScreen), 0, 0);
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {
		/* left: 0px; */
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes rect2ToHomeXLrgScreen {
	from {
		/* left: 388px; */
		transform: translate3d(var(--tpnvAnm-rect2-deltaX-lrgScreen), 0, 0);
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {
		/* left: 0px; */
		transform: translate3d(0, 0, 0);
	}
}

.tpnv_rectangle2_tohomey_lrgscreen {
	-webkit-animation-name: rect2ToHomeYLrgScreen;
	animation-name: rect2ToHomeYLrgScreen;
	-webkit-animation-duration: 1.5s, 1.5s;
	animation-duration: 1.5s, 1.5s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@keyframes rect2ToHomeYLrgScreen {
	0% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsStart);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03,.66,.16,.97);
		-webkit-animation-timing-function: cubic-bezier(.03,.66,.16,.97);
	}
	40% {
		/* top: -30px; */
		opacity: var(--tpnvAnm-opcty-peak);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));		
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));		
		transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		/* top: 20px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		/* top: 0px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
	}
}

@-webkit-keyframes rect2ToHomeYLrgScreen {
	0% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsStart);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03,.66,.16,.97);
		-webkit-animation-timing-function: cubic-bezier(.03,.66,.16,.97);
	}
	40% {
		/* top: -30px; */
		opacity: var(--tpnvAnm-opcty-peak);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));		
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));		
		transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		/* top: 20px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		/* top: 0px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
	}
}

/* ********************* RECTANGLE 3 FROM ABOUT CF TO TOP NAV ANIMATION CODE ********************* */


.tpnv_rectangle3_tohomex_smllscreen {
	-webkit-animation-name: rect3ToHomeXSmllScreen;
	animation-name: rect3ToHomeXSmllScreen;
	-webkit-animation-duration: 1.5s, 1.5s;
	animation-duration: 1.5s, 1.5s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@keyframes rect3ToHomeXSmllScreen {
	from {
		/* left: 263px; */
		transform: translate3d(var(--tpnvAnm-rect3-deltaX-smllScreen), 0, 0);
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {
		/* left: 0; */
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes rect3ToHomeXSmllScreen {
	from {
		/* left: 263px; */
		transform: translate3d(var(--tpnvAnm-rect3-deltaX-smllScreen), 0, 0);
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {
		/* left: 0; */
		transform: translate3d(0, 0, 0);
	}
}

.tpnv_rectangle3_tohomey_smllscreen {
	-webkit-animation-name: rect3ToHomeYSmllScreen;
	animation-name: rect3ToHomeYSmllScreen;
	-webkit-animation-duration: 1.5s, 1.5s;
	animation-duration: 1.5s, 1.5s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@keyframes rect3ToHomeYSmllScreen {
	0% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsStart);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03, .66, .16, .97);
		-webkit-animation-timing-function: cubic-bezier(.03, .66, .16, .97);
	}
	40% {
		/* top: -20px; */
		opacity: var(--tpnvAnm-opcty-peak);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		/* top: 10px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		/* top: 0; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
	}	
}


@-webkit-keyframes rect3ToHomeYSmllScreen {
	0% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsStart);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03, .66, .16, .97);
		-webkit-animation-timing-function: cubic-bezier(.03, .66, .16, .97);
	}
	40% {
		/* top: -20px; */
		opacity: var(--tpnvAnm-opcty-peak);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		/* top: 10px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		/* top: 0; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
	}	
}

.tpnv_rectangle3_tohomex_lrgscreen {
	-webkit-animation-name: rect3ToHomeXLrgScreen;
	animation-name: rect3ToHomeXLrgScreen;
	-webkit-animation-duration: 1.5s, 1.5s;
	animation-duration: 1.5s, 1.5s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@keyframes rect3ToHomeXLrgScreen {
	from {
		/* left: 275px; */
		transform: translate3d(var(--tpnvAnm-rect3-deltaX-lrgScreen), 0, 0);
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {
		/* left: 0px; */
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes rect3ToHomeXLrgScreen {
	from {
		/* left: 275px; */
		transform: translate3d(var(--tpnvAnm-rect3-deltaX-lrgScreen), 0, 0);
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {
		/* left: 0px; */
		transform: translate3d(0, 0, 0);
	}
}

.tpnv_rectangle3_tohomey_lrgscreen {
	-webkit-animation-name: rect3ToHomeYLrgScreen;
	animation-name: rect3ToHomeYLrgScreen;
	-webkit-animation-duration: 1.5s, 1.5s;
	animation-duration: 1.5s, 1.5s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@keyframes rect3ToHomeYLrgScreen {
	0% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsStart);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03,.66,.16,.97);
		-webkit-animation-timing-function: cubic-bezier(.03,.66,.16,.97);
	}
	40% {
		/* top: -30px; */
		opacity: var(--tpnvAnm-opcty-peak);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));		
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));		
		transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		/* top: 20px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		/* top: 0px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
	}
}

@-webkit-keyframes rect3ToHomeYLrgScreen {
	0% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsStart);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03,.66,.16,.97);
		-webkit-animation-timing-function: cubic-bezier(.03,.66,.16,.97);
	}
	40% {
		/* top: -30px; */
		opacity: var(--tpnvAnm-opcty-peak);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));		
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));		
		transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		/* top: 20px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		/* top: 0px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
	}
}

/* ********************* SQUARE 1 FROM ABOUT CF TO TOP NAV ANIMATION CODE ********************* */


.tpnv_square1_tohomex_smllscreen {
	-webkit-animation-name: sqr1ToHomeXSmllScreen;
	animation-name: sqr1ToHomeXSmllScreen;
	-webkit-animation-duration: 1s, 1s;
	animation-duration: 1s, 1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@keyframes sqr1ToHomeXSmllScreen {
	from {
		/* left: 158px; */
		transform: translate3d(var(--tpnvAnm-sqr1-deltaX-smllScreen), 0, 0);
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {
		/* left: 0; */
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes sqr1ToHomeXSmllScreen {
	from {
		/* left: 158px; */
		transform: translate3d(var(--tpnvAnm-sqr1-deltaX-smllScreen), 0, 0);
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {
		/* left: 0; */
		transform: translate3d(0, 0, 0);
	}
}

.tpnv_square1_tohomey_smllscreen {
	-webkit-animation-name: sqr1ToHomeYSmllScreen;
	animation-name: sqr1ToHomeYSmllScreen;
	-webkit-animation-duration: 1s, 1s;
	animation-duration: 1s, 1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@keyframes sqr1ToHomeYSmllScreen {
	0% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsStart);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03, .66, .16, .97);
		-webkit-animation-timing-function: cubic-bezier(.03, .66, .16, .97);
	}
	40% {
		/* top: -20px; */
		opacity: var(--tpnvAnm-opcty-peak);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		/* top: 10px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		/* top: 0; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
	}	
}


@-webkit-keyframes sqr1ToHomeYSmllScreen {
	0% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsStart);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03, .66, .16, .97);
		-webkit-animation-timing-function: cubic-bezier(.03, .66, .16, .97);
	}
	40% {
		/* top: -20px; */
		opacity: var(--tpnvAnm-opcty-peak);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		/* top: 10px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		/* top: 0; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
	}	
}

.tpnv_square1_tohomex_lrgscreen {
	-webkit-animation-name: sqr1ToHomeXLrgScreen;
	animation-name: sqr1ToHomeXLrgScreen;
	-webkit-animation-duration: 1.5s, 1.5s;
	animation-duration: 1.5s, 1.5s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@keyframes sqr1ToHomeXLrgScreen {
	from {
		/* left: 175px; */
		transform: translate3d(var(--tpnvAnm-sqr1-deltaX-lrgScreen), 0, 0);
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {
		/* left: 0; */
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes sqr1ToHomeXLrgScreen {
	from {
		/* left: 175px; */
		transform: translate3d(var(--tpnvAnm-sqr1-deltaX-lrgScreen), 0, 0);
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {
		/* left: 0; */
		transform: translate3d(0, 0, 0);
	}
}

.tpnv_square1_tohomey_lrgscreen {
	-webkit-animation-name: sqr1ToHomeYLrgScreen;
	animation-name: sqr1ToHomeYLrgScreen;
	-webkit-animation-duration: 1.5s, 1.5s;
	animation-duration: 1.5s, 1.5s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@keyframes sqr1ToHomeYLrgScreen {
	0% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsStart);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03,.66,.16,.97);
		-webkit-animation-timing-function: cubic-bezier(.03,.66,.16,.97);
	}
	40% {
		/* top: -30px; */
		opacity: var(--tpnvAnm-opcty-peak);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));		
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));		
		transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		/* top: 20px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		/* top: 0px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
	}
}

@-webkit-keyframes sqr1ToHomeYLrgScreen {
	0% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsStart);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03,.66,.16,.97);
		-webkit-animation-timing-function: cubic-bezier(.03,.66,.16,.97);
	}
	40% {
		/* top: -30px; */
		opacity: var(--tpnvAnm-opcty-peak);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));		
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));		
		transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		/* top: 20px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		/* top: 0px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
	}
}


/* ********************* SQUARE 2 FROM ABOUT CF TO TOP NAV ANIMATION CODE ********************* */


.tpnv_square2_tohomex_smllscreen {
	-webkit-animation-name: sqr2ToHomeXSmllScreen;
	animation-name: sqr2ToHomeXSmllScreen;
	-webkit-animation-duration: 1s, 1s;
	animation-duration: 1s, 1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@keyframes sqr2ToHomeXSmllScreen {
	from {
		/* left: 78px; */
		transform: translate3d(var(--tpnvAnm-sqr2-deltaX-smllScreen), 0, 0);
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {
		/* left: 0; */
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes sqr2ToHomeXSmllScreen {
	from {
		/* left: 78px; */
		transform: translate3d(var(--tpnvAnm-sqr2-deltaX-smllScreen), 0, 0);
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {
		/* left: 0; */
		transform: translate3d(0, 0, 0);
	}
}

.tpnv_square2_tohomey_smllscreen {
	-webkit-animation-name: sqr2ToHomeYSmllScreen;
	animation-name: sqr2ToHomeYSmllScreen;
	-webkit-animation-duration: 1s, 1s;
	animation-duration: 1s, 1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@keyframes sqr2ToHomeYSmllScreen {
	0% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsStart);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03, .66, .16, .97);
		-webkit-animation-timing-function: cubic-bezier(.03, .66, .16, .97);
	}
	40% {
		/* top: -20px; */
		opacity: var(--tpnvAnm-opcty-peak);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		/* top: 10px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		/* top: 0; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
	}	
}


@-webkit-keyframes sqr2ToHomeYSmllScreen {
	0% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsStart);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03, .66, .16, .97);
		-webkit-animation-timing-function: cubic-bezier(.03, .66, .16, .97);
	}
	40% {
		/* top: -20px; */
		opacity: var(--tpnvAnm-opcty-peak);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		/* top: 10px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		/* top: 0; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
	}	
}

.tpnv_square2_tohomex_lrgscreen {
	-webkit-animation-name: sqr2ToHomeXLrgScreen;
	animation-name: sqr2ToHomeXLrgScreen;
	-webkit-animation-duration: 1.5s, 1.5s;
	animation-duration: 1.5s, 1.5s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@keyframes sqr2ToHomeXLrgScreen {
	from {
		/* left: 100px; */
		transform: translate3d(var(--tpnvAnm-sqr2-deltaX-lrgScreen), 0, 0);
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {
		/* left: 0; */
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes sqr2ToHomeXLrgScreen {
	from {
		/* left: 100px; */
		transform: translate3d(var(--tpnvAnm-sqr2-deltaX-lrgScreen), 0, 0);
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {
		/* left: 0; */
		transform: translate3d(0, 0, 0);
	}
}

.tpnv_square2_tohomey_lrgscreen {
	-webkit-animation-name: sqr2ToHomeYLrgScreen;
	animation-name: sqr2ToHomeYLrgScreen;
	-webkit-animation-duration: 1.5s, 1.5s;
	animation-duration: 1.5s, 1.5s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}


@keyframes sqr2ToHomeYLrgScreen {
	0% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsStart);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03,.66,.16,.97);
		-webkit-animation-timing-function: cubic-bezier(.03,.66,.16,.97);
	}
	40% {
		/* top: -30px; */
		opacity: var(--tpnvAnm-opcty-peak);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));		
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));		
		transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		/* top: 20px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		/* top: 0px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
	}
}

@-webkit-keyframes sqr2ToHomeYLrgScreen {
	0% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsStart);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03,.66,.16,.97);
		-webkit-animation-timing-function: cubic-bezier(.03,.66,.16,.97);
	}
	40% {
		/* top: -30px; */
		opacity: var(--tpnvAnm-opcty-peak);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));		
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));		
		transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		/* top: 20px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		/* top: 0px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
	}
}

/* ********************* SQUARE 3 FROM ABOUT CF TO TOP NAV ANIMATION CODE ********************* */

.tpnv_square3_tohomex_smllscreen {
	-webkit-animation-name: sqr3ToHomeXSmllScreen;
	animation-name: sqr3ToHomeXSmllScreen;
	-webkit-animation-duration: 1s, 1s;
	animation-duration: 1s, 1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@keyframes sqr3ToHomeXSmllScreen {
	from {
		/* left: 5px; */
		transform: translate3d(var(--tpnvAnm-sqr3-deltaX-smllScreen), 0, 0);
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {
		/* left: 0; */
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes sqr3ToHomeXSmllScreen {
	from {
		/* left: 5px; */
		transform: translate3d(var(--tpnvAnm-sqr3-deltaX-smllScreen), 0, 0);
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {
		/* left: 0; */
		transform: translate3d(0, 0, 0);
	}
}

.tpnv_square3_tohomey_smllscreen {
	-webkit-animation-name: sqr3ToHomeYSmllScreen;
	animation-name: sqr3ToHomeYSmllScreen;
	-webkit-animation-duration: 1s, 1s;
	animation-duration: 1s, 1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@keyframes sqr3ToHomeYSmllScreen {
	0% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsStart);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03, .66, .16, .97);
		-webkit-animation-timing-function: cubic-bezier(.03, .66, .16, .97);
	}
	40% {
		/* top: -20px; */
		opacity: var(--tpnvAnm-opcty-peak);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		/* top: 10px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		/* top: 0; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
	}	
}


@-webkit-keyframes sqr3ToHomeYSmllScreen {
	0% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsStart);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03, .66, .16, .97);
		-webkit-animation-timing-function: cubic-bezier(.03, .66, .16, .97);
	}
	40% {
		/* top: -20px; */
		opacity: var(--tpnvAnm-opcty-peak);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		/* top: 10px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		/* top: 0; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
	}	
}

.tpnv_square3_tohomex_lrgscreen {
	-webkit-animation-name: sqr3ToHomeXLrgScreen;
	animation-name: sqr3ToHomeXLrgScreen;
	-webkit-animation-duration: 1.5s, 1.5s;
	animation-duration: 1.5s, 1.5s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@keyframes sqr3ToHomeXLrgScreen {
	from {
		/* left: 21px; */
		transform: translate3d(var(--tpnvAnm-sqr3-deltaX-lrgScreen), 0, 0);
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {
		/* left: 0; */
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes sqr3ToHomeXLrgScreen {
	from {
		/* left: 21px; */
		transform: translate3d(var(--tpnvAnm-sqr3-deltaX-lrgScreen), 0, 0);
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {
		/* left: 0; */
		transform: translate3d(0, 0, 0);
	}
}

.tpnv_square3_tohomey_lrgscreen {
	-webkit-animation-name: sqr3ToHomeYLrgScreen;
	animation-name: sqr3ToHomeYLrgScreen;
	-webkit-animation-duration: 1.5s, 1.5s;
	animation-duration: 1.5s, 1.5s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@keyframes sqr3ToHomeYLrgScreen {
	0% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsStart);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03,.66,.16,.97);
		-webkit-animation-timing-function: cubic-bezier(.03,.66,.16,.97);
	}
	40% {
		/* top: -30px; */
		opacity: var(--tpnvAnm-opcty-peak);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));		
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));		
		transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		/* top: 20px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		/* top: 0px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
	}
}

@-webkit-keyframes sqr3ToHomeYLrgScreen {
	0% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsStart);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03,.66,.16,.97);
		-webkit-animation-timing-function: cubic-bezier(.03,.66,.16,.97);
	}
	40% {
		/* top: -30px; */
		opacity: var(--tpnvAnm-opcty-peak);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));		
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));		
		transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		/* top: 20px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		/* top: 0px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
	}
}

/* ********************* SQUARE 4 FROM ABOUT CF TO TOP NAV ANIMATION CODE ********************* */


.tpnv_square4_tohomex_smllscreen {
	-webkit-animation-name: sqr4ToHomeXSmllScreen;
	animation-name: sqr4ToHomeXSmllScreen;
	-webkit-animation-duration: 1s, 1s;
	animation-duration: 1s, 1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@keyframes sqr4ToHomeXSmllScreen {
	from {
		/* left: -77px; */
		transform: translate3d(var(--tpnvAnm-sqr4-deltaX-smllScreen), 0, 0);
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {
		/* left: 0; */
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes sqr4ToHomeXSmllScreen {
	from {
		/* left: -77px; */
		transform: translate3d(var(--tpnvAnm-sqr4-deltaX-smllScreen), 0, 0);
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {
		/* left: 0; */
		transform: translate3d(0, 0, 0);
	}
}

.tpnv_square4_tohomey_smllscreen {
	-webkit-animation-name: sqr4ToHomeYSmllScreen;
	animation-name: sqr4ToHomeYSmllScreen;
	-webkit-animation-duration: 1s, 1s;
	animation-duration: 1s, 1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@keyframes sqr4ToHomeYSmllScreen {
	0% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsStart);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03, .66, .16, .97);
		-webkit-animation-timing-function: cubic-bezier(.03, .66, .16, .97);
	}
	40% {
		/* top: -20px; */
		opacity: var(--tpnvAnm-opcty-peak);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		/* top: 10px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		/* top: 0; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
	}	
}


@-webkit-keyframes sqr4ToHomeYSmllScreen {
	0% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsStart);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-smllScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03, .66, .16, .97);
		-webkit-animation-timing-function: cubic-bezier(.03, .66, .16, .97);
	}
	40% {
		/* top: -20px; */
		opacity: var(--tpnvAnm-opcty-peak);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		transform: translate3d(0, var(--tpnvAnm-topOffset-peak-smllScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		/* top: 10px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		/* top: 0; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0) scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
	}	
}

.tpnv_square4_tohomex_lrgscreen {
	-webkit-animation-name: sqr4ToHomeXLrgScreen;
	animation-name: sqr4ToHomeXLrgScreen;
	-webkit-animation-duration: 1.5s, 1.5s;
	animation-duration: 1.5s, 1.5s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@keyframes sqr4ToHomeXLrgScreen {
	from {
		/* left: -60px; */
		transform: translate3d(var(--tpnvAnm-sqr4-deltaX-lrgScreen), 0, 0);
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {
		/* left: 0; */
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes sqr4ToHomeXLrgScreen {
	from {
		/* left: -60px; */
		transform: translate3d(var(--tpnvAnm-sqr4-deltaX-lrgScreen), 0, 0);
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {
		/* left: 0; */
		transform: translate3d(0, 0, 0);
	}
}

.tpnv_square4_tohomey_lrgscreen {
	-webkit-animation-name: sqr4ToHomeYLrgScreen;
	animation-name: sqr4ToHomeYLrgScreen;
	-webkit-animation-duration: 1.5s, 1.5s;
	animation-duration: 1.5s, 1.5s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@keyframes sqr4ToHomeYLrgScreen {
	0% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsStart);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03,.66,.16,.97);
		-webkit-animation-timing-function: cubic-bezier(.03,.66,.16,.97);
	}
	40% {
		/* top: -30px; */
		opacity: var(--tpnvAnm-opcty-peak);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));		
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));		
		transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		/* top: 20px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		/* top: 0px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
	}
}

@-webkit-keyframes sqr4ToHomeYLrgScreen {
	0% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsStart);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		transform: translate3d(0, var(--tpnvAnm-topOffset-trgt-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt), var(--tpnvAnm-scal-trgt));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03,.66,.16,.97);
		-webkit-animation-timing-function: cubic-bezier(.03,.66,.16,.97);
	}
	40% {
		/* top: -30px; */
		opacity: var(--tpnvAnm-opcty-peak);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));		
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));		
		transform: translate3d(0, var(--tpnvAnm-topOffset-peak-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak), var(--tpnvAnm-scal-peak));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		/* top: 20px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome), var(--tpnvAnm-scal-bounce-toHome));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		/* top: 0px; */
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-home), 0), scale3d(var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home), var(--tpnvAnm-scal-home));
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
	}
}