/*
*::-webkit-scrollbar addresses the background of the bar itself. It is usually covered by the other elements
*::-webkit-scrollbar-button addresses the directional buttons on the scrollbar
*::-webkit-scrollbar-track addresses the empty space “below” the progress bar
*::-webkit-scrollbar-track-piece is the top-most layer of the the progress bar not covered by the draggable scrolling element (thumb)
*::-webkit-scrollbar-thumb addresses the draggable scrolling element that resizes depending on the size of the scrollable element
*::-webkit-scrollbar-corner addresses the (usually) bottom corner of the scrollable element, where two scrollbars might meet
*::-webkit-resizer addresses the draggable resizing handle that appears above the scrollbar-corner at the bottom corner of some elements
*/

html {
    scroll-chaining: none;
	touch-action: none;
	content-zooming: none;
	
}

*{
	-webkit-touch-callout: none; /* iOS Safari */
 /* -webkit-user-select: none; 
  -khtml-user-select: none; 
  -moz-user-select: none;    
  -ms-user-select: none;     
  user-select: none;        */  
  -ms-touch-action: none;
}

body{
	background-color:   #000000;
}

#home table{
	height:80%;
	text-align:left;
}

.fb-like{
	position:absolute;
	left:10px;
}


#fb-like-table{
	display:none;
	width:100%;
	z-index:88;
	text-align:center;
	overflow:hidden;
}

#fb-like-table td{
	vertical-align:top;
}


#loadingscreen {
	z-index:9999;
	font-family: 'Captureit';
	color: #dddddd;
	font-weight:bold;
	width:				100%;
	height:				100%;
	font-size:			60px;
	text-shadow: 		10px 10px 10px rgba(255,255,255,0.3);
	text-align:			center;
	position: 			absolute;
	top:				0px;
	left:				0px;
	background-color:   #000000;
}

#loadLog {
	font-size:			8px;
}

.blendoutloading {
    -webkit-animation-name: blendout; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: 1; /* Chrome, Safari, Opera */
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in;
    animation-name: blendout;
    animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes blendout {
    0%   {opacity:1;}
    100% {opacity:0;}
}

/* Standard syntax */
@keyframes blendout {
    0%   {opacity:1;}
    100% {opacity:0;}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes blendin {
    0%   {opacity:0;}
    100% {opacity:1;}
}

/* Standard syntax */
@keyframes blendin {
    0%   {opacity:0;}
    100% {opacity:1;}
}

#shelf{
	-webkit-perspective: 250px; /* Chrome, Safari, Opera */
    -webkit-perspective-origin: 50% 50%; /* Chrome, Safari, Opera */
    perspective: 250px;
    perspective-origin: 50% 50%;
	overflow:hidden;
}

#shelf table {
	position:relative;
	left:0%;
	top:-5%;
	height:100%;  

	-webkit-transition: -webkit-transform 1s;
	 -moz-transition: -moz-transform 1s;
	   -o-transition: -o-transform 1s;
		  transition: transform 1s; 
}

#shelf table td{
	height:100%;
	position: relative;
	margin: 0; 
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	perspective: 1000px;
	text-align:center;
	-webkit-transition: width 0.5s; /* Safari */
     transition: width 0.5s;
}


.box {
  width: 100%;
  height: 100%;
  position: absolute;
  top:0%;
  left:0%;
  -webkit-transform-style: preserve-3d;
	 -moz-transform-style: preserve-3d;
	   -o-transform-style: preserve-3d;
		  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 1s;
	 -moz-transition: -moz-transform 1s;
	   -o-transition: -o-transform 1s;
		  transition: transform 1s; 
	-webkit-backface-visibility: hidden;
         -moz-backface-visibility: hidden;
           -o-backface-visibility: hidden;
              backface-visibility: hidden;
	text-shadow:0px 0px 2px #ffffff;
}

.box:hover{
	text-shadow:0px 0px 10px #ffffff;
}

.box figure {
  display: block;
  position: absolute;
}

.box .front{
  background-size: 100% 100%;
  box-shadow:3px 3px 5px rgba(0,0,0,0.5);
  border-radius: 0px 10px 10px 0px;
}

.box .left {
  background-size: 100% 100%;
  box-shadow:3px 3px 5px rgba(0,0,0,0.5);
}


.box.show-front {
  -webkit-transform:  rotateY(   45deg );
	 -moz-transform:  rotateY(   45deg );
	   -o-transform:  rotateY(   45deg );
		  transform:  rotateY(   45deg );
}

