.se-pre-con {
	position: fixed;
	left: 0px;
	top: 150px;
	width: 100%;
	height: 100px;
	z-index: 9999;
	background-repeat: no-repeat;
	background-position: center;
  }
  
  .noPadding {
	padding: 0 !important;
  }
  .toBottom {
	position: fixed;
	bottom: 0;
  }
  
  html {
	height: 100%;
	overflow: hidden;
  }
  body {
	height: 100%;
	user-select: none;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
  }

  .flipped{
	transform: rotateY(180deg);
  }
.flippedReverse{
	transform: rotateY(-180deg);

}

  /* 
  @keyframes flip{
	  100%{
 		 transform: rotateY(180deg);
		  transform-origin: bottom left;
		  transform-style: preserve-3d;
	  }

  } */

.pages,#img1{
	background-position: center;
	/* background-attachment: fixed; */
	background-repeat: no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
	
}
  
#pageDiv{
	margin-top: 5vh;
}
#img1{
	height: 75vh;
	z-index:100;
}
.pages{
	height: 75vh;
	transform-origin: left center;
	transition: 1.5s;
	position:absolute;
}

#nextPrevDiv{
	margin-top: 2vh;
}

#pageImg{
	margin-top: 20vh;
}

.pageTexts{
	text-align: center;
    margin-top: 27vh;
    font-size: 2vw;
    font-weight: bold;
}