html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}@font-face{font-family:'Proxima Nova Lt';src:url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/fonts/ProximaNova-LightItalic.eot");src:url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/fonts/ProximaNova-LightItalic.eot#iefix") format("embedded-opentype"),url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/fonts/ProximaNova-LightItalic.woff") format("woff"),url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/fonts/ProximaNova-LightItalic.ttf") format("truetype"),url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/fonts/ProximaNova-LightItalic.svg#1a04ccc617b24808e8115891ca97cce8") format("svg");font-style:italic;font-weight:200}@font-face{font-family:'Proxima Nova Th';src:url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/fonts/ProximaNova-Extrabold.eot");src:url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/fonts/ProximaNova-Extrabold.eot#iefix") format("embedded-opentype"),url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/fonts/ProximaNova-Extrabold.woff") format("woff"),url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/fonts/ProximaNova-Extrabold.ttf") format("truetype"),url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/fonts/ProximaNova-Extrabold.svg#131ef5652291f8dc4bd914210809df02") format("svg");font-style:normal;font-weight:700}@font-face{font-family:'Proxima Nova Sb';src:url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/fonts/ProximaNova-Semibold.eot");src:url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/fonts/ProximaNova-Semibold.eot#iefix") format("embedded-opentype"),url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/fonts/ProximaNova-Semibold.woff") format("woff"),url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/fonts/ProximaNova-Semibold.ttf") format("truetype"),url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/fonts/ProximaNova-Semibold.svg#67a6c9f6d7dc8f35ecb08de766ea56f0") format("svg");font-style:normal;font-weight:700}@font-face{font-family:'Proxima Nova Rg';src:url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/fonts/ProximaNova-Bold.eot");src:url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/fonts/ProximaNova-Bold.eot#iefix") format("embedded-opentype"),url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/fonts/ProximaNova-Bold.woff") format("woff"),url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/fonts/ProximaNova-Bold.ttf") format("truetype"),url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/fonts/ProximaNova-Bold.svg#d1e00a8fb1fd9b428ab6b90409479fde") format("svg");font-style:normal;font-weight:700}@font-face{font-family:'Proxima Nova Rg';src:url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/fonts/ProximaNova-Regular.eot");src:url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/fonts/ProximaNova-Regular.eot#iefix") format("embedded-opentype"),url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/fonts/ProximaNova-Regular.woff") format("woff"),url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/fonts/ProximaNova-Regular.ttf") format("truetype"),url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/fonts/ProximaNova-Regular.svg#2c1459d58560f08b4b0586fbe80aa4cd") format("svg");font-style:normal;font-weight:400}@font-face{font-family:'Proxima Nova Lt';src:url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/fonts/ProximaNova-Light.eot");src:url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/fonts/ProximaNova-Light.eot#iefix") format("embedded-opentype"),url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/fonts/ProximaNova-Light.woff") format("woff"),url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/fonts/ProximaNova-Light.ttf") format("truetype"),url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/fonts/ProximaNova-Light.svg#da6ddaf3cf69afbba47bd74b5010b98d") format("svg");font-style:normal;font-weight:200}@font-face{font-family:'staticregular';src:url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/fonts/static-webfont.eot");src:url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/fonts/static-webfont.eot#iefix") format("embedded-opentype"),url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/fonts/static-webfont.woff") format("woff"),url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/fonts/static-webfont.ttf") format("truetype"),url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/fonts/static-webfont.svg#staticregular") format("svg");font-weight:normal;font-style:normal}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.section:before,.section:after{content:".";display:block;height:0;overflow:hidden}.section:after{clear:both}.section{zoom:1}.button,.offcanvas-title,.navbar-title,.site-title,.section-title,.footer-title,.tip-title{font-family:staticregular;font-weight:400;text-transform:uppercase}.h-valign:before{display:inline-block;vertical-align:middle;content:"";height:100%;margin-left:-5px}.h-valigned{display:inline-block;vertical-align:middle;margin-left:5px}.h-lalign{float:left}.h-ralign{float:right}.i-download{display:block;width:33px;height:33px;background:url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/img/icons/download.png")}.i-download:hover{background:url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/img/icons/download-hover.png") no-repeat}.button{display:inline-block;width:108px;height:37px;border:1px solid #fff;font-size:14px;color:#fff;font-family:"Helvetica Neu", Helvetica;font-weight:bold;text-align:center;text-decoration:none;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;-webkit-transition:all 0.15s ease-out;-moz-transition:all 0.15s ease-out;-ms-transition:all 0.15s ease-out;-o-transition:all 0.15s ease-out;transition:all 0.15s ease-out}.button.download-link{width:100px}.button:hover,.button.button-primary{background:#fff;color:#444}.button.button-primary{height:36px;width:112px;border:0;background:rgba(255,255,255,0.9);color:#444}.button.button-primary.button-l{width:184px;height:59px}.button.button-primary:hover{background:#fff}.button.button-primary:hover{background:#fff}.button.button-l{width:180px;height:55px}.button.btn-documentation{border:2px solid #fff}.button+.button{margin-left:30px}.button.button-pink{border-color:#FF7373;color:#FF7373}.button.button-pink:hover{background:#FF7373;color:#fff}.button.button-pink.button-primary{background:#FF7373;color:#fff}.button.button-pink.button-primary:hover{background:#ff5a5a}.header-inner,.navbar-inner{position:absolute;top:0;height:90px}.inner-l{left:20px}.inner-r{right:20px}@media (max-width: 640px){.button.download-link{width:37px}.show-mobile{display:inline-block}.hide-mobile{display:none}}@media (min-width: 640px){.show-mobile{display:none}.hide-mobile{display:inline-block}}.margin-top-s{margin-top:16px}body{text-rendering:optimizeLegibility;-webkit-text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;min-width:320px;font:15px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;text-align:center;background:#111;color:#545454}.inner{max-width:940px;padding:0 20px;margin:0 auto}.offcanvas{position:relative;overflow:hidden;width:100%}.offcanvas.active .offcanvas-inner,.offcanvas.active .navbar{left:240px}.offcanvas-inner{position:relative;left:0;width:100%;background:#fff;-webkit-transition:all 0.15s ease-out;-moz-transition:all 0.15s ease-out;-ms-transition:all 0.15s ease-out;-o-transition:all 0.15s ease-out;transition:all 0.15s ease-out}.offcanvas-collapse{position:absolute;top:0;padding:30px 20px;text-align:left;font-size:14px;color:#fff}.active .offcanvas-collapse-inner{z-index:2}.offcanvas-collapse-inner{position:fixed;top:47px;left:20px;width:200px;z-index:-1}.offcanvas-menu{margin-bottom:100px}.offcanvas-menu li{margin-bottom:10px}.offcanvas-menu li:last-child{margin-bottom:0}.offcanvas-menu li a{text-decoration:none;color:#eee;color:rgba(255,255,255,0.9)}.offcanvas-menu li a:hover{color:#fff}.offcanvas-title{margin-bottom:10px;font-size:20px;text-transform:none}.offcanvas-title:before{content:"";display:block;position:relative;top:-10px;width:75px;height:1px;background:rgba(255,255,255,0.4)}.header{position:relative;height:600px;background:url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/img/header-bkg.jpg") center;color:#fff;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}.header .inner{max-width:640px}.header .site-links{position:relative;z-index:4}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(0.3);transform:scale(0.3)}100%{opacity:.8;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(0.3);-ms-transform:scale(0.3);transform:scale(0.3)}100%{opacity:.8;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.header-animation{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.header-animation .point{border:2px solid rgba(255,255,255,0.5);border-radius:50%;background:rgba(255,255,255,0.3);display:inline-block;position:absolute;opacity:0}.header-animation .point-01{width:36px;height:36px;left:496px;bottom:70px;animation-duration:.5s;animation-name:bounceIn;animation-fill-mode:forwards;animation-delay:1.3s;-webkit-animation-duration:.5s;-webkit-animation-name:bounceIn;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:1.3s}.header-animation .point-02{width:26px;height:26px;left:765px;bottom:316px;animation-duration:.5s;animation-name:bounceIn;animation-fill-mode:forwards;animation-delay:2.2s;-webkit-animation-duration:.5s;-webkit-animation-name:bounceIn;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:2.2s}.header-animation .point-03{width:18px;height:18px;left:987px;bottom:524px;animation-duration:.5s;animation-name:bounceIn;animation-fill-mode:forwards;animation-delay:3s;-webkit-animation-duration:.5s;-webkit-animation-name:bounceIn;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:3s}.header-animation .point-04{width:12px;height:12px;left:830px;top:200px;animation-duration:.5s;animation-name:bounceIn;animation-fill-mode:forwards;animation-delay:3.8s;-webkit-animation-duration:.5s;-webkit-animation-name:bounceIn;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:3.8s}.header-animation .point-highlight{opacity:1;width:31px;height:49px;border:0;background-color:transparent;background:url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/img/icon-highlight.png") no-repeat;border-radius:0;left:315px;bottom:206px;animation-duration:1s;animation-name:bounceInDown;animation-fill-mode:forwards;animation-delay:.3s;-webkit-animation-duration:1s;-webkit-animation-name:bounceInDown;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:.3s}@-webkit-keyframes fadeInLeft{0%{width:0}100%{width:174px}}@keyframes fadeInLeft{0%{width:0}100%{width:174px}}@-webkit-keyframes fadeInLeftbis{0%{width:0}100%{width:238px}}@keyframes fadeInLeftbis{0%{width:0}100%{width:238px}}@-webkit-keyframes fadeInLeftthird{0%{width:0}100%{width:238px}}@keyframes fadeInLeftthird{0%{width:0}100%{width:238px}}.line{height:200px;width:0;position:absolute;left:328px;bottom:25px;overflow:hidden;opacity:.3;-webkit-animation-name:fadeInLeft;-webkit-animation-duration:.5s;-webkit-animation-fill-mode:forwards;-webkit-animation-timing-function:linear;-webkit-animation-delay:1.2s;animation-name:fadeInLeft;animation-duration:.5s;animation-fill-mode:forwards;animation-timing-function:linear;animation-delay:1.2s}.line-2{height:236px;width:0;opacity:.3;animation-fill-mode:forwards;position:absolute;left:530px;bottom:88px;overflow:hidden;-webkit-animation-name:fadeInLeftbis;-webkit-animation-timing-function:linear;-webkit-animation-duration:.5s;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:1.8s;animation-timing-function:linear;animation-name:fadeInLeftbis;animation-duration:.5s;animation-delay:1.8s}.line-3{height:200px;width:0;opacity:.3;position:absolute;left:752px;bottom:334px;overflow:hidden;-webkit-animation-name:fadeInLeftthird;-webkit-animation-timing-function:linear;-webkit-animation-duration:.5s;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:2.6s;animation-timing-function:linear;animation-name:fadeInLeftthird;animation-duration:.5s;animation-fill-mode:forwards;animation-delay:2.6s}.line-4{height:200px;width:0;opacity:.3;position:absolute;right:470px;top:190px;overflow:hidden;-webkit-animation-name:fadeInLeftfourth;-webkit-animation-timing-function:linear;-webkit-animation-duration:.5s;-webkit-animation-fill-mode:forwards;-webkit-direction:reverse;-webkit-animation-delay:3.5s;animation-timing-function:linear;animation-name:fadeInLeftfourth;animation-duration:.5s;animation-fill-mode:forwards;animation-direction:reverse;animation-delay:3.5s}.line-4 svg{position:absolute;right:0;bottom:70px}.site-title{display:inline-block;width:202px;margin-bottom:30px;border:1px solid #ccc;border:1px solid rgba(255,255,255,0.8);border-right:0;border-left:0}.site-description{margin-bottom:50px;font-weight:bold;font-size:20px;text-shadow:0 0 0 rgba(0,0,0,0.4)}.navbar{position:fixed;z-index:1;top:-90px;left:0;height:90px;width:100%;background:#35454B;-webkit-transition:all 0.15s ease-out;-moz-transition:all 0.15s ease-out;-ms-transition:all 0.15s ease-out;-o-transition:all 0.15s ease-out;transition:all 0.15s ease-out}.navbar-title{font-size:40px;color:#fff;text-decoration:none}.menu-link{width:24px;height:16px;background:url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/img/menu-bkg.png")}.site-title{font-size:60px;color:#fff}.content{overflow:hidden;background:#f5f5f5}.section{padding:100px 0}.section+.section{border-top:1px solid rgba(53,69,75,0.2);border-top:1px solid #ccc}.section img{max-width:100%;box-shadow:1px 1px 0px rgba(0,0,0,0.15);border-radius:4px}.section-title,.footer-title{margin-bottom:30px;font-size:22px}#choose{text-align:left}#choose img{margin-right:40px}#choose .section-title,#choose .footer-title{margin-top:60px}.tips{display:inline-block;position:relative;max-width:620px;margin-top:210px;font-size:12px}.tip-title{margin-bottom:10px;font-size:16px}.tip-l{position:absolute;top:25px;left:-200px;width:140px;text-align:right}.tip-l i{position:absolute;right:-70px;display:block;width:58px;height:15px;background:url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/img/tips/tip-l.png") center}.tip-t{position:absolute;top:-170px;left:50%;height:178px;width:200px;padding-left:30px;text-align:left}.tip-t i{position:absolute;left:0;display:block;width:15px;height:178px;background:url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/img/tips/tip-t.png") top center}.tip-r{position:absolute;top:116px;right:-225px;width:200px;text-align:left}.tip-r i{position:absolute;left:-70px;display:block;width:53px;height:15px;background:url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/img/tips/tip-r.png") center}.tip-r2{position:absolute;top:250px;right:-225px;width:200px;text-align:left}.tip-r2 i{position:absolute;left:-86px;display:block;width:69px;height:15px;background:url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/img/tips/tip-r2.png") center}.footer{padding:100px 0;font-size:12px;background:#35454B;color:#999;color:rgba(255,255,255,0.5)}.footer-logo{display:inline-block;position:relative;top:-2px;margin-left:5px;width:79px;height:28px;background:url("/National_Library/oe_/https://cartodb.github.io/odyssey.js/img/footer-logo.png") center;vertical-align:middle}.footer-logo span{display:none}.footer-title{color:#fff}.footer-description{margin-bottom:10px}.footer-description a{color:#999;color:rgba(255,255,255,0.5)}.attributions{position:absolute;left:0;bottom:0;right:0;background:#35454B;padding:30px;text-align:center;color:#999;color:rgba(255,255,255,0.5)}.attributions a{color:#fff;text-decoration:underline}@media (max-width: 880px){.col{display:block;width:100%;text-align:center}.col img{margin:0 auto 60px}}@media (max-width: 640px){.button.download-link{width:37px}.tips{margin-top:60px}.tips img{margin-bottom:30px}.tip{position:static;width:100%;height:auto;padding:0;margin:0 0 60px;text-align:center}.tip:first-child .tip-title:before{display:none}.tip .tip-title:before{content:"";display:block;position:relative;top:-30px;width:75px;height:1px;margin:0 auto;background:#ccc}.tip i{display:none}.site-links .button.button-l,.section-links .button.button-l{display:block;width:100%;margin:0 0 10px}}@media (max-width: 1000px){.header-animation{margin-left:-20%}}@media (max-width: 840px){.header-animation{margin-left:-35%}}@media (max-width: 500px){.header .inner{margin-left:0;margin-right:0}.header-animation{margin-left:-58%}.site-description{margin-bottom:30px;font-size:14px}.header-inner,.navbar-inner{height:70px}.inner-l{left:20px}.inner-r{right:25px}.site-title{margin-top:100px}.navbar{height:72px}.navbar-title{font-size:24px}.content .inner{margin-left:15px;margin-right:15px}.col img{margin-bottom:20px}.section{padding:50px 0}.tips li:last-child{margin-bottom:0}}@media (max-width: 360px){.header-animation{display:none}}