@font-face{font-family:'bpreplaybold';src:url("http://kids.nationalgeographic.com/etc/designs/kids/fonts/bpreplaybold-webfont.eot");src:url("http://kids.nationalgeographic.com/etc/designs/kids/fonts/bpreplaybold-webfont.eot?#iefix") format("embedded-opentype"),url("http://kids.nationalgeographic.com/etc/designs/kids/fonts/bpreplaybold-webfont.woff") format("woff"),url("http://kids.nationalgeographic.com/etc/designs/kids/fonts/bpreplaybold-webfont.ttf") format("truetype"),url("http://kids.nationalgeographic.com/etc/designs/kids/fonts/bpreplaybold-webfont.svg#svgFontName") format("svg")}
@font-face{font-family:'DinAlternate';src:url("http://kids.nationalgeographic.com/etc/designs/kids/fonts/din_alternate_2-webfont.eot");src:url("http://kids.nationalgeographic.com/etc/designs/kids/fonts/din_alternate_2-webfont.eot?#iefix") format("embedded-opentype"),url("http://kids.nationalgeographic.com/etc/designs/kids/fonts/din_alternate_2-webfont.woff") format("woff"),url("http://kids.nationalgeographic.com/etc/designs/kids/fonts/din_alternate_2-webfont.ttf") format("truetype"),url("http://kids.nationalgeographic.com/etc/designs/kids/fonts/din_alternate_2-webfont.svg#svgFontName") format("svg")}
.likes-page{position:relative}
@media screen and (max-width:40em){.tile--didyouknow{height:29.375rem}
}
.tile--static .tile-content{width:100%;height:100%;padding:.3125rem .3125rem 2rem .3125rem;border-radius:.5rem}
.tile--static a{text-decoration:none;color:white;display:block}
@media screen and (max-width:40em){.tile--static{width:100%!important}
}
.tile--static .tile-imagecontainer{overflow:hidden;background-size:cover;height:75%}
.tile--static .tile-imagecontainer a{text-decoration:none;color:white;display:inline-block;height:100%;width:100%}
.tile--static .tile-description{height:25%}
.tile--static .tile-description.tile-photo{overflow:hidden;display:none}
.tile--static .tile--video,.tile--static .tile--video-serie{height:65%}
.tile--static .tile-title--video{text-overflow:clip;overflow:hidden;font-size:1.125rem;max-height:2.4rem}
.tile--row-1 .tile--video,.tile--row-1 .tile--video-serie{height:65%}
.premium__modal-email{width:20%;display:inline-block;vertical-align:top}
.premium__modal-info{float:right;position:relative;margin-top:1rem;width:75%;height:21.25rem}
.premium__modal-info h1{text-align:left}
.premium__modal-info h2{color:#333;font-size:.8125rem;width:80%}
.premium__modal-info .premium__modalform{margin-top:1.625rem}
.premium__modal-info .premium__modalform .premium__modalform-legal{color:#732a79;font-size:.75rem;margin-bottom:0;text-transform:uppercase}
.premium__modal-info .premium__modalform .premium__modalform-input{width:14.5rem;padding:.1875rem;border-radius:.375rem;border:.0625rem solid #CCC}
.premium__modal-info .premium__modalform .premium__modalform-submitpremium{width:10rem!important;font-size:1rem;position:absolute;bottom:1.25rem;left:20%}
.premium__modal-info .premium__modalform .premium__modalform-error{color:red;font-size:.625rem}
.premium__modal-info .premium__modalform .emailerror-close{display:none}
.premium__modal-info .premium__modalform-infomessage p{display:inline-block;font-size:.8125rem}
.premium__modal-info .premium__modalform-infomessage .premium__modalform-infoicon{background:url("TileDisplayer/images/info-icon-normal.png") 0 0 no-repeat;display:inline-block;position:relative;background-size:contain;top:.5rem;left:.3125rem;height:1.5625rem;width:1.5625rem;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.premium__modal-info .premium__modalform-infomessage .premium__modalform-infoicon:hover{background:url("TileDisplayer/images/info-icon-hover.png") 0 0 no-repeat;background-size:contain;height:1.5625rem;width:1.5625rem}
.premium__modal-info .premium__modalform-infomessage .premium__modalform-infoicon.tooltips span{position:absolute;width:7.8125rem;padding:.625rem;color:black;background:white;font-size:.625rem;line-height:initial;text-align:center;visibility:hidden;border-radius:.375rem;box-shadow:.125rem .125rem .3125rem #b5b5b5}
.premium__modal-info .premium__modalform-infomessage .premium__modalform-infoicon.tooltips span:after{content:'';position:absolute;top:50%;right:100%;margin-top:-0.5rem;width:0;height:0;border-right:.5rem solid white;border-top:.5rem solid transparent;border-bottom:.5rem solid transparent}
.premium__modal-info .premium__modalform-infomessage .premium__modalform-infoicon:hover.tooltips span{visibility:visible;opacity:.9;left:100%;top:50%;margin-top:-1.625rem;margin-left:1rem;z-index:1000}
.modalbox-premium{background-color:#ffe864;top:0;width:40.25rem;height:27rem;padding:2.25rem}