@font-face{font-family:icongs;src:url(https://assets.nationalgeographic.com/icongs_0-10-0/fonts/icongs_a5b67007ff5a80787e9ee410b47e8038.eot);src:url(https://assets.nationalgeographic.com/icongs_0-10-0/fonts/icongs_a5b67007ff5a80787e9ee410b47e8038.eot?#iefix) format("embedded-opentype"),url(https://assets.nationalgeographic.com/icongs_0-10-0/fonts/icongs_a5b67007ff5a80787e9ee410b47e8038.woff) format("woff"),url(https://assets.nationalgeographic.com/icongs_0-10-0/fonts/icongs_a5b67007ff5a80787e9ee410b47e8038.ttf) format("truetype"),url(https://assets.nationalgeographic.com/icongs_0-10-0/fonts/icongs_a5b67007ff5a80787e9ee410b47e8038.svg#icongs) format("svg");font-weight:400;font-style:normal}#sharks .stretch:after{content:".";display:block;height:0;clear:both;visibility:hidden}#sharks .stretch{display:inline-block;detailsisplay:block}#sharks * html .stretch{height:1px}#sharks #gf{margin:0;padding:0;position:relative;z-index:10;font-family:"Chronicle SSm 3r",Georgia,serif,sans;color:#FFF;width:100%;background:url(../img/underwater.png) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/underwater.png', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/underwater.png', sizingMethod='scale')"}#sharks img.familyTree{margin-bottom:100px}#sharks #gf .addedInfo{font-family:Pragmatica-web,Helvetica,Arial,sans-serif;font-style:italic;font-size:12px;line-height:15px;text-align:right;color:#c0d8eb;width:100px;right:0;position:absolute;bottom:0;margin-right:10px;margin-bottom:17%}#sharks #gf #whale .shark img{float:left;display:inline-block;margin-bottom:-9%;margin-top:-120px}#sharks #gf #hammer .shark img{margin-top:50px;margin-bottom:-6%}#sharks #gf #p_4 .shark img{margin-top:70px;margin-bottom:-40px}#sharks #gf #p_5 .shark img{margin-top:30px;margin-bottom:-55px}#sharks #gf #p_6 .shark img{margin-top:50px;margin-bottom:-55px}#sharks #gf #p_10 .shark img,#sharks #gf #p_7 .shark img,#sharks #gf #p_8 .shark img,#sharks #gf #p_9 .shark img{margin-top:90px;margin-bottom:-55px}#sharks #gf #p_11 .shark img{margin-top:90px;margin-bottom:-45px}#sharks #gf #p_12 .shark img,#sharks #gf #p_13 .shark img{margin-top:90px;margin-bottom:-55px}#sharks #gf #p_14 .shark img{float:left;display:inline-block;margin-bottom:-200px}#sharks #gf .g-artboard{margin-top:2em;margin-bottom:2em}#sharks #gf #guide{border:2px solid orange;width:10%;position:fixed;left:0;top:247px;background:rgba(0,0,0,.6);display:none}#sharks #gf .guidehed{color:#c0d8eb;font-family:Pragmatica-web,Helvetica,Arial,sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;width:100%;float:left;margin-top:1em}#sharks #gf #sharksvg{width:70%;margin:2em 15%;margin-top:3em}#sharks #gf path{-webkit-transition:fill 1s;transition:fill 1s}#sharks #gf #sound{float:right;margin:10px}#sharks #gf #sound img{width:50px}#sharks #gf #sound:hover{cursor:pointer}#sharks #gf .panel{width:100%;float:left}#sharks #gf .sharkpan{margin-bottom:5em;position:relative;max-width:1536px}#sharks #gf #p_0{margin-bottom:2em;text-align:center}#sharks #gf #p_0 .grfxhead,#sharks #gf #p_0 .grfxintro,#sharks #gf #p_0 .grfxsub{text-shadow:1px 1px 40px rgba(255,255,255,.3);color:#c0d8eb;text-align:center;font-family:'Chronicle Display 3r',Arial}#sharks #gf #p_f{text-shadow:1px 1px 25px rgba(0,0,0,.3);color:#c0d8eb;border:0 dashed #ff0;margin-bottom:50px}#sharks #gf #source{width:300px;margin:0 auto;padding-top:20px;text-shadow:1px 1px 40px rgba(255,255,255,.3)}#sharks #gf .grfxhead{font-size:120px;text-transform:uppercase;letter-spacing:-.03em;width:100%;padding-top:.7em;line-height:.4em;color:#FFF}#sharks #gf .grfxsub{font-size:70px;letter-spacing:-.03em;width:100%;padding-top:20px}#sharks #gf .grfxintro{font-size:22px;text-align:center;width:800px;margin:0 auto;padding-top:20px}#sharks #gf .credits{font-size:12px;font-family:Pragmatica-web,Helvetica,Arial,sans-serif;text-transform:uppercase;width:600px;margin:0 auto;padding-top:20px}#sharks #gf #bubbles{width:100%;position:absolute;pointer-events:none;z-index:150}#sharks #gf .statuspiece{display:inline;float:left}#sharks #gf .statuskey{line-height:40px}#sharks #gf .factsheet{border:0 solid red;overflow:auto;width:500px;margin:0 auto;color:#83afd0;font-family:Pragmatica-web,Helvetica,Arial,sans-serif;-webkit-transition:opacity 2s;transition:opacity 2s;text-align:left}#sharks #whale .factsheet{margin-top:-90px}#sharks #hammer .factsheet{margin-top:0}#sharks #p_4 .factsheet{margin-top:50px}#sharks #p_5 .factsheet{margin-top:25px}#sharks #p_7 .factsheet{margin-top:55px}#sharks #p_8 .factsheet{margin-top:45px}#sharks #p_9 .factsheet{margin-top:50px}#sharks #p_10 .factsheet{margin-top:45px}#sharks #p_11 .factsheet,#sharks #p_12 .factsheet,#sharks #p_13 .factsheet{margin-top:50px}#sharks #p_14 .factsheet{margin-bottom:100px}#sharks #gf .shark{position:relative;-webkit-transition:opacity 2s;transition:opacity 2s}#sharks #gf .notes{position:absolute;color:#83afd0;font-family:Pragmatica-web,Helvetica,Arial,sans-serif;font-size:12px}#sharks #gf #anal{top:65%;left:20%;width:20%}#sharks #gf #scuba{margin:0;padding:0;position:fixed;z-index:120;-webkit-transition:width 1s;transition:width 1s;width:43%}#sharks #gf #down-a{width:100px;position:absolute;z-index:120}#sharks #gf .blockleft{display:inline;float:left;width:40%;margin-right:5%}#sharks #gf .blockleft .statuskey{width:100%;float:left;font-size:13px;line-height:20px;line-height:20px}#sharks #gf .blockleft .toothlength{width:100%;float:left;font-size:13px;line-height:40px}#sharks #gf .sharkName{font-weight:700;font-size:25px;width:100%;float:left;margin-bottom:.1em;font-family:'Chronicle Display 3r',Arial}#sharks #gf .sharktest{margin-top:12px}#sharks #gf .scientific{font-size:15px;font-style:italic;width:100%;float:left;margin-bottom:.5em}#sharks #gf .length,#sharks #gf .lifespan,#sharks #gf .weight{font-size:15px;width:100%;float:left;margin-bottom:.3em}#sharks #gf .blockright{display:inline;float:left;width:50%}#sharks #gf #p_14 .factsheet,#sharks #gf #whale .factsheet{clear:both}@media only screen and (min-width:1020px) and (max-width:1500px){#sharks #gf .grfxhead{font-size:100px}#sharks #gf .grfxsub{font-size:50px;padding-top:20px}#sharks #gf .grfxintro{font-size:18px;width:500px;padding-top:20px}#sharks #gf #status{width:600px}#sharks #gf #guide{width:12%}}@media only screen and (min-width:800px) and (max-width:1020px){#sharks #gf .grfxhead{font-size:65px}#sharks #gf .grfxsub{font-size:40px;padding-top:10px}#sharks #gf .grfxintro{font-size:15px;width:400px;padding-top:20px}#sharks #gf #status{width:600px}#sharks #gf #guide{width:14%}#sharks #gf .sharkName{font-size:20px}#sharks #gf .scientific{font-size:13px}#sharks #gf .lifespan{font-size:15px;width:100%;float:left;margin-bottom:.3em}#sharks #gf .length,#sharks #gf .weight{font-size:13px}#sharks #gf .blockright{width:50%;font-size:13px}}@media only screen and (max-width:800px){#sharks #gf .addedInfo{margin-bottom:160px;width:150px}#sharks #gf .factsheet{width:310px}#sharks #p_14 .factsheet{margin-bottom:50px}#sharks #gf #whale .shark img{float:left;display:inline-block;margin-bottom:-80px;margin-top:-100px}#sharks #gf #hammer .shark img{margin-top:50px;float:left;display:inline-block;margin-bottom:5px}#sharks #gf #p_4 .shark img{margin-top:40px;float:left;display:inline-block;margin-bottom:-10px}#sharks #gf #p_5 .shark img{margin-top:40px;float:left;display:inline-block;margin-bottom:10px}#sharks #gf #p_6 .shark img{margin-top:40px;float:left;display:inline-block;margin-bottom:-10px}#sharks #gf #p_7 .shark img,#sharks #gf #p_8 .shark img{margin-top:40px;float:left;display:inline-block;margin-bottom:15px}#sharks #gf #p_9 .shark img{margin-top:40px;float:left;display:inline-block;margin-bottom:5px}#sharks #gf #p_10 .shark img{margin-top:40px;float:left;display:inline-block;margin-bottom:15px}#sharks #gf #p_11 .shark img{margin-top:40px;float:left;display:inline-block;margin-bottom:20px}#sharks #gf #p_12 .shark img,#sharks #gf #p_13 .shark img,#sharks #gf #p_14 .shark img{margin-top:40px;float:left;display:inline-block;margin-bottom:15px}#sharks #whale .factsheet{margin-top:-30px}#sharks #gf .grfxintro{margin-bottom:60px}#sharks #p_14 .factsheet{margin-top:0}#sharks #gf #scuba{top:30%}#sharks #gf .grfxhead{font-size:40px;padding-left:10%;width:90%}#sharks #gf .grfxsub{font-size:25px;padding-top:5px}#sharks #gf .grfxintro{font-size:13px;width:250px;padding-top:5px}#sharks #gf .credits{font-size:9px;width:300px;padding-top:10px}#sharks #gf #status{width:300px;font-size:9px}#sharks #gf .statushed{font-size:10px;margin-bottom:.5em}#sharks #gf .statuspiece{margin-right:6px}#sharks #gf .statuskey{margin-right:3px}#sharks #gf .statuskey span{border:1px solid #83afd0;padding:2px;border-radius:4px}#sharks #gf .statustxt{display:inline;float:left}#sharks #gf .sharktest{margin-top:4px}#sharks #gf .sharkName{font-size:15px}#sharks #gf .scientific{floatont-size:12px}#sharks #gf .lifespan{font-size:12px;width:100%;float:left;margin-bottom:.3em}#sharks #gf .length,#sharks #gf .weight{font-size:12px}#sharks #gf .blockleft{width:50%;margin-right:5%;margin-bottom:1em}#sharks #gf .blockright{width:45%;font-size:13px}#sharks #gf .notes{display:none}#sharks #gf #sound{top:250px;right:20px;width:30px}#sharks #gf #bubbles{opacity:.2}#sharks #gf #guide{display:none}}@media only screen and (min-width:400px) and (max-width:650px){#sharks #gf .addedInfo{margin-bottom:160px;width:136px;font-size:11px}#sharks #gf #whale .shark img{margin-bottom:-5px}}@media only screen and (max-width:400px){#sharks #gf .addedInfo{margin-bottom:148px;width:220px}#sharks #gf .factsheet{width:285px}#sharks #gf #whale .shark img{margin-bottom:-5px}}