*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  }
  
  html, body {
	height: 100%;
	font-size: 100%;
	padding: 0;
	margin: 0;
  }
  
  body {
	overflow: auto;
	overflow-x: hidden;
  }
  
  section {
	display: none;
  }
  
  .bespoke-parent {
	  position: relative;
	  width: 100%;
	  height: 100%;
	  -webkit-perspective: 1200px;
	  -moz-perspective: 1200px;
	  perspective: 1200px;
	overflow: hidden;
  }
  
  .bespoke-slide {
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  /* top: 0; */
	  /* left: 0; */
	  visibility: hidden;
	  overflow: hidden;
	  -webkit-backface-visibility: hidden;
	  -moz-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -webkit-transform: translate3d(0, 0, 0);
	  -moz-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	  -webkit-transform-style: preserve-3d;
	  -moz-transform-style: preserve-3d;
	  transform-style: preserve-3d;
  }
  
  section.bespoke-slide {
	display: block;
  }
  
  .bespoke-inactive {
	visibility: hidden;
  }
  
  .bespoke-active {
	visibility: visible;
	z-index: 1;
  }
  
  .fx-transitioning-in,
  .fx-transitioning-out {
	visibility: visible;
  }


  #container {
	height: 100%;
	margin: 0 auto;
	/* padding-top: 20px; */
  }

  #container .page {
	width: inherit;
  }

  .scroll-pane {
	overflow: hidden;
  }

  .horizontal-only {
	height: auto;
	max-height: 200px;
  }

  .pageButtonDiv {
	width: 40%;
	height: 100%;
	position: fixed;
	z-index: 10;
	bottom: 0px;
	top:32px;
  }

  #nextPageDiv {
	right: 0;
  }

  .pageButton {
	height: 100%;
	width: 100%;
  }

  #bb-nav-next {
	cursor: url(images/right.png), auto;
  }

  #bb-nav-prev {
	cursor: url(images/left.png), auto;
  }

  .slideNextButton {
	width: 40px;
	height: 40px;
	float: right;
  }

  .slidePrevButton {
	width: 40px;
	height: 40px;
	float: left;
  }

  .pdfViewerContainer {
	  position: relative;
	  height: calc(100% - 40px);
	  width: 100%;
	  overflow: auto;
  }
  #toolbarViewerLeft > * {
	position: relative;
    float: left;
  }
  #toolbarViewerMiddle  > * {
	position: relative;
    float: left;
  }