body{ background: #000; }

/* loading */

.loading img{ max-width: 600px!important; }

/* barre d'outils */
.buttonBar.left{   z-index: 100; float:none!important;  width: 30%!important; position: absolute; left: 0; }
.buttonBar.left .button.left {    z-index: 100;  float:right!important;  }
.buttonBar.right{  float:none!important; width: 30%!important; position: absolute; right: 0;  }
.buttonBar.right .button.right{  float:left!important;  }
.pageBar{ float:none!important;  width: 100%!important; position: absolute; left: 0%!important; box-sizing: border-box; }
.volume-bar { display: none }
.button.right:hover div{ display: block!important; }
.bt_share img{ }
.pageNumber input{ padding: 0 ; min-width: 46px!important; background: #000; color: #666!important }


/* table of content */
.tableofcontent_win10__ { box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.4); overflow-y: auto; box-sizing: border-box;     width: 300px!important; background-color: #242424!important; transform:translate3d(0px, 10px, 0px); color: #ededed!important; border: none;   border:0px solid #000!important; }
.tableofcontent_win10__ .swiper { padding: 10px!important; }
.tableofcontent_win10  .form_title {    padding: 20px!important; }


/* thumbnails */
.thumbnail_win10  { top: auto!important; bottom: -20px!important; transition: all .3s; padding-top: 30px!important;  box-shadow: 0px 0px 20px 20px rgba(0, 0, 0, 0.2); background-color: #242424!important; }
.thumbnail_win10 .close {  top: 10px!important; background-color: #242424!important; height:32px!important;   }
.thumbnail_win10 .item_focus:hover .item.left img { border-color:#fff; }

/* book */
.grayShadow { display:none!important; }
#bacgradient div{  }

/* zoom */

.map_cursor { border: 2px solid rgba(208,20,107,0.5)!important; background-color: rgba(208,20,107,0.2)!important; } 

/* motion */

.tmpContainer{ opacity: 0;  animation: fadeIn 1s linear 0.3s 1 normal forwards; background: #000; }
.bookContainer{ opacity: 0;  animation: anim_book 1s cubic-bezier(.17,.67,.36,.88) .8s 1 normal forwards; }
.bacgradient{ opacity: 0;  animation: fadeIn 1s linear 1s 1 normal forwards; background: #000; }
.buttonBar{ opacity: 0;  animation: fadeIn 1s linear 1.2s 1 normal forwards; }
.button___{ opacity: 0;  animation: fadeIn 1s linear 1s 1 normal forwards; }
.thumbnail_win10 { transition: all .3s; }


@keyframes anim_book{
    0% {  
    	opacity:  0; 
		transform: translate3d(0,2vh,0) scale(.9)
	} 
	100%{
		 opacity: 1;
		transform: translate3d(0,0vh,0)  scale(1)
	}
}
@keyframes fadeIn{
    from {  opacity:  0; } to { opacity: 1; }
}

.flip_button_first {opacity: 0;margin-bottom:-1000px;}

.flip_button_last {opacity: 0;margin-bottom:-1000px;}