#turnToPortrait{
	position: absolute;
	z-index: 2000;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .8);
	color: #fff;
	text-align: center;
}

#turnToPortrait h6{
	margin-top: 150px;
	
}

#turnToPortrait img{
	width: 60px;
	height: auto;
}

.borderArea{
	position: absolute;
	border: 5px solid #cf3235;
	border-radius: 10px;
}

.callOut{
	position: absolute;
	background-color: rgba(45, 145, 196, 1);
	padding: 15px 10px;
	border-radius: 15px;
	box-shadow: 0px 0px 2px #000;
	text-align: left;
	font-size: 18px;
}

/* Page 1 CSS */
.page1 .rightHalf{
	color: #fff;
	background-image: url("../images/pages/page1/1, 2, and end- photo PS141210_cah_0170.jpg");
	background-position: -128px 0;
	background-repeat: no-repeat;
	background-size: cover;
}

.page1 .leftHalf h2 {
	margin-bottom: 10px;
	font-size: 33px;
}

.page1 .leftHalf p {
	font-size: 1.2em;
	margin-bottom: 0;
}
.page2 .leftHalf p {
    font-size: 18px;
    /*line-height: 42px;*/
}


.colorArea{
	margin-top: 140px;
	color: #fff;
	/*background-color: rgba(0,0,0,.6);*/
	padding: 20px 20px;
	box-sizing: border-box;
}

.time{
	font-size: 16px;
}

/* Page 2 CSS */
.page2 .rightHalf{
	color: #fff;
	background-image: url("../images/pages/page1/1, 2, and end- photo PS141210_cah_0170.jpg");
	background-position: -128px 0;
	background-repeat: no-repeat;
	background-size: cover;
}
.page2 .colorArea{
    margin-top: 79px;
    color: #fff;
    /*background-color: rgba(0,0,0,.6);*/
    padding: 20px 20px;
    box-sizing: border-box;
}

/* Page 3 CSS */
.page3{
	color: #fff;
	background-image: url("../images/pages/page3/3-Download app cropped.png");
	background-position: center center;
	background-repeat: no-repeat;
	/*background-size: contain;*/
}

.page3 .borderArea{
    width: 206px;
    height: 25px;
    left: 331px;
    top: 0px;
}

.page3 .arrow-up{
	position: absolute;
	width: 100px;
	height: auto;
	left: 435px;
	top: 40px;
}

.page3 .callOut{
    right: 248px;
    top: 288px;
    width: 418px;
}

/* Page 4 CSS */
.page4{
	color: #fff;
	background-image: url("../images/pages/page4/4-app-to-tap-purple-adj.PNG");
	/*background-position: center;
	background-repeat: no-repeat;
	background-size: contain;*/
}

.page4 .borderArea{
	width: 76px;
    height: 40px;
    left: 474px;
    bottom: 64px;
}

.page4 .arrow-up{
    position: absolute;
    width: 100px;
    height: auto;
    left: 68px;
    top: 184px;
}

.page4 .callOut{
    width: 229px;
    left: 163px;
    bottom: 130px;
}

