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,svg,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-size:100%;font:inherit;vertical-align:baseline;-webkit-backface-visibility:hidden}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
html,body{width:100%;background-color:#CCC}
.map-container{position:relative;width:504px;height:700px;overflow:hidden;background-color:#54c8fb}
#splash{position:absolute;top:0;z-index:5000;width:100%;height:150%;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRiYzVmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjczJSIgc3RvcC1jb2xvcj0iIzRiYzVmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YmM1ZmIiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,rgba(75,197,251,1) 0,rgba(75,197,251,1) 73%,rgba(75,197,251,0) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(75,197,251,1)),color-stop(73%,rgba(75,197,251,1)),color-stop(100%,rgba(75,197,251,0)));background:-webkit-linear-gradient(top,rgba(75,197,251,1) 0,rgba(75,197,251,1) 73%,rgba(75,197,251,0) 100%);background:-o-linear-gradient(top,rgba(75,197,251,1) 0,rgba(75,197,251,1) 73%,rgba(75,197,251,0) 100%);background:-ms-linear-gradient(top,rgba(75,197,251,1) 0,rgba(75,197,251,1) 73%,rgba(75,197,251,0) 100%);background:linear-gradient(to bottom,rgba(75,197,251,1) 0,rgba(75,197,251,1) 73%,rgba(75,197,251,0) 100%)}
#splash .loader{width:32px;height:32px;top:6px;left:550px;border:5px solid rgba(255,255,255,0.9);opacity:.9;border-top:5px solid rgba(255,255,255,0.0);border-left:5px solid rgba(255,255,255,0.2);border-radius:32px;margin:auto;-moz-animation:spin .7s infinite linear;-webkit-animation:spin .7s infinite linear}
@-moz-keyframes spin{0{-moz-transform:rotate(0)}
100%{-moz-transform:rotate(360deg)}
}
@-moz-keyframes spinoff{0{-moz-transform:rotate(0)}
100%{-moz-transform:rotate(-360deg)}
}
@-webkit-keyframes spin{0{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes spinoff{0{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(-360deg)}
}
#splash .preloader{position:relative;top:30%;margin:auto;width:200px;text-align:center;font-family:Verdana,Sans-serif;color:white;font-size:11px}
#splash .preloader p{padding:10px}
.map-container .scroll-container{position:relative;width:100%;height:100%;overflow:hidden}
#navigation{position:absolute;z-index:100;width:100%;text-align:center;font-family:verdana;color:white;height:220px;background:url(../images/header.png) no-repeat center top;display:block}
#navigation ul{position:relative;top:144px;font-size:12px;padding:0 0 20px 0}
#navigation ul li{display:inline-block;width:24px;height:24px;border:2px solid white;color:white;margin:0 0 0 6px;cursor:pointer;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-transition:background-color .2s ease-in;-moz-transition:background-color .2s ease-in;transition:background-color .2s ease-in}
#navigation ul li h2{padding:4px 0 0 6px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}
#navigation ul li:hover{color:#2e9cdc;border:2px solid white;border:2px solid rgba(255,255,255,0.2);background-color:#b2f6ff;background-color:rgba(255,255,255,0.8)}
#navigation ul li.active{color:#2e9cdc;background-color:white;background-color:rgba(255,255,255,0.8)}
#navigation ul li.selected{color:#2e9cdc;background-color:white}
#navigation.fallback ul li{*display:inline;width:34px;height:24px;border:0;padding:10px 0 0 0;margin:0 0 0 -6px;background:url(../images/button-sprite.png) no-repeat 0 -68px;-webkit-transform:none;-moz-transform:none;transform:none}
#navigation.fallback ul li:hover{border:0;background-color:transparent;background:url(../images/button-sprite.png) no-repeat 0 -34px}
#navigation.fallback ul li.active{background-color:transparent;background:url(../images/button-sprite.png) no-repeat 0 0}
#navigation.fallback ul li.selected{background:url(../images/button-sprite.png) no-repeat 0 0}
#wrapper{position:relative;width:105%;height:100%;z-index:20;overflow:auto;overflow-x:hidden}
#wrapper.fallback{width:105%}
#wrapper.fallback #scroller{background:url(../images/frozen_character_scroll_fallback.jpg) no-repeat 0 140px;background-size:100%}
#scroller{position:relative;z-index:10;height:4200px}
#scroller ul{height:4200px}
#scroller ul li{position:relative;overflow:hidden;padding-top:220px;height:480px}
#wrapper.fallback #slide5 img{position:relative;top:100%;margin-top:-160px}
#layers{position:absolute;width:100%;height:100%;overflow:hidden;top:0}
.map-container .layer{position:absolute;width:100%}
#level0{z-index:4}
#level1{z-index:1;background-color:#54c8fb}
#level2{z-index:5}
.map-container .chr{position:absolute;width:100%}
.map-container .chr svg{position:relative;width:100%}
.map-container p.text{position:absolute;padding:0 20px;font-size:24px;font-family:Times,serif;color:white;opacity:0;text-shadow:0 2px 8px rgba(0,0,0,0.4);-webkit-transition:opacity .8s ease-out;-moz-transition:opacity .8s ease-out;transition:opacity .8s ease-out;z-index:100}
#wrapper.fallback p.text{opacity:1}
.map-container p.text.active{opacity:1}
#wrapper.fallback #slide0 p.text{width:40%;top:260px}
#wrapper.fallback #slide1 p.text{width:40%;left:160px}
#wrapper.fallback #slide2 p.text{width:40%;left:260px;top:400px}
#wrapper.fallback #slide3 p.text{width:45%;top:228px}
#wrapper.fallback #slide4 p.text{width:40%;left:250px;top:224px}
#wrapper.fallback #slide5 p.text{width:40%;left:132px;top:510px}
#text0{top:38%;width:40%}
#text1{top:780px;width:50%;left:30%}
#text2{top:260px;left:46%;width:36%}
#text3{top:1920px;width:48%}
#text4{top:66px;width:46%;left:49%}
#text5{top:415px;width:40%;left:26%;font-size:24px;text-align:center}
#kristoff-sven-elsa{position:absolute;top:15%;padding-top:100px}
#anna{padding-top:150px;top:0}
#olaf{top:36%;z-index:6}
#olaf-background{top:37%;z-index:4}
#anna-endframe{top:20%}
#kristoff-sven-action{top:70%;z-index:1}
#marshmallow{top:70.2%;z-index:2;width:1200px;left:50%;margin-left:-268px}
.end{position:absolute;z-index:40;top:100%;width:100%;height:120px;margin-top:-120px}
.end p.text{top:0;width:60%;text-align:center}
#snowflake-wrapper{position:absolute;top:1750px;width:620px;height:900px;overflow:hidden;z-index:90}
.snowflake{position:absolute;opacity:1;width:60px;height:60px;background:url(../images/snowflakes-sprite.png)}
.s0{background-position:0 0}
.s1{background-position:-100%}
.s2{background-position:-200%}
