#screen-mask{
	/* background: rgba(91,152,14,.5) !important; */
}

#body-image{
	background: none !important;
}

.main{
	position: absolute !important;
	height: 100% !important;
}

.page-block{
	top:0;
	height: 100%;
}

.page-bg{
	position: fixed !important;
}

#book-container::before {
    content: "";
    background-image: url(../img/layout/popout-bg-sm.png);
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.85;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}

#book-container{
	position: absolute;
	width: 940px;
	height: auto;
	display: block;
	left:50%;
	margin-left: -465px;
	text-align: left;
	margin-top:100px;
	z-index: 1;
/* 
	background-image: url(../img/layout/popout-bg-sm.png);
    background-size: contain;
    background-repeat: no-repeat;
 */
	padding: 100px 40px;
}

#book-cover{
	width: 48%;
	float: left;
	position: relative;
	top: -20px;
}

#book-cover img{
	width: 390px;
	-ms-transform: rotate(-3deg); /* IE 9 */
    -webkit-transform: rotate(-3deg); /* Chrome, Safari, Opera */
    transform: rotate(-3deg);
    z-index: 1;
    
	padding-top: 0px;
    
	/*-moz-box-shadow: 3px 1px 2px #444;
	-webkit-box-shadow: 3px 1px 2px #444;
	box-shadow: 3px 1px 2px #444;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=100, Color='#444444')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=100, Color='#444444');*/
}

#book-details{
	width: 48%;
	float:right;
}

#book-details h2{
	margin:0;
	font-size:2em;
}

#book-details h1{
	font-size: 2.6em;
	margin-top:0;
	margin-bottom: .5em;
}

#book-number{
	position: absolute;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	overflow: hidden;
	text-align: center;
	border-color: black;
	border-style: solid;
	border-width: 2px;
	top: 40px;
	left: 50%;
	margin-left: -80px;
	z-index: 2;
	color: white;
	text-shadow: -1px 3px 0px #000;
	display: block;
	font-size: 34px;
	line-height: 50px;
}

#book-number p{
	margin: 0 auto;
	width: 100%;
	display: block;
}

body[data-useragent*='MSIE 10.0'] #book-number{
	line-height: 100px;
}

/* 
@-moz-document url-prefix() {
    #book-number {
        line-height: 100px;
    }
}
 */


#show-book-prev, #show-book-next{
	font-size: 1.333em;
	width: 62px;
	height: 120px;
	/* background-image: url(../img/pages/books/stink_green_circle.png); */
	background-size: 124px 120px;
	overflow: hidden;
	position: fixed;
	top: 50%;
	z-index: 10;
	color: black;
	-moz-transition: all .1s ease;
	-webkit-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
}

#show-book-prev:hover, #show-book-next:hover{
	text-decoration: none;	
	cursor: pointer;
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	text-decoration: none;
}

#show-book-prev:focus, #show-book-next:focus, #show-book-prev:visited, #show-book-next:visited{
	text-decoration: none;
}

#show-book-prev>div, #show-book-next>div{
	width: 26px;
	height: 48px;
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	
	/*color: white !important;
	font-size: 4em;	
	line-height: 75px;
	text-shadow: -1px 3px 0px #000;
	margin-bottom: -.1em;*/
}

#show-book-prev>div{
	margin-left:10px;
	margin-top:20px;
	background-image: url(../img/pages/books/arrow-left.png);
}
#show-book-next>div{
	margin-left:25px;
	margin-top:20px;
	background-image: url(../img/pages/books/arrow-right.png);

}
#show-book-prev {
	text-align: left;	
}

#show-book-next{
	text-align: right;
	padding-right: 5px;
}

#show-book-prev>span{
		padding-left: 5px;
}

#show-book-prev{
	left: 0;
	background-position: right center;
}

#show-book-next{
	right: 0;
	background-position: left center;
}

#show-books-slider{
	font-size: 1.333em;*/
	width: 124px;
	height: 60px;
	/* background-image: url(../img/pages/books/stink_green_circle.png); */
	background-size: 124px 120px;
	background-position: center top;
	overflow: hidden;
	position: absolute;
	top: -60px;
	left: 50%;
	margin-left: -62px;
	/* text-align: center; */
	cursor: pointer;
	-moz-transition: all .1s ease;
	-webkit-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
}

