/*oct 16 2015  156p*/

@font-face {
    font-family: Prudential Modern Bold Semcon;
    src: url(4a5297f292c30d802d49f4075f3a483468b74df8.eot) ; /* IE9 Compat Modes */
	src: url(8293e5cfdb767619be783dbd76d9f2de91b6fef8.eot)  format('embedded-opentype'), /* IE6-IE8 */ url(0a284d77668c22a1a425c058944fe94bee66b7b7.woff)  format('woff'), /* Modern Browsers */ url(99d3aee465647557332c1da9cc3c9ace9ec2de62.ttf)   format('truetype'), /* Safari, Android, iOS */ url(b20f86ceb5984a3dbc55b130053ff1b1b9ea5cf7.svg)  format('svg'); /* Legacy iOS */
}

#prWrapper {
	width: 300px;
	height: 250px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(f7df1ce4e16b2693a383005638d09fe907ff9c44.jpg)  no-repeat;
	border: 1px solid #C7C8CA;
	box-sizing: border-box;
	overflow: hidden;
}

#prEyebrow {
	background: url(342aa721dfa7c55f9d76dc176cd944d5de559411.png)  no-repeat;
	width: 140px;
	height: 9px;
	overflow: hidden;
	position: absolute;
	left: 12px;
	top: 12px;
	z-index: 2;
	text-indent: -9999px;
pointer-events: none;
	-webkit-animation:prEyebrow 0s 10.8s forwards linear;
	-moz-animation:prEyebrow 0s 10.8s forwards linear;
	animation:prEyebrow 0s 10.8s forwards linear;
}
@-webkit-keyframes prEyebrow{
	from {
		background-position: 0 0;
	}
	to {
		background-position: 0 -9px;
	}
}
@-moz-keyframes prEyebrow{
	from {
		background-position: 0 0;
	}
	to {
		background-position: 0 -9px;
	}
}
@keyframes prEyebrow{
	from {
		background-position: 0 0;
	}
	to {
		background-position: 0 -9px;
	}
}

#prCopy1 {
	font-family: Prudential Modern Bold Semcon;
	font-size: 24px;
	letter-spacing: -2px;
	color: #002246;
	text-transform: uppercase;
	position: absolute;
	left: 12px;
	top: 55px;
	opacity:0;

	-webkit-animation:prCopy1 4.3s .5s forwards linear;
	-moz-animation:prCopy1 4.3s .5s forwards linear;
	animation:prCopy1 4.3s .5s forwards linear;
}
@-webkit-keyframes prCopy1{
	0%{ 	opacity:0;}
	15%{ 	opacity:1;}
	85%{ 	opacity:1;}
	100%{ 	opacity:0;}
}
@-moz-keyframes prCopy1{
	0%{ 	opacity:0;}
	15%{ 	opacity:1;}
	85%{ 	opacity:1;}
	100%{ 	opacity:0;}
}
@keyframes prCopy1{
	0%{ 	opacity:0;}
	15%{ 	opacity:1;}
	85%{ 	opacity:1;}
	100%{ 	opacity:0;}
}

#prRollercoaster1, #prRollercoaster2 {
	position: absolute;
	left: 0;
	top: 0;
	width: 300px;
	height: 250px;
	-webkit-transform: translate3d(0,0,0);
	-webkit-backface-visibility: hidden;
}

#prLogoBlue	{
	background: url(d5d861fad05f1a2391e1f524fa2f37e04de825bd.png)  no-repeat;
	background-size: contain;
	width: 27px;
	height: 27px;
	position: absolute;
	right: 8px;
	bottom: 10px;
	z-index: 2;
pointer-events: none;
	-webkit-animation:prLogoBlue 0.5s 10.5s forwards ease-in;
	-moz-animation:prLogoBlue 0.5s 10.5s forwards ease-in;
	animation:prLogoBlue 0.5s 10.5s forwards ease-in;
}
@-webkit-keyframes prLogoBlue{
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
@-moz-keyframes prLogoBlue{
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
@keyframes prLogoBlue{
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

#prLogoWhite	{
	background: url(c547c59b83f212ee87a7de6ecd540222afdddd9b.png)  no-repeat;
	background-size: contain;
	width: 27px;
	height: 27px;
	position: absolute;
	right: 8px;
	bottom: 4px;
	opacity: 0;
	z-index: 3;
pointer-events: none;
	-webkit-animation:prLogoWhite 2s 10.5s forwards ease-in;
	-moz-animation:prLogoWhite 2s 10.5s forwards ease-in;
	animation:prLogoWhite 2s 10.5s forwards ease-in;
}
@-webkit-keyframes prLogoWhite{
	0% {
		opacity: 0;
		bottom: 4px;
	}
	25% {
		opacity: 1;
		bottom: 10px;
	}
	75% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		bottom: 10px;
	}
}
@-moz-keyframes prLogoWhite{
	0% {
		opacity: 0;
		bottom: 4px;
	}
	25% {
		opacity: 1;
		bottom: 8px;
	}
	75% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		bottom: 8px;
	}
}
@keyframes prLogoWhite{
	0% {
		opacity: 0;
		bottom: 4px;
	}
	25% {
		opacity: 1;
		bottom: 8px;
	}
	75% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		bottom: 8px;
	}
}

#prLogoFinal	{
	background: url(5545a0b942f0ebe4c7e9b94083b7e6aa33d8f9d2.png)  no-repeat;
	background-size: contain;
	width: 118px;
	height: 35px;
	position: absolute;
	right: 13px;
	bottom: 12px;
	opacity: 0;
	z-index: 4;
