#blindnessinteractive h1,#blindnessinteractive h2,#blindnessinteractive h3{font-family:'Chronicle Display 3r',Arial}#blindnessinteractive #gene2-note h4,#blindnessinteractive .show-first{opacity:0}@font-face{font-family:icongs;src:url(https://ancillary-proxy.atarimworker.io?url=https%3A%2F%2Fassets.nationalgeographic.com%2Ficongs_0-10-0%2Ffonts%2Ficongs_a5b67007ff5a80787e9ee410b47e8038.eot);src:url(https://ancillary-proxy.atarimworker.io?url=https%3A%2F%2Fassets.nationalgeographic.com%2Ficongs_0-10-0%2Ffonts%2Ficongs_a5b67007ff5a80787e9ee410b47e8038.eot%3F%23iefix) format("embedded-opentype"),url(https://ancillary-proxy.atarimworker.io?url=https%3A%2F%2Fassets.nationalgeographic.com%2Ficongs_0-10-0%2Ffonts%2Ficongs_a5b67007ff5a80787e9ee410b47e8038.woff) format("woff"),url(https://ancillary-proxy.atarimworker.io?url=https%3A%2F%2Fassets.nationalgeographic.com%2Ficongs_0-10-0%2Ffonts%2Ficongs_a5b67007ff5a80787e9ee410b47e8038.ttf) format("truetype"),url(https://ancillary-proxy.atarimworker.io?url=https%3A%2F%2Fassets.nationalgeographic.com%2Ficongs_0-10-0%2Ffonts%2Ficongs_a5b67007ff5a80787e9ee410b47e8038.svg%23icongs) format("svg");font-weight:400;font-style:normal}#blindnessinteractive #graphic{box-sizing:border-box}#blindnessinteractive #slides-container{width:100%;height:auto;overflow:hidden}#blindnessinteractive #intro{position:relative;width:100%;height:auto;z-index:50}#blindnessinteractive .overlaps{width:100%;height:100vh;position:absolute;top:0;left:0}#blindnessinteractive .notes{position:relative;color:#373737;width:70%;left:10%;height:170px}#blindnessinteractive .headline{position:relative;text-align:center;width:70%;margin-left:15%;padding-top:5%;padding-bottom:1%}#blindnessinteractive #chart{width:100%}#blindnessinteractive .skrollspace{position:relative}#blindnessinteractive .wrap-diseases{position:fixed;width:100%;height:calc(100vh-60px);top:60px;left:0;visibility:hidden}#blindnessinteractive #eyes1-children1,#blindnessinteractive #eyes2-children1,#blindnessinteractive #eyes3-children1,#blindnessinteractive #eyes4-children1,#blindnessinteractive #top-padding{height:30vh}#blindnessinteractive #eyes1,#blindnessinteractive #eyes2,#blindnessinteractive #eyes3,#blindnessinteractive #eyes4,#blindnessinteractive #eyes5{height:130vh}#blindnessinteractive #eyes5-children1{height:0}#blindnessinteractive #padding{height:10vh}#blindnessinteractive h1{font-weight:700;margin-bottom:2%;padding-top:3%}#blindnessinteractive .desk-line .notes p{margin-top:-2%}#blindnessinteractive .desk-line .notes h5{margin-bottom:2%}#blindnessinteractive h2{padding:0;font-size:1.3em;font-weight:400;line-height:1.6em;margin-bottom:5%}#blindnessinteractive h3{font-size:1.5em;margin-bottom:2%;font-weight:700}#blindnessinteractive h4,#blindnessinteractive h5{font-family:Pragmatica-web,Helvetica,Arial,sans-serif;font-weight:700}#blindnessinteractive h4{font-size:1.4em;margin-top:0;line-height:2.5em}#blindnessinteractive p{margin-top:2%}#blindnessinteractive h5{font-size:1.2em;color:#8c8c8c}#blindnessinteractive h6{float:right;margin-top:-5%;font-style:italic;font-size:1.1em;margin-right:3%}#blindnessinteractive .headline p{font-size:12px;font-style:italic}#blindnessinteractive .headline h3{margin-bottom:1%;width:70%;margin-left:15%}#blindnessinteractive .notes p{width:345px;height:80px}#blindnessinteractive #refractive-note p{width:370px}#blindnessinteractive #macular-note p{width:350px}#blindnessinteractive #macular-note h4{line-height:1.2em;padding-top:1%}#blindnessinteractive #line{position:relative;width:8%;border-top:3px #fc0 solid;right:46%;left:46%;margin-bottom:2%}#blindnessinteractive #arrow-down{width:7%;margin-top:-2%}#blindnessinteractive .wrapper{position:fixed;float:right;width:55%;clear:both;right:5%;top:18%;bottom:10%}#blindnessinteractive .photo{position:fixed;width:28%;float:left;top:18%;bottom:10%;left:15%;border-top:1px solid #c5c5c5}#blindnessinteractive .eyes{position:relative;width:70%;left:0;padding-bottom:10%}#blindnessinteractive #eye-macular{width:100%}#blindnessinteractive #eye-only{position:absolute;width:70%;margin-right:-5%}#blindnessinteractive .closeup{position:absolute;width:25%;right:17%;top:10%;opacity:0}#blindnessinteractive #glaucoma,#blindnessinteractive #normal{position:relative;width:100%}#blindnessinteractive .eyes-overlap{position:absolute;top:0;left:0;width:100%}#blindnessinteractive .eyes-overlap h5{margin-left:20%}#blindnessinteractive #cataracts,#blindnessinteractive #macular,#blindnessinteractive #refractive{position:relative;width:100%}#blindnessinteractive .progress-indicator{position:fixed;top:40%;z-index:60;right:6%;font-size:2.5em;line-height:20px;color:#7d7c7a;visibility:hidden}#blindnessinteractive #tech-head h1{font-size:3em}#blindnessinteractive #technology{position:relative;background-color:#ececec;width:100%;height:auto;padding-bottom:2%;z-index:50}#blindnessinteractive .desk-line{width:100%}#blindnessinteractive #tech-1,#blindnessinteractive #tech-3,#blindnessinteractive #tech-5{position:relative;width:50%;float:left;clear:both;left:5%}#blindnessinteractive #tech-2,#blindnessinteractive #tech-4,#blindnessinteractive #tech-6{position:relative;width:50%;float:right}#blindnessinteractive .eyes-tech{position:relative;width:70%;margin-left:10%;margin-bottom:10%;margin-top:2%}#blindnessinteractive #eye-injection{width:38%;margin-left:20%}#blindnessinteractive #credits{text-transform:uppercase;font-size:.8em;color:#7d7c7a;width:100%;padding-left:10%;padding-right:10%;clear:both;padding-bottom:5%}#blindnessinteractive #chart-medium,#blindnessinteractive #chart-mobile,#blindnessinteractive .eye-mobile{display:none}@media only screen and (max-width:450px){#blindnessinteractive .progress-indicator,#blindnessinteractive .skrollspace{display:none}#blindnessinteractive .wrap-diseases{position:relative;visibility:visible}#blindnessinteractive .overlaps{top:-30px}#blindnessinteractive #intro{background-color:#ececec}#blindnessinteractive .wrapper{position:relative;float:none;width:100%;height:450px;right:0;margin-bottom:10%}#blindnessinteractive .notes{width:80%;left:10%;top:5%}#blindnessinteractive #macular-note p,#blindnessinteractive .notes p{width:100%}#blindnessinteractive #refractive-note p{width:100%;padding-bottom:10%}#blindnessinteractive .photo{position:relative;width:80%;float:left;bottom:5%;left:10%;margin-top:10%;padding-top:5%}#blindnessinteractive .headline,#blindnessinteractive h2{width:90%;margin-left:5%}#blindnessinteractive h1{font-size:2em}#blindnessinteractive h2{font-size:1.1em;line-height:1.7em}#blindnessinteractive h3{font-size:1.2em}#blindnessinteractive .eyes{width:100%}#blindnessinteractive .overlaps{height:100%;position:relative;bottom:10%}#blindnessinteractive .eyes-overlap{display:none;width:100%}#blindnessinteractive #eye-only{position:relative;width:100%;margin-right:0;opacity:0}#blindnessinteractive #tech-head h1{font-size:2.2em}#blindnessinteractive #tech-1,#blindnessinteractive #tech-3,#blindnessinteractive #tech-5{width:100%;float:none;left:0;margin-top:8%}#blindnessinteractive #tech-2,#blindnessinteractive #tech-4,#blindnessinteractive #tech-6{width:100%;float:none;margin-top:8%}#blindnessinteractive .eyes-tech{width:95%;margin-left:3%;margin-bottom:10%;margin-top:2%}#blindnessinteractive .desk-line .notes p{margin-top:0}#blindnessinteractive #eye-injection{width:55%;margin-left:15%}#blindnessinteractive #technology{height:inherit}#blindnessinteractive #eye-retinalimplant{margin-left:10%}#blindnessinteractive #eye-cataracts{margin-left:-15%;margin-top:10%;width:110%}#blindnessinteractive .eye-mobile{display:block;width:90%;margin-left:5%;padding-top:5%}#blindnessinteractive #chart,#blindnessinteractive #eye-macular{display:none}#blindnessinteractive #normal-mobile{width:110%;margin-left:-15%;margin-top:10%}#blindnessinteractive #chart-mobile{display:block}#blindnessinteractive #eye-refractive{padding-top:10%}}@media only screen and (min-width:451px) and (max-width:799px){#blindnessinteractive #chart-medium{display:block}#blindnessinteractive #chart-mobile,#blindnessinteractive .eyes-overlap,#blindnessinteractive .progress-indicator,#blindnessinteractive .skrollspace{display:none}#blindnessinteractive .wrap-diseases{position:relative;visibility:visible}#blindnessinteractive .overlaps{top:-30px}#blindnessinteractive #intro{background-color:#ececec}#blindnessinteractive .wrapper{position:relative;float:none;width:100%;right:0;height:inherit;padding-top:5%}#blindnessinteractive .notes{width:60%;left:20%;top:5%}#blindnessinteractive #macular-note p,#blindnessinteractive #refractive-note p,#blindnessinteractive .notes p{width:100%}#blindnessinteractive .photo{position:relative;width:60%;float:left;bottom:5%;left:20%;margin-top:5%;padding-top:5%}#blindnessinteractive .headline,#blindnessinteractive h2{width:90%;margin-left:5%}#blindnessinteractive h1{font-size:2.5em}#blindnessinteractive h2{font-size:1.1em;line-height:1.7em}#blindnessinteractive h3{font-size:1.2em}#blindnessinteractive .eyes{width:100%;padding-bottom:0}#blindnessinteractive .overlaps{height:100%;position:relative;bottom:10%}#blindnessinteractive #eye-only{position:relative;width:100%;margin-right:0}#blindnessinteractive #tech-head h1{font-size:1.8em}#blindnessinteractive #tech-1,#blindnessinteractive #tech-3,#blindnessinteractive #tech-5{width:100%;float:none;left:0;margin-top:8%}#blindnessinteractive #tech-2,#blindnessinteractive #tech-4,#blindnessinteractive #tech-6{width:100%;float:none;margin-top:8%}#blindnessinteractive .eyes-tech{margin-bottom:10%;margin-top:2%;width:60%;margin-left:20%}#blindnessinteractive .desk-line .notes p{margin-top:0}#blindnessinteractive #eye-injection{width:38%;margin-left:25%}#blindnessinteractive #technology{height:inherit}#blindnessinteractive #eye-retinalimplant{margin-left:25%}#blindnessinteractive #eye-cataracts{margin-left:15%;margin-top:0;width:60%;padding-top:5%}#blindnessinteractive .eye-mobile{display:block;width:55%;margin-left:20%;margin-top:0;padding-top:5%;padding-bottom:15%}#blindnessinteractive #chart,#blindnessinteractive #eye-macular{display:none}#blindnessinteractive #normal-mobile{width:65%;margin-left:15%;padding-top:5%;margin-top:0;padding-bottom:5%}#blindnessinteractive #chart-mobile{width:70%;margin-left:15%}#blindnessinteractive #chart-medium{width:90%;margin-left:5%}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){#blindnessinteractive img{width:600px}}