#show-books-slider:hover{
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}


#show-books-slider>div{
	width: 48px;
	height: 26px;
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	background-image: url(../img/pages/books/arrow-up.png);
	top: 13px;
	left: 35px;
	/* position: absolute; */
	
	color: white !important;
	/* font-size: 4em; */
	/*-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	text-align: left;*/
	/*width: .5em;
	line-height: 1.25em;
	height: 0;
	margin-top:35px;
	margin-left: 8px;*/
	/*height: 124px;
	text-align: right;*/
	padding-right: 5px;
	text-shadow: -1px 3px 0px #000; /* Chrome, Firefox 3.5+, IE 10+, Opera 9+, Safari 1+ */
}

#show-books-slider.active>div{
	background-image: url(../img/pages/books/arrow-down.png);
}

#show-books-slider>span{
	/*line-height: 35px;*/
	position: absolute;
	bottom: 0px;
	width: 100%;
	left:0;
	text-align: center;
}

#show-book-prev>span, #show-book-next>span, #show-books-slider>span{
	text-transform: uppercase;
	font-size: .9em;
	display: none;
}


#books-slider-menu{
	position: fixed;
	bottom: -170px;
	width: 100%;
	height: 200px;
	background-color: rgb(201, 87, 86);
	z-index: 10;
}

#books-slider-menu>.container{
	position: relative;
	overflow: hidden;
	padding: 0;
	width: 1140px;
}

#books-slider-menu a{
	display: block;
	float:left;
	height: 160px;
	width: 130px;
	padding-top: 20px;
	text-align: center;
	-moz-transition: all .1s ease;
	-webkit-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
}

#books-slider-menu a:hover{
	-moz-transform: scale(1.06) translate(0px,-5px);
	-webkit-transform: scale(1.06) translate(0px,-5px);
	-o-transform: scale(1.06) translate(0px,-5px);
	transform: scale(1.06) translate(0px,-5px); 	
	/*-moz-transform: translate(0px,-5px);
	-webkit-transform: translate(0px,-5px);
	-o-transform: translate(0px,-5px);
	transform: translate(0px,-5px); */
}

#books-slider-menu a img{
	height: 97%;
	width: auto;	
	-moz-box-shadow: 3px 3px 2px #444;
	-webkit-box-shadow: 3px 3px 2px #444;
	box-shadow: 3px 3px 2px #444;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#444444')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#444444');
	-webkit-font-smoothing: antialiased;
	/*-moz-transform: perspective(1) ;
	-webkit-transform: perspective(1);
	transform: perspective(1);*/
}

#books-slider-menu .the-books-items-row{
	padding-left: 50px !important;
	padding-right: 50px;
}

.book-slider-arrow{
	color: white !important;
	font-size: 5em;	
	line-height: 180px;
	text-align: center;
	width: 50px;
	height: 100%;
	text-shadow: -1px 3px 0px #000; /* Chrome, Firefox 3.5+, IE 10+, Opera 9+, Safari 1+ */
	position: absolute;
	top:0;
	background: rgb(201, 87, 86);
	cursor: pointer;
	-moz-transition: all .1s ease;
	-webkit-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
}


.book-slider-arrow:hover{
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.book-slider-arrow:first-child{
	left: 0;
}

.book-slider-arrow:last-child{
	right:0;	
}

#book-desc{
	font-size: 1.2em;
	padding-bottom: 100px;
}

#book-actions{
	position: absolute;
	width: 100%;
	height: 50px;
	bottom: -85px;
	z-index: 11;
}

.book-burst{
	position: absolute;
	width: 200px;
	height: 40px;
	text-transform: uppercase;
	text-align: center;
	/* padding: 2.5em 2em 0 2.5em; */;
	color: whitesmoke;
	font-size: 1.2em;
	line-height: 2.4em;}

.book-burst span{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	/* top: 30px; */
	/* left: 35px; */
	background-repeat: no-repeat;
	background-color: rgb(196, 84, 82);
	border-radius: 10px;
	/* background-size: contain; */
	/* background-image: url(../img/pages/books/stink_book_burst.png); */	
	-moz-transition: all .1s ease;
	-webkit-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
	
	/*-webkit-animation: spin 10s linear infinite;
	-webkit-animation-play-state: paused; 
	animation: spin 10s linear infinite;
	animation-play-state: paused; */
	z-index: -1;
}