.box.show-left {
  -webkit-transform: rotateY(   90deg );
	 -moz-transform: rotateY(   90deg );
	   -o-transform: rotateY(   90deg );
		  transform: rotateY(   90deg );
}


 .shelfbooktext{
	display:table-block;
	width:100%;
	top:7%;
	left:0px;
	position:relative;
	font-family: 'Captureit';
	color: #000000;
	font-weight:bold;
	text-align:center;
 } 
 
.booknews{
	height:30% !important;
}

.booknews td{
	width:8%;
	text-align:center;
}

.booknews td img{
	text-align:center;
	display: block;
	max-width:100%;
	max-height:100%;
	width: auto;
	height: auto;
	border-radius: 5px;
	box-shadow:1px 1px 3px rgba(0,0,0,0.5);
	opacity:0.7;
}

.booknews td:hover img{
	border-radius: 5px;
	box-shadow:2px 2px 15px rgba(0,0,0,0.5);
	opacity:1;
}

.booknews td a{
	color: #999999;
	text-decoration:none;
}

.booknews td:hover a{
	color: #dddddd;
	text-shadow:2px 2px 15px #ffffff;
}

#randomnewsdiv {
    width:100%;
    overflow-y:scroll;
    overflow-x:hidden;
}


.textpage {
	background-image:url('../images/background1.png');
	background-size: 100% 100%;
    padding:1%;
	font-family: 'carbontype';
	color: #ffffff;
	text-shadow:2px 2px 2px #000000;
	overflow-y: auto;
    overflow-x: hidden;
    position:absolute;
    width:98%;
}

.textpage td{
	vertical-align:top;
}

.textpage h1{
	font-family: 'Captureit';
	color: #ffffff;
	font-weight:bold;
	text-decoration: underline;
	text-shadow:2px 2px 5px #000000;
}

.textpage h2{
	font-family: 'Captureit';
	color: #ffffff;
	font-weight:bold;
	text-decoration: underline;
	text-shadow:2px 2px 5px #000000;
}

.textpage a{
	color: #999999;
	text-decoration:none;
}

.textpage a:hover{
	color: #dddddd;
	text-shadow:2px 2px 15px #ffffff;
}

.textpageaboutbook a{
	color: #999999;
	text-decoration:none;
}

.textpageaboutbook a:hover{
	color: #dddddd;
	text-shadow:2px 2px 15px #ffffff;
}

.textpage table{
	text-align:center;
	vertical-align:top;
}

.textpage img{
	box-shadow:2px 2px 5px rgba(0,0,0,0.5);
}

.textpage div{
	display:inline-block;
   /*max-width:800px;*/
}

.textrow {
	vertical-align:top;
	padding-left:2%;
	padding-right:2%;
}



.imagerow{
	vertical-align:top;
	width:35%;
	padding-bottom:2%;
}

.imagerownews{
    float:right;
	width:100%;
}

.imagerow img{
	cursor: pointer;
	width:100%;
	border-radius: 5px;
	box-shadow:1px 1px 3px rgba(0,0,0,0.5);
}

.imagerow img:hover{
	border-radius: 5px;
	box-shadow:2px 2px 15px rgba(0,0,0,0.5);
}

.imagerowpanorama{
	vertical-align:top;
	padding-bottom:2%;
	height:25%;
}

.imagerowpanorama img{
	cursor: pointer;
	width:100%;
	border-radius: 5px;
	box-shadow:1px 1px 3px rgba(0,0,0,0.5);
}

.imagerowpanorama img:hover{
	border-radius: 5px;
	box-shadow:2px 2px 15px rgba(0,0,0,0.5);
}

.imagerowvertical{
	vertical-align:top;
	width:35%;
	padding-bottom:2%;
}

.imagerowvertical img{
	cursor: pointer;
	height:100%;
	border-radius: 5px;
	box-shadow:1px 1px 3px rgba(0,0,0,0.5);
}

.imagerowvertical img:hover{
	border-radius: 5px;
	box-shadow:2px 2px 15px rgba(0,0,0,0.5);
}

.imagerowwide{
	vertical-align:top;
	width:40%;
	padding-bottom:2%;
}

.imagetable{
	height:60%;
	width:100%;
}
.imagerowb{
	vertical-align:top;
	text-align:center;
	height:80%;
	padding-bottom:2%;
}

.twoimages img{
	height:45%;
}

