body.BN-web { overflow-x: hidden;  position: absolute; }
body.BN-web .BN-page-wrap {
  width: 100vw;
  display: inline-block;
}
body.BN-web .BN-page {
  width: 100%;
  min-height: 100vh;
}

body.BN-web .BN-page-wrap {
  opacity: 1;
  display: block;
  transition: opacity 1s, height 0;
}
body.BN-web .BN-page-wrap.hidden {
  opacity: 0;
  transition: opacity 1s, height 0 1s;
  height: 0;
}

body.BN-web .BN-nav {
  position: fixed; top: 40%; 
  border: none;
  padding: 14px 18px;
}

body.BN-web .BN-nav.BN-prev { left: 0; 
background: rgba(0,0,0,0.5) url(/themes3.1/i/solid_left.png) center center no-repeat;
text-indent: -9999em;
}
body.BN-web .BN-nav.BN-next {right: 0; 
background: rgba(0,0,0,0.5) url(/themes3.1/i/solid_right.png) center center no-repeat;
text-indent: -9999em;
}

body.BN-web #tocToggle {
border: none;
position: fixed; top: 0; left: 0;
display: block;
width: 44px;
height: 44px;
background: rgba(0,0,0,0.5) url(/themes3.1/i/solid_nav.png) center center no-repeat;
}

body.BN-web .BN-page-inner {
  margin: 0 auto;
}

#socialToggle { position:fixed; z-index: 1000; top: 60px; left: 0; border: none;
 display: block;  width: 44px; height: 44px; background: rgba(0,0,0,0.5) url(/themes3.1/i/solid_share.png) center center no-repeat; }

@-webkit-keyframes slidein { from { left: -300px } to { left: 0; } }

@keyframes slidein { from { left: -300px } to { left: 0; } }
@-webkit-keyframes slideout { from { left: 0; } to { left:-300px; } }
@keyframes slideout { from { left: 0; } to { left:-300px; } }

#toc { display: none; position: fixed; top: 0; left: 0; width: 30%; padding: 0; background: #333; color: #fff; font-size: 90%; height: 100%; z-index: 99999; min-width: 280px; }
#toc.open { left: 0; display: block; opacity: 1; 
  -webkit-animation-duration: 0.3s; 
  animation-duration: 0.3s;
  -webkit-animation-name: slidein;
  animation-name: slidein;}
#toc.closed { left: -300px; display: none; opacity: 0; 
  -webkit-animation-duration: 0.3s; 
  animation-duration: 0.3s;
  -webkit-animation-name: slideout;
  animation-name: slideout;}
#toc a{text-decoration: none;}
#toc ul { margin: 0; padding:0; overflow-y: auto; display: block; height: 80%; border-top: 1px solid rgba(255,255,255,0.2);}
#toc li { list-style: none; display: block; margin: 0; padding: 0; }
#toc h1 { font-size: 1.5em; margin-left: 1em; margin-right: 1em; }
#toc h2 { font-size: 1.3em; color: #fff; margin: 1em; margin-top: 60px; }
#toc h2 a { font-size: 1.3em; color: #fff; }
#toc li:before { display: none; }
#toc li a { color: #fff; display: block; border-bottom: 1px solid rgba(255,255,255,0.2); font-family: Lato, sans-serif; font-weight: 300; padding: 10px 0 10px 20px;  }
#toc a.home { float: right; display: block; width: 32px; height: 32px; background: url(/themes3.1/i/solid_home.png) 0 0 no-repeat; text-indent: -9999em; opacity: 0.4; text-decoration: none; border: none; margin: 10px 10px 0 0; }
#toc a.home:hover { opacity: 1; }
#toc button.close { float: left; display: block; width: 32px; height: 32px; background: url(/themes3.1/i/solid_close.png) 0 0 no-repeat; text-indent: -9999em; opacity: 0.4; text-decoration: none; border: none; margin: 10px 0 0 10px;}
#toc button.close:hover { opacity: 1; }
#toc li a:before {color: transparent; }
#toc li a:hover { text-decoration:none; background: rgba(255,255,255,0.03); }
#toc li a:hover:before {color: rgba(255,255,255,0.5); }
#toc li a.active:before {color: #fc3; }
#toc li a.active { color: #fc3; background: rgba(255,255,255,0.05); }

#socialShare { display: none; position: fixed; top: 0; left: 0; width: 200px; padding: 1em; background: #333; color: #fff; font-size: 90%; height: 100%; z-index: 99999; border-left: 1px solid #121212; }
#socialShare.open { left: 0; display: block; opacity: 1; 
  -webkit-animation-duration: 0.3s; 
  animation-duration: 0.3s; -webkit-animation-name: slidein; animation-name: slidein;}
#socialShare.closed { left: -300px; display: none; opacity: 0; 
  -webkit-animation-duration: 0.3s; 
  animation-duration: 0.3s; -webkit-animation-name: slideout; animation-name: slideout;}
#socialShare button.close { float: left; display: block; width: 32px; height: 32px; background: url(/themes3.1/i/solid_close.png) 0 0 no-repeat; text-indent: -9999em; opacity: 0.4; text-decoration: none; border: none; }
#socialShare button.close:hover { opacity: 1; }
#socialShare h2 { font-size: 1.5em; font-style: italic; color: #fff; margin-top: 40px; }
#socialShare a { display: block; color: #fff; margin: 0 0 1em 0; font-size: 1.1em; padding: 5px 0 5px 24px; }
#socialShare a.twitter { background: url(/themes3.1/i/share-twitter.png) 0 50% no-repeat; }
#socialShare a.facebook { background: url(/themes3.1/i/share-facebook.png) 0 50% no-repeat; }

#downloadPdf { position:fixed; z-index: 1000; top: 40px; right: 0; text-indent: -999em; width: 44px; height: 44px; background: rgba(0,0,0,0.5) url(/themes3.1/i/download.png) center center no-repeat; }

#watermark { position: fixed; bottom: 10px; right: 10px; background: #fc3 url(/assets/i/embed-logo.png) 50% 85% no-repeat; z-index: 999999; padding: 7px 7px 1em 7px; color: #333; font-family: sans-serif; width: 90px; height: 50px; text-align: center; border-radius: 5px; transition: all .3s linear; }
#watermark:hover { text-decoration: none; background-color: #fff; }
#watermark:after { content: 'made with'; text-transform: lowercase; font-size: 80%; }
a.watermarked_wrap { display: none; }
div.watermarked { position: absolute; bottom: 5px; right: 5px; background: #fc3; padding: 5px; 
 background: #fc3 url(/assets/i/embed-logo.png) 50% 85% no-repeat; z-index: 999999; padding: 7px 7px 1em 7px; color: #333; font-family: sans-serif; width: 90px; height: 30px; text-align: center; border-radius: 5px; font-size: 80%; line-height: 80%;
}



.BN-pdf .BN-share { display: none;  }
.BN-pdf .BN-download { display: none;  }
.BN-pdf .BN-badge { display: none;  }

body.BN-pdf {}
.BN-pdf.BN-us .BN-page-wrap { margin: 0; position: relative;  width: 816px;}

body.BN-web-pdf { background-color: #525659; margin: 0 auto; }
.BN-web-pdf .BN-page-wrap { margin: 1em 0; }
.BN-web-pdf .BN-page {
margin: 20px auto 50px auto;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}

.BN-web-pdf .BN-badge{position:fixed; z-index:3; bottom:30px; right:0; background: #ffcc33; border-radius: 0px;}
.BN-web-pdf .BN-badge p{font-family: "Avenir LT W01_55 Roman", Arial, sans-serif; font-size: 0.9em;}
.BN-web-pdf .BN-badge p a{text-decoration: none; color:#2c2f3d; padding: 10px 25px 10px 15px; display: block; transition: padding 0.2s; transition-timing-function: ease-out;}
.BN-web-pdf .BN-badge p a:hover{padding-right:35px;}

.BN-web-pdf .BN-share{position: fixed; z-index:3; top:30px; left:0;}

.BN-web-pdf .BN-share h4{text-align: center; background: #525659; padding:5px 0; color:#fff; font-family: "Avenir", Arial, sans; }

.BN-web-pdf .BN-share li a{color:#fff; display: block; width:50px; height: 50px; transition: background 0.2s; transition-timing-function: ease-out;}
.BN-web-pdf .BN-share li a.twitter{background: #1DA1F2;}
.BN-web-pdf .BN-share li a.twitter:hover{background: #1A8ED6;}
.BN-web-pdf .BN-share li a.facebook{background: #3C5A99;}
.BN-web-pdf .BN-share li a.facebook:hover{background: #30487A;}
.BN-web-pdf .BN-share li a.linkedin{background: #0077B5;}
.BN-web-pdf .BN-share li a.linkedin:hover{background: #006498;}
.BN-web-pdf .BN-share li a.googlep{background: #DC4E41;}
.BN-web-pdf .BN-share li a.googlep:hover{background: #B74035;}

.BN-web-pdf .BN-download { position: fixed; z-index:3; top: 30px; right: 30px; background: rgba(0,0,0,0.3); color: #fff; padding:16.5px 0; border-radius: 100%; display: block; width: 60px; text-align: center; transition: background 0.2s; transition-timing-function: ease-out;}
.BN-web-pdf .BN-download:hover{background:rgba(0,0,0,0.5);}


/*=============PASSWORD PROTECTED OVERLAY==========*/
body.BN-stop-scrolling { height: 100%; overflow: hidden; }
.BN-logon-wrap { position: relative; display: block; box-sizing: border-box; }
.BN-logon-overlay { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 99999; }
.BN-logon-modal { display: block; width: 300px; margin: 3em auto; padding: 2em 1em; background: #fff; border-radius: 5px;}
.BN-logon-modal.leadcap { width: 500px !important; }
.BN-logon-modal p{ font-family: arial, sans-serif; color:#666; margin-bottom: 1em;}
.BN-logon-modal input { display: inline-block; width: 70%; font-size: 100%; padding: 7px 15px; border-radius: 3px; border: 1px solid rgba(0,0,0,0.2); box-sizing: border-box; }
.BN-logon-modal form.error input { border-color: #ececec; }
.BN-logon-modal button { display: inline-block; width: 25%; font-size: 100%; padding: 7px; background: #F5F7F9; border: 1px solid rgba(0,0,0,0.2); border-radius: 3px; box-sizing: border-box; color:#666;}
.BN-logon-modal button:hover { cursor: pointer; background: #2ca05a; color: #fff; }

.BN-popup { margin: 3rem auto;  }
.BN-popup .BN-close { display: none; }


/*=============MOBILE VIEW==========*/
@media only screen and (max-width: 815px) {
.BN-web-pdf .BN-share{display: flex; bottom:0; top:auto; left:0;}
.BN-web-pdf .BN-share h4{padding:15px;}	
.BN-web-pdf .BN-share ul{display: flex; bottom:0; top:auto;}	
.BN-page-wrap iframe { width: 100% !important; height: auto !important;}	
iframe { width: 100% !important; height: 100% !important;}	
.BN-imported center { width: 100% !important; max-width: 100% !important; margin: 0 !important;}
}