.book-burst:hover span{
	-moz-transform: scale(1.1);
	/* -webkit-transform: scale(1.1); */
	-o-transform: scale(1.1);
	/* transform: scale(1.1); */
	/*-webkit-animation-play-state: running;
	animation-play-state: running;*/
	background-color: rgb(207, 104, 102);
}


/*
@-webkit-keyframes spin {
  100% {
	  -webkit-transform: rotate(1turn); 
	  transform: rotate(1turn); 
	}
}


@keyframes spin {
  100% {
	  -webkit-transform: rotate(1turn); 
	  -ms-transform: rotate(1turn);
	  transform: rotate(1turn); 
	}
}
*/

.book-burst:hover, .book-burst:focus{
	text-decoration: none;
	color: white;
}

#book-buy{
	left: 10px;
}

#book-excerpt{
	right: -20px;
}

#book-buy-container{
	position: absolute;
	display: none;
	width: 568px;
	height: 362px;
	/* background-image: url(../img/pages/books/books_buy_bg.png); */
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: white;
	border-radius: 20px;
	left: 50%;
	margin-left: -284px;
	top: 50%;
	margin-top: -181px;
	z-index: 1000;
	padding-top: 50px;
	padding-left: 145px;
}

#book-buy-container h2{
font-size:2em;
}

#book-buy-container-uk{
	position: absolute;
	display: none;
	width: 568px;
	height: 362px;
	background-image: url(../img/pages/books/books_buy_bg.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	left: 50%;
	margin-left: -284px;
	top: 50%;
	margin-top: -181px;
	z-index: 1000;
	padding-top: 50px;
	padding-left: 145px;
}

#book-buy-dg, #book-buy-container a, #book-buy-container-uk a{
	-moz-transition: all .1s ease;
	-webkit-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
}

#book-buy-dg:hover, #book-buy-container>a:hover, #book-buy-container-uk>a:hover{
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	z-index: 2;
}

#book-buy-container a, #book-buy-container-uk a, #book-buy-dg{
	width: 279px;
	height: 48px;
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: 20px;
	padding-left: 2em;
}

#book-buy-container a, #book-buy-container-uk a, #book-dg-price{
	color: white;
	font-size: 1.5em;
	line-height: 48px;
}

#book-buy-container a:visited, #book-buy-container a:focus, #book-buy-container a:hover, #book-buy-container-uk a:visited, #book-buy-container-uk a:focus, #book-buy-container-uk a:hover{
	text-decoration: none;
}


#book-buy-container h2, #book-buy-container a span, #book-buy-container-uk h2, #book-buy-container-uk a span{
	font-weight: bold;
}

#book-buy-container a::after, #book-buy-container-uk a::after{
	content: '>';
	padding-left: .5em;
	font-size: 1.5em;
	vertical-align: middle;	
}

#book-buy-container a:hover, #book-buy-container-uk a:hover{
	text-decoration: none;
}

#book-buy-container a:nth-child(2), #book-buy-container-uk a:nth-child(2){
	/* background-image: url(../img/pages/books/books_buy_swatch_01.png); */
	background-color: black;
	border-radius: 10px;
}

#book-buy-container a:nth-child(3), #book-buy-container-uk a:nth-child(3){
	/* background-image: url(../img/pages/books/books_buy_swatch_02.png); */
	background-color: black;
	border-radius: 10px;
}

#book-buy-country {
  width: 100px;
  height: 30px;
  margin-left: 90px;
  display: none;
}

#book-buy-country-us {
  display: inline-block;
  width: 40px;
  height: 20px;
  background: url(../img/pages/books/usflag.jpg) no-repeat;
  background-size:contain;
}

#book-buy-country-uk {
  display: inline-block;
  width: 40px;
  height: 20px;
  background: url(../img/pages/books/ukflag.jpg) no-repeat;
  background-size:contain;
}

#book-buy-dg{
	border: none;
	box-shadow: none;
	background-color: transparent;
	border-radius: 10px;
	padding-left: 2em;
	font-size: 1.5em;
	/* background-image: url(../img/pages/books/books_buy_swatch_03.png); */
	background-color: black;
	/*padding-top: 10px;*/
	position: relative;
}

#book-buy-dg .dropdown-menu{
	background-color: black;
}