.imagerowb img{
	
	border-radius: 5px;
	box-shadow:1px 1px 3px rgba(0,0,0,0.5);
}

.imagerowb img:hover{
	border-radius: 5px;
	box-shadow:2px 2px 15px rgba(0,0,0,0.5);
}

.contactform {
	width:50%;
	text-align:left !important;
}

.contactform input, .contactform textarea{
	font-family: 'carbontype';
	color: #ffffff;
	box-shadow:2px 2px 5px rgba(0,0,0,0.5);
	text-shadow:2px 2px 5px #000000;
	background-color:rgba(0,0,0,0.25);
	border: 0px;
	width:100%;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes sending {
    0%   {background-color:rgba(0,0,0,0.25);}
    50%  {background-color:rgba(0,255,0,0.25);}
    100%  {background-color:rgba(0,0,0,0.25);}
}

/* Standard syntax */
@keyframes sending {
    0%   {background-color:rgba(0,0,0,0.25);}
    50%  {background-color:rgba(0,255,0,0.25);}
    100%  {background-color:rgba(0,0,0,0.25);}
}

.contactform input:disabled{
	 -webkit-animation-name: sending; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 0.5s; /* Chrome, Safari, Opera */
    animation-name: sending;
    animation-duration: 0.5s;
	animation-iteration-count: infinite;
}

.inputerror{
	background-color:rgba(255,0,0,0.25) !important;
}

::-webkit-input-placeholder { /* Safari, Chrome and Opera */
  color: #999999;
}

:-moz-placeholder { /* Firefox 18- */
 color: #999999;
}

::-moz-placeholder { /* Firefox 19+ */
 color: #999999;
}

:-ms-input-placeholder { /* IE 10+ */
  color: #999999;
}

::-ms-input-placeholder { /* Edge */
 color: #999999;
}

:placeholder-shown { /* Standard one last! */
  color: #999999;
}

.contactform textarea{
	width:99.8%;
}

.textpageaboutbook {
	padding-left:2%;
	padding-right:10%;
	font-family: 'carbontype';
	color: #ffffff;
	text-shadow:2px 2px 5px #000000;
}

.textpageaboutbook h1{
	font-family: 'Captureit';
	color: #ffffff;
	font-weight:bold;
	text-decoration: underline;
	text-shadow:2px 2px 5px #000000;
}

#header {
	height:20px;
	width:100%;
    background-image:url('../images/header1.png');
	background-size: 129px 101%;
	text-align:center;
}

#headertable {
	width:100%;
	height:100%;
	text-align:center;
}

#headertable td{
	width:20%;
	text-align:center;
}

#headertable td a{
	width:20%;
	text-align:center;
}

.japanesespacer {
	width:10% !important;
}

.japanese {
	width:30% !important;
}

.japanese a{
	width:30% !important;
}

.headerlink{
	display:table-cell;
	vertical-align:middle;
	font-family: 'Captureit';
	color: #999999;
	text-decoration:none;
	font-weight:bold;
}

.headerlink:hover{
	color: #dddddd;
	text-shadow:2px 2px 15px #ffffff;
}

#shelf {
	height:180px;
	width:100%;
	background-image:url('../images/shelf.png');
	background-size: 100% 100%;
}

#footer {
	position: absolute;
	bottom:0px;
	height:20px;
	width:100%;
	background-image:url('../images/footer1.png');
	background-size: 129px 101%;
	display:table;
	vertical-align:middle;
	z-index:50;
}

#footer table{
	width:100%;	
	height:100%;
}

.footertext{
	text-align:right;
	vertical-align:middle;
	font-family: 'Captureit';
	color: #999999;
}

.languages{
	text-align:left;
	vertical-align:middle;
	font-family: 'Captureit';
	color: #999999;
	overflow:hidden;
	white-space: nowrap;
}

.languagesit{
	text-align:left;
	vertical-align:middle;
	font-family: 'carbontype';
	color: #999999;
	overflow:hidden;
	white-space: nowrap;
}

.languages a{
	color: #999999;
	text-decoration:none;
}

.languages a:hover{
	color: #dddddd;
	text-shadow:2px 2px 15px #ffffff;
}

.languagesmover{
	width: 1%;
}

#languagesleft
{
	height:60%;
	width:100%;
	background: url(../images/arrow-navpage.png);
	background-size: 100% 400%;
	background-position: 0% 200%;
}

#languagesleft:hover
{
	background-position: 0% 100%;
}

