@charset "UTF-8";
@font-face {
  font-family: 'apex';
  src: url('font/apexsansmediumt-webfont.eot');
  src: url('font/apexsansmediumt-webfont.eot?#iefix') format('embedded-opentype'), url('font/apexsansmediumt-webfont.woff') format('woff'), url('font/apexsansmediumt-webfont.ttf') format('truetype'), url('font/apexsansmediumt-webfont.svg#apexsansmediumtmedium') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {
  height: 768px;
  /*height: 768px;*/

  width: 1024px;
  /*background-image:url(../img/section1BG.jpg);*/

  background-size: 1024px 768px;
  background-repeat: no-repeat;
  font-family: 'apex', Arial, sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mainContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 1024px;
  height: 768px;
  overflow: hidden;
}
/*MODAL CONTAINER*/
.modalContainer {
  position: absolute;
  left: 1024px;
  top: 58px;
  font-size: 18.75px;
  color: #555;
  width: 694px;
  height: 464px;
  background-image: url('../img/modalBG.png');
  z-index: 104;
  opacity: 1;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .modalContainer {
    background-image: url('../img/modalBG@2x.png');
    background-size: 695px 464px;
  }
}
.modalContainer > div {
  display: none;
  position: absolute;
  top: 50px;
  left: 65px;
  width: 588px;
  height: 400px;
}
.modalContainer ul {
  margin-top: 5px;
}
.modalContainer div > ul {
  margin-bottom: 5px;
}
.modalContainer .s1p1 {
  display: block;
}
.dkBlue {
  color: #0068ac;
  font-size: 22.5px;
}
.blue {
  color: #60afdd;
  font-size: 22.5px;
}
.footnote {
  font-size: 12.5px;
  margin-top: 20px;
}
.haterOffset {
  position: absolute;
  top: 275px;
}
.em li {
  list-style: none;
  text-indent: -55px;
  margin-left: 30px;
}
.em li:before {
  content: '\2014';
  margin: 0 1em;
}
.pageModal {
  position: absolute;
  left: 350px;
  top: 285px;
  z-index: 101;
  width: 675px;
  height: 235px;
}
.modalStart {
  left: 328px;
  -webkit-transition: all 1s ease;
}
.modalEnd {
  -webkit-opacity: 0;
  opacity: 0;
  -webkit-transition: all 1s ease;
}
/*MODAL CONTAINER*/
.modalBG {
  width: 100%;
  height: 400px;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  z-index: 99;
}
#modalCloseBtn {
  position: absolute;
  top: 0;
  left: 480px;
  height: 200px;
  width: 200px;
  display: block;
  z-index: 99;
}
.continueBtn {
  position: absolute;
  top: 65px;
  right: 0;
  height: 50px;
  width: 250px;
  z-index: 100;
}
.backgroundDIV {
  width: 1024px;
  height: 768px;
  background-image: url('../img/section1BG.jpg');
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .backgroundDIV {
    background-image: url('../img/section1BG@2x.jpg');
    background-size: 1024px 768px;
  }
}
.hidden {
  display: none;
}
.timeline-arrow1 {
  width: 1725px;
  height: 323px;
  background-image: url('../img/timeline1.png');
  background-repeat: no-repeat;
  background-position: 41px 0;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .timeline-arrow1 {
    background-image: url('../img/timeline1@2x.png');
    background-size: 925px 172px;
  }
}
.timeline-arrow2 {
  width: 1925px;
  height: 303px;
  background-image: url('../img/timeline2.png');
  background-position: 41px 10px;
  background-repeat: no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .timeline-arrow2 {
    background-image: url('../img/timeline2@2x.png');
    background-size: 1432px 151px;
  }
}
.timeline-arrow3 {
  width: 1925px;
  height: 303px;
  background-image: url('../img/timeline3.png');
  background-position: 41px 10px;
  background-repeat: no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .timeline-arrow3 {
    background-image: url('../img/timeline3@2x.png');
    background-size: 1432px 151px;
  }
}
#timeline,
#content {
  position: absolute;
  top: 540px;
  left: 20px;
  width: 1000px;
  overflow: hidden;
  z-index: 99;
}
.page-content {
  position: absolute;
  left: 380px;
  top: 295px;
  width: 675px;
  height: 235px;
  z-index: 50;
  background-image: url('../img/s1p1.png');
  background-repeat: no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .page-content {
    background-image: url('../img/s1p1@2x.png');
    background-size: 618px 212px;
  }
}
.swipeHome {
  position: absolute;
  top: 65px;
  left: 0;
  height: 50px;
  width: 250px;
  z-index: 100;
}
.splash {
  position: relative;
  z-index: 105;
  background-image: url('../img/landing.jpg');
  background-repeat: no-repeat;
  height: 768px;
  width: 1024px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .splash {
    background-image: url('../img/landing@2x.jpg');
    background-size: 1024px 768px;
  }
}
.splash-button {
  position: absolute;
  top: 150px;
  height: 500px;
  width: 300px;
  z-index: 105;
  line-height: 500px;
  text-align: center;
}
.fpo {
  color: purple;
  font-size: 48px;
  font-family: sans-serif;
  font-weight: bold;
}
.fpo-scan {
  position: absolute;
  top: 220px;
  left: 100px;
}
.fpo-timeline {
  position: absolute;
  top: 520px;
  left: 500px;
  z-index: 100;
}
.patient1-button {
  left: 0;
}
.patient2-button {
  left: 350px;
}
.patient3-button {
  left: 700px;
}
/*.jobCode
{
	position: absolute;
	bottom: 7px;
	right: 40px;
	font-size: 10px;
	color: grey;
}*/
/************************timeline hotspots********************************/
.timeHot {
  position: absolute;
  z-index: 999;
  height: 100px;
  width: 50px;
}
.s1p1Hotspot,
.s2p1Hotspot,
.s3p1Hotspot {
  left: 130px;
}
.s1p2Hotspot {
  left: 200px;
}
.s1p3Hotspot {
  left: 510px;
}
.s2p2Hotspot {
  left: 350px;
}
.s2p3Hotspot {
  left: 775px;
}
.s2p4Hotspot {
  left: 970px;
}
.s3p2Hotspot {
  left: 240px;
}
.s3p3Hotspot {
  left: 790px;
}
.s3p4Hotspot {
  left: 940px;
}
/************************timeline hotspots********************************/
.isiContainer {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: url('../img/isiBG.png');
  background-repeat: no-repeat;
  z-index: 1000;
  display: none;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .isiContainer {
    background-image: url('../img/isiBG@2x.png');
    background-size: 1024px 768px;
  }
}
#ISI {
  position: absolute;
  left: 60px;
  top: 200px;
  width: 896px;
  height: 541px;
  padding: 0 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
}
.isiInner {
  padding-right: 20px;
}
.header {
  font-size: 20px;
  margin: 15px 0;
}
.subheader {
  margin: 10px 0;
}
#ISI ul {
  margin-top: 0;
  margin-left: -20px;
}
#ISI li {
  margin-bottom: 15px;
}
.warning {
  text-align: center;
  width: 100%;
  text-decoration: underline;
}
.blackBox {
  border: black medium solid;
  margin-bottom: 20px;
  padding: 10px;
}
.closeBtn {
  position: absolute;
  width: 135px;
  height: 52px;
  right: 0;
  top: 65px;
}
.piBtn {
  position: absolute;
  width: 285px;
  height: 52px;
  top: 65px;
  left: 600px;
}
.piContainer {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: url('../img/piBG.png');
  background-repeat: no-repeat;
  z-index: 1000;
  display: none;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .piContainer {
    background-image: url('../img/piBG@2x.png');
    background-size: 1024px 768px;
  }
}
#PI {
  position: absolute;
  left: 20px;
  top: 200px;
  width: 1000px;
  height: 541px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
}
.closeBtn {
  position: absolute;
  width: 135px;
  height: 52px;
  right: 0;
  top: 65px;
}