@charset "UTF-8";
/*nov19 434p*/
#prContainer
{
	width: 300px;
	height: 600px;
	top: 0px;
	left: 0px;
	position: absolute;
	background-color:#FFF;
	overflow:hidden;
	/*background-image:url('mock_300x600.gif');*/
	background-image:url('300x600_SE_frame1pic_r1.jpg');
}
#frame2bg{
	top: 0px;
	left: 0px;
	width: 300px;
	height: 600px;
	position: absolute;
	overflow:visible;
	background-color:#4e8abe;
	pointer-events: none;
	opacity:0;/*
	background-image:url('mock_300x600_2.gif');*/
}
#prBorder{
	top: 0px;
	left: 0px;
	width: 300px;
	height: 600px;
	position: absolute;
	overflow:visible;
	background-repeat: no-repeat;
	border: 1px solid;
	border-color:#b2b3b6;
	box-sizing: border-box;	
	pointer-events: none;
}
#the4
{
  position: absolute;
  width: 106px; height: 96px; /*original 53 x 48*/
  background-image: url('the4.svg');
  background-repeat:no-repeat;
 background-size:106px 96px;
  left: 146px;
  top: -8px;
  opacity:0;
}
#thefact
{
  position: absolute;
  width: 115px; height: 91px;
  background-image: url('thefact.svg');
  background-repeat:no-repeat;
 background-size:115px;
  left: -115px;
  top: 120px;
  
}
#prCTA
{cursor:pointer;
  position: absolute;
  width: 300px; height: 212px;
  background-image: url('300x600_SE_cta.png');
  background-repeat:no-repeat;
 
  left: 0px;
  top: 600px;
  
}
/*
#prLogo
{cursor:pointer;
  position: absolute;
  width: 156px; height: 35px;
  background-image: url('logo.svg');
  background-repeat:no-repeat;
  background-size:139px;
  right: 13px;
  bottom: 13px;
  
}

#prCTA
{
  position: absolute;
  background-image: url('cta.svg');
  background-size: 103px 15px;
  width: 103px;
  height: 15px;
  font-feature-settings: "liga" 0;
  -webkit-font-feature-settings: "liga" 0;
  text-rendering:optimizeSpeed;
  right: 13px;
  bottom: 13px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center; 
  
}*/



#prGeneral
{cursor:pointer;
  position: absolute; 
  height: 100%;
  width: 100%;
  background-color: transparent;
}

#copy1a,#copy1b,#copy1c,#copy2a,#copy2b,#copy2c,#copy2d,#copy2e{
	font-family: Akzidenz Grotesk BE MdCn; 
	position: absolute; 
  height: auto;
  width: auto;
  color:#4e8abe;
  letter-spacing: -0.002em;
  -webkit-font-smoothing: antialiased;
  /*-webkit-filter: drop-shadow(1px 1px 10px rgba(0,0,0,0.8));
	filter: drop-shadow(1px 1px 10px rgba(0,0,0,0.8));
	-webkit-font-smoothing: antialiased;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-stroke:1px transparent;*/
	left:17px;	}

#copy1a{
	font-size:46px;
	line-height:25px;
	top:37px;
	color:#faa61a;
	left:-300px;	
}
#copy1b{
	font-size:47px;
	line-height:25px;
	top:80px;left:-300px;	
}
#copy1c{
	font-size:47px;
	line-height:25px;
	top:122px;left:-300px;	
}
#copy2a{
	font-size:55px;
	line-height:18px;
	top:231px;
	opacity:0;
	color:#FFF;
	left:-300px;
}
#copy2b{
	font-size:54px;
	line-height:18px;
	top:289px;
	opacity:0;
	color:#FFF;
		left:-300px;

}
#copy2c{
	font-size:52px;
	line-height:18px;
	top:292px;
	opacity:0;
	color:#FFF;
		left:-300px;

}
#copy2d{
	font-size:52px;
	line-height:18px;
	top:344px;
	opacity:0;
	color:#FFF;
	left:-300px;

}
#copy2e{
	font-size:52px;
	line-height:18px;
	top:397px;
	opacity:0;
	color:#FFF;
	left:-300px;

}
#copy2notorange{
	position: absolute; 
	width:210px;
	height:176px;
	top:266px;
	opacity:1;
	left:-300px;
	background-image:url(1oil_360X600_w.svg);/**/
	background-repeat:no-repeat;
	background-size:210px;
}
#copy2orange{
	position: absolute; 
	width:210px;
	height:176px;
	top:266px;
	opacity:0;
	left:27px;
	background-image:url(1oil_360X600_o.svg);/**/background-repeat:no-repeat;
	background-size:210px;
}
#disc1{
	position: absolute; 
	height: auto;
	width: 300px;
	text-align: center;
	font-family: Arial; 
	font-size:8px;
	line-height:8px;
 	left:0px;	bottom:5px;
	color:#FFF;
	opacity:0;pointer-events: none;
}
#copyright1{
	position: absolute; 
	height: auto;
	width: 294px;
	text-align: right;
	font-family: Arial; 
	font-size:8px;
	line-height:8px;
 	right:5px;	bottom:5px;
	color:#76787A;
	opacity:0;pointer-events: none;
}
@font-face {
  font-family: 'Akzidenz Grotesk BE MdCn';
  src: url('akzidenzgroteskbe-mdcn 2.eot'); /* IE9 Compat Modes */
  src: url('akzidenzgroteskbe-mdcn 2.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('akzidenzgroteskbe-mdcn 2.woff') format('woff'), /* Modern Browsers */
       url('akzidenzgroteskbe-mdcn 2.ttf')  format('truetype'), /* Safari, Android, iOS */
	   url('akzidenzgroteskbe-mdcn 2.otf')  format('opentype'), /* Safari, Android, iOS */
       url('akzidenzgroteskbe-mdcn 2.svg#90e6b48a57a9b0f956f6ef6ef19a1707') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  normal;
}