.main,.container>header{margin:0 auto;padding:2em}.container{height:100%}.container>header{text-align:center;background:rgba(0,0,0,0.01)}.container>header h1{font-size:2.625em;line-height:1.3;margin:0;font-weight:300}.container>header span{display:block;font-size:60%;opacity:0.3;padding:0 0 0.6em 0.1em}.page_select_container{margin-top:32px}.page_select_container input{padding:8px 12px}.codrops-demos{padding-top:1em;font-size:0.9em}.codrops-demos a{display:inline-block;margin:0.2em;padding:0.45em 1em;background:#999;color:#fff;font-weight:700;border-radius:2px}.codrops-demos a:hover,.codrops-demos a.current-demo,.codrops-demos a.current-demo:hover{opacity:0.6}.codrops-nav{text-align:center}.codrops-nav a{display:inline-block;margin:20px auto;padding:0.3em}.demo-1 body{color:#87968e;background:#fff2e3}.demo-1 a{color:#72b890}.demo-1 .codrops-demos a{background:#72b890;color:#fff}.demo-2 body{color:#fff;background:#c05d8e}.demo-2 a{color:#d38daf}.demo-2 a:hover,.demo-2 a:active{color:#fff}.demo-2 .codrops-demos a{background:#883b61;color:#fff}.demo-2 .codrops-top a:hover{background:rgba(255,255,255,0.3);color:#333}.demo-3 body{color:#87968e;background:#fff2e3}.demo-3 a{color:#ea5381}.demo-3 .codrops-demos a{background:#ea5381;color:#fff}.demo-4 body{color:#999;background:#fff2e3;overflow:hidden}.demo-4 a{color:#1baede}.demo-4 a:hover,.demo-4 a:active{opacity:0.6}.demo-4 .codrops-demos a{background:#1baede;color:#fff}.demo-5 body{background:#fffbd6}.bb-bookblock{padding-bottom:79.5%;-webkit-perspective:1300px;perspective:1300px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.bb-page{position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-property:-webkit-transform;transition-property:transform}.bb-vertical .bb-page{width:50%;height:100%;left:50%;-webkit-transform-origin:left center;transform-origin:left center}.bb-horizontal .bb-page{width:100%;height:50%;top:50%;-webkit-transform-origin:center top;transform-origin:center top}.bb-page>div,.bb-outer,.bb-content,.bb-inner{position:absolute;height:100%;width:100%;top:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.bb-vertical .bb-content{width:200%}.bb-horizontal .bb-content{height:200%}.bb-page>div{width:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.bb-vertical .bb-back{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.bb-horizontal .bb-back{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}.bb-outer{width:100%;overflow:hidden;z-index:999}.bb-overlay,.bb-flipoverlay{background-color:rgba(0,0,0,0.7);position:absolute;top:0px;left:0px;width:100%;height:100%;opacity:0}.bb-flipoverlay{background-color:rgba(0,0,0,0.2)}.bb-bookblock.bb-vertical>div.bb-page:first-child,.bb-bookblock.bb-vertical>div.bb-page:first-child .bb-back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.bb-bookblock.bb-horizontal>div.bb-page:first-child,.bb-bookblock.bb-horizontal>div.bb-page:first-child .bb-back{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.bb-content{background:#fff}.bb-vertical .bb-front .bb-content{left:-100%}.bb-horizontal .bb-front .bb-content{top:-100%}.bb-vertical .bb-flip-next,.bb-vertical .bb-flip-initial{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.bb-vertical .bb-flip-prev{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.bb-horizontal .bb-flip-next,.bb-horizontal .bb-flip-initial{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.bb-horizontal .bb-flip-prev{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}.bb-vertical .bb-flip-next-end{-webkit-transform:rotateY(-15deg);transform:rotateY(-15deg)}.bb-vertical .bb-flip-prev-end{-webkit-transform:rotateY(-165deg);transform:rotateY(-165deg)}.bb-horizontal .bb-flip-next-end{-webkit-transform:rotateX(15deg);transform:rotateX(15deg)}.bb-horizontal .bb-flip-prev-end{-webkit-transform:rotateX(165deg);transform:rotateX(165deg)}.bb-item{width:100%;height:100%;position:absolute;top:0;left:0;display:none;background:#fff}.no-js .bb-bookblock,.no-js ul.bb-custom-grid li{width:auto;height:auto}.no-js .bb-item{display:block;position:relative}.bb-bookblock{-webkit-transition:all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 600ms cubic-bezier(0.165, 0.84, 0.44, 1)}.bb-custom-wrapper h3{font-size:1.4em;font-weight:300;margin:0.4em 0 1em}.bb-custom-wrapper nav{width:100%;height:30px;margin:1em auto 0;position:relative;z-index:0;text-align:center}.bb-custom-wrapper nav a{display:inline-block;width:36px;height:36px;text-align:center;border-radius:2px;background-color:#00295d;color:#fff;font-size:0;margin:2px}.bb-custom-wrapper nav a:hover{opacity:0.6}.bb-custom-icon{padding:3px;width:36px;height:36px}.bb-custom-icon:before{position:absolute;width:100%;speak:none;width:30px;height:30px;display:block;line-height:1;font-size:20px;line-height:30px;display:block;-webkit-font-smoothing:antialiased}.bb-custom-icon-first:before,.bb-custom-icon-last:before{content:url(/_img/logbook_arrows/far_right.svg)}.bb-custom-icon-arrow-left:before,.bb-custom-icon-arrow-right:before{content:url(/_img/logbook_arrows/right.svg)}.bb-custom-icon-arrow-left:before,.bb-custom-icon-first:before{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.no-js .bb-custom-wrapper{height:auto}.no-js .bb-custom-content{height:470px}