/* Page 5 CSS */
.page5{
	color: #fff;
	background-image: url("../images/pages/page5/6-opening-screen-with-password-in-adj.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.page5 .arrow1 {
    position: absolute;
    width: 100px;
    height: auto;
    left: 292px;
    top: 200px;
}
.page5 .arrow2 {
    position: absolute;
    width: 100px;
    height: auto;
    right: 356px;
    bottom: 111px;
}

.page5 .cal1 {
    width: 344px;
    left: 28px;
    top: 35px;
}
.page5 .cal2 {
    width: 134px;
    right: 191px;
    bottom: 135px;
}

/* Page 6 CSS */
.page6{
	color: #fff;
	background-image: url("../images/pages/page6/7-3 square buttons.PNG");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.page6 .borderArea{
    width: 132px;
    height: 133px;
    left: 233px;
    bottom: 189px;
}

.page6 .arrow-down{
    position: absolute;
    width: 100px;
    height: auto;
    left: 260px;
    top: 79px;
}

.page6 .callOut{
    width: 229px;
    left: 376px;
    top: 57px;
}

/* Page 7 CSS */
.page7{
	color: #fff;
	background-image: url("../images/pages/page7/8-ready to shoot best (not the usual.PNG");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.page7 .borderArea {
    width: 50px;
    height: 34px;
    left: 481px;
    bottom: 0px;
}

.page7 .arrow-down{
    position: absolute;
    width: 100px;
    height: auto;
    left: 462px;
    bottom: 53px;
}

.page7 .cal1 {
    width: 345px;
    right: 58px;
    top: 47px;
}
.page7 .cal2 {
    width: 345px;
    right: 57px;
    bottom: 106px;
}

/* Page 8 CSS */
.page8{
	color: #fff;
	background-image: url("../images/pages/page8/9,10-scan next sheet in context.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.page8 .borderArea {
    width: 160px;
    height: 29px;
    right: 427px;
    bottom: 228px;
}

.page8 .arrow-left {
    position: absolute;
    width: 100px;
    height: auto;
    right: 302px;
    bottom: 198px;
}

.page8 .callOut{
    width: 294px;
    right: 79px;
    top: 91px;
}

/* Page 9 CSS */
.page9{
    color: #fff;
    background-image: url("../images/pages/page9/9,10-scan next sheet in context.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.page9 .borderArea {
    width: 160px;
    height: 29px;
    right: 427px;
    bottom: 199px;
}

.page9 .arrow-left {
    position: absolute;
    width: 100px;
    height: auto;
    right: 302px;
    bottom: 167px;
}

.page9 .callOut{
    width: 294px;
    right: 79px;
    top: 91px;
}

/* Page 10 CSS */
.page10{
	color: #fff;
	background-image: url("../images/pages/page10/11, 12, 13, 14, 21 (5 scanned).PNG");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.page10 .border1 {
    width: 29px;
    height: 409px;
    left: 253px;
    bottom: 6px;
}
.page10 .border2 {
    width: 70px;
    height: 50px;
    right: 157px;
    bottom: 0px;
}
.page10 .cal1 {
    width: 371px;
    height: 200px;
    left: 323px;
    top: 107px;
}
.page10 .cal2 {
    width: 238px;
    height: 110px;
    right: 268px;
    bottom: 20px;
}

/* Page 11 CSS */
.page11{
	color: #fff;
	background-image: url("../images/pages/page11/11, 12, 13, 14, 21 (5 scanned).PNG");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.page11 .borderArea{
    width: 48px;
    height: 35px;
    right: 156px;
    top: 0px;
}

.page11 .arrow-up{
    position: absolute;
    width: 100px;
    height: auto;
    right: 139px;
    top: 55px;
}
.page11 .callOut{
    width: 294px;
    right: 284px;
    top: 21px;
}
/* Page 12 CSS */
.page12{
	color: #fff;
	background-image: url("../images/pages/page11/11, 12, 13, 14, 21 (5 scanned).PNG");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.page12 .arrow-up{
    position: absolute;
    width: 100px;
    height: auto;
    right: 168px;
    top: 55px;
}

.page12 .borderArea{
    width: 36px;
    height: 36px;
    right: 194px;
    top: 0px;
    z-index: 1000;
}

.page12 .settings{
    position: absolute;
    width: 185px;
    height: auto;
    right: 164px;
    top: 4px;
}
.page12 .addOn{
    position: absolute;
    width: 165px;
    height: 50px;
    right: 0px;
    top: 0px;
    z-index: 1000;
    background-color: white;
}
.page12 .callOut{
    width: 231px;
    right: 268px;
    top: 62px;
}
/* Page 13 CSS */
.page13{
	color: #fff;
	background-image: url("../images/pages/page11/11, 12, 13, 14, 21 (5 scanned).PNG");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.page13 .borderArea{
    width: 131px;
    height: 125px;
    left: 156px;
    top: 69px;
}

.page13 .arrow-left{
    position: absolute;
    width: 100px;
    height: auto;
    left: 309px;
    top: 116px;
}
.page13 .arrow2{
    position: absolute;
    width: 100px;
    height: auto;
    right: 239px;
    bottom: 269px;
}
.page13 .cal1{
    width: 195px;
    left: 301px;
    top: 4px;
}
.page13 .cal2{
    width: 185px;
    right: 131px;
    top: 257px;
}

/* Page 14 CSS */
.page14{
	color: #fff;
	background-image: url("../images/pages/page14/15-errormsgshowing.PNG");
	background-position: center -3px;
	background-repeat: no-repeat;
	background-size: contain;
}

.page14 .border1 {
    width: 36px;
    height: 36px;
    right: 433px;
    bottom: 286px;
}
.page14 .border2 {
    width: 180px;
    height: 21px;
    left: 288px;
    bottom: 0px;
}
.page14 .arrow-left{
    position: absolute;
    width: 100px;
    height: auto;
    right: 239px;
    top: 159px;
}
.page14 .arrow-down{
    position: absolute;
    width: 100px;
    height: auto;
    left: 329px;
    bottom: 39px;
}
.page14 .callOut{
    width: 505px;
    right: 208px;
    top: 3px;
}
/* Page 15 CSS */
.page15{
	color: #fff;
	background-image: url("../images/pages/page15/16, 17, 18-individual sheet view (2).PNG");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.page15 .callOut{
    width: 401px;
    right: 91px;
    top: 176px;
}
.page15 .border1 {
    width: 68px;
    height: 25px;
    right: 543px;
    top: 39px;
}
.page15 .border2 {
    width: 68px;
    height: 25px;
    right: 461px;
    top: 39px;
}
.page15 .border3 {
    width: 26px;
    height: 26px;
    left: 306px;
    top: 123px;
}
/* Page 16 CSS */
.page16{
    color: #fff;
    background-image: url("../images/pages/page15/16, 17, 18-individual sheet view (2).PNG");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.page16 .border1 {
    width: 26px;
    height: 26px;
    left: 397px;
    top: 39px;
}
.page16 .border2 {
    width: 80px;
    height: 32px;
    right: 255px;
    bottom: 14px;
}
.page16 .border3 {
    width: 26px;
    height: 26px;
    left: 305px;
    top: 123px;
}

.page16 .arrow-down{
    position: absolute;
    width: 100px;
    height: auto;
    right: 246px;
    bottom: 71px;
}
.page16 .cal1{
    width: 461px;
    right: 61px;
    top: 164px;
}
.page16 .cal2{
    width: 221px;
    right: 371px;
    bottom: 74px;
}
/* Page 17 CSS */
.page17{
    color: #fff;
    background-image: url("../images/pages/page15/16, 17, 18-individual sheet view (2).PNG");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.page17 .borderArea {
    width: 26px;
    height: 26px;
    left: 327px;
    top: 124px;
}

.page17 .arrow-left{
    position: absolute;
    width: 100px;
    height: auto;
    left: 373px;
    top: 90px;
}
.page17 .callOut{
    width: 355px;
    right: 122px;
    top: 170px;
}
/* Page 18 CSS */
.page18{
    color: #fff;
    background-image: url("../images/pages/page18/19-20.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.page18 .border1 {
    width: 16px;
    height: 16px;
    left: 313px;
    top: 130px;
    border: 3px solid #cf3235;
    border-radius: 6px;
}
.page18 .border2 {
    width: 16px;
    height: 16px;
    left: 335px;
    top: 130px;
    border: 3px solid #cf3235;
    border-radius: 6px;
}

.page18 .arrow-down{
    position: absolute;
    width: 100px;
    height: auto;
    right: 249px;
    bottom: 59px;
}
.page18 .arrow-left {
    position: absolute;
    width: 100px;
    height: auto;
    left: 372px;
    top: 91px;
}
.page18 .cal1 {
    width: 411px;
    right: 120px;
    top: 79px;
}
.page18 .cal2 {
    width: 411px;
    left: 39px;
    bottom: 80px;
}
.page18 .cal3 {
    width: 208px;
    right: 118px;
    bottom: 176px;
}

/* Page 19 CSS */
.page19{
    color: #fff;
    background-image: url("../images/pages/page18/19-20.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.page19 .borderArea {
    width: 38px;
    height: 34px;
    left: 161px;
    top: 0px;
}

.page19 .arrow-up{
    position: absolute;
    width: 100px;
    height: auto;
    left: 137px;
    top: 55px;
}
.page19 .callOut{
    width: 201px;
    left: 241px;
    top: 120px;
}
/* Page 20 CSS */
.page20{
    color: #fff;
    background-image: url("../images/pages/page11/11, 12, 13, 14, 21 (5 scanned).PNG");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.page20 .borderArea {
    width: 198px;
    height: 34px;
    left: 191px;
    top: 40px;
}

.page20 .arrow-up{
    position: absolute;
    width: 100px;
    height: auto;
    left: 222px;
    top: 91px;
}
.page20 .callOut{
    width: 201px;
    left: 322px;
    top: 98px;
}
/* Page 21 CSS */
.page21{
    color: #fff;
    background-image: url("../images/pages/page21/22-5 selected.PNG");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.page21 .border1 {
    width: 48px;
    height: 34px;
    left: 251px;
    top: 40px;
}
.page21 .border2 {
    width: 128px;
    height: 384px;
    left: 157px;
    top: 100px;
}
.page21 .border3 {
    width: 38px;
    height: 34px;
    right: 216px;
    top: 40px;
}

.page21 .arrow1 {
    position: absolute;
    width: 100px;
    height: auto;
    left: 302px;
    top: 101px;
}
.page21 .arrow2 {
    position: absolute;
    width: 100px;
    height: auto;
    left: 322px;
    top: 11px;
}
.page21 .arrow-up {
    position: absolute;
    width: 100px;
    height: auto;
    right: 192px;
    top: 101px;
}
.page21 .callOut{
    width: 253px;
    left: 442px;
    top: 78px;
}
/* Page 22 CSS */
.page22{
    color: #fff;
    background-image: url("../images/pages/page22/23,24-5 uploaded.PNG");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.page22 .borderArea {
    width: 28px;
    height: 394px;
    left: 254px;
    top: 100px;
}

.page22 .cal1 {
    width: 261px;
    left: 332px;
    top: 148px;
}
.page22 .cal2 {
    width: 341px;
    left: 392px;
    bottom: 8px;
}
/* Page 23 CSS */
.page23{
    color: #fff;
    background-image: url("../images/pages/page22/23,24-5 uploaded.PNG");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.page23 .border1 {
    width: 168px;
    height: 27px;
    left: 154px;
    top: 45px;
}
.page23 .border2 {
    width: 128px;
    height: 384px;
    left: 157px;
    top: 100px;
}

.page23 .arrow-up{
    position: absolute;
    width: 100px;
    height: auto;
    right: 148px;
    top: 91px;
}
.page23 .callOut{
    width: 301px;
    left: 332px;
    top: 118px;
}

/* Page 24 CSS */
.page24 .rightHalf{
	color: #fff;
	background-image: url("../images/pages/page1/1, 2, and end- photo PS141210_cah_0170.jpg");
	background-position: -128px 0;
	background-repeat: no-repeat;
	background-size: cover;
}
.page24 .leftHalf p{
    font-size: 18px;
}



a.ui-link{
	color: #36d7a7!important;
}

a.ui-link:hover{
	color: #30bd93!important;
}

.endText{
	text-align: center;
}

/* iPad Landscape */
@media (max-width: 1023px){

}

/* iPad Portrait */
@media (max-width: 768px) {
	
}

/* iPhone 6 Plus Portrait */
@media (max-width: 415px) {
	
}

/* iPhone 6 Size */
@media (max-width: 375px) {	
	
}

/*iPhone 5 Size*/
@media (max-width: 320px) {

}