pointer-events: none;
	-webkit-animation:prLogoFinal 0.5s 12.5s forwards;
	-moz-animation:prLogoFinal 0.5s 12.5s forwards;
	animation:prLogoFinal 0.5s 12.5s forwards;
}
@-webkit-keyframes prLogoFinal{
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-moz-keyframes prLogoFinal{
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes prLogoFinal{
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

#prControlNumber {
	background: url(3613db6aa5d9ae97b1bb13b155075090fe2fa4de.png)  no-repeat;
	overflow: hidden;
	width: 74px;
	height: 7px;
	position: absolute;
	left: 13px;
	bottom: 8px;
	z-index: 2;
	text-indent: -9999px;
pointer-events: none;
	-webkit-animation:prControlNumber .1s 10.5s forwards linear;
	-moz-animation:prControlNumber .1s 10.5s forwards linear;
	animation:prControlNumber .1s 10.5s forwards linear;
}
@-webkit-keyframes prControlNumber{
	from {
		background-position: 0 0;
	}
	to {
		background-position: 0 -7px;
	}
}
@-moz-keyframes prControlNumber{
	from {
		background-position: 0 0;
	}
	to {
		background-position: 0 -7px;
	}
}
@keyframes prControlNumber{
	from {
		background-position: 0 0;
	}
	to {
		background-position: 0 -7px;
	}
}

#prEndframe {
	position: absolute;
	left: 0;
	top: 250px;
	background: #0D2345;
	width: 300px;
	height: 250px;

	-webkit-animation:prEndframe 0.5s 10.5s forwards ease-out;
	-moz-animation:prEndframe 0.5s 10.5s forwards ease-out;
	animation:prEndframe 0.5s 10.5s forwards ease-out;
}
@-webkit-keyframes prEndframe{
	from {
		top: 250px;
	}
	to {
		top: 0;
	}
}
@-moz-keyframes prEndframe{
	from {
		top: 250px;
	}
	to {
		top: 0;
	}
}
@keyframes prEndframe{
	from {
		top: 250px;
	}
	to {
		top: 0;
	}
}

#prHeadline1 {
	font-family: Prudential Modern Bold Semcon;
	font-size: 22px;
	color: #FFD200;
	text-transform: uppercase;
	position: absolute;
	left: 20px;
	top: 55px;
}

#prHeadline2 {
	font-family: Prudential Modern Bold Semcon;
	font-size: 22px;
	color: #FFD200;
	text-transform: uppercase;
	position: absolute;
	left: 20px;
	top: 150px;
	opacity: 0;

	-webkit-animation:prHeadline2 0.5s 10.7s forwards ease-in;
	-moz-animation:prHeadline2 0.5s 10.7s forwards ease-in;
	animation:prHeadline2 0.5s 10.7s forwards ease-in;
}
@-webkit-keyframes prHeadline2{
	from {
		opacity: 0;
		top: 150px;
	}
	to {
		opacity: 1;
		top: 80px;
	}
}
@-moz-keyframes prHeadline2{
	from {
		opacity: 0;
		top: 150px;
	}
	to {
		opacity: 1;
		top: 80px;
	}
}
@keyframes prHeadline2{
	from {
		opacity: 0;
		top: 150px;
	}
	to {
		opacity: 1;
		top: 80px;
	}
}

#prHeadline3 {
	font-family: Prudential Modern Bold Semcon;
	font-size: 22px;
	color: #FFD200;
	text-transform: uppercase;
	position: absolute;
	left: 20px;
	top: 175px;
	opacity: 0;

	-webkit-animation:prHeadline3 0.5s 10.9s forwards ease-in;
	-moz-animation:prHeadline3 0.5s 10.9s forwards ease-in;
	animation:prHeadline3 0.5s 10.9s forwards ease-in;
}
@-webkit-keyframes prHeadline3{
	from {
		opacity: 0;
		top: 175px;
	}
	to {
		opacity: 1;
		top: 105px;
	}
}
@-moz-keyframes prHeadline3{
	from {
		opacity: 0;
		top: 175px;
	}
	to {
		opacity: 1;
		top: 105px;
	}
}
@keyframes prHeadline3{
	from {
		opacity: 0;
		top: 175px;
	}
	to {
		opacity: 1;
		top: 105px;
	}
}

#prHeadline4 {
	font-family: Prudential Modern Bold Semcon;
	font-size: 22px;
	color: #FFF;
	text-transform: uppercase;
	position: absolute;
	left: 170px;
	top: 175px;
	opacity: 0;

	-webkit-animation:prHeadline4 0.5s 11s forwards ease-in;
	-moz-animation:prHeadline4 0.5s 11s forwards ease-in;
	animation:prHeadline4 0.5s 11s forwards ease-in;
}
@-webkit-keyframes prHeadline4{
	from {
		opacity: 0;
		top: 175px;
	}
	to {
		opacity: 1;
		top: 105px;
	}
}
@-moz-keyframes prHeadline4{
	from {
		opacity: 0;
		top: 175px;
	}
	to {
		opacity: 1;
		top: 105px;
	}
}
@keyframes prHeadline4{
	from {
		opacity: 0;
		top: 175px;
	}
	to {
		opacity: 1;
		top: 105px;
	}
}

#prCTA {cursor:pointer;
	background: url(125859ce712ed1f4e5ccaba150cc4fcd26df559f.jpg)  no-repeat;
	background-size: 100%;
	position: absolute;
	left: 20px;
	top: 145px;
	width: 100px;
	height: 26px;
	opacity: 0;
	z-index: 5;

	-webkit-animation:prCTA 0.5s 12.4s forwards;
	-moz-animation:prCTA 0.5s 12.4s forwards;
	animation:prCTA 0.5s 12.4s forwards;
	border-radius:2px;
}
@-webkit-keyframes prCTA{
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-moz-keyframes prCTA{
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes prCTA{
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

#prGenclick {cursor:pointer;
	width: 300px;
	height: 250px;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}