@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700);@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);#outandabout,#outandabout BUTTON{font-family:Quicksand,sans-serif;color:#000;font-weight:400;font-size:13px}#outandabout{width:880px;height:600px;position:absolute;top:50%;left:50%;margin-left:-440px;margin-top:-300px;overflow:hidden;background:#FFF;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box}#outandabout *,#outandabout :after,#outandabout :before{box-sizing:inherit}#outandabout #view,#outandabout .page{position:absolute;top:0;left:0;width:100%;height:100%}#outandabout .ng-cloak,#outandabout .x-ng-cloak,#outandabout [data-ng-cloak],#outandabout [ng-cloak],#outandabout [ng\:cloak],#outandabout [x-ng-cloak]{display:none!important}#outandabout .submenu{position:absolute;bottom:5px;left:100px}#outandabout .btn,#outandabout .button,#outandabout BUTTON{cursor:pointer}#outandabout .btn-global{z-index:1000;border:0;border-radius:20px;padding:5px 10px;margin-right:2px;background:#FFF;cursor:pointer;color:#000;font-size:11px;white-space:nowrap;font-weight:700}#outandabout .btn-global .fa{font-size:13px;margin-right:3px}#outandabout #btn-sound{position:absolute;bottom:5px;left:5px;width:90px}#outandabout .titlecard{position:absolute;border:2px solid #714531;padding:15px;width:340px;background:#f1f1d7;font-size:14px}#outandabout HR{margin:10px 0;border:none;border-top:1px solid #B19A85;background:0 0}#outandabout H2,#outandabout P{margin:0;padding:5px 0}#outandabout H1{margin:0;padding:0 0 10px}#outandabout .clearfix:after,#outandabout .columns:after{clear:both;float:none;display:block;height:0;overflow:hidden;content:" "}#outandabout .column{float:left;width:50%;padding:10px}#outandabout .column IMG{max-width:100%;height:auto}#outandabout .btn{display:inline-block;box-shadow:0 0 20px #666;border:2px solid #078866;border-radius:10px;padding:5px 10px;background:#08B588;color:#FFF;font-size:14px;text-align:center;white-space:nowrap;font-weight:700}#outandabout A.btn{line-height:32px;text-decoration:none}#outandabout .large{font-size:24px;letter-spacing:-.05em}#outandabout .x-large{font-size:34px;letter-spacing:-.07em}#outandabout .bold{font-weight:700}#outandabout .center{text-align:center}#outandabout #preload{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background:url(../images/start_bg.jpg)}#outandabout #preload .titlecard{top:165px;left:40px;width:340px;height:235px}#outandabout #preload .loader{margin:15px 0}#outandabout #preload .buttons{padding-top:15px}#outandabout #preload .bar-border{margin-top:5px;border:1px solid #714531;border-radius:3px}#outandabout #preload .bar{height:5px;width:100%;line-height:20px;border-radius:3px;background:#0BD366}#outandabout #start{background:url(../images/start_bg.jpg) top center no-repeat}#outandabout #start .titlecard{top:165px;left:40px;width:340px;height:235px}#outandabout #start .x-large{padding-top:0}#outandabout #start .buttons{text-align:center;padding:10px 0 0}#outandabout #start .btn{width:140px}#outandabout #start .credit{position:absolute;top:100%;margin-top:10px;width:100%;text-align:center;font-size:12px}#outandabout #start .credit SPAN{display:inline-block;padding:5px 10px;border-radius:15px;background:#FFF;font-weight:700}#outandabout #about{background:#F1F1D8}#outandabout #about H1{padding-left:19px;padding-top:25px;font-size:24px}#outandabout #about H2{font-size:18px}#outandabout #about .scroll{position:absolute;top:70px;left:20px;right:20px;bottom:50px;overflow:auto}#outandabout #about .column{padding-left:0;padding-right:20px}#outandabout #about UL{margin-top:0;margin-bottom:0;padding-left:12px}#outandabout #about LI{padding-bottom:3px}#outandabout #bonus{padding:15px;background:#F1F1D8;font-size:16px}#outandabout #bonus .take-home{margin-top:15px;height:180px}#outandabout #bonus .take-home IMG{float:left;margin-right:20px}#outandabout #bonus .activities{height:236px;margin-top:30px}#outandabout #bonus .activities .links{float:left;width:336px;margin-right:20px}#outandabout #bonus .activities .links .activity{float:left;height:120px;width:100px;margin-right:18px}#outandabout #bonus .activities .links .activity:nth-of-type(3n){margin-right:0}#outandabout #bonus .activities .description{padding-bottom:20px}#outandabout #bonus .activities .btn{width:100px;padding:0}#outandabout #bonus .activities .large{padding-top:0}#outandabout #menu .titlecard{top:15px;left:15px;width:340px;z-index:99}#outandabout #menu .titlecard .large{font-size:20px}#outandabout #menu .titlebubble{position:absolute;top:40px;left:30px;width:326px;height:171px;padding:10px 25px;background:url(../images/menu-bubble.png) no-repeat;z-index:99;font-size:18px}#outandabout #menu .button{position:absolute;top:220px;left:100px;width:170px;font-size:24px;z-index:99;color:#FFF;font-weight:700}#outandabout .ticket,#outandabout .ticket .progress{width:72px;background-image:url(../images/tickets.png)}#outandabout #menu .tickets{position:absolute;bottom:0;right:0}#outandabout .ticket{float:left;position:relative;margin-right:2px;height:150px;bottom:-20px;overflow:hidden;cursor:pointer;background-repeat:no-repeat;background-position:-76px -610px;background-color:rgba(0,0,0,.25);box-shadow:0 0 20px 5px rgba(0,0,0,.25);transition:bottom .25s ease-in}#outandabout .ticket.active,#outandabout .ticket:hover{bottom:-10px}#outandabout .ticket.bonus{background-position:-150px -2px}#outandabout .ticket.beach{background-position:-2px -2px}#outandabout .ticket.city{background-position:-2px -154px}#outandabout .ticket.country{background-position:-150px -154px}#outandabout .ticket.holiday-park{background-position:-76px -306px}#outandabout .ticket.home{background-position:-2px -458px}#outandabout .ticket.snow{background-position:-150px -458px}#outandabout .ticket.beach.active{background-position:-2px -2px}#outandabout .ticket.city.active{background-position:-2px -154px}#outandabout .ticket.country.active{background-position:-150px -154px}#outandabout .ticket.holiday-park.active{background-position:-76px -306px}#outandabout .ticket.home.active{background-position:-2px -458px}#outandabout .ticket.snow.active{background-position:-150px -458px}#outandabout .ticket .progress,#outandabout .ticket .progress-0{background-position:-2px -762px}#outandabout .ticket .progress{position:absolute;height:47px;bottom:20px;left:0}#outandabout .ticket .progress-1{background-position:-150px -610px}#outandabout .ticket .progress-2{background-position:-150px -659px}#outandabout .ticket .progress-3{background-position:-150px -708px}#outandabout .ticket .progress-4{background-position:-150px -757px}#outandabout .ticket .progress-5{background-position:-76px -762px}#outandabout .ticket .progress-done{background-position:-150px -806px}#outandabout #menu .scenegraphic{position:absolute;bottom:0;left:0;right:auto;top:auto;width:370px;height:340px;margin:0;background-position:bottom center;background-repeat:no-repeat;background-size:contain;text-align:center}#outandabout #menu .scenegraphic.beach{left:-8px;bottom:4px}#outandabout #menu .scenegraphic.city{left:-18px;bottom:14px}#outandabout #menu .scenegraphic.country{left:-20px;bottom:-8px}#outandabout #menu .scenegraphic.holiday-park{left:-10px;bottom:-14px}#outandabout #menu .scenegraphic.home{left:-38px;bottom:17px}#outandabout #menu .scenegraphic.snow{left:-28px;bottom:-6px}#outandabout #menu .transition-overlay{width:100%;height:100%;background:#fff}#outandabout #scene-in .scenegraphic{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:370px;height:340px;background-position:bottom center;background-repeat:no-repeat;background-size:contain;text-align:center}#outandabout .area-bg,#outandabout .scene-bg{position:absolute;top:0;left:0;width:100%;height:auto}#outandabout .instruction{position:absolute;top:10px;left:10px;padding:10px;border:1px solid #835C4B;background:#F1F1D8;font-size:16px}#outandabout .area-marker{position:absolute;width:48px;height:48px;line-height:48px;background:url(../images/star.png) no-repeat;cursor:pointer;text-align:center}#outandabout .area-marker .marker-label{display:none}#outandabout .area-marker.complete{background-image:url(../images/star-complete.png)}#outandabout #scene .congrats{position:absolute;top:0;left:0;height:100%;width:100%;background:rgba(255,255,255,.7);z-index:999;text-align:center;font-size:14px}#outandabout #scene .congrats .inner{position:absolute;width:400px;height:auto;top:45%;left:50%;margin-left:-200px;margin-top:-100px;padding:15px;z-index:100;border:1px solid #835C4B;border-radius:15px;background:#FFF}#outandabout #scene .congrats .large{font-size:16px}#outandabout #scene .congrats .btn{margin-top:10px}#outandabout #area .instruction{height:60px;width:200px;line-height:1.1em}#outandabout #area .congrats{position:absolute;width:650px;height:60px;padding:10px 12px 12px 70px;top:10px;left:220px;z-index:100;border:1px solid #835C4B;background:#FFF;font-size:16px}#outandabout #area .congrats .star{position:absolute;top:-4px;left:0;font-size:38px}#outandabout #area .congrats .btn{position:absolute;top:14px;right:12px}#outandabout .marker{position:absolute;width:35px;height:42px;background:url(../images/marker.png) no-repeat;cursor:pointer}#outandabout .marker.complete{background-image:url(../images/marker-complete.png)}#outandabout .marker .marker-label{text-align:center;display:none}#outandabout .bubble{position:absolute;left:-30px;padding:15px;color:#000;width:230px;visibility:hidden;opacity:0;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;background:#EEE;transition:visibility 0s linear .25s,opacity .25s ease-in}#outandabout .marker.show{z-index:1000}#outandabout .marker.show .bubble{visibility:visible;opacity:1;transition:visibility 0s linear 0s,opacity .25s ease-in}#outandabout .bubble.topleft{top:150%}#outandabout .bubble.topright{top:150%;left:-170px}#outandabout .bubble.topcenter{top:150%;left:-100px}#outandabout .bubble.bottomleft{bottom:140%}#outandabout .bubble.bottomright{bottom:140%;left:-170px}#outandabout .bubble.bottomcenter{bottom:140%;left:-100px}#outandabout .bubble.lefttop{left:50px;top:-15px}#outandabout .bubble.leftbottom{left:50px;bottom:-5px}#outandabout .bubble.righttop{left:-250px;top:-15px}#outandabout .bubble.rightbottom{left:-250px;bottom:-5px}#outandabout .bubble:after{content:"";position:absolute;display:block;width:0;border-style:solid}#outandabout .bubble.topleft:after{top:-15px;left:30px;bottom:auto;right:auto;border-width:0 15px 15px;border-color:#EEE transparent}#outandabout .bubble.topright:after{top:-15px;right:30px;bottom:auto;left:auto;border-width:0 15px 15px;border-color:#EEE transparent}#outandabout .bubble.topcenter:after{top:-15px;left:50%;margin-left:-15px;bottom:auto;right:auto;border-width:0 15px 15px;border-color:#EEE transparent}#outandabout .bubble.bottomcenter:after,#outandabout .bubble.bottomleft:after,#outandabout .bubble.bottomright:after{top:auto;bottom:-15px;border-width:15px 15px 0;border-color:#EEE transparent}#outandabout .bubble.bottomleft:after{left:30px;right:auto}#outandabout .bubble.bottomright:after{right:30px;left:auto}#outandabout .bubble.bottomcenter:after{left:50%;margin-left:-15px;right:auto}#outandabout .bubble.lefttop:after{top:15px;left:-15px;bottom:auto;right:auto;border-width:15px 15px 15px 0;border-color:transparent #EEE}#outandabout .bubble.leftbottom:after{top:auto;left:-15px;bottom:15px;right:auto;border-width:15px 15px 15px 0;border-color:transparent #EEE}#outandabout .bubble.rightbottom:after,#outandabout .bubble.righttop:after{right:-15px;left:auto;border-width:15px 0 15px 15px;border-color:transparent #EEE}#outandabout .bubble.righttop:after{top:15px;bottom:auto}#outandabout .bubble.rightbottom:after{top:auto;bottom:15px}#outandabout .bubble.has-popup{width:400px;margin-left:-170px;padding-right:190px;min-height:190px}#outandabout .bubble.has-popup IMG{max-width:160px;height:auto;position:absolute;top:15px;right:15px}#outandabout .has-popup.bottomleft,#outandabout .has-popup.topleft{margin-left:0}#outandabout .has-popup.bottomcenter,#outandabout .has-popup.topcenter{margin-left:-85px}#outandabout .has-popup.bottomright,#outandabout .has-popup.topright{margin-left:-170px}#outandabout .has-popup.leftbottom,#outandabout .has-popup.lefttop{margin-left:0}#outandabout .has-popup.rightbottom,#outandabout .has-popup.righttop{margin-left:-170px}#outandabout #cheat{padding:15px;background:#F1F1D8}#outandabout #cheat .selected{background:#ff0}.bounce{-moz-animation:bounce 2s infinite;-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite}.spin{-moz-animation:spin 2s linear infinite;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@keyframes bounce{0%{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}50%{-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}