/*2-2-16*/

#PRwrapper {
  position: relative;
  display: block;
  width: 298px;
  height: 598px;
  overflow: hidden;
  border: solid #000 1px;
  background-color: #FFF;
  cursor: pointer;
}
#PRadID {
	position: absolute;
	top: 585px;
	left: 8px;
	width:100px;
	height:12px;
	color: #696969;
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 10px;
  	line-height:10px;
  	z-index:2;
  	-webkit-transition: opacity 1.5s 3s;
    -moz-transition: opacity 1.5s 3s;
    transition: opacity 1.5s 3s;
}
#PRgeneralClick {
	position: absolute;
	width: 298px;
	height: 608px;
	cursor:pointer;
}

#PRmapAnimation {
	position: absolute;
  	background: url('map300x600.png') no-repeat;
	background-size:cover;
	width: 569px;
	height: 1000px;
	left: -70px;
	top: -100px;
	-webkit-transition: all .8s;
  	-moz-transition: all .8s;
  	transition: all .8s;
	transform-style: preserve-3d;
	backface-visibility:hidden;
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
	-moz-animation: bounce 1s .5s;
	-webkit-animation: bounce 1s .5s;
	animation: bounce 1s .5s;
}
#PRmarker1 {
	position: absolute;
  	background: url('marker.png') no-repeat;
	background-size:cover;
	width: 60px;
	height: 70px;
	top: 400px;
	left: 200px;
	opacity: 0;
	-webkit-transition: opacity .5s .5s;
	-moz-transition: opacity .5s .5s;
	transition: opacity .5s .5s;
}

#PRmarker2 {
	position: absolute;
  	background: url('marker.png') no-repeat;
	background-size:cover;
	width: 60px;
	height: 70px;
	top: 500px;
	left: 50px;
	opacity: 0;
	-webkit-transition: opacity .5s .5s;
	-moz-transition: opacity .5s .5s;
	transition: opacity .5s .5s;
}

#PRmarker3 {
	position: absolute;
  	background: url('marker.png') no-repeat;
	background-size:cover;
	width: 60px;
	height: 70px;
	left: 200px;
	top: 683px;
	opacity: 0;
	-webkit-transition: opacity .5s .5s;
	-moz-transition: opacity .5s .5s;
	transition: opacity .5s .5s;
}

#PRmarker4 {
	position: absolute;
  	background: url('marker.png') no-repeat;
	background-size:cover;
	width: 60px;
	height: 70px;
	left: 40px;
	top: 50px;
	opacity: 0;
	-webkit-transition: opacity .5s .5s;
	-moz-transition: opacity .5s .5s;
	transition: opacity .5s .5s;
}

#PRmarker5 {
	position: absolute;
  	background: url('marker.png') no-repeat;
	background-size:cover;
	width: 60px;
	height: 70px;
	left: 420px;
	top: 30px;
	opacity: 0;
	-webkit-transition: opacity .5s .5s;
	-moz-transition: opacity .5s .5s;
	transition: opacity .5s .5s;
}

#PRmarker6 {
	position: absolute;
  	background: url('marker.png') no-repeat;
	background-size:cover;
	width: 60px;
	height: 70px;
	left: 450px;
	top: 583px;
	opacity: 0;
	-webkit-transition: opacity .5s .5s;
	-moz-transition: opacity .5s .5s;
	transition: opacity .5s .5s;
}


#PRheader {
  position: absolute;
  font-family: 'prudentialmodernlight';
  font-size: 13px;
  text-align: center;
  line-height:31px;
  color: #98C3DE;
  background-color: #002246;
  width: 298px;
  height: 31px;
  left: 0px;
  top: 0px;
}
#PRblueBG
{
  position: absolute;
  background-color: #002246;
  width: 298px;
  height: 569px;
  left: 0px;
  top: 516px;
  border-top:solid 1px #24496B;
  -webkit-transition: top .8s .5s;
  -moz-transition: top .8s .5s;
  transition: opacity opacity top .8s .5s;
}
#PRsearchBar {
	position: absolute;
	background-color: #fff;
	width: 330px;
	height: 80px;
	top: 130px;
	margin-left:15px;
	left: -15px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	-webkit-transition: opacity .8s, top .8s;
	-moz-transition: opacity .8s, top .8s;
	transition: opacity opacity .8s, top .8s;
}
#PRsearchingFor {
	position: absolute;
	font-family: 'prudentialmodernBdSCn';
	font-size: 30px;
	text-indent: 8px;
	line-height:30px;
	color: #00AFE8;
	width: 298px;
	height: 30px;
	left: 0px;
	top: 12px;
}


#PRtextBar {
	position: absolute;
	background-color: #fff;
	width: 330px;
	height: 80px;
	top: 110px;
	left: -15px;
	margin-left:15px;
	opacity: 0;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	-webkit-transition: opacity .8s, top .8s;
	-moz-transition: opacity .8s, top .8s;
	transition: opacity opacity .8s, top .8s;
}
#PRbroaderView {
	position: absolute;
	font-family: 'prudentialmodernBdSCn';
	font-size: 18px;
	text-align: center;
	line-height:30px;
	color: #00AFE8;
	width: 298px;
	height: 30px;
	left: 0px;
	top: 25px;
}

