html,body,#page{height:100%;}
.bookWrap { background:#334455;} 

#page_0 { background: #ffffff;} 
#page_1 { background: #ffffff;} 
#page_2 { background: #ffffff;} 
#page_3 { background: #ffffff;} 
#page_4 { background: #ffffff;} 
#page_5 { background: #ffffff;} 
#page_6 { background: #ffffff;} 
#page_7 { background: #ffffff;} 
#page_8 { background: #ffffff;} 
#page_9 { background: #ffffff;} 

.socialBlock{z-index:999;}

.player-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: #000;
  opacity: 0.4;
}

.player-overlay.active,.webVideo:hover .player-overlay, #webVideo:hover .player-overlay {
    display: none;
}


/* .menuWrap .secMenu .secItem { display: table; padding: 0;} */
/* .menuWrap .secMenu .secItem >a { display: table-cell; vertical-align: middle;} */

.secWrap {
/* 	overflow: hidden; */
}
.jw-skin-audioS .jw-display-icon-container {
    /* border-radius: 50%; */
    /* border: 1px solid #333; */
    position: absolute;
    width: 3.5em;
    height: 3.5em;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    /* font-size: 0.8em; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #FFFFFF;
    background: rgba(131,139,154,0.8);
    top: auto;
    bottom: 10px;
    left: 10px;
    margin: 0;
}
.jw-display-icon-container .jw-icon-display {
    position: relative;
    display: table-cell;
    text-align: center;
    vertical-align: middle!important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    font-size: 2em;
}

.fix-secMenu.menuWrap {
	/* margin-left: 0;  */
}

.webGisTit a {color:#fff;}
.slideGisWrap a p{color:#fff;}
.vidGis a{color:#fff;}

.sectionSlide,.slideConWrap,.slideConWrap{height:100%;}
.sectionSlide,.hbframe,.slide_element,.slide,.slideimg{height:100%;}

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

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

}
@media screen and (max-width: 825px) {
}
@media screen and (max-width: 760px) {
}
@media screen and (max-width: 625px) {
/*.bookFlipControl { width:100%; height: 50px; position:absolute; left:0; bottom: 100px; background:rgba(176,139,140,0.8); z-index: 1200; }*/
}
@media screen and (max-width: 425px) {
/*.bookFlipControl { width:100%; height: 50px; position:absolute; left:0; bottom: 100px; background:rgba(176,139,140,0.8); z-index: 1200; }*/

}

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

.bookBackControl {
  height: 125px;
  position:fixed;
   
}
}