#book-buy-dg li a{
	height: 35px;
	margin-bottom: 10px;
	color:white;
}

#book-buy-dg li a:hover{
	font-size: 1.65em;
	background: none;
}

/*#book-buy-dg select{
	border: none;
	box-shadow: none;
	background-color: transparent;
	border-radius: 0;
	color: white;
	font-size: 1em;
	line-height: 48px;
	width: 219px;
}*/

#book-dg-price{
	position: absolute;
	right: 4em;
	top: 5px;
	pointer-events: none;
}

#book-buy-dg .btn{
	width: 100%;
	height: 100%;
	background: transparent;
	border: none;
	color: white;
	text-align: left;
	font-weight: inherit;
	font-size: 1em;
	line-height: 48px;
	padding: 0;
	margin: 0;
}


/********* EXCERPT MODAL ***********/
#bb-nav{
	position: absolute;
	z-index: 1001;
	width: 956px;
	margin-left: -480px;
	top: 345px;
	font-size: 5em;
	left: 50%;
	display: none;
}

#bb-nav-prev{
	display: none;
}

#bb-nav div{
	color: white;
	cursor: pointer;
	text-shadow: 3px 3px rgba(0,0,0,.5);
	font-family: 
}

#bb-nav div:first-child{
	float: left;
}

#bb-nav div:last-child{
	float: right;
}

#bb-bookblock{
	position: absolute;
	z-index: 1000;
	left: 50%;
	margin-left: -428px;
	height: 550px;
	top: 130px;
	width: 856px;
	display: none;
}

.bb-custom-side{
	float:left;
	width: 50%;
	height: 100%;
}

.bb-custom-side img{
	max-height: 100%;
	max-width: 100%;	
}

.bb-item{
	width: 856px;
}





/***** ADJUST FOR SMALLER SCREENS ******/

@media (min-width : 1025px) and (max-width: 1200px){

}



@media (min-width : 1025px){
	html, body{
		font-size: .938em !important;	
	}
	#books-slider-menu>.container{
		width: 975px;
	}
	
	#books-slider-menu a{
		height: 160px;
		width: 125px;
	}
}


@media (max-width : 1024px){
	#book-container{
		width: 600px;
	}
	#book-cover img{
		width: 280px;
	}
	#book-number{
		width: 70px;
		height: 70px;
		font-size: 34px;
		line-height: 60px;
	}
	
	body[data-useragent*='MSIE 10.0'] #book-number{
		line-height: 70px;
	}
	
	@-moz-document url-prefix() {
	    #book-number {
	        line-height: 70px;
	    }
	}

	
	.book-burst{
		width: 120px;
	}
	#show-book-prev, #show-book-next{
		width: 50px
	}
	#show-books-slider>div{
		line-height: 2em;
		margin-top:5px;
	}
	#show-books-slider>span{
		bottom: 5px;
	}
	#show-book-prev>div, #show-book-next>div{
		margin-bottom: -.2em;
		line-height: 80px;
	}
	#books-slider-menu>.container{
		width: 720px;
	}
	
	#books-slider-menu a{
		width: 155px;
	}
	#bb-nav{
		width: 700px;
		left: 50%;
		margin-left: -350px;
		/*left: 23px;
		margin-left: 0;*/
	}
	#bb-bookblock{
		width: 600px;
		height: 398px;
		left: 50%;
		margin-left:-300px;
		/*left: 75px;
		margin-left: 0;*/
	}
	.bb-item{
		width: 600px;
	}

}

@media (min-width : 768px) and (max-width : 1024px){

	#book-container{
		left: 50%;
		margin-left: -300px;
	}
}


@media (max-width : 767px){
	#book-container{
		left: auto;
		margin-left: 65px;
	}

}

.single-tales #book-cover img {
    width: 330px;
    margin-left: 40px;
}

.single-tales .bb-custom-side img{
	max-height: 100%;
	max-width: 110%;	
}

.single-tales #bb-bookblock{
	position: absolute;
	z-index: 1000;
	left: 50%;
	margin-left: -374px;
	height: 550px;
	top: 130px;
	width: 744px;
	display: none;
}

.single-tales .bb-item{
width:744px;
}

.single-tales #book-container{
	margin-top:150px;
	padding: 100px 40px;
}

sup {
	font-size: 14px !important;
}