#PRtypingBox
{
	position: absolute;
	background: #FFF;
	left: 6px;
	top: 43px;
	width: 244px;
	height: 31px;
	border:solid 1px #B5B5B5;
}

#PRtyping
{
    position: absolute;
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 13px;
  	left: 5px;
  	top: 8px;
	width: 0px;
	opacity: 0;
    white-space:nowrap;
    overflow:hidden;
    -webkit-animation: type 3s 1.5s steps(50, end) forwards;
    -moz-animation: type 3s 1.5s steps(50, end) forwards;
    animation: type 3s 1.5s steps(50, end) forwards;
	border-right:solid 1px #000000;
}

#PRsearchBTN {
  position: absolute;
  background: #00AEE7 url('searchBT.png') no-repeat;
  width: 38px;
  color: #FFF;
  height: 33px;
  left: 252px;
  top: 43px;
}


@keyframes type{
	0%{width:0px;}
	100%{width:225px;}
/*    from { width: 0; }*/
}

@-webkit-keyframes type{
	0%{width:0px;}
	100%{width:225px;}
/*    from { width: 0; }*/
}

#PRpruShortDuration {
  position: absolute;
  font-family: 'Trade Gothic LT Std Cn';
  line-height: 34px;
  font-size: 30px;
  color: #FFD300;
  width: 298px;
  height: 60px;
  left: 10px;
  top: 228px;
  opacity: 0;
  -webkit-transition: opacity .8s 1s, color .8s 1s, top .8s 1s;
  -moz-transition: opacity .8s 1s, color .8s 1s, top .8s 1s;
  transition: opacity .8s 1s, color .8s 1s, top .8s 1s;
}

#PRhiYieldIncomeFund {
  position: absolute;
  font-family: 'Trade Gothic LT Std Cn';
  font-size: 30px;
  color: #FFD300;
  width: 298px;
  height: 30px;
  left: 10px;
  top: 250px;
  opacity: 0;
  -webkit-transition: opacity .8s 1.1s, color .8s 1.1s, top .8s 1.1s;
  -moz-transition: opacity .8s 1.1s, color .8s 1.1s, top .8s 1.1s;
  transition: opacity .8s 1.1s, color .8s 1.1s, top .8s 1.1s;
}

#PRprudentialURL {
	position: absolute;
	font-family: 'tradeGothic';
	font-size: 14px;
	text-indent: 9px;
	color: #FFF;
	width: 298px;
	line-height: 22px
	left: 0px;
	top: 272px;
	opacity: 0;
	-webkit-transition: opacity .8s 1.2s, color .8s 1.2s, top .8s 1.2s;
	-moz-transition: opacity .8s 1.2s, color .8s 1.2s, top .8s 1.2s;
	transition: opacity .8s 1.2s, color .8s 1.2s, top .8s 1.2s;
}

#PRdesignedFor {
	position: absolute;
	font-family: 'tradeGothic18';
	font-size: 22px;
	line-height: 22px;
	color: #FFF;
	width: 285px;
	height: 19px;
	left: 10px;
	top: 294px;
	opacity: 0;
	-webkit-transition: opacity .8s 1.3s, color .8s 1.3s, top .8s 1.3s;
	-moz-transition: opacity .8s 1.3s, color .8s 1.3s, top .8s 1.3s;
	transition: opacity .8s 1.3s, color .8s 1.3s, top .8s 1.3s;
}

#PRcreditRisk {
	position: absolute;
	font-family: 'tradeGothic18';
	font-size: 22px;
	color: #FFF;
	line-height: 22px;
	width: 285px;
	left: 10px;
	top: 315px;
	opacity: 0;
	-webkit-transition: opacity .8s 1.4s, color .8s 1.4s, top .8s 1.4s;
	-moz-transition: opacity .8s 1.4s, color .8s 1.4s, top .8s 1.4s;
	transition: opacity .8s 1.4s, color .8s 1.4s, top .8s 1.4s;
}

#PRctaHotspot {
  position: absolute;
  background:#CCC;
  position: absolute;
  background: #00AFE8;
  width: 175px;
  height: 50px;
  left: 0px;
  top: 0px;
  opacity: 0;
  cursor:pointer;
}

#pr_cta_text {
	position: absolute;
	background-image: url('cta_text.png');
	background-repeat: no-repeat;
	background-position: left top; 
	width: 125px;
    height: 50px;
    left: 25px;
    top: 0px;
}

#PRctaButton {
  position: absolute;
  background: #00AFE8;
  width: 150px;
  height: 50px;
  left: 10px;
  top: 273px;
  font-family: 'TradeGothic';
  font-size: 17px;
  padding-left:25px;
  line-height:50px;
  color: #FFF;
  opacity: 0;
  -webkit-transition: opacity .8s 2s, background .5s;
  -moz-transition: opacity .8s 2s, background .5s;
  transition: opacity .8s 2s, background .5s;
  border-radius: 3px;
  cursor:pointer;

  
}