#languagesright
{
	height:60%;
	width:100%;
	background: url(../images/arrow-navpage.png);
	background-size: 100% 400%;
	background-position: 0% 0%;
}

#languagesright:hover
{
	background-position: 0% 300%;
}

.lightboxon{
	display:table !important;
}

.lightboxin{
	display:table !important;
	-webkit-animation-name: blendin; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: 1; /* Chrome, Safari, Opera */
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in;
    animation-name: blendin;
    animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in;
}

#lightbox{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:90;
	background-image:url('../images/lightbox.png');
	background-size: 100% 100%;
	text-align:center;
}

#lightboxtop{
	font-family: 'Captureit';
	color: #FFFFFF;
	text-shadow:2px 2px 5px #000000;
    height:10%;
}
#lightboxbottom{
	font-family: 'carbontype';
	color: #ffffff;
	text-shadow:2px 2px 5px #000000;	
    height:10%;
}

#lightboxbottom a{
	color: #ffffff;
}

#lightboxbottom a:hover{
	color: #aaaaaa;
	text-shadow:2px 2px 15px #ffffff;
}

#lightboxmiddle{
	width:80%;
	height:70%;
}

#lightboxlike {
	width:10%;
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none;   /* Chrome/Safari/Opera */
	  -khtml-user-select: none;    /* Konqueror */
	  -moz-user-select: none;      /* Firefox */
	  -ms-user-select: none;       /* IE/Edge */
	  user-select: none; 
	z-index:1000;
}

.fb-like {
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none;   /* Chrome/Safari/Opera */
	  -khtml-user-select: none;    /* Konqueror */
	  -moz-user-select: none;      /* Firefox */
	  -ms-user-select: none;       /* IE/Edge */
	  user-select: none; 
	z-index:1000;
}

#lightboxmiddleimg{
	display:block;
	width:100%;
	position:relative;
	height:100%;
    background-repeat: no-repeat;
	background-size:contain;
	background-position:center;
}

#exitnavi{
	position: absolute;
	top:0px;
	right:0px;
	width:5%;
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none;   /* Chrome/Safari/Opera */
	  -khtml-user-select: none;    /* Konqueror */
	  -moz-user-select: none;      /* Firefox */
	  -ms-user-select: none;       /* IE/Edge */
	  user-select: none; 
	z-index:1000;
}


#magcanvas{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	z-index:99;
}

#glassGraphic, #largeImage { display: none; }

#bookbackground {
	background-image:url('../images/background1.png');
	background-size: 100% 100%;
	position: absolute;
	top:220px;
	left:0px;
	width:100%;
}

#bookdiv{
	width:100%;
	margin:0 0; 
	position:absolute;
	top:0px;
}

.mobilebookdiveven{
	background-image:url('../images/pagel_small.png');
}

.mobilebookdivodd{
	background-image:url('../images/page_small.png');
}

#bgvid { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%) translatez(0);
    -moz-transform: translateX(-50%) translateY(-50%) translatez(0);
    -webkit-transform: translateX(-50%) translateY(-50%) translatez(0);
    transform: translateX(-50%) translateY(-50%) translatez(0);
    background-size: cover; 
}

.lighboxvideo {
	position: fixed;
    top: 50%;
    left: 50%;
    max-width: 80%;
    max-height: 60%;
    width: 80%;
    height: 60%;
	-ms-transform: translateX(-50%) translateY(-60%) translatez(0);
    -moz-transform: translateX(-50%) translateY(-60%) translatez(0);
    -webkit-transform: translateX(-50%) translateY(-60%) translatez(0);
    transform: translateX(-50%) translateY(-60%) translatez(0);
}

#fb5{
   font-family:carbontype;
   font-size:20px;	
   position:relative;
   overflow:hidden;
   margin:0 auto;
   display:block;
   width:100%;
   opacity:0;
   margin-bottom:30px;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

#fb5.fullScreen,#fb5-ajax[data-template="true"] #fb5{
   margin-bottom:0;	
}


#fb5 #fb5-container-book {
	position: absolute;
	z-index: 5;
	display: none;
	width: 100px; 
	height: 71px;
}


#fb5 fieldset{
	
	
}


#fb5 #fb5-deeplinking{
  display:none;	
}


#fb5 .fb5-bcg-book{
    background: none no-repeat center center;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
    width:100%;
	height:100%;
}

#test{
   margin:0 auto;
   width:100%;
}

#fb5 #page.mobile {
		width: 550px; height: 358px;
		margin: -210px 0 0 -275px;
	}
	
