@charset "utf-8";
/* CSS Document */



.scorm_exit_btn {
	float: right;
	padding: 2px 15px;
	background: #015577;
	color: #fff;
	line-height: normal;
	font-size: 18px;
	margin: 14px 20px 0 0;
	cursor: pointer;
}
	
.scorm_exit_btn:hover {
	background: #0476a6;
}
	
.bookmark_sec {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1111;
}
	.book_overlay {
		background: rgba(51, 51, 51, 0.8);
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1;
		top: 0;
	}	
	.book_area {
		/* background: #eee; */
		/* border: 1px solid #c5c5c5; */
		position: absolute;
		z-index: 2;
		box-sizing: border-box;
		top: 0;
		bottom: 0;
		margin: auto;
		height: 310px;
		left: 0;
		width: 550px;
		right: 0;
		border-radius: 40px;
	}
	.book_area_sec {
		background: #fff;
		width: 100%;
		text-align: center;
		box-sizing: border-box;
		padding: 30px 0 30px;
		float: left;
		border-radius: 65px;
		height: 100%;
		position: relative;
	}
	.book_area p {
		font-size: 26px;
		font-weight: 200;
		color: #000;
		text-align: center;
		position: absolute;
		top: 43%;
		padding: 30px;
		transform: translateY(-50%);
	}	
	.book_but {
		position: absolute;
		width: 400px;
		text-align: center;
		right: 0;
		left: 0;
		margin: 0 auto;
		bottom: -20px;
	}
	.book_but button {
		/* background: #009ad9; */
		background: #b8002c;
		color: #fff;
		box-sizing: border-box;
		height: 40px;
		position: relative;
		text-decoration: none;
		border: none;
		width: 170px;
		text-align: center;
		right: 0;
		padding: 11px 6px;
		text-transform: uppercase;
		font-size: 18px;
		line-height: normal;
		left: 0;
		margin:5px;
		bottom: 0;
		font-weight: bold;
		background-size: 0 5px, auto;
		background-repeat: no-repeat;
		background-position: center;
		transition: all .2s ease-out;
		background-image: linear-gradient(#f0ad43, #f0ad43), linear-gradient(#ba0e31, #ba0e31);
	}
	.book_but.enable button{
			cursor: pointer;
			opacity: 1;
	}	

	.book_but.enable button:hover {
		background: #f5af41;
	}
	
	@media (max-width: 650px) {
		.book_area { width: 425px; }
		.book_but button{width: 140px;}
		.book_area p{font-size: 22px;}
	}
	@media (max-width: 530px) {
		.book_area { width: 93%; }
		.book_but{ width: 318px;}
		.book_but button{width: 125px;font-size: 16px;}
		
	}

	@media (max-width: 420px) {
		.book_area_sec{ border-radius: 30px; }
		
		
	}