#PRbtnArrow {
	position: absolute;
	width: 15px;
	height: 50px;
	left: 138px;
	top: -1px;
	color: #FFF;
	-webkit-transition: left .5s;
	-moz-transition: left .5s;
	transition: left .5s;
	cursor: pointer;
	background-image: url('ctaArrow_360.png');
	background-repeat: no-repeat;
	background-position: left top;
}

#PRcursor {
  position: absolute;
  background: url('arrowCursor.png') no-repeat;
  width: 17px;
  height: 24px;
  top: 0px;
  left: 100px;
  -webkit-transition: left 1s, top 1s, background 0s;
  -moz-transition: left 1s, top 1s, background 0s;
  transition: left 1s, top 1s, background 0s;
}
#PRdisclaimerLink {
	position: absolute;
	width: auto;
	height: 11px;
	left: 11px;
	top: 504px;
	font-family: TradeGothic;
	font-size: 10px;
	line-height:11px;
	color: #98C3DE;
	opacity: 0;
	cursor: pointer;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #98C3DE;
}

#PRdisclaimerContainer {
	position: absolute;
	width: 280px;
	height: 260px;
	left: 10px;
	top: 600px;
	background:#C8CACB;
	border-top-left-radius: 5px;	
	border-top-right-radius: 5px;
	-webkit-transition: top 1s;
	-moz-transition: top 1s;
	transition: top 1s;	
}

#PRcloseDisclaimer {
	position: absolute;
	padding-top: 5px;
	width: 50px;
	height: 15px;
	top: 0px;
	left: 230px;
	font-family: 'prudentialmodernBdSCn';
  	font-size: 11px;
	border-top-right-radius: 5px;
	cursor:pointer;
}

#PRcloseX {
	position: absolute;
	background: #002246;
	border-radius: 7px;
	height: 14px;
	width: 14px;
	left: 30px;
	top: 3px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
} 

#PRdisclaimerText {
	position: absolute;
	width: 260px;
	height: 230px;
	margin: 5px;
	top: 20px;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 11px;
	background:#FFF;
	border-top-left-radius: 5px;	
	border-top-right-radius: 5px;
	overflow:scroll;	
}

#PRlogo2 {
  position: absolute;
  background: url('pruLogo_300x600.jpg') no-repeat;
  width: 172px;
  height: 54px;
  left: 8px;
  top: 528px;
}
@font-face {
    font-family: 'prudentialmodernlight';
    src: url('prudentialmodern-light-webfont.eot');
    src: url('prudentialmodern-light-webfont.eot?#iefix') format('embedded-opentype'),
url('prudentialmodern-light-webfont.woff') format('woff'),
url('prudentialmodern-light-webfont.ttf') format('truetype'),
url('prudentialmodern-light-webfont.svg#prudentialmodernlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'prudentialmodernBdSCn';
    src: url('prudentialmodern-boldsemcon-webfont.eot');
    src: url('prudentialmodern-boldsemcon-webfont.eot?#iefix') format('embedded-opentype'),
url('prudentialmodern-boldsemcon-webfont.woff') format('woff'),
url('prudentialmodern-boldsemcon-webfont.ttf') format('truetype'),
url('prudentialmodern-boldsemcon-webfont.svg#prudentialmodernBdSCn') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TradeGothic';
    src: url('TradeGothic.eot');
    src: url('TradeGothic.eot?#iefix') format('embedded-opentype'),
url('TradeGothic.woff') format('woff'),
url('TradeGothic.ttf') format('truetype'),
url('TradeGothic.svg#TradeGothic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TradeGothicBold';
    src: url('TradeGothicLTStd-Bd2.eot');
    src: url('TradeGothicLTStd-Bd2.eot?#iefix') format('embedded-opentype'),
url('TradeGothicLTStd-Bd2.woff') format('woff'),
url('TradeGothicLTStd-Bd2.ttf') format('truetype'),
url('TradeGothicLTStd-Bd2.svg#TradeGothicBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tradeGothic18';
    src: url('TradeGothicLTStd-Cn18.eot');
    src: url('TradeGothicLTStd-Cn18.eot?#iefix') format('embedded-opentype'),
url('TradeGothicLTStd-Cn18.woff') format('woff'),
url('TradeGothicLTStd-Cn18.ttf') format('truetype'),
url('TradeGothicLTStd-Cn18.svg#TradeGothicBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'Trade Gothic LT Std Cn';
  src: url('TradeGothicLTStd-BdCn20 2.eot'); /* IE9 Compat Modes */
  src: url('TradeGothicLTStd-BdCn20 2.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('TradeGothicLTStd-BdCn20 2.woff') format('woff'), /* Modern Browsers */
url('TradeGothicLTStd-BdCn20 2.ttf') format('truetype'), /* Safari, Android, iOS */
url('TradeGothicLTStd-BdCn20 2.svg#4a676caccd9c0fcdbbd764a199edc43f') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}