#fb5 #page .padding { /*padding: 0 34px;*/ }



#fb5 .cursor-grab {
	cursor: -webkit-grab;
	cursor: -moz-grab;
}


#fb5 .fb5-overlay {
	position: absolute; left: -10000px; top: 0; z-index: 20;
	
	/*background: url(../img/bg-overlay.png);/*/
	background:rgba(0,0,0,0);
	
	width: 100%; height: 100%;
	display:none;
}

#fb5 .fb5-overlay.active { left: 0; display:block; }


/* = Back button
-------------------------------------------------------------- */
   #fb5 #fb5-button-back{
	color:#FFFFFF;
	position:absolute;
	left:-5px;
	top:45px;
	background-color:#64C8D3;
	border-radius: 4px 4px 4px 4px;
	padding:5px;
	padding-left:15px;
	padding-right:10px;
	font-size:12px;
	font-weight:bold;
	margin-top:-45px;
  }
  #fb5 #fb5-button-back:hover{
	color:#64C8D3;  
	background-color:#FFFFFF
  }


/* = About
-------------------------------------------------------------- */

	#fb5 #fb5-about {
		position: absolute; z-index: 5;
		width: 45%; display: none;
		/*padding-top: 6%;/*/
	}



/* = Book
-------------------------------------------------------------- */

#fb5 #fb5-book {
	position: relative; z-index: 10;
	width: 100%; height:100%;
}
.page{
	background-size: 100% 100%;
}

#fb5 #fb5-book .turn-page {
	background-color:#000;
	background-size: 100% 100%;
	border-radius-left-side:15px;
	-webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

#fb5 .fb5-double {
	background-size: 200% 100% !important;
}

#fb5 .fb5-double.fb5-first {
	background-position: 0% 0%;
}

#fb5 .fb5-double.fb5-second {
	background-position: -100% 0%;
}






	/* = Nav Arrows
	---------------------------------------- */
	
	.fb5-nav-arrow, 
	.fb5-nav-arrowred, 
	.fb5-nav-arrowbred, 
	.fb5-nav-arrowblue, 
	.fb5-nav-arrowgreen, 
	.fb5-nav-arrowbgreen, 
	.fb5-nav-arroworange,
	.fb5-nav-arrowviolet,
	.fb5-nav-arrow2017,
	.fb5-nav-arrowbred2017,
	.fb5-nav-arrowbgreen2017,
	.fb5-nav-arrowviolet2017,
	.fb5-nav-arrowyellow 
    {
		position: absolute; top: 50%; z-index: 15;
		width: 35px; height: 150px;
		margin-top: -68px;
	}

		
	.fb5-nav-arrow.next, 
	.fb5-nav-arrowblue.next, 
	.fb5-nav-arrowred.next, 
	.fb5-nav-arrowbred.next, 
	.fb5-nav-arrowgreen.next, 
	.fb5-nav-arrowbgreen.next, 
	.fb5-nav-arroworange.next,			
	.fb5-nav-arrowviolet.next,
	.fb5-nav-arrow2017.next,
	.fb5-nav-arrowbred2017.next,
	.fb5-nav-arrowbgreen2017.next,
	.fb5-nav-arrowviolet2017.next,
	.fb5-nav-arrowyellow .next
	{ right: -35px; background-position: 0 0; }
	
	.fb5-nav-arrow.next:hover, 
	.fb5-nav-arrowblue.next:hover, 
	.fb5-nav-arrowred.next:hover, 
	.fb5-nav-arrowbred.next:hover, 
	.fb5-nav-arrowgreen.next:hover, 
	.fb5-nav-arrowbgreen.next:hover, 
	.fb5-nav-arroworange.next:hover,	
	.fb5-nav-arrowviolet.next:hover,
	.fb5-nav-arrow2017.next:hover,
	.fb5-nav-arrowbred2017.next:hover,
	.fb5-nav-arrowbgreen2017.next:hover,
	.fb5-nav-arrowviolet2017.next:hover,
	.fb5-nav-arrowyellow .next:hover
	{ background-position: 0 -150px; }
	
	.fb5-nav-arrow.prev, 
	.fb5-nav-arrowblue.prev, 
	.fb5-nav-arrowred.prev, 
	.fb5-nav-arrowbred.prev, 
	.fb5-nav-arrowgreen.prev, 
	.fb5-nav-arrowbgreen.prev, 
	.fb5-nav-arroworange.prev,			
	.fb5-nav-arrowviolet.prev,
	.fb5-nav-arrow2017.prev,
	.fb5-nav-arrowbred2017.prev,
	.fb5-nav-arrowbgreen2017.prev,
	.fb5-nav-arrowviolet2017.prev,
	.fb5-nav-arrowyellow .prev
        { left: -35px; background-position: 0 -300px; display: none; }
	
	.fb5-nav-arrow.prev:hover, 
	.fb5-nav-arrowblue.prev:hover, 
	.fb5-nav-arrowred.prev:hover, 
	.fb5-nav-arrowbred.prev:hover, 
	.fb5-nav-arrowgreen.prev:hover, 
	.fb5-nav-arrowbgreen.prev:hover, 
	.fb5-nav-arroworange.prev:hover,	
	.fb5-nav-arrowviolet.prev:hover,
	.fb5-nav-arrow2017.prev:hover,
	.fb5-nav-arrowbred2017.prev:hover,
	.fb5-nav-arrowbgreen2017.prev:hover,
	.fb5-nav-arrowviolet2017.prev:hover,
	.fb5-nav-arrowyellow .prev:hover
	{ background-position: 0 -450px; }
	
	.fb5-nav-arrow.next, 
	.fb5-nav-arrowblue.next, 
	.fb5-nav-arrowred.next, 
	.fb5-nav-arrowbred.next, 
	.fb5-nav-arrowgreen.next, 
	.fb5-nav-arrowbgreen.next, 
	.fb5-nav-arroworange.next,
	.fb5-nav-arrowviolet.next,
	.fb5-nav-arrow2017.next,
	.fb5-nav-arrowbred2017.next,
	.fb5-nav-arrowbgreen2017.next,
	.fb5-nav-arrowviolet2017.next,
	.fb5-nav-arrowyellow .next
	{
		transform-origin:0 center;
		-ms-transform-origin:0 center;
		-webkit-transform-origin:0 center;		 
    }
	
	.fb5-nav-arrow.prev, 
	.fb5-nav-arrowblue.prev, 
	.fb5-nav-arrowred.prev, 
	.fb5-nav-arrowbred.prev, 
	.fb5-nav-arrowgreen.prev, 
	.fb5-nav-arrowbgreen.prev, 
	.fb5-nav-arroworange.prev,
	.fb5-nav-arrowviolet.prev ,
	.fb5-nav-arrow2017.prev,
	.fb5-nav-arrowbred2017.prev,
	.fb5-nav-arrowbgreen2017.prev,
	.fb5-nav-arrowviolet2017.prev,
	.fb5-nav-arrowyellow .prev
	{
		transform-origin:right center;
		-ms-transform-origin:right center;
		-webkit-transform-origin:right center;		 
    }

	
	/* = Cover
	---------------------------------------- */

	#fb5 #fb5-logo-cover {
		position: absolute; right: 10px; bottom: 10px; z-index: 5;
	}	

	#fb5 #fb5-cover ul {
		position:absolute;
		top:50%;
		-webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
		-moz-transform: translate(0,-50%);
		-o-transform: translate(0,-50%);
        transform: translate(0,-50%);
		clear: both;
		width: 100%;
		list-style: none;
		padding: 20px 0;
		border-top: 1px solid #e2e2e2;
		border-bottom: 1px solid #e2e2e2;
	}
	
	#fb5 #fb5-cover ul:after { clear: both; content: ''; display: block; }
	
	#fb5 #fb5-cover li {
		float: left;
		width: 28.3%;
		margin: 0 2.5%;
		list-style:none;
	}
		
	#fb5 #fb5-cover li,
	#fb5 #fb5-cover img {
		-moz-user-select: -moz-none;
		-khtml-user-select: none;
		-webkit-user-select: none;
		user-select: none;
		box-shadow:none;
	}
		
	#fb5 #fb5-cover li:last-child {
		margin-right: 0;
	}

	#fb5 #fb5-cover li img {
		float: left;
		width: 100%;
	}
			
	#fb5 #fb5-cover li a:hover img {
		/*opacity: .8;/*/
	}
			


	/* = End
	---------------------------------------- */

	#fb5 #end { text-align: center; }
	
	#fb5 #end p { padding-top: 60%; }


	/* = Meta data
	---------------------------------------- */

	#fb5 #fb5-book .fb5-paypal {
		position: absolute; bottom: 2%; right:2%;;
		font-family: 'carbontype';
		font-size: 12px;
	}
    
    #fb5 #fb5-book .fb5-meta {
		position: absolute; bottom: 2%;
		font-family: 'carbontype';
		font-size: 12px;
	}
	
	#middle {
		width:100%;
		height:100%;
	}
    #middle .fb5-meta {
        width:100%;
		position: absolute; bottom: 2%;
		font-family: 'carbontype';
		font-size: 12px;
        text-align:center;
	}
    
    #middle .fb5-meta .fb5-num {
			font-weight: bold;	
			color: #444444;
	}
    #middle .fb5-meta .fb5-description {
			
			color: #444444;
	}
    
    #middle .imagerowb img {
        height: 50%;
    }
    
	#fb5 #fb5-book .fb5-like {
		position: absolute; top: 0%; left:0%;
	}
	

	#fb5 .fb5-meta .fb5-num {
			font-weight: bold;	
			color: #444444;
	}
		
	#fb5 .fb5-meta .fb5-description {
			
			color: #444444;
	}

	#fb5 .fb5-meta.fb5-left { 
			left:3%;
	}
	
	#fb5 .fb5-meta.fb5-left .fb5-num {
		    padding-right: 10px;
	}
		
	#fb5 .fb5-meta.fb5-right {
			right:3%;
			text-align: right;
	}
		
	#fb5 .fb5-meta.fb5-right .fb5-num {
				padding-left: 10px;
	}
			
	
	/* --------------------------*/
	
	#fb5 .fb5-cont-page-book{
		position:absolute;
		
	}
    
	#middle .fb5-cont-page-book{
		position:absolute;
        width:100%;
        height:100%;
        overflow:hidden;
	}
	#fb5 .fb5-page-book
       {
		margin:3%;
		position:absolute;
	    -webkit-hyphens:none;
        -moz-hyphens:none;
        -ms-hyphens:none;
        hyphens:none;	
		overflow:hidden;
		color: #333333;
	}
	
	#fb5 .fb5-page-book table
    {
		height:80%;
		width:100%;
	}
	#fb5 .fb5-page-book h1{
		font-family: 'Captureit';
	}
	
	#fb5 .fb5-page-book a{
		color: #222222;
		text-decoration:none;
		font-weight:bold;
	}
	
	#fb5 .fb5-page-book a:hover{
		color: #555555;
		text-shadow:2px 2px 15px #ffffff;
	}
    
    
   
	#middle .fb5-page-book
       {
		margin:3%;
		position:absolute;
	    -webkit-hyphens:none;
        -moz-hyphens:none;
        -ms-hyphens:none;
        hyphens:none;	
		overflow:hidden;
		color: #333333;
        width:96%;
	}

	#middle .fb5-page-book table
      {
		height:80%;
		width:100%;
	}

	#middle .fb5-page-book h1{
		font-family: 'Captureit';
	}
    
    #middle .fb5-page-book h2{
		font-family: 'Captureit';
        position:relative;
        margin:0%;
        margin-top:1%;
	}
    
	#middle .fb5-page-book a{
		color: #222222;
		text-decoration:none;
		font-weight:bold;
	}
	
	#middle .fb5-page-book a:hover{
		color: #555555;
		text-shadow:2px 2px 15px #ffffff;
	}
    
    #middle .textrow {
        text-align:left;
    }
	
	.right{
		float: right !important;
		margin-right: 0% !important;
		margin-left: 1%;
	}
	.coverpage {
		font-family: 'carbontype';
		color: #bbbbbb !important;
		text-align:center;
	}
	
	.coverpage h1{
		font-family: 'Captureit';
		color: #222222;
		font-weight:bold;
		text-shadow:0px 0px 3px #dddddd;
	}
	
	


/* = Media queries
-------------------------------------------------------------- */

@media screen and (max-width: 768px) { 
     
}


  

  /* tools bar*/
	    #fb5 .fb5-bcg-book{
			/*background-image:url(../images/back.jpg);
			background: -webkit-linear-gradient(top, rgba(200,200,200,0.5) 5%, rgba(201,181,139,0.5) 30%, rgba(201,181,139,0.5) 70%, rgba(0,0,0,0.5) 95%)
			*/
		}
		
		#fb5 .fb5-tooltip{
			 background:#64C8D3 !important; 
			 color:#FFFFFF;
		}
		#fb5 .fb5-tooltip b { border-top: 10px solid #64C8D3 }
		#fb5 #fb5-footer .bcg { 
		  background-color: #000000;
		  opacity: 0.55;
		}
		#fb5 nav li.fb5-goto #fb5-label-page-number {
    		color: #5F6F7B;
		}
		#fb5 nav li.fb5-goto button {
   		    color: #5F6F7B;
			background: linear-gradient(to bottom, #2B3E4D 0px, #1F303D 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
   		}
		#fb5 nav li.fb5-goto input[type="text"] {
   			 background: none repeat scroll 0 0 #141F28 ;
			 border: 1px solid #1E2F3C;
		}	
		
		/* book /*/
		
		#fb5 #fb5-book .turn-page {
	       background: url('../images/page.png');		
		   background-size: 100% 100%;
        }
		#fb5 .fb5-meta .fb5-num {
		    color: #666666;
		}
		#fb5 .fb5-meta .fb5-description {
    		color: #666666;
		}		
		
		/* list thumbs /*/
		#fb5 #fb5-all-pages .fb5-container-pages {
		    background: none repeat scroll 0 0 #000000;
						box-shadow: 0 0 40px rgba(100,200, 211, 0.8);
		}
		
		/* form /*/
		#fb5 #fb5-contact form {
   			 background: none repeat scroll 0 0 #161616;
			 			 box-shadow: 0 0 60px rgba(100,200,211, 0.7);
		}
		#fb5 #fb5-contact form h3 {
		    color: #FFFFFF;
		}
		#fb5 #fb5-contact button {
			    background: none repeat scroll 0 0 #64C8D3;
				color: #FFFFFF;
		}
		#fb5 #fb5-contact form input, #fb5-contact form textarea {
           color: #737373;
		}
		#fb5 #fb5-contact .fb5-close {
		  color: #000000;	
          background: none repeat scroll 0 0 #64C8D3;
		}
		
		#fb5 #fb5-contact .fb5-thanks p{
		  color:#444444			
		}
		#fb5 #fb5-contact .fb5-thanks h1{
		  color:#FFFFFF			
		}				
		
		/* preloader /*/
		#fb5 .fb5-preloader .wBall .wInnerBall{
            background:#64C8D3;
		}	
		
		/* arrow gif /*/
        .fb5-nav-arrow2017,
		.fb5-nav-arrow {
			background: url(../images/books/covers/arrow-navpage.png);
		}
		.fb5-nav-arrowred{
			background: url(../images/books/covers/arrow-navpagered.png);
		}
        .fb5-nav-arrowbred2017,
        .fb5-nav-arrowbred{
			background: url(../images/books/covers/arrow-navpagebred.png);
		}
        .fb5-nav-arrowgreen{
			background: url(../images/books/covers/arrow-navpagegreen.png);
		}
        .fb5-nav-arrowbgreen2017,
		.fb5-nav-arrowbgreen{
			background: url(../images/books/covers/arrow-navpagebgreen.png);
		}
		.fb5-nav-arroworange{
			background: url(../images/books/covers/arrow-navpageorange.png);
		}
        .fb5-nav-arrowviolet2017,
		.fb5-nav-arrowviolet{
			background: url(../images/books/covers/arrow-navpageviolet.png);
		}
		.fb5-nav-arrowblue{
			background: url(../images/books/covers/arrow-navpageblue.png);
		}
        .fb5-nav-arrowyellow{
			background: url(../images/books/covers/arrow-navpageyellow.png);
		}
		
		/* back  button  /*/
		#fb5 #fb5-button-back {
    		background-color: #64C8D3;
   			color: #FFFFFF;
		}
		#fb5 #fb5-button-back:hover{
			color:#64C8D3;  
			background-color:#FFFFFF 		}
		
		/*  Other style   /*/
		#fb5 .fb5-overlay {
			background:rgba(0,0,0,0.6);
        }

.mobileabout{
    position:relative;
    top: 0%;
    left:2%;
    height:65%;
	width:30%;
	background-size: 100% 100%;
}

.mobileabout h2{
    font-family: 'Captureit';
    text-decoration: underline;
}
.mobilecover {
    position:absolute;
    top: 27%;
    left:35%;
    height:65%;
	width:60%;
	background-size: 100% 100%;
    text-align:center;
}

.mobilepage {
    position:absolute;
    top: 27%;
    left:20%;
    height:65%;
	width:60%;
	background-size: 100% 100%;
    text-align:center;
}

.toTheLeft {
    left:10%;
}

.nextpage,
.prevpage {
    top:55% !important;
}

.nextpage {
    left:95% !important;
}
.prevpage {
    left:5% !important;
    display:block !important;
}