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

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


.tpnv_search_icon_to_about_cf_small_screen {
	-webkit-animation-name: topNavSearchIconShrinkDownToAboutCFSmallScreen, searchIconToLeftSmallScreen;
	animation-name: topNavSearchIconShrinkDownToAboutCFSmallScreen, searchIconToLeftSmallScreen;
	-webkit-animation-duration: 1s, 1s;
	animation-duration: 1s, 1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;}

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

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


@keyframes topNavSearchIconShrinkDownToAboutCFSmallScreen {
	0% {
		top: 0;
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		top: 10px;
		-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;
		animation-timing-function: cubic-bezier(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		top: 82px;
		opacity: 0;
		-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;
	}
}

@-webkit-keyframes topNavSearchIconShrinkDownToAboutCFSmallScreen {
	0% {
		top: 0;
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		top: 10px;
		-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;
		animation-timing-function: cubic-bezier(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		top: -20px;
/*		left: 0; */
		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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		top: 82px;
		opacity: 0;
		-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;
	}
}


.tpnv_search_icon_to_about_cf_large_screen {
	-webkit-animation-name: topNavSearchIconShrinkDownToAboutCFLargeScreen, searchIconToLeftLargeScreen;
	animation-name: topNavSearchIconShrinkDownToAboutCFLargeScreen, searchIconToLeftLargeScreen;
	-webkit-animation-duration: 1s, 1s;
	animation-duration: 1s, 1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;}

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

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


@keyframes topNavSearchIconShrinkDownToAboutCFLargeScreen {
	0% {
		top: 0;
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		top: 20px;
		-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;
		animation-timing-function: cubic-bezier(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);

	}
		
	100% {
		top: 82px;
		opacity: 0;
		-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;
	}
}

@-webkit-keyframes topNavSearchIconShrinkDownToAboutCFLargeScreen {
	0% {
		top: 0;
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		top: 20px;
		-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;
		animation-timing-function: cubic-bezier(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);

	}
		
	100% {
		top: 82px;
		opacity: 0;
		-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;
	}
}

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


.tpnv_rss_icon_to_about_cf_small_screen {
	-webkit-animation-name: topNavRSSIconShrinkDownToAboutCFSmallScreen, rSSIconToLeftSmallScreen;
	animation-name: topNavRSSIconShrinkDownToAboutCFSmallScreen, rSSIconToLeftSmallScreen;
	-webkit-animation-duration: 1s, 1s;
	animation-duration: 1s, 1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;}

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

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


@keyframes topNavRSSIconShrinkDownToAboutCFSmallScreen {
	0% {
		top: 0;
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		top: 10px;
		-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;
		animation-timing-function: cubic-bezier(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		top: 82px;
		opacity: 0;
		-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;
	}
}

@-webkit-keyframes topNavRSSIconShrinkDownToAboutCFSmallScreen {
	0% {
		top: 0;
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		top: 10px;
		-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;
		animation-timing-function: cubic-bezier(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		top: 82px;
		opacity: 0;
		-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;
	}
}


.tpnv_rss_icon_to_about_cf_large_screen {
	-webkit-animation-name: topNavRSSIconShrinkDownToAboutCFLargeScreen, rSSIconToLeftLargeScreen;
	animation-name: topNavRSSIconShrinkDownToAboutCFLargeScreen, rSSIconToLeftLargeScreen;
	-webkit-animation-duration: 1s, 1s;
	animation-duration: 1s, 1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;}

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

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


@keyframes topNavRSSIconShrinkDownToAboutCFLargeScreen {
	0% {
		top: 0;
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		top: 20px;
		-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;
		animation-timing-function: cubic-bezier(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);

	}
		
	100% {
		top: 82px;
		opacity: 0;
		-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;
	}
}

@-webkit-keyframes topNavRSSIconShrinkDownToAboutCFLargeScreen {
	0% {
		top: 0;
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		top: 20px;
		-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;
		animation-timing-function: cubic-bezier(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);

	}
		
	100% {
		top: 82px;
		opacity: 0;
		-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;
	}
}



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


.tpnv_facebook_icon_to_about_cf_small_screen {
	-webkit-animation-name: topNavFacebookIconShrinkDownToAboutCFSmallScreen, facebookIconToLeftSmallScreen;
	animation-name: topNavFacebookIconShrinkDownToAboutCFSmallScreen, facebookIconToLeftSmallScreen;
	-webkit-animation-duration: 1s, 1s;
	animation-duration: 1s, 1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;}

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

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


@keyframes topNavFacebookIconShrinkDownToAboutCFSmallScreen {
	0% {
		top: 0;
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		top: 10px;
		-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;
		animation-timing-function: cubic-bezier(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		top: 82px;
		opacity: 0;
		-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;
	}
}

@-webkit-keyframes topNavFacebookIconShrinkDownToAboutCFSmallScreen {
	0% {
		top: 0;
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		top: 10px;
		-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;
		animation-timing-function: cubic-bezier(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		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);
		-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: 0;
		-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;
	}
}


.tpnv_facebook_icon_to_about_cf_large_screen {
	-webkit-animation-name: topNavFacebookIconShrinkDownToAboutCFLargeScreen, facebookIconToLeftLargeScreen;
	animation-name: topNavFacebookIconShrinkDownToAboutCFLargeScreen, facebookIconToLeftLargeScreen;
	-webkit-animation-duration: 1s, 1s;
	animation-duration: 1s, 1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;}

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

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


@keyframes topNavFacebookIconShrinkDownToAboutCFLargeScreen {
	0% {
		top: 0;
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		top: 20px;
		-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;
		animation-timing-function: cubic-bezier(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);

	}
		
	100% {
		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;
	}
}

@-webkit-keyframes topNavFacebookIconShrinkDownToAboutCFLargeScreen {
	0% {
		top: 0;
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		top: 20px;
		-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;
		animation-timing-function: cubic-bezier(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);

	}
		
	100% {
		top: 82px;
		opacity: 0;
		-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;
	}
}

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


.tpnv_twitter_icon_to_about_cf_small_screen {
	-webkit-animation-name: topNavTwitterIconShrinkDownToAboutCFSmallScreen, twitterIconToLeftSmallScreen;
	animation-name: topNavTwitterIconShrinkDownToAboutCFSmallScreen, twitterIconToLeftSmallScreen;
	-webkit-animation-duration: 1s, 1s;
	animation-duration: 1s, 1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;}

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

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


@keyframes topNavTwitterIconShrinkDownToAboutCFSmallScreen {
	0% {
		top: 0;
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		top: 10px;
		-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;
		animation-timing-function: cubic-bezier(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		top: 82px;
		opacity: 0;
		-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;
	}
}

@-webkit-keyframes topNavTwitterIconShrinkDownToAboutCFSmallScreen {
	0% {
		top: 0;
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		top: 10px;
		-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;
		animation-timing-function: cubic-bezier(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		top: 82px;
		opacity: 0;
		-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;
	}
}


.tpnv_twitter_icon_to_about_cf_large_screen {
	-webkit-animation-name: topNavTwitterIconShrinkDownToAboutCFLargeScreen, twitterIconToLeftLargeScreen;
	animation-name: topNavTwitterIconShrinkDownToAboutCFLargeScreen, twitterIconToLeftLargeScreen;
	-webkit-animation-duration: 1s, 1s;
	animation-duration: 1s, 1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;}

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

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


@keyframes topNavTwitterIconShrinkDownToAboutCFLargeScreen {
	0% {
		top: 0;
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		top: 20px;
		-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;
		animation-timing-function: cubic-bezier(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);

	}
		
	100% {
		top: 82px;
		opacity: 0;
		-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;
	}
}

@-webkit-keyframes topNavTwitterIconShrinkDownToAboutCFLargeScreen {
	0% {
		top: 0;
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		top: 20px;
		-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;
		animation-timing-function: cubic-bezier(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);

	}
		
	100% {
		top: 82px;
		opacity: 0;
		-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;
	}
}





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


.tpnv_conferences_icon_to_about_cf_small_screen {
	-webkit-animation-name: topNavConferencesIconShrinkDownToAboutCFSmallScreen, conferencesIconToLeftSmallScreen;
	animation-name: topNavConferencesIconShrinkDownToAboutCFSmallScreen, conferencesIconToLeftSmallScreen;
	-webkit-animation-duration: 1s, 1s;
	animation-duration: 1s, 1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;}

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

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


@keyframes topNavConferencesIconShrinkDownToAboutCFSmallScreen {
	0% {
		top: 0;
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		top: 10px;
		-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;
		animation-timing-function: cubic-bezier(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		top: 82px;
		opacity: 0;
		-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;
	}
}

@-webkit-keyframes topNavConferencesIconShrinkDownToAboutCFSmallScreen {
	0% {
		top: 0;
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		top: 10px;
		-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;
		animation-timing-function: cubic-bezier(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		top: 82px;
		opacity: 0;
		-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;
	}
}


.tpnv_conferences_icon_to_about_cf_large_screen {
	-webkit-animation-name: topNavConferencesIconShrinkDownToAboutCFLargeScreen, conferencesIconToLeftLargeScreen;
	animation-name: topNavConferencesIconShrinkDownToAboutCFLargeScreen, conferencesIconToLeftLargeScreen;
	-webkit-animation-duration: 1s, 1s;
	animation-duration: 1s, 1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;}

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

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


@keyframes topNavConferencesIconShrinkDownToAboutCFLargeScreen {
	0% {
		top: 0;
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		top: 20px;
		-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;
		animation-timing-function: cubic-bezier(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);

	}
		
	100% {
		top: 82px;
		opacity: 0;
		-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;
	}
}

@-webkit-keyframes topNavConferencesIconShrinkDownToAboutCFLargeScreen {
	0% {
		top: 0;
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		top: 20px;
		-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;
		animation-timing-function: cubic-bezier(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);

	}
		
	100% {
		top: 82px;
		opacity: 0;
		-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;
	}
}


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


.tpnv_fecreible_icon_to_about_cf_small_screen {
	-webkit-animation-name: topNavFeCreibleIconShrinkDownToAboutCFSmallScreen, feCreibleIconToLeftSmallScreen;
	animation-name: topNavFeCreibleIconShrinkDownToAboutCFSmallScreen, feCreibleIconToLeftSmallScreen;
	-webkit-animation-duration: 1s, 1s;
	animation-duration: 1s, 1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;}

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

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


@keyframes topNavFeCreibleIconShrinkDownToAboutCFSmallScreen {
	0% {
		top: 0;
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		top: 10px;
		-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;
		animation-timing-function: cubic-bezier(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		top: 82px;
		opacity: 0;
		-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;
	}
}

@-webkit-keyframes topNavFeCreibleIconShrinkDownToAboutCFSmallScreen {
	0% {
		top: 0;
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		top: 10px;
		-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;
		animation-timing-function: cubic-bezier(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		top: 82px;
		opacity: 0;
		-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;
	}
}


.tpnv_fecreible_icon_to_about_cf_large_screen {
	-webkit-animation-name: topNavFeCreibleIconShrinkDownToAboutCFLargeScreen, feCreibleIconToLeftLargeScreen;
	animation-name: topNavFeCreibleIconShrinkDownToAboutCFLargeScreen, feCreibleIconToLeftLargeScreen;
	-webkit-animation-duration: 1s, 1s;
	animation-duration: 1s, 1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;}

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

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


@keyframes topNavFeCreibleIconShrinkDownToAboutCFLargeScreen {
	0% {
		top: 0;
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		top: 20px;
		-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;
		animation-timing-function: cubic-bezier(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);

	}
		
	100% {
		top: 82px;
		opacity: 0;
		-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;
	}
}

@-webkit-keyframes topNavFeCreibleIconShrinkDownToAboutCFLargeScreen {
	0% {
		top: 0;
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		top: 20px;
		-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;
		animation-timing-function: cubic-bezier(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);

	}
		
	100% {
		top: 82px;
		opacity: 0;
		-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;
	}
}


/* ********************* TOP NAV FE CRIVEL TO ABOUT CF ICON ANIMATION CODE ********************* */


.tpnv_fecrivel_icon_to_about_cf_small_screen {
	-webkit-animation-name: topNavFeCrivelIconShrinkDownToAboutCFSmallScreen, feCrivelIconToLeftSmallScreen;
	animation-name: topNavFeCrivelIconShrinkDownToAboutCFSmallScreen, feCrivelIconToLeftSmallScreen;
	-webkit-animation-duration: 1s, 1s;
	animation-duration: 1s, 1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;}

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

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


@keyframes topNavFeCrivelIconShrinkDownToAboutCFSmallScreen {
	0% {
		top: 0;
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		top: 10px;
		-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;
		animation-timing-function: cubic-bezier(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		top: 82px;
		opacity: 0;
		-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;
	}
}

@-webkit-keyframes topNavFeCrivelIconShrinkDownToAboutCFSmallScreen {
	0% {
		top: 0;
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		top: 10px;
		-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;
		animation-timing-function: cubic-bezier(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);
	}
		
	100% {
		top: 82px;
		opacity: 0;
		-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;
	}
}


.tpnv_fecrivel_icon_to_about_cf_large_screen {
	-webkit-animation-name: topNavFeCrivelIconShrinkDownToAboutCFLargeScreen, feCrivelIconToLeftLargeScreen;
	animation-name: topNavFeCrivelIconShrinkDownToAboutCFLargeScreen, feCrivelIconToLeftLargeScreen;
	-webkit-animation-duration: 1s, 1s;
	animation-duration: 1s, 1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;}

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

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


@keyframes topNavFeCrivelIconShrinkDownToAboutCFLargeScreen {
	0% {
		top: 0;
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		top: 20px;
		-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;
		animation-timing-function: cubic-bezier(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);

	}
		
	100% {
		top: 82px;
		opacity: 0;
		-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;
	}
}

@-webkit-keyframes topNavFeCrivelIconShrinkDownToAboutCFLargeScreen {
	0% {
		top: 0;
		animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
		-webkit-animation-timing-function: cubic-bezier(.69,-0.11,.83,.67);
	}
	
	20% {
		top: 20px;
		-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;
		animation-timing-function: cubic-bezier(.13,.98,.55,.98);
		-webkit-animation-timing-function: cubic-bezier(.13,.98,.55,.98);
	}
	
	60% {
		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(.84,.03,.97,.44);
		-webkit-animation-timing-function: cubic-bezier(.84,.03,.97,.44);

	}
		
	100% {
		top: 82px;
		opacity: 0;
		-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;
	}
}