/* turn.js related CSS */

.flipbook{
    width: 886px;
    height: 340px;
    transform: translateX(-50px);
}

.flipbook .page{
    width: 886px;
    height: 340px;
    background-color: transparent;
    line-height:300px;
    font-size:20px;
    text-align:center;
}

.flipbook .page-wrapper{
    -webkit-perspective:2000px;
    -moz-perspective:2000px;
    -ms-perspective:2000px;
    -o-perspective:2000px;
    perspective:2000px;
}

.p1::before {
	content: '';
	position: absolute;
	width: 100px;
	height: 95%;
	z-index: 50;
	top: 2.5%;
	right: 1%;
	background: linear-gradient(90deg, transparent 10%, rgba(209, 183, 110, 0.8));
	border-radius: 5px;
	-webkit-animation: pulse cubic-bezier(0.25, 0.46, 0.45, 0.94) 8s;
        -ms-animation: pulse cubic-bezier(0.25, 0.46, 0.45, 0.94) 8s;
            animation: pulse cubic-bezier(0.25, 0.46, 0.45, 0.94) 8s;
    animation-delay: 2s;
    opacity: 0;
    animation-iteration-count: infinite;
    backface-visibility: hidden;
    transition: opacity 0.3s;
}

.page-wrapper:hover .p1::before {
	animation: none;
}

.grab {
	cursor: pointer;
	cursor: -moz-grab;
	cursor: -webkit-grab;
	cursor: grab;
}

.grabbing {
	cursor: ew-resize;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
}

.notGrab {
	cursor: default;
}

.noselect {
  -webkit-touch-callout: none; 
    -webkit-user-select: none; 
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none; 
}

.noselect > img {
	pointer-events: none;
}

/* Animations */

@keyframes pulse {
    0% { opacity: 0; }
    50%   { opacity: 1; }
    100%   { opacity: 0; }
}

@-webkit-keyframes pulse {
    0% { opacity: 0; }
    50%   { opacity: 1; }
    100%   { opacity: 0; }
}