@import url(../css/vendor/normalize.css);@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-ms-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-ms-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);-moz-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}100%{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}}@-moz-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);-moz-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}100%{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}}@-ms-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);-moz-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}100%{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);-moz-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}100%{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);-moz-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}}@-moz-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);-moz-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}}@-ms-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);-moz-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);-moz-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0, -100%, 0);-moz-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}}@-moz-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0, -100%, 0);-moz-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}}@-ms-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0, -100%, 0);-moz-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0, -100%, 0);-moz-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}}body{font-family:"Kievit","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;background:#161514;color:#fff;margin:0;padding:0}a,a:link,a:visited,a:hover,a:active{color:#a2d5e0;text-decoration:none}a:hover{color:#c8e6ed}button{outline:none}.container{width:100%;position:relative;margin-top:40px}.nav-container{width:60px;height:100%;position:fixed;top:40px;right:20px;overflow:visible;background:#514e49}.nav-container .nav{-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotate(90deg) translateY(-60px);-moz-transform:rotate(90deg) translateY(-60px);transform:rotate(90deg) translateY(-60px);position:absolute;width:2000px}.nav-container .nav:before,.nav-container .nav:after{content:" ";display:table}.nav-container .nav:after{clear:both;visibility:hidden;line-height:0;height:0;font-size:0}.nav-container .nav-item{display:block;float:left;height:50px;line-height:50px;margin:10px 0 0 0;padding:0 20px}.nav-container .nav-tabs{float:left}.nav-container .nav-tab{cursor:pointer;border-top-left-radius:6px;border-top-right-radius:6px;background:#6c6861;margin-right:1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-moz-transition:background 0.5s;-o-transition:background 0.5s;-webkit-transition:background 0.5s;-ms-transition:background 0.5s;transition:background 0.5s}.nav-container .nav-tab:hover{background:#79756d}.nav-container .nav-tab.active,.nav-container .nav-tab.active:hover{background:#161514}.nav-container .info-button{width:30px;height:30px;line-height:34px;margin-top:20px;margin-left:10px;padding:0;background:#0171a1;color:#fff;border-radius:15px;text-align:center;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);transform:rotate(-90deg)}.nav-container .info-button:hover{background:#0195d4}.map-container{width:20px;height:100%;background:#161514;position:fixed;top:40px;right:0;overflow:hidden;z-index:80;-moz-transition:width 0.5s;-o-transition:width 0.5s;-webkit-transition:width 0.5s;-ms-transition:width 0.5s;transition:width 0.5s}.map-container:hover{width:60px}.map-container .map{position:absolute;width:100%;height:100%;top:0;left:0}.map-container .map-window{position:absolute;top:0;left:0;height:60px;width:100%;cursor:ns-resize;-webkit-box-shadow:0px 0px 0px 1000px rgba(22,21,20,0.5);-moz-box-shadow:0px 0px 0px 1000px rgba(22,21,20,0.5);box-shadow:0px 0px 0px 1000px rgba(22,21,20,0.5)}.map-container img{width:auto;height:100%;min-width:100%;position:absolute;top:0;left:0;-webkit-animation:fadeOut 1s;-moz-animation:fadeOut 1s;-o-animation:fadeOut 1s;animation:fadeOut 1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.map-container img.active{-webkit-animation:fadeIn 1s;-moz-animation:fadeIn 1s;-o-animation:fadeIn 1s;animation:fadeIn 1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.viz-container{position:relative;width:auto;min-width:1200px;margin-right:80px;background:#161514;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0}.viz-container:before,.viz-container:after{content:" ";display:table}.viz-container:after{clear:both;visibility:hidden;line-height:0;height:0;font-size:0}.viz-images{width:1000px;height:16500px;float:left;position:relative;background:#000}.viz-images .viz-image{width:100%;height:auto;position:absolute;top:0;left:0;cursor:pointer;-webkit-animation:fadeOut 1s;-moz-animation:fadeOut 1s;-o-animation:fadeOut 1s;animation:fadeOut 1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.viz-images .viz-image.active{-webkit-animation:fadeIn 1s;-moz-animation:fadeIn 1s;-o-animation:fadeIn 1s;animation:fadeIn 1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.item-info-box{position:absolute;z-index:50;top:0;left:0;background:rgba(22,21,20,0.8);border-radius:6px;padding:12px;width:150px;display:none}.item-info-box img{width:100%;height:auto;min-height:50px;background:url(../img/loading.gif) #000 center center no-repeat}.item-info-box h5{margin:1em 0 0}.item-info-box.active{display:block}.viz-markers{margin-left:1000px}.viz-markers .markers{display:none;-webkit-animation:fadeOutUp 1s;-moz-animation:fadeOutUp 1s;-o-animation:fadeOutUp 1s;animation:fadeOutUp 1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.viz-markers .markers.active{display:block;-webkit-animation:fadeInUp 1s;-moz-animation:fadeInUp 1s;-o-animation:fadeInUp 1s;animation:fadeInUp 1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.viz-markers .marker{position:relative;overflow:visible;border-bottom:1px solid #3f3a34;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.viz-markers .marker .marker-inner{overflow:hidden}.viz-markers .marker:before{content:' ';width:1000px;height:100%;position:absolute;top:-1000px;left:-1000px;border-top:1000px solid rgba(22,21,20,0.6);border-bottom:1000px solid rgba(22,21,20,0.6);display:none}.viz-markers .marker.active{background:#312f2c;z-index:75}.viz-markers .marker.active:before{display:block}.viz-markers .marker:after{content:' ';width:100%;height:20px;position:absolute;bottom:0;left:0;background:-moz-linear-gradient(top, rgba(22,21,20,0) 0%, #161514 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(22,21,20,0)), color-stop(100%, #161514));background:-webkit-linear-gradient(top, rgba(22,21,20,0) 0%, #161514 100%);background:-o-linear-gradient(top, rgba(22,21,20,0) 0%, #161514 100%);background:-ms-linear-gradient(top, rgba(22,21,20,0) 0%, #161514 100%);background:linear-gradient(to bottom, rgba(22,21,20,0) 0%, #161514 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#161514', endColorstr='#161514',GradientType=0 )}.viz-markers .marker a,.viz-markers .marker span{display:block;margin:0;padding:10px}.viz-markers .marker.short:after{display:none}.viz-markers .marker.short a,.viz-markers .marker.short span{padding:8px 10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sticky-content{position:fixed;top:50px;left:1010px;z-index:100;margin-right:80px;display:none;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}.sticky-content.active{display:block}.overlay{background:rgba(22,21,20,0.9);position:fixed;width:100%;height:100%;top:0;left:0;z-index:100;display:none}.overlay.active{display:block}.overlay>div{width:60%;margin:0 auto;text-align:center;position:relative;top:50%;-webkit-transform:translateY(-60%);-moz-transform:translateY(-60%);transform:translateY(-60%);color:#fff;font-size:1.6em;line-height:2}.overlay .info-button{display:inline-block;padding:0.3em 0.6em;background:#0171a1;color:#fff;cursor:pointer;border:none}.overlay .info-button:hover{background:#0195d4}.overlay .info-button:before{content:'Explore'}.overlay .info-button.loading{cursor:default;opacity:0.8}.overlay .info-button.loading:hover{background:#a2d5e0}.overlay .info-button.loading:before{content:"Loading..."}.nypl-header{width:100%;height:40px;line-height:40px;background:#1a404f;position:fixed;z-index:1000000;top:0;left:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.nypl-header .lion{display:inline-block;background:transparent url(../img/NYPL_logo1_white_rev.svg) left center no-repeat;background-size:contain;width:30px;height:30px;margin-right:10px;font-size:1px;color:#1a404f;vertical-align:middle}@media screen and (min-width: 1320px){.nav-container{right:60px}.map-container{width:60px}.viz-container{margin-right:120px}.sticky-content{margin-right:120px}}#large-breakpoint{display:block;opacity:0;width:1320px;height:0;z-index:-1}@media screen and (max-width: 1319px){#large-breakpoint{display:none}}@font-face{font-family:"Kievit";font-style:normal;font-weight:400;src:url("http://ux-static.nypl.org.s3-website-us-east-1.amazonaws.com/ff_kievit_web/KievitWeb-Book.woff") format("woff")}