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

/* ********************* FE CRÍVEL FROM ABOUT CF TO TOP NAV ANIMATION CODE ********************* */


.tpnv_fecrivel_icon_from_about_cf_to_top_nav_small_screen {
		-webkit-animation-name: feCrivelIconGrowUpFromAboutCFToTopNavSmallScreen, feCrivelIconFromAboutCFToLeftSmallScreen;
		animation-name: feCrivelIconGrowUpFromAboutCFToTopNavSmallScreen, feCrivelIconFromAboutCFToLeftSmallScreen;
		-webkit-animation-duration: 1s, 1s;
		animation-duration: 1s, 1s;
		animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;}

@keyframes feCrivelIconFromAboutCFToLeftSmallScreen {
	from {
		left: 496px;
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {left: 0;}
}

@-webkit-keyframes feCrivelIconFromAboutCFToLeftSmallScreen {
	from {
		left: 496px;
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {left: 0;}
}

@keyframes feCrivelIconGrowUpFromAboutCFToTopNavSmallScreen {
	0% {
		top: 82px;
		opacity: .3;
		-webkit-transform: scale3d(.2, .2, .2);
		-moz-transform: scale3d(.2, .2, .2);
		-ms-transform: scale3d(.2, .2, .2);
		-o-transform: scale3d(.2, .2, .2);
		transform: scale3d(.2, .2, .2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03, .66, .16, .97);
		-webkit-animation-timing-function: cubic-bezier(.03, .66, .16, .97);
	}
	40% {
		top: -20px;
		opacity: 1;
		-webkit-transform: scale3d(.8, .8, .8);
		-moz-transform: scale3d(.8, .8, .8);
		-ms-transform: scale3d(.8, .8, .8);
		-o-transform: scale3d(.8, .8, .8);
		transform: scale3d(.8, .8, .8);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		top: 10px;
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		-moz-transform: scale3d(1.2, 1.2, 1.2);
		-ms-transform: scale3d(1.2, 1.2, 1.2);
		-o-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		-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: 0;
	}	
}


@-webkit-keyframes feCrivelIconGrowUpFromAboutCFToTopNavSmallScreen {
	0% {
		top: 82px;
		opacity: .3;
		-webkit-transform: scale3d(.2, .2, .2);
		-moz-transform: scale3d(.2, .2, .2);
		-ms-transform: scale3d(.2, .2, .2);
		-o-transform: scale3d(.2, .2, .2);
		transform: scale3d(.2, .2, .2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03, .66, .16, .97);
		-webkit-animation-timing-function: cubic-bezier(.03, .66, .16, .97);
	}
	40% {
		top: -20px;
		opacity: 1;
		-webkit-transform: scale3d(.8, .8, .8);
		-moz-transform: scale3d(.8, .8, .8);
		-ms-transform: scale3d(.8, .8, .8);
		-o-transform: scale3d(.8, .8, .8);
		transform: scale3d(.8, .8, .8);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		top: 10px;
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		-moz-transform: scale3d(1.2, 1.2, 1.2);
		-ms-transform: scale3d(1.2, 1.2, 1.2);
		-o-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		-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: 0;
	}	
}



.tpnv_fecrivel_icon_from_about_cf_to_top_nav_large_screen {
		-webkit-animation-name: feCrivelIconGrowUpFromAboutCFToTopNavLargeScreen, feCrivelIconFromAboutCFToLeftLargeScreen;
		animation-name: feCrivelIconGrowUpFromAboutCFToTopNavLargeScreen, feCrivelIconFromAboutCFToLeftLargeScreen;
		-webkit-animation-duration: 1.5s, 1.5s;
		animation-duration: 1.5s, 1.5s;
		animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;}

@keyframes feCrivelIconFromAboutCFToLeftLargeScreen {
	from {
		left: 505px;
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {left: 0px;}
}

@-webkit-keyframes feCrivelIconFromAboutCFToLeftLargeScreen {
	from {
		left: 505px;
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {left: 0px;}
}

@keyframes feCrivelIconGrowUpFromAboutCFToTopNavLargeScreen {
	0% {
		top: 82px;
		opacity: .3;
		-webkit-transform: scale3d(.2, .2, .2);
		-moz-transform: scale3d(.2, .2, .2);
		-ms-transform: scale3d(.2, .2, .2);
		-o-transform: scale3d(.2, .2, .2);
		transform: scale3d(.2, .2, .2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03,.66,.16,.97);
		-webkit-animation-timing-function: cubic-bezier(.03,.66,.16,.97);
	}
	40% {
		top: -30px;
		opacity: 1;
		-webkit-transform: scale3d(.8, .8, .8);
		-moz-transform: scale3d(.8, .8, .8);
		-ms-transform: scale3d(.8, .8, .8);
		-o-transform: scale3d(.8, .8, .8);
		transform: scale3d(.8, .8, .8);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		top: 20px;
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		-moz-transform: scale3d(1.2, 1.2, 1.2);
		-ms-transform: scale3d(1.2, 1.2, 1.2);
		-o-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		top: 0px;
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		-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 feCrivelIconGrowUpFromAboutCFToTopNavLargeScreen {
	0% {
		top: 82px;
		opacity: .3;
		-webkit-transform: scale3d(.2, .2, .2);
		-moz-transform: scale3d(.2, .2, .2);
		-ms-transform: scale3d(.2, .2, .2);
		-o-transform: scale3d(.2, .2, .2);
		transform: scale3d(.2, .2, .2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03,.66,.16,.97);
		-webkit-animation-timing-function: cubic-bezier(.03,.66,.16,.97);
	}
	40% {
		top: -30px;
		opacity: 1;
		-webkit-transform: scale3d(.8, .8, .8);
		-moz-transform: scale3d(.8, .8, .8);
		-ms-transform: scale3d(.8, .8, .8);
		-o-transform: scale3d(.8, .8, .8);
		transform: scale3d(.8, .8, .8);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		top: 20px;
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		-moz-transform: scale3d(1.2, 1.2, 1.2);
		-ms-transform: scale3d(1.2, 1.2, 1.2);
		-o-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		top: 0px;
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
	}
}

/* ********************* FE CREIBLE FROM ABOUT CF TO TOP NAV ANIMATION CODE ********************* */


.tpnv_fecreible_icon_from_about_cf_to_top_nav_small_screen {
		-webkit-animation-name: feCreibleIconGrowUpFromAboutCFToTopNavSmallScreen, feCreibleIconFromAboutCFToLeftSmallScreen;
		animation-name: feCreibleIconGrowUpFromAboutCFToTopNavSmallScreen, feCreibleIconFromAboutCFToLeftSmallScreen;
		-webkit-animation-duration: 1.5s, 1.5s;
		animation-duration: 1.5s, 1.5s;
		animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;}

@keyframes feCreibleIconFromAboutCFToLeftSmallScreen {
	from {
		left: 384px;
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {left: 0;}
}

@-webkit-keyframes feCreibleIconFromAboutCFToLeftSmallScreen {
	from {
		left: 384px;
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {left: 0;}
}

@keyframes feCreibleIconGrowUpFromAboutCFToTopNavSmallScreen {
	0% {
		top: 82px;
		opacity: .3;
		-webkit-transform: scale3d(.2, .2, .2);
		-moz-transform: scale3d(.2, .2, .2);
		-ms-transform: scale3d(.2, .2, .2);
		-o-transform: scale3d(.2, .2, .2);
		transform: scale3d(.2, .2, .2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03, .66, .16, .97);
		-webkit-animation-timing-function: cubic-bezier(.03, .66, .16, .97);
	}
	40% {
		top: -20px;
		opacity: 1;
		-webkit-transform: scale3d(.8, .8, .8);
		-moz-transform: scale3d(.8, .8, .8);
		-ms-transform: scale3d(.8, .8, .8);
		-o-transform: scale3d(.8, .8, .8);
		transform: scale3d(.8, .8, .8);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		top: 10px;
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		-moz-transform: scale3d(1.2, 1.2, 1.2);
		-ms-transform: scale3d(1.2, 1.2, 1.2);
		-o-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		-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: 0;
	}	
}


@-webkit-keyframes feCreibleIconGrowUpFromAboutCFToTopNavSmallScreen {
	0% {
		top: 82px;
		opacity: .3;
		-webkit-transform: scale3d(.2, .2, .2);
		-moz-transform: scale3d(.2, .2, .2);
		-ms-transform: scale3d(.2, .2, .2);
		-o-transform: scale3d(.2, .2, .2);
		transform: scale3d(.2, .2, .2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03, .66, .16, .97);
		-webkit-animation-timing-function: cubic-bezier(.03, .66, .16, .97);
	}
	40% {
		top: -20px;
		opacity: 1;
		-webkit-transform: scale3d(.8, .8, .8);
		-moz-transform: scale3d(.8, .8, .8);
		-ms-transform: scale3d(.8, .8, .8);
		-o-transform: scale3d(.8, .8, .8);
		transform: scale3d(.8, .8, .8);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		top: 10px;
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		-moz-transform: scale3d(1.2, 1.2, 1.2);
		-ms-transform: scale3d(1.2, 1.2, 1.2);
		-o-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		-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: 0;
	}	
}



.tpnv_fecreible_icon_from_about_cf_to_top_nav_large_screen {
		-webkit-animation-name: feCreibleIconGrowUpFromAboutCFToTopNavLargeScreen, feCreibleIconFromAboutCFToLeftLargeScreen;
		animation-name: feCreibleIconGrowUpFromAboutCFToTopNavLargeScreen, feCreibleIconFromAboutCFToLeftLargeScreen;
		-webkit-animation-duration: 1.5s, 1.5s;
		animation-duration: 1.5s, 1.5s;
		animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;}

@keyframes feCreibleIconFromAboutCFToLeftLargeScreen {
	from {
		left: 388px;
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {left: 0px;}
}

@-webkit-keyframes feCreibleIconFromAboutCFToLeftLargeScreen {
	from {
		left: 388px;
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {left: 0px;}
}

@keyframes feCreibleIconGrowUpFromAboutCFToTopNavLargeScreen {
	0% {
		top: 82px;
		opacity: .3;
		-webkit-transform: scale3d(.2, .2, .2);
		-moz-transform: scale3d(.2, .2, .2);
		-ms-transform: scale3d(.2, .2, .2);
		-o-transform: scale3d(.2, .2, .2);
		transform: scale3d(.2, .2, .2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03,.66,.16,.97);
		-webkit-animation-timing-function: cubic-bezier(.03,.66,.16,.97);
	}
	40% {
		top: -30px;
		opacity: 1;
		-webkit-transform: scale3d(.8, .8, .8);
		-moz-transform: scale3d(.8, .8, .8);
		-ms-transform: scale3d(.8, .8, .8);
		-o-transform: scale3d(.8, .8, .8);
		transform: scale3d(.8, .8, .8);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		top: 20px;
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		-moz-transform: scale3d(1.2, 1.2, 1.2);
		-ms-transform: scale3d(1.2, 1.2, 1.2);
		-o-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		top: 0px;
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		-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 feCreibleIconGrowUpFromAboutCFToTopNavLargeScreen {
	0% {
		top: 82px;
		opacity: .3;
		-webkit-transform: scale3d(.2, .2, .2);
		-moz-transform: scale3d(.2, .2, .2);
		-ms-transform: scale3d(.2, .2, .2);
		-o-transform: scale3d(.2, .2, .2);
		transform: scale3d(.2, .2, .2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03,.66,.16,.97);
		-webkit-animation-timing-function: cubic-bezier(.03,.66,.16,.97);
	}
	40% {
		top: -30px;
		opacity: 1;
		-webkit-transform: scale3d(.8, .8, .8);
		-moz-transform: scale3d(.8, .8, .8);
		-ms-transform: scale3d(.8, .8, .8);
		-o-transform: scale3d(.8, .8, .8);
		transform: scale3d(.8, .8, .8);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		top: 20px;
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		-moz-transform: scale3d(1.2, 1.2, 1.2);
		-ms-transform: scale3d(1.2, 1.2, 1.2);
		-o-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		top: 0px;
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
	}
}


/* ********************* CONFERENCES FROM ABOUT CF TO TOP NAV ANIMATION CODE ********************* */


.tpnv_conferences_icon_from_about_cf_to_top_nav_small_screen {
		-webkit-animation-name: conferencesIconGrowUpFromAboutCFToTopNavSmallScreen, conferencesIconFromAboutCFToLeftSmallScreen;
		animation-name: conferencesIconGrowUpFromAboutCFToTopNavSmallScreen, conferencesIconFromAboutCFToLeftSmallScreen;
		-webkit-animation-duration: 1.5s, 1.5s;
		animation-duration: 1.5s, 1.5s;
		animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;}

@keyframes conferencesIconFromAboutCFToLeftSmallScreen {
	from {
		left: 263px;
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {left: 0;}
}

@-webkit-keyframes conferencesIconFromAboutCFToLeftSmallScreen {
	from {
		left: 263px;
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {left: 0;}
}

@keyframes conferencesIconGrowUpFromAboutCFToTopNavSmallScreen {
	0% {
		top: 82px;
		opacity: .3;
		-webkit-transform: scale3d(.2, .2, .2);
		-moz-transform: scale3d(.2, .2, .2);
		-ms-transform: scale3d(.2, .2, .2);
		-o-transform: scale3d(.2, .2, .2);
		transform: scale3d(.2, .2, .2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03, .66, .16, .97);
		-webkit-animation-timing-function: cubic-bezier(.03, .66, .16, .97);
	}
	40% {
		top: -20px;
		opacity: 1;
		-webkit-transform: scale3d(.8, .8, .8);
		-moz-transform: scale3d(.8, .8, .8);
		-ms-transform: scale3d(.8, .8, .8);
		-o-transform: scale3d(.8, .8, .8);
		transform: scale3d(.8, .8, .8);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		top: 10px;
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		-moz-transform: scale3d(1.2, 1.2, 1.2);
		-ms-transform: scale3d(1.2, 1.2, 1.2);
		-o-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		-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: 0;
	}	
}


@-webkit-keyframes conferencesIconGrowUpFromAboutCFToTopNavSmallScreen {
	0% {
		top: 82px;
		opacity: .3;
		-webkit-transform: scale3d(.2, .2, .2);
		-moz-transform: scale3d(.2, .2, .2);
		-ms-transform: scale3d(.2, .2, .2);
		-o-transform: scale3d(.2, .2, .2);
		transform: scale3d(.2, .2, .2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03, .66, .16, .97);
		-webkit-animation-timing-function: cubic-bezier(.03, .66, .16, .97);
	}
	40% {
		top: -20px;
		opacity: 1;
		-webkit-transform: scale3d(.8, .8, .8);
		-moz-transform: scale3d(.8, .8, .8);
		-ms-transform: scale3d(.8, .8, .8);
		-o-transform: scale3d(.8, .8, .8);
		transform: scale3d(.8, .8, .8);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		top: 10px;
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		-moz-transform: scale3d(1.2, 1.2, 1.2);
		-ms-transform: scale3d(1.2, 1.2, 1.2);
		-o-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		-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: 0;
	}	
}



.tpnv_conferences_icon_from_about_cf_to_top_nav_large_screen {
		-webkit-animation-name: conferencesIconGrowUpFromAboutCFToTopNavLargeScreen, conferencesIconFromAboutCFToLeftLargeScreen;
		animation-name: conferencesIconGrowUpFromAboutCFToTopNavLargeScreen, conferencesIconFromAboutCFToLeftLargeScreen;
		-webkit-animation-duration: 1.5s, 1.5s;
		animation-duration: 1.5s, 1.5s;
		animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;}

@keyframes conferencesIconFromAboutCFToLeftLargeScreen {
	from {
		left: 275px;
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {left: 0px;}
}

@-webkit-keyframes conferencesIconFromAboutCFToLeftLargeScreen {
	from {
		left: 275px;
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {left: 0px;}
}


@keyframes conferencesIconGrowUpFromAboutCFToTopNavLargeScreen {
	0% {
		top: 82px;
		opacity: .3;
		-webkit-transform: scale3d(.2, .2, .2);
		-moz-transform: scale3d(.2, .2, .2);
		-ms-transform: scale3d(.2, .2, .2);
		-o-transform: scale3d(.2, .2, .2);
		transform: scale3d(.2, .2, .2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03,.66,.16,.97);
		-webkit-animation-timing-function: cubic-bezier(.03,.66,.16,.97);
	}
	40% {
		top: -30px;
		opacity: 1;
		-webkit-transform: scale3d(.8, .8, .8);
		-moz-transform: scale3d(.8, .8, .8);
		-ms-transform: scale3d(.8, .8, .8);
		-o-transform: scale3d(.8, .8, .8);
		transform: scale3d(.8, .8, .8);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		top: 20px;
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		-moz-transform: scale3d(1.2, 1.2, 1.2);
		-ms-transform: scale3d(1.2, 1.2, 1.2);
		-o-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		top: 0px;
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		-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 conferencesIconGrowUpFromAboutCFToTopNavLargeScreen {
	0% {
		top: 82px;
		opacity: .3;
		-webkit-transform: scale3d(.2, .2, .2);
		-moz-transform: scale3d(.2, .2, .2);
		-ms-transform: scale3d(.2, .2, .2);
		-o-transform: scale3d(.2, .2, .2);
		transform: scale3d(.2, .2, .2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03,.66,.16,.97);
		-webkit-animation-timing-function: cubic-bezier(.03,.66,.16,.97);
	}
	40% {
		top: -30px;
		opacity: 1;
		-webkit-transform: scale3d(.8, .8, .8);
		-moz-transform: scale3d(.8, .8, .8);
		-ms-transform: scale3d(.8, .8, .8);
		-o-transform: scale3d(.8, .8, .8);
		transform: scale3d(.8, .8, .8);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		top: 20px;
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		-moz-transform: scale3d(1.2, 1.2, 1.2);
		-ms-transform: scale3d(1.2, 1.2, 1.2);
		-o-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		top: 0px;
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
	}
}

/* ********************* TWITTER FROM ABOUT CF TO TOP NAV ANIMATION CODE ********************* */


.tpnv_twitter_icon_from_about_cf_to_top_nav_small_screen {
		-webkit-animation-name: twitterIconGrowUpFromAboutCFToTopNavSmallScreen, twitterIconFromAboutCFToLeftSmallScreen;
		animation-name: conferencesIconGrowUpFromAboutCFToTopNavSmallScreen, twitterIconFromAboutCFToLeftSmallScreen;
		-webkit-animation-duration: 1s, 1s;
		animation-duration: 1s, 1s;
		animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;}

@keyframes twitterIconFromAboutCFToLeftSmallScreen {
	from {
		left: 158px;
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {left: 0;}
}

@-webkit-keyframes twitterIconFromAboutCFToLeftSmallScreen {
	from {
		left: 158px;
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {left: 0;}
}

@keyframes twitterIconGrowUpFromAboutCFToTopNavSmallScreen {
	0% {
		top: 82px;
		opacity: .3;
		-webkit-transform: scale3d(.2, .2, .2);
		-moz-transform: scale3d(.2, .2, .2);
		-ms-transform: scale3d(.2, .2, .2);
		-o-transform: scale3d(.2, .2, .2);
		transform: scale3d(.2, .2, .2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03, .66, .16, .97);
		-webkit-animation-timing-function: cubic-bezier(.03, .66, .16, .97);
	}
	40% {
		top: -20px;
		opacity: 1;
		-webkit-transform: scale3d(.8, .8, .8);
		-moz-transform: scale3d(.8, .8, .8);
		-ms-transform: scale3d(.8, .8, .8);
		-o-transform: scale3d(.8, .8, .8);
		transform: scale3d(.8, .8, .8);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		top: 10px;
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		-moz-transform: scale3d(1.2, 1.2, 1.2);
		-ms-transform: scale3d(1.2, 1.2, 1.2);
		-o-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		-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: 0;
	}	
}


@-webkit-keyframes twitterIconGrowUpFromAboutCFToTopNavSmallScreen {
	0% {
		top: 82px;
		opacity: .3;
		-webkit-transform: scale3d(.2, .2, .2);
		-moz-transform: scale3d(.2, .2, .2);
		-ms-transform: scale3d(.2, .2, .2);
		-o-transform: scale3d(.2, .2, .2);
		transform: scale3d(.2, .2, .2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03, .66, .16, .97);
		-webkit-animation-timing-function: cubic-bezier(.03, .66, .16, .97);
	}
	40% {
		top: -20px;
		opacity: 1;
		-webkit-transform: scale3d(.8, .8, .8);
		-moz-transform: scale3d(.8, .8, .8);
		-ms-transform: scale3d(.8, .8, .8);
		-o-transform: scale3d(.8, .8, .8);
		transform: scale3d(.8, .8, .8);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		top: 10px;
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		-moz-transform: scale3d(1.2, 1.2, 1.2);
		-ms-transform: scale3d(1.2, 1.2, 1.2);
		-o-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		-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: 0;
	}	
}



.tpnv_twitter_icon_from_about_cf_to_top_nav_large_screen {
		-webkit-animation-name: twitterIconGrowUpFromAboutCFToTopNavLargeScreen, twitterIconFromAboutCFToLeftLargeScreen;
		animation-name: conferencesIconGrowUpFromAboutCFToTopNavLargeScreen, twitterIconFromAboutCFToLeftLargeScreen;
		-webkit-animation-duration: 1.5s, 1.5s;
		animation-duration: 1.5s, 1.5s;
		animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;}

@keyframes twitterIconFromAboutCFToLeftLargeScreen {
	from {
		left: 175px;
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {left: 0px;}
}

@-webkit-keyframes twitterIconFromAboutCFToLeftLargeScreen {
	from {
		left: 175px;
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {left: 0px;}
}


@keyframes twitterIconGrowUpFromAboutCFToTopNavLargeScreen {
	0% {
		top: 82px;
		opacity: .3;
		-webkit-transform: scale3d(.2, .2, .2);
		-moz-transform: scale3d(.2, .2, .2);
		-ms-transform: scale3d(.2, .2, .2);
		-o-transform: scale3d(.2, .2, .2);
		transform: scale3d(.2, .2, .2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03,.66,.16,.97);
		-webkit-animation-timing-function: cubic-bezier(.03,.66,.16,.97);
	}
	40% {
		top: -30px;
		opacity: 1;
		-webkit-transform: scale3d(.8, .8, .8);
		-moz-transform: scale3d(.8, .8, .8);
		-ms-transform: scale3d(.8, .8, .8);
		-o-transform: scale3d(.8, .8, .8);
		transform: scale3d(.8, .8, .8);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		top: 20px;
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		-moz-transform: scale3d(1.2, 1.2, 1.2);
		-ms-transform: scale3d(1.2, 1.2, 1.2);
		-o-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		top: 0px;
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		-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 twitterIconGrowUpFromAboutCFToTopNavLargeScreen {
	0% {
		top: 82px;
		opacity: .3;
		-webkit-transform: scale3d(.2, .2, .2);
		-moz-transform: scale3d(.2, .2, .2);
		-ms-transform: scale3d(.2, .2, .2);
		-o-transform: scale3d(.2, .2, .2);
		transform: scale3d(.2, .2, .2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03,.66,.16,.97);
		-webkit-animation-timing-function: cubic-bezier(.03,.66,.16,.97);
	}
	40% {
		top: -30px;
		opacity: 1;
		-webkit-transform: scale3d(.8, .8, .8);
		-moz-transform: scale3d(.8, .8, .8);
		-ms-transform: scale3d(.8, .8, .8);
		-o-transform: scale3d(.8, .8, .8);
		transform: scale3d(.8, .8, .8);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		top: 20px;
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		-moz-transform: scale3d(1.2, 1.2, 1.2);
		-ms-transform: scale3d(1.2, 1.2, 1.2);
		-o-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		top: 0px;
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
	}
}


/* ********************* FACEBOOK FROM ABOUT CF TO TOP NAV ANIMATION CODE ********************* */


.tpnv_facebook_icon_from_about_cf_to_top_nav_small_screen {
		-webkit-animation-name: facebookIconGrowUpFromAboutCFToTopNavSmallScreen, facebookIconFromAboutCFToLeftSmallScreen;
		animation-name: conferencesIconGrowUpFromAboutCFToTopNavSmallScreen, facebookIconFromAboutCFToLeftSmallScreen;
		-webkit-animation-duration: 1s, 1s;
		animation-duration: 1s, 1s;
		animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;}

@keyframes facebookIconFromAboutCFToLeftSmallScreen {
	from {
		left: 78px;
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {left: 0px;}
}

@-webkit-keyframes facebookIconFromAboutCFToLeftSmallScreen {
	from {
		left: 78px;
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {left: 0px;}
}

@keyframes facebookIconGrowUpFromAboutCFToTopNavSmallScreen {
	0% {
		top: 82px;
		opacity: .3;
		-webkit-transform: scale3d(.2, .2, .2);
		-moz-transform: scale3d(.2, .2, .2);
		-ms-transform: scale3d(.2, .2, .2);
		-o-transform: scale3d(.2, .2, .2);
		transform: scale3d(.2, .2, .2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03, .66, .16, .97);
		-webkit-animation-timing-function: cubic-bezier(.03, .66, .16, .97);
	}
	40% {
		top: -20px;
		opacity: 1;
		-webkit-transform: scale3d(.8, .8, .8);
		-moz-transform: scale3d(.8, .8, .8);
		-ms-transform: scale3d(.8, .8, .8);
		-o-transform: scale3d(.8, .8, .8);
		transform: scale3d(.8, .8, .8);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		top: 10px;
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		-moz-transform: scale3d(1.2, 1.2, 1.2);
		-ms-transform: scale3d(1.2, 1.2, 1.2);
		-o-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		-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: 0;
	}	
}


@-webkit-keyframes facebookIconGrowUpFromAboutCFToTopNavSmallScreen {
	0% {
		top: 82px;
		opacity: .3;
		-webkit-transform: scale3d(.2, .2, .2);
		-moz-transform: scale3d(.2, .2, .2);
		-ms-transform: scale3d(.2, .2, .2);
		-o-transform: scale3d(.2, .2, .2);
		transform: scale3d(.2, .2, .2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03, .66, .16, .97);
		-webkit-animation-timing-function: cubic-bezier(.03, .66, .16, .97);
	}
	40% {
		top: -20px;
		opacity: 1;
		-webkit-transform: scale3d(.8, .8, .8);
		-moz-transform: scale3d(.8, .8, .8);
		-ms-transform: scale3d(.8, .8, .8);
		-o-transform: scale3d(.8, .8, .8);
		transform: scale3d(.8, .8, .8);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		top: 10px;
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		-moz-transform: scale3d(1.2, 1.2, 1.2);
		-ms-transform: scale3d(1.2, 1.2, 1.2);
		-o-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		-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: 0;
	}	
}



.tpnv_facebook_icon_from_about_cf_to_top_nav_large_screen {
		-webkit-animation-name: facebookIconGrowUpFromAboutCFToTopNavLargeScreen, facebookIconFromAboutCFToLeftLargeScreen;
		animation-name: facebookIconGrowUpFromAboutCFToTopNavLargeScreen, facebookIconFromAboutCFToLeftLargeScreen;
		-webkit-animation-duration: 1.5s, 1.5s;
		animation-duration: 1.5s, 1.5s;
		animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;}

@keyframes facebookIconFromAboutCFToLeftLargeScreen {
	from {
		left: 100px;
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {left: 0px;}
}

@-webkit-keyframes facebookIconFromAboutCFToLeftLargeScreen {
	from {
		left: 100px;
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {left: 0px;}
}


@keyframes facebookIconGrowUpFromAboutCFToTopNavLargeScreen {
	0% {
		top: 82px;
		opacity: .3;
		-webkit-transform: scale3d(.2, .2, .2);
		-moz-transform: scale3d(.2, .2, .2);
		-ms-transform: scale3d(.2, .2, .2);
		-o-transform: scale3d(.2, .2, .2);
		transform: scale3d(.2, .2, .2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03,.66,.16,.97);
		-webkit-animation-timing-function: cubic-bezier(.03,.66,.16,.97);
	}
	40% {
		top: -30px;
		opacity: 1;
		-webkit-transform: scale3d(.8, .8, .8);
		-moz-transform: scale3d(.8, .8, .8);
		-ms-transform: scale3d(.8, .8, .8);
		-o-transform: scale3d(.8, .8, .8);
		transform: scale3d(.8, .8, .8);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		top: 20px;
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		-moz-transform: scale3d(1.2, 1.2, 1.2);
		-ms-transform: scale3d(1.2, 1.2, 1.2);
		-o-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		top: 0px;
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		-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 facebookIconGrowUpFromAboutCFToTopNavLargeScreen {
	0% {
		top: 82px;
		opacity: .3;
		-webkit-transform: scale3d(.2, .2, .2);
		-moz-transform: scale3d(.2, .2, .2);
		-ms-transform: scale3d(.2, .2, .2);
		-o-transform: scale3d(.2, .2, .2);
		transform: scale3d(.2, .2, .2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03,.66,.16,.97);
		-webkit-animation-timing-function: cubic-bezier(.03,.66,.16,.97);
	}
	40% {
		top: -30px;
		opacity: 1;
		-webkit-transform: scale3d(.8, .8, .8);
		-moz-transform: scale3d(.8, .8, .8);
		-ms-transform: scale3d(.8, .8, .8);
		-o-transform: scale3d(.8, .8, .8);
		transform: scale3d(.8, .8, .8);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		top: 20px;
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		-moz-transform: scale3d(1.2, 1.2, 1.2);
		-ms-transform: scale3d(1.2, 1.2, 1.2);
		-o-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		top: 0px;
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
	}
}



/* ********************* RSS FROM ABOUT CF TO TOP NAV ANIMATION CODE ********************* */


.tpnv_rss_icon_from_about_cf_to_top_nav_small_screen {
		-webkit-animation-name: rssIconGrowUpFromAboutCFToTopNavSmallScreen, rssIconFromAboutCFToLeftSmallScreen;
		animation-name: rssIconGrowUpFromAboutCFToTopNavSmallScreen, rssIconFromAboutCFToLeftSmallScreen;
		-webkit-animation-duration: 1s, 1s;
		animation-duration: 1s, 1s;
		animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;}

@keyframes rssIconFromAboutCFToLeftSmallScreen {
	from {
		left: 5px;
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {left: 0;}
}

@-webkit-keyframes rssIconFromAboutCFToLeftSmallScreen {
	from {
		left: 5px;
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {left: 0;}
}

@keyframes rssIconGrowUpFromAboutCFToTopNavSmallScreen {
	0% {
		top: 82px;
		opacity: .3;
		-webkit-transform: scale3d(.2, .2, .2);
		-moz-transform: scale3d(.2, .2, .2);
		-ms-transform: scale3d(.2, .2, .2);
		-o-transform: scale3d(.2, .2, .2);
		transform: scale3d(.2, .2, .2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03, .66, .16, .97);
		-webkit-animation-timing-function: cubic-bezier(.03, .66, .16, .97);
	}
	40% {
		top: -20px;
		opacity: 1;
		-webkit-transform: scale3d(.8, .8, .8);
		-moz-transform: scale3d(.8, .8, .8);
		-ms-transform: scale3d(.8, .8, .8);
		-o-transform: scale3d(.8, .8, .8);
		transform: scale3d(.8, .8, .8);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		top: 10px;
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		-moz-transform: scale3d(1.2, 1.2, 1.2);
		-ms-transform: scale3d(1.2, 1.2, 1.2);
		-o-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		-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: 0;
	}	
}


@-webkit-keyframes rssIconGrowUpFromAboutCFToTopNavSmallScreen {
	0% {
		top: 82px;
		opacity: .3;
		-webkit-transform: scale3d(.2, .2, .2);
		-moz-transform: scale3d(.2, .2, .2);
		-ms-transform: scale3d(.2, .2, .2);
		-o-transform: scale3d(.2, .2, .2);
		transform: scale3d(.2, .2, .2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03, .66, .16, .97);
		-webkit-animation-timing-function: cubic-bezier(.03, .66, .16, .97);
	}
	40% {
		top: -20px;
		opacity: 1;
		-webkit-transform: scale3d(.8, .8, .8);
		-moz-transform: scale3d(.8, .8, .8);
		-ms-transform: scale3d(.8, .8, .8);
		-o-transform: scale3d(.8, .8, .8);
		transform: scale3d(.8, .8, .8);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		top: 10px;
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		-moz-transform: scale3d(1.2, 1.2, 1.2);
		-ms-transform: scale3d(1.2, 1.2, 1.2);
		-o-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		-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: 0;
	}	
}



.tpnv_rss_icon_from_about_cf_to_top_nav_large_screen {
		-webkit-animation-name: rssIconGrowUpFromAboutCFToTopNavLargeScreen, rssIconFromAboutCFToLeftLargeScreen;
		animation-name: rssIconGrowUpFromAboutCFToTopNavLargeScreen, rssIconFromAboutCFToLeftLargeScreen;
		-webkit-animation-duration: 1.5s, 1.5s;
		animation-duration: 1.5s, 1.5s;
		animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;}

@keyframes rssIconFromAboutCFToLeftLargeScreen {
	from {
		left: 21px;
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {left: 0px;}
}

@-webkit-keyframes rssIconFromAboutCFToLeftLargeScreen {
	from {
		left: 21px;
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {left: 0px;}
}


@keyframes rssIconGrowUpFromAboutCFToTopNavLargeScreen {
	0% {
		top: 82px;
		opacity: .3;
		-webkit-transform: scale3d(.2, .2, .2);
		-moz-transform: scale3d(.2, .2, .2);
		-ms-transform: scale3d(.2, .2, .2);
		-o-transform: scale3d(.2, .2, .2);
		transform: scale3d(.2, .2, .2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03,.66,.16,.97);
		-webkit-animation-timing-function: cubic-bezier(.03,.66,.16,.97);
	}
	40% {
		top: -30px;
		opacity: 1;
		-webkit-transform: scale3d(.8, .8, .8);
		-moz-transform: scale3d(.8, .8, .8);
		-ms-transform: scale3d(.8, .8, .8);
		-o-transform: scale3d(.8, .8, .8);
		transform: scale3d(.8, .8, .8);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		top: 20px;
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		-moz-transform: scale3d(1.2, 1.2, 1.2);
		-ms-transform: scale3d(1.2, 1.2, 1.2);
		-o-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		top: 0px;
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		-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 rssIconGrowUpFromAboutCFToTopNavLargeScreen {
	0% {
		top: 82px;
		opacity: .3;
		-webkit-transform: scale3d(.2, .2, .2);
		-moz-transform: scale3d(.2, .2, .2);
		-ms-transform: scale3d(.2, .2, .2);
		-o-transform: scale3d(.2, .2, .2);
		transform: scale3d(.2, .2, .2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03,.66,.16,.97);
		-webkit-animation-timing-function: cubic-bezier(.03,.66,.16,.97);
	}
	40% {
		top: -30px;
		opacity: 1;
		-webkit-transform: scale3d(.8, .8, .8);
		-moz-transform: scale3d(.8, .8, .8);
		-ms-transform: scale3d(.8, .8, .8);
		-o-transform: scale3d(.8, .8, .8);
		transform: scale3d(.8, .8, .8);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		top: 20px;
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		-moz-transform: scale3d(1.2, 1.2, 1.2);
		-ms-transform: scale3d(1.2, 1.2, 1.2);
		-o-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		top: 0px;
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
	}
}



/* ********************* SEARCH FROM ABOUT CF TO TOP NAV ANIMATION CODE ********************* */


.tpnv_search_icon_from_about_cf_to_top_nav_small_screen {
		-webkit-animation-name: searchIconGrowUpFromAboutCFToTopNavSmallScreen, searchIconFromAboutCFToLeftSmallScreen;
		animation-name: searchIconGrowUpFromAboutCFToTopNavSmallScreen, searchIconFromAboutCFToLeftSmallScreen;
		-webkit-animation-duration: 1s, 1s;
		animation-duration: 1s, 1s;
		animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;}

@keyframes searchIconFromAboutCFToLeftSmallScreen {
	from {
		left: -77px;
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {left: 0;}
}

@-webkit-keyframes searchIconFromAboutCFToLeftSmallScreen {
	from {
		left: -77px;
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {left: 0;}
}

@keyframes searchIconGrowUpFromAboutCFToTopNavSmallScreen {
	0% {
		top: 82px;
		opacity: .3;
		-webkit-transform: scale3d(.2, .2, .2);
		-moz-transform: scale3d(.2, .2, .2);
		-ms-transform: scale3d(.2, .2, .2);
		-o-transform: scale3d(.2, .2, .2);
		transform: scale3d(.2, .2, .2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03, .66, .16, .97);
		-webkit-animation-timing-function: cubic-bezier(.03, .66, .16, .97);
	}
	40% {
		top: -20px;
		opacity: 1;
		-webkit-transform: scale3d(.8, .8, .8);
		-moz-transform: scale3d(.8, .8, .8);
		-ms-transform: scale3d(.8, .8, .8);
		-o-transform: scale3d(.8, .8, .8);
		transform: scale3d(.8, .8, .8);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		top: 10px;
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		-moz-transform: scale3d(1.2, 1.2, 1.2);
		-ms-transform: scale3d(1.2, 1.2, 1.2);
		-o-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		-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: 0;
	}	
}


@-webkit-keyframes searchIconGrowUpFromAboutCFToTopNavSmallScreen {
	0% {
		top: 82px;
		opacity: .3;
		-webkit-transform: scale3d(.2, .2, .2);
		-moz-transform: scale3d(.2, .2, .2);
		-ms-transform: scale3d(.2, .2, .2);
		-o-transform: scale3d(.2, .2, .2);
		transform: scale3d(.2, .2, .2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03, .66, .16, .97);
		-webkit-animation-timing-function: cubic-bezier(.03, .66, .16, .97);
	}
	40% {
		top: -20px;
		opacity: 1;
		-webkit-transform: scale3d(.8, .8, .8);
		-moz-transform: scale3d(.8, .8, .8);
		-ms-transform: scale3d(.8, .8, .8);
		-o-transform: scale3d(.8, .8, .8);
		transform: scale3d(.8, .8, .8);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		top: 10px;
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		-moz-transform: scale3d(1.2, 1.2, 1.2);
		-ms-transform: scale3d(1.2, 1.2, 1.2);
		-o-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		-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: 0;
	}	
}



.tpnv_search_icon_from_about_cf_to_top_nav_large_screen {
		-webkit-animation-name: searchIconGrowUpFromAboutCFToTopNavLargeScreen, searchIconFromAboutCFToLeftLargeScreen;
		animation-name: rssIconGrowUpFromAboutCFToTopNavLargeScreen, searchIconFromAboutCFToLeftLargeScreen;
		-webkit-animation-duration: 1.5s, 1.5s;
		animation-duration: 1.5s, 1.5s;
		animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;}

@keyframes searchIconFromAboutCFToLeftLargeScreen {
	from {
		left: -60px;
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {left: 0px;}
}

@-webkit-keyframes searchIconFromAboutCFToLeftLargeScreen {
	from {
		left: -60px;
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	to {left: 0px;}
}


@keyframes searchIconGrowUpFromAboutCFToTopNavLargeScreen {
	0% {
		top: 82px;
		opacity: .3;
		-webkit-transform: scale3d(.2, .2, .2);
		-moz-transform: scale3d(.2, .2, .2);
		-ms-transform: scale3d(.2, .2, .2);
		-o-transform: scale3d(.2, .2, .2);
		transform: scale3d(.2, .2, .2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03,.66,.16,.97);
		-webkit-animation-timing-function: cubic-bezier(.03,.66,.16,.97);
	}
	40% {
		top: -30px;
		opacity: 1;
		-webkit-transform: scale3d(.8, .8, .8);
		-moz-transform: scale3d(.8, .8, .8);
		-ms-transform: scale3d(.8, .8, .8);
		-o-transform: scale3d(.8, .8, .8);
		transform: scale3d(.8, .8, .8);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		top: 20px;
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		-moz-transform: scale3d(1.2, 1.2, 1.2);
		-ms-transform: scale3d(1.2, 1.2, 1.2);
		-o-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		top: 0px;
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		-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 searchIconGrowUpFromAboutCFToTopNavLargeScreen {
	0% {
		top: 82px;
		opacity: .3;
		-webkit-transform: scale3d(.2, .2, .2);
		-moz-transform: scale3d(.2, .2, .2);
		-ms-transform: scale3d(.2, .2, .2);
		-o-transform: scale3d(.2, .2, .2);
		transform: scale3d(.2, .2, .2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.03,.66,.16,.97);
		-webkit-animation-timing-function: cubic-bezier(.03,.66,.16,.97);
	}
	40% {
		top: -30px;
		opacity: 1;
		-webkit-transform: scale3d(.8, .8, .8);
		-moz-transform: scale3d(.8, .8, .8);
		-ms-transform: scale3d(.8, .8, .8);
		-o-transform: scale3d(.8, .8, .8);
		transform: scale3d(.8, .8, .8);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.45, .02, .87, .02);
		-webkit-animation-timing-function: cubic-bezier(.45, .02, .87, .02);
	}
	80% {
		top: 20px;
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		-moz-transform: scale3d(1.2, 1.2, 1.2);
		-ms-transform: scale3d(1.2, 1.2, 1.2);
		-o-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
		animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
		-webkit-animation-timing-function: cubic-bezier(.17, .33, .31, 1.11);
	}
	100% {
		top: 0px;
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		-webkit-transform-origin: bottom center;
		-moz-transform-origin: bottom center;
		-ms-transform-origin: bottom center;
		-o-transform-origin: bottom center;
		transform-origin: bottom center;
	}
}