@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300);@import url(http://fonts.googleapis.com/css?family=Fjalla+One);.grab{cursor:grab;cursor:-webkit-grab;cursor:-moz-grab;cursor:url("http://s3.amazonaws.com/urbanjungle/images/openhand.cur"),move}.grabbing{cursor:grab;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:url("http://s3.amazonaws.com/urbanjungle/images/closedhand.cur"),move}.pointer{cursor:hand;cursor:pointer}*{padding:0;margin:0}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-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}form{display:inline-block}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}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;width:100%;overflow:hidden;font-weight:100}.fullvp{position:relative;width:100%;height:100%;top:0px;left:0px}.inactive{display:none}.vAlign-center{position:relative;top:50%;transform:translateY(-50%);margin-top:-20px}.hAlign-center{position:relative;left:50%;transform:translateX(-50%)}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.triangle-border{position:relative;padding:15px;margin:1em 0 3em;color:#333;background:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;min-height:50px}.triangle-border.left{margin-left:30px}.triangle-border.right{margin-right:30px}.triangle-border:before{content:"";position:absolute;bottom:-20px;left:40px;border-width:20px 20px 0;display:block;width:0}.triangle-border:after{content:"";position:absolute;bottom:-13px;left:47px;border-width:13px 13px 0;border-style:solid;border-color:#fff transparent;display:block;width:0}.triangle-border.top:before{top:-20px;bottom:auto;left:auto;right:40px;border-width:0 20px 20px}.triangle-border.top:after{top:-13px;bottom:auto;left:auto;right:47px;border-width:0 13px 13px}.triangle-border.left:before{top:10px;bottom:auto;left:-30px;border-width:15px 30px 15px 0;border-color:transparent #5a8f00}.triangle-border.left:after{top:16px;bottom:auto;left:-16px;border-width:9px 21px 9px 0;border-color:transparent #fff}.triangle-border.right:before{top:10px;bottom:auto;left:auto;right:-30px;border-width:15px 0 15px 30px;border-color:transparent #5a8f00}.triangle-border.right:after{top:16px;bottom:auto;left:auto;right:-21px;border-width:9px 0 9px 21px;border-color:transparent #fff}.intro-container{width:100%;height:100%}.intro-container .intro-content{width:100%;height:100%;pointer-events:none;text-align:center;position:absolute;font-style:normal;color:#ffffff}.intro-container .intro-content .intro-header{font-family:"Fjalla One",sans-serif;text-transform:uppercase;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);font-size:80px;width:95%;position:absolute;top:20%}@media all and (min-width: 0px) and (max-width: 820px){.intro-container .intro-content .intro-header{font-size:40px;top:10%;width:70%}}@media all and (min-width: 821px) and (max-width: 1220px){.intro-container .intro-content .intro-header{font-size:60px}}.intro-container .intro-content .start-btn{display:inline-block;width:200px;margin:30px auto;font-size:30px;border:1px solid white;padding:10px;cursor:pointer}.intro-container .intro-content .start-btn:hover{background:rgba(255,255,255,0.2)}.loading-label{opacity:0;pointer-events:none;z-index:10;width:100%;text-align:center;position:absolute;font-family:"Fjalla One",sans-serif;text-transform:uppercase;font-style:normal;font-weight:400;color:#ffffff;text-transform:uppercase}.loading-label h1{font-size:40px}.streetview{position:absolute;top:0px;left:0px;background-color:#ffffff;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}.map{position:absolute;margin:0 auto;width:100%;height:100%;top:0;left:0;background-color:#126f4d}.choice-list{position:absolute;bottom:30%;font-size:12px;font-weight:400;font-family:"Open Sans";text-transform:uppercase;width:90%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}@media all and (min-width: 0px) and (max-width: 820px){.choice-list{font-size:10px;bottom:10%}}.choice-list .choice-item{pointer-events:auto;display:inline-block;border:1px solid white;padding:10px;cursor:pointer;margin-left:10px;margin-top:10px}.choice-list .choice-item.choice-item--submit{margin-left:0px}.choice-list .choice-item.choice-item--input{border-right:none}.choice-list .choice-item:hover{background:rgba(255,255,255,0.1)}.search-box{font-weight:400;font-family:"Open Sans";text-transform:uppercase;font-size:12px;border:none;color:#ffffff;background:none;padding:0;margin:0}.search-box:focus,.search-box:focus{outline:0}@media all and (min-width: 0px) and (max-width: 820px){.search-box{font-size:10px;bottom:10%}}@media all and (min-width: 0px) and (max-width: 820px){.search-text{width:85px}}.search-btn{padding:0;margin:0;border:none}.no-break{white-space:nowrap}.pegman-draggable{position:absolute;pointer-events:auto;width:100px;height:100px;left:50%;top:45%;margin-left:-185px;-webkit-perspective:150px;-moz-perspective:150px;-ms-perspective:150px;-o-perspective:150px;perspective:150px}.pegman-draggable .pegman-circle{position:absolute;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px;border:2px solid white;width:100px;height:100px;-webkit-transform:rotateX(75deg);-moz-transform:rotateX(75deg);-ms-transform:rotateX(75deg);-o-transform:rotateX(75deg);transform:rotateX(75deg);-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-timing-function:ease-in;-moz-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;transition-timing-function:ease-in;-webkit-transform-origin:50% 50% 50%;-moz-transform-origin:50% 50% 50%;-ms-transform-origin:50% 50% 50%;-o-transform-origin:50% 50% 50%;transform-origin:50% 50% 50%}@media all and (min-width: 0px) and (max-width: 500px){.pegman-draggable{margin-left:-100px}}.pegman-draggable.dragging .instructions{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-timing-function:ease-in;-moz-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;transition-timing-function:ease-in;width:200px}.pegman-draggable.dragging .pegman-circle{width:20px;height:20px;margin:38px;top:3px;-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);transform:rotateX(0);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px}.pegman-draggable.dragging .pegman{top:-30px}.pegman-draggable.over-road .pegman{top:0;-webkit-transform:rotateX(-60deg) rotateY(30deg);-moz-transform:rotateX(-60deg) rotateY(30deg);-ms-transform:rotateX(-60deg) rotateY(30deg);-o-transform:rotateX(-60deg) rotateY(30deg);transform:rotateX(-60deg) rotateY(30deg)}.pegman-draggable.over-road .pegman-circle{-webkit-transition-duration:0;-moz-transition-duration:0;-o-transition-duration:0;transition-duration:0;width:30px;height:30px;margin:34px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;border-radius:15px}.pegman{-webkit-transform-origin:22px 68px 50%;-moz-transform-origin:22px 68px 50%;-ms-transform-origin:22px 68px 50%;-o-transform-origin:22px 68px 50%;transform-origin:22px 68px 50%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;background-image:url('http://inear.se/urbanjungle/assets/images/pegman.png');display:block;position:relative;width:44px;height:68px;left:32px;top:-12px;-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.pegman:hover{top:-18px}.instructions{position:absolute;font-family:"Open Sans";font-size:14px;font-weight:400;top:-30px;left:50px;width:296px;text-align:center}@media all and (min-width: 0px) and (max-width: 500px){.instructions{width:180px;font-size:10px}.instructions .triangle-border{padding:7px}}@media all and (min-width: 500px) and (max-width: 820px){.instructions{width:220px;font-size:11px}}.back-btn{position:absolute;z-index:100000;font-family:"Open Sans";font-weight:400;font-size:12px;display:inline-block;border:1px solid white;padding:10px;cursor:pointer;margin:20px;color:#ffffff;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}.back-btn:hover{background:rgba(255,255,255,0.1)}.streetview-layer-tile{position:absolute;margin:20}.streetview-layer-tile-canvas{position:absolute;margin:20;top:260px}#debug{position:absolute;right:70px;width:50px;top:20}.more-info{cursor:pointer;position:absolute;z-index:11;right:0px;margin:20px;-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg)}@media all and (min-width: 0px) and (max-width: 500px){.more-info{-webkit-transform:scale(0.5) rotate(20deg);-moz-transform:scale(0.5) rotate(20deg);-ms-transform:scale(0.5) rotate(20deg);-o-transform:scale(0.5) rotate(20deg);transform:scale(0.5) rotate(20deg);margin:0px}}@media all and (min-width: 500px) and (max-width: 820px){.more-info{-webkit-transform:scale(0.8) rotate(20deg);-moz-transform:scale(0.8) rotate(20deg);-ms-transform:scale(0.8) rotate(20deg);-o-transform:scale(0.8) rotate(20deg);transform:scale(0.8) rotate(20deg);margin:10px}}aside.sticker{font-family:"Fjalla One",sans-serif;text-transform:uppercase;font-size:17px;text-shadow:0px 0px 3px rgba(0,0,0,0.4);color:black;width:100px;height:100px;display:inline-block;border-radius:100%;background-image:-webkit-linear-gradient(135deg, transparent 32px, #aaa 20px, #eee);background-image:-moz-linear-gradient(135deg, transparent 32px, #aaa 20px, #eee);background-image:-o-linear-gradient(135deg, transparent 32px, #aaa 20px, #eee);text-align:center;padding-top:40px;box-sizing:border-box;overflow:hidden}aside.sticker:after{content:" ";display:block;border-radius:100%;background-image:-webkit-linear-gradient(135deg, transparent 110px, #000 100px, #666 100px, #fff 85%);background-image:-moz-linear-gradient(135deg, transparent 110px, #000 100px, #666 100px, #fff 85%);background-image:-o-linear-gradient(135deg, transparent 110px, #000 100px, #666 100px, #fff 85%);-webkit-box-shadow:-3px -3px 15px 1px rgba(0,0,0,0.2);-moz-box-shadow:-3px -3px 15px 1px rgba(0,0,0,0.2);box-shadow:-3px -3px 15px 1px rgba(0,0,0,0.2);width:100px;height:100px;margin-left:56px;margin-top:-4px}aside.sticker.green{color:white;background-image:-webkit-linear-gradient(135deg, transparent 32px, #46a82d 20px, #70c757);background-image:-moz-linear-gradient(135deg, transparent 32px, #46a82d 20px, #70c757);background-image:-o-linear-gradient(135deg, transparent 32px, #46a82d 20px, #70c757)}.info-block{display:none;position:absolute;z-index:10000;height:100%;width:100%;text-align:center;-webkit-transform:translateZ(10px);-moz-transform:translateZ(10px);-ms-transform:translateZ(10px);-o-transform:translateZ(10px);transform:translateZ(10px)}.info-block:before{content:'';display:inline-block;height:100%;vertical-align:middle}.info-block .info-content{position:relative;display:inline-block;vertical-align:middle;width:500px;text-align:left;white-space:none;background:#ffffff;color:#000000;padding:50px;width:500px;font-family:"Open Sans";font-weight:200;font-size:12px;-webkit-box-shadow:0 0 10px 6px rgba(0,0,0,0.3);-moz-box-shadow:0 0 10px 6px rgba(0,0,0,0.3);box-shadow:0 0 10px 6px rgba(0,0,0,0.3)}@media all and (max-height: 700px){.info-block .info-content{width:700px}}.info-block .info-content img{padding-right:10px;padding-bottom:10px}.info-block .info-content p{margin-bottom:10px}.info-block .info-content ul{margin:0;padding:0}.info-block .info-content ul li{margin-left:26px;margin-bottom:10px;list-style-type:disc}.info-block .info-content a{text-decoration:none;color:#006943;font-weight:bold}.info-block .info-content a:active{color:#006943}@media all and (max-width: 570px), (max-height: 570px){.info-block{width:100%;height:100%}.info-block .info-content{height:100%;width:100%;overflow:auto;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.info-block:before{content:none}}.close{cursor:pointer;position:absolute;right:20px;top:20px}.close-cross:after,.close-cross:before{content:"";height:20px;width:20px;border-top:1px solid #000;position:absolute;top:7px;right:-8px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.close-cross:before{right:6px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.close-cross:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3}