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

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


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

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

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

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

@keyframes rect1ToTargetYSmllScreen {
	0% {
		/* top: 0; */
		opacity: var(--tpnvAnm-opcty-home);
		-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));
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		/* top: 10px; */
		opacity: var(--tpnvAnm-opcty-bounce);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-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(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		/* 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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsFinish);
		-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;
	}
}

@-webkit-keyframes rect1ToTargetYSmllScreen {
	0% {
		/* top: 0; */
		opacity: var(--tpnvAnm-opcty-home);
		-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));
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		/* top: 10px; */
		opacity: var(--tpnvAnm-opcty-bounce);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-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(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		/* 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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsFinish);
		-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;
	}
}


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

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

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

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

@keyframes rect1ToTargetYLrgScreen {
	0% {
		/* top: 0; */
		opacity: var(--tpnvAnm-opcty-home);
		-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));
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		/* top: 20px; */
		opacity: var(--tpnvAnm-opcty-bounce);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-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(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		/* 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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsFinish);
 		-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;
	}
}

@-webkit-keyframes rect1ToTargetYLrgScreen {
	0% {
		/* top: 0; */
		opacity: var(--tpnvAnm-opcty-home);
		-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));
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		/* top: 20px; */
		opacity: var(--tpnvAnm-opcty-bounce);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-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(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		/* 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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsFinish);
 		-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;
	}
}

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


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

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

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

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

@keyframes rect2ToTargetYSmllScreen {
	0% {
		/* top: 0; */
		opacity: var(--tpnvAnm-opcty-home);
		-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));
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		/* top: 10px; */
		opacity: var(--tpnvAnm-opcty-bounce);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-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(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		/* 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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsFinish);
		-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;
	}
}

@-webkit-keyframes rect2ToTargetYSmllScreen {
	0% {
		/* top: 0; */
		opacity: var(--tpnvAnm-opcty-home);
		-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));
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		/* top: 10px; */
		opacity: var(--tpnvAnm-opcty-bounce);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-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(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		/* 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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsFinish);
		-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;
	}
}


.tpnv_rectangle2_totargetx_lrgscreen {
	-webkit-animation-name: rect2ToTargetYLrgScreen, rect2ToTargetXLrgScreen;
	animation-name: rect2ToTargetYLrgScreen, rect2ToTargetXLrgScreen;
	-webkit-animation-duration: 1s, 1s;
	animation-duration: 1s, 1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

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

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

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


@keyframes rect2ToTargetYLrgScreen {
	0% {
		/* top: 0; */
		opacity: var(--tpnvAnm-opcty-home);
		-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));
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		/* top: 20px; */
		opacity: var(--tpnvAnm-opcty-bounce);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-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(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		/* 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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsFinish);
 		-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;
	}
}

@-webkit-keyframes rect2ToTargetYLrgScreen {
	0% {
		/* top: 0; */
		opacity: var(--tpnvAnm-opcty-home);
		-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));
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		/* top: 20px; */
		opacity: var(--tpnvAnm-opcty-bounce);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-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(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		/* 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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsFinish);
 		-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;
	}
}

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


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

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

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

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


@keyframes rect3ToTargetYSmllScreen {
	0% {
		/* top: 0; */
		opacity: var(--tpnvAnm-opcty-home);
		-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));
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		/* top: 10px; */
		opacity: var(--tpnvAnm-opcty-bounce);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-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(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		/* 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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsFinish);
		-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;
	}
}

@-webkit-keyframes rect3ToTargetYSmllScreen {
	0% {
		/* top: 0; */
		opacity: var(--tpnvAnm-opcty-home);
		-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));
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		/* top: 10px; */
		opacity: var(--tpnvAnm-opcty-bounce);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-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(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		/* 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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsFinish);
		-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;
	}
}


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

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

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

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

@keyframes rect3ToTargetYLrgScreen {
	0% {
		/* top: 0; */
		opacity: var(--tpnvAnm-opcty-home);
		-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));
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		/* top: 20px; */
		opacity: var(--tpnvAnm-opcty-bounce);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-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(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		/* 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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);

	}
		
	100% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsFinish);
 		-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;
	}
}

@-webkit-keyframes rect3ToTargetYLrgScreen {
	0% {
		/* top: 0; */
		opacity: var(--tpnvAnm-opcty-home);
		-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));
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		/* top: 20px; */
		opacity: var(--tpnvAnm-opcty-bounce);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-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(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		/* 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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsFinish);
 		-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;
	}
}


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


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

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

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

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

@keyframes sqr1ToTargetYSmllScreen {
	0% {
		/* top: 0; */
		opacity: var(--tpnvAnm-opcty-home);
		-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));
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		/* top: 10px; */
		opacity: var(--tpnvAnm-opcty-bounce);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-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(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		/* 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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsFinish);
		-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;
	}
}

@-webkit-keyframes sqr1ToTargetYSmllScreen {
	0% {
		/* top: 0; */
		opacity: var(--tpnvAnm-opcty-home);
		-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));
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		/* top: 10px; */
		opacity: var(--tpnvAnm-opcty-bounce);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-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(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		/* 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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsFinish);
		-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;
	}
}


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

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

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

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

@keyframes sqr1ToTargetYLrgScreen {
	0% {
		/* top: 0; */
		opacity: var(--tpnvAnm-opcty-home);
		-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));
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		/* top: 20px; */
		opacity: var(--tpnvAnm-opcty-bounce);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-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(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		/* 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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsFinish);
 		-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;
	}
}

@-webkit-keyframes sqr1ToTargetYLrgScreen {
	0% {
		/* top: 0; */
		opacity: var(--tpnvAnm-opcty-home);
		-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));
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		/* top: 20px; */
		opacity: var(--tpnvAnm-opcty-bounce);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-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(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		/* 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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsFinish);
 		-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;
	}
}

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


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

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

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

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

@keyframes sqr2ToTargetYSmllScreen {
	0% {
		/* top: 0; */
		opacity: var(--tpnvAnm-opcty-home);
		-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));
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		/* top: 10px; */
		opacity: var(--tpnvAnm-opcty-bounce);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-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(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		/* 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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsFinish);
		-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;
	}
}

@-webkit-keyframes sqr2ToTargetYSmllScreen {
	0% {
		/* top: 0; */
		opacity: var(--tpnvAnm-opcty-home);
		-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));
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		/* top: 10px; */
		opacity: var(--tpnvAnm-opcty-bounce);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-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(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		/* 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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsFinish);
		-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;
	}
}


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

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

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

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

@keyframes sqr2ToTargetYLrgScreen {
	0% {
		/* top: 0; */
		opacity: var(--tpnvAnm-opcty-home);
		-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));
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		/* top: 20px; */
		opacity: var(--tpnvAnm-opcty-bounce);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-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(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		/* 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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsFinish);
 		-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;
	}
}

@-webkit-keyframes sqr2ToTargetYLrgScreen {
	0% {
		/* top: 0; */
		opacity: var(--tpnvAnm-opcty-home);
		-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));
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		/* top: 20px; */
		opacity: var(--tpnvAnm-opcty-bounce);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-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(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		/* 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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsFinish);
 		-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;
	}
}

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


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

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

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

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

@keyframes sqr3ToTargetYSmllScreen {
	0% {
		/* top: 0; */
		opacity: var(--tpnvAnm-opcty-home);
		-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));
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		/* top: 10px; */
		opacity: var(--tpnvAnm-opcty-bounce);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-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(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		/* 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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsFinish);
		-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;
	}
}

@-webkit-keyframes sqr3ToTargetYSmllScreen {
	0% {
		/* top: 0; */
		opacity: var(--tpnvAnm-opcty-home);
		-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));
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		/* top: 10px; */
		opacity: var(--tpnvAnm-opcty-bounce);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-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(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		/* 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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsFinish);
		-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;
	}
}


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

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

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

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

@keyframes sqr3ToTargetYLrgScreen {
	0% {
		/* top: 0; */
		opacity: var(--tpnvAnm-opcty-home);
		-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));
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		/* top: 20px; */
		opacity: var(--tpnvAnm-opcty-bounce);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-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(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		/* 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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsFinish);
 		-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;
	}
}

@-webkit-keyframes sqr3ToTargetYLrgScreen {
	0% {
		/* top: 0; */
		opacity: var(--tpnvAnm-opcty-home);
		-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));
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		/* top: 20px; */
		opacity: var(--tpnvAnm-opcty-bounce);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-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(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		/* 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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsFinish);
 		-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;
	}
}

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


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

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

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

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

@keyframes sqr4ToTargetYSmllScreen {
	0% {
		/* top: 0; */
		opacity: var(--tpnvAnm-opcty-home);
		-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));
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		/* top: 10px; */
		opacity: var(--tpnvAnm-opcty-bounce);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-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(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		/* 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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsFinish);
		-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;
	}
}

@-webkit-keyframes sqr4ToTargetYSmllScreen {
	0% {
		/* top: 0; */
		opacity: var(--tpnvAnm-opcty-home);
		-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));
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		/* top: 10px; */
		opacity: var(--tpnvAnm-opcty-bounce);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-smllScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-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(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		/* 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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsFinish);
		-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;
	}
}


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

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

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

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

@keyframes sqr4ToTargetYLrgScreen {
	0% {
		/* top: 0; */
		opacity: var(--tpnvAnm-opcty-home);
		-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));
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		/* top: 20px; */
		opacity: var(--tpnvAnm-opcty-bounce);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-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(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		/* 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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsFinish);
 		-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;
	}
}

@-webkit-keyframes sqr4ToTargetYLrgScreen {
	0% {
		/* top: 0; */
		opacity: var(--tpnvAnm-opcty-home);
		-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));
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		/* top: 20px; */
		opacity: var(--tpnvAnm-opcty-bounce);
		-webkit-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-moz-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-ms-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-o-transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		transform: translate3d(0, var(--tpnvAnm-topOffset-bounce-lrgScreen), 0) scale3d(var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget), var(--tpnvAnm-scal-bounce-toTarget));
		-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(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		/* 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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		/* top: 82px; */
		opacity: var(--tpnvAnm-opcty-trgtAsFinish);
 		-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;
	}
}