@-moz-keyframes hotspot-spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes hotspot-spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes hotspot-spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes hotspot-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}@-webkit-keyframes backgroundSpin{from{background-position:0 0}to{background-position:0 -720px}}@-moz-keyframes backgroundSpin{from{background-position:0 0}to{background-position:0 -720px}}@-o-keyframes backgroundSpin{from{background-position:0 0}to{background-position:0 -720px}}@keyframes backgroundSpin{from{background-position:0 0}to{background-position:0 -720px}}@-webkit-keyframes completeAnimation{from{background-position-y:0}to{background-position-y:-4917px}}@-moz-keyframes completeAnimation{from{background-position-y:0}to{background-position-y:-4917px}}@-o-keyframes completeAnimation{from{background-position-y:0}to{background-position-y:-4917px}}@keyframes completeAnimation{from{background-position-y:0}to{background-position-y:-4917px}}@-webkit-keyframes completeHeaderAnimation{from{background-position-y:0}to{background-position-y:-1200px}}@-moz-keyframes completeHeaderAnimation{from{background-position-y:0}to{background-position-y:-1200px}}@-o-keyframes completeHeaderAnimation{from{background-position-y:0}to{background-position-y:-1200px}}@keyframes completeHeaderAnimation{from{background-position-y:0}to{background-position-y:-1200px}}@-webkit-keyframes completeFooterAnimation{from{background-position-y:0}to{background-position-y:-1953px}}@-moz-keyframes completeFooterAnimation{from{background-position-y:0}to{background-position-y:-1953px}}@-o-keyframes completeFooterAnimation{from{background-position-y:0}to{background-position-y:-1953px}}@keyframes completeFooterAnimation{from{background-position-y:0}to{background-position-y:-1953px}}#missionIntro{position:relative;width:100%;height:100%}#missionIntro .introLeftSide,#missionIntro .introRightSide{position:absolute;width:50%;height:100%;top:0;background:url("../data/missions/common/mission-intro-left-bg.jpg") right top repeat}#missionIntro .introLeftSide{left:0}#missionIntro .introRightSide{left:50%}#missionIntro .introRightSide .rightAnimatedContent{position:absolute;left:0;width:100%;height:100%;background:#322511;overflow:hidden;-webkit-transition:left 0.5s ease-out;-moz-transition:left 0.5s ease-out;-o-transition:left 0.5s ease-out;transition:left 0.5s ease-out}#missionIntro .introRightSide .rightAnimatedContent:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background:url("../data/missions/common/mission-right-bg-glow.png") center 70% no-repeat;background-size:90%}#missionIntro .introRightSide .rightAnimatedContent.hidden{left:100%}#missionIntro .introRightSide .rightAnimatedContent #testCanvasSequence{position:absolute;left:50%;top:50%;width:450px;height:442px;margin-left:-225px;margin-top:-221px}#missionIntro .introRightSide .rightAnimatedContent .video-animation{position:relative;margin:0 auto;position:relative;display:block;max-width:70%}#missionIntro .introRightSide .rightAnimatedContent .video-animation.one_desktop{left:-2%}@media screen and (max-width: 1366px), screen and (max-height: 800px){#missionIntro .introRightSide .rightAnimatedContent .video-animation{max-height:380px}}#missionIntro .introRightSide .rightAnimatedContent .bg-cross{position:absolute;left:0;top:0;width:100%;height:100%;background:url("../data/missions/common/bg-cross.png") left top repeat;opacity:0.25}#missionIntro .introRightSide .rightAnimatedContent .animation-title,#missionIntro .introRightSide .rightAnimatedContent .animation-under-title{position:relative;width:90%;max-width:600px;margin:0 auto;font-family:"ProximaNova-Bold";font-size:24px;text-align:center;text-transform:uppercase;padding-bottom:30px}#missionIntro .introRightSide .rightAnimatedContent .animation-under-title{padding:30px 0 0 0;font-size:15px}#missionIntro .introRightSide .rightAnimatedContent .box-centered{width:100%}#missionIntro .cross{width:12px;height:12px;position:absolute}@media screen and (max-width: 1366px), screen and (max-height: 800px){#missionIntro .cross{display:none}}#missionIntro .cross:before,#missionIntro .cross:after{content:"";position:absolute;z-index:-1;background:#b1853b}#missionIntro .cross:before{left:50%;width:2px;margin-left:-1px;height:100%}#missionIntro .cross:after{top:50%;height:2px;margin-top:-1px;width:100%}#missionIntro .cross.leftBottom.animated{left:0;bottom:0}#missionIntro .cross.leftTop.animated{left:0;top:0}#missionIntro .cross.rightBottom.animated{right:0;bottom:0}#missionIntro .cross.rightTop.animated{right:0;top:0}#missionIntro .cross.start{right:auto;bottom:auto;top:50%;left:50%;margin-top:-5px;margin-left:-5px}#missionIntro .introDescription{position:relative;width:80%;max-width:615px;margin:0 auto;padding:40px 40px 55px 40px;color:#d39b45;z-index:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#missionIntro .introDescription .introTextContainer{position:relative}#missionIntro .introDescription .introTextContainer.hidden{transform:scale(0.1, 0.3);opacity:0}#missionIntro .introDescription .introTextContainer .missionTopline{font-family:"ProximaNova-Thin";text-transform:uppercase;font-size:28px;text-align:center}#missionIntro .introDescription .introTextContainer .missionTitle{font-family:"ProximaNova-Bold";text-transform:uppercase;font-size:40px;padding-bottom:35px;text-align:center}@media screen and (max-width: 1366px), screen and (max-height: 800px){#missionIntro .introDescription .introTextContainer .missionTitle{padding-bottom:22px}}#missionIntro .introDescription .introTextContainer .missionDescription{font-family:"ProximaNova-Light";font-size:15px;text-align:center;line-height:24px}#missionIntro .introDescription .introTextContainer .introButtons{position:relative;padding-top:50px}#missionIntro .introDescription .introTextContainer .introButtons:before,#missionIntro .introDescription .introTextContainer .introButtons:after{content:"";display:table}#missionIntro .introDescription .introTextContainer .introButtons:after{clear:both}@media screen and (max-width: 1366px), screen and (max-height: 800px){#missionIntro .introDescription .introTextContainer .introButtons{padding-top:35px}}#missionIntro .introDescription .introTextContainer .introButtons .introBtn{position:relative;width:43%;margin:0 auto;border:1px solid #d39b45;padding:22px 0;color:#d39b45;text-align:center;float:left;font-family:"ProximaNova-Xbold";font-size:13px;text-transform:uppercase;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#missionIntro .introDescription .introTextContainer .introButtons .introBtn:hover{background:rgba(211,155,69,0.2);cursor:pointer}#missionIntro .introDescription .introTextContainer .introButtons .introBtn.left{margin-left:4%;margin-right:5.5%}#missionIntro .introDescription .introTextContainer .introButtons .introBtn.right{margin-left:0.5%}@media screen and (max-width: 1366px), screen and (max-height: 800px){#missionIntro .introDescription .introTextContainer .introButtons .introBtn{padding:16px 0}}#missionIntro .verticalyCentered{position:absolute;width:100%}.animationContainer{position:relative;width:420px;height:303px;margin:0 auto;padding-top:117px}@media screen and (max-width: 1366px), screen and (max-height: 800px){.introLeftSide .animationContainer{width:186px;height:186px;padding-top:0px}.introLeftSide .animationContainer canvas{display:none}}.animationContainer canvas{position:absolute;left:0;top:0}.animationContainer .detailCircle{position:relative;width:186px;height:186px;margin:0 auto;-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0)}.animationContainer .detailCircle:before,.animationContainer .detailCircle:after{content:"";display:table}.animationContainer .detailCircle:after{clear:both}.animationContainer .detailCircle .spinningBorder{position:absolute;left:0;top:0;width:186px;height:186px;background:url("../data/missions/common/tutorial-harry-circle.png") left top no-repeat;-webkit-animation:hotspot-spin 4s infinite linear;-moz-animation:hotspot-spin 4s infinite linear;-ms-animation:hotspot-spin 4s infinite linear;animation:hotspot-spin 4s infinite linear}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.animationContainer .detailCircle .spinningBorder{background-image:url("../data/missions/common/tutorial-harry-circle-2x.png");background-size:186px 186px}}.animationContainer .detailCircle .middleCircle{position:relative;width:160px;height:160px;margin:12px auto 0 auto;border:1px solid #d39b45;-webkit-border-radius:161px;-moz-border-radius:161px;-ms-border-radius:161px;border-radius:161px}.animationContainer .detailCircle .middleCircle .innerCircle{position:relative;width:144px;height:144px;margin:5px auto 0 auto;border:3px solid #d39b45;background:url("../data/missions/common/tutorial-harry.png") left top no-repeat;-webkit-border-radius:147px;-moz-border-radius:147px;-ms-border-radius:147px;border-radius:147px}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.animationContainer .detailCircle .middleCircle .innerCircle{background-image:url("../data/missions/common/tutorial-harry-2x.png");background-size:144px 144px}}.animationContainer .glowCircle{position:absolute;left:50%;top:50%;width:160px;height:160px;margin-left:-80px;margin-top:-80px;-webkit-box-shadow:0 0 100px 0 #695b05;-moz-box-shadow:0 0 100px 0 #695b05;box-shadow:0 0 100px 0 #695b05;-webkit-border-radius:160px;-moz-border-radius:160px;-ms-border-radius:160px;border-radius:160px;opacity:0}.animationContainer .introGraphic{position:absolute;width:296px;height:24px;top:50%;left:50%;margin-top:-24px;opacity:0;background:url("../data/missions/common/tutorial-harry-graphic-1x.png") left bottom no-repeat}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.animationContainer .introGraphic{background-image:url("../data/missions/common/tutorial-harry-graphic-2x.png");background-size:296px 24px}}@media screen and (max-width: 1366px), screen and (max-height: 800px){.introLeftSide .animationContainer .introGraphic{display:none}}.animationContainer .introGraphic .introGraphicSpinner{position:absolute;right:0;bottom:34px;width:100px;height:50px;background:url("../data/missions/common/intro-harry-text-sprite-1x.png") left top no-repeat;-webkit-animation:backgroundSpin 1.5s steps(15) infinite;-moz-animation:backgroundSpin 1.5s steps(15) infinite;-ms-animation:backgroundSpin 1.5s steps(15) infinite;animation:backgroundSpin 1.5s steps(15) infinite}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.animationContainer .introGraphic .introGraphicSpinner{background-image:url("../data/missions/common/intro-harry-text-sprite-2x.png");background-size:100px 720px}}.missionFailed{position:relative;width:100%;height:100%;background:#333}.missionFailed .failedMessage{position:absolute;top:40%;left:0;width:100%;text-align:center}.missionFailed .centeredBtn{position:absolute;top:50%;left:25%;width:50%;border:1px solid #d39b45;padding:20px 10px;color:#d39b45;text-align:center}.missionFailed .centeredBtn:hover{background:rgba(211,155,69,0.5);cursor:pointer}.missionCompleted{position:relative;width:100%;height:100%;background-size:cover;background-color:rgba(0,0,0,0.5)}.missionCompleted .completedTitle{position:absolute;bottom:100%;margin-bottom:100px;left:0;width:100%;text-align:center;font-family:"ProximaNova-Thin";font-size:15px;color:#d39b45;text-transform:uppercase;opacity:1;-webkit-transition:opacity 0.5s,margin-bottom 1.5s ease-out;-moz-transition:opacity 0.5s,margin-bottom 1.5s ease-out;-o-transition:opacity 0.5s,margin-bottom 1.5s ease-out;transition:opacity 0.5s,margin-bottom 1.5s ease-out}@media screen and (max-width: 1366px), screen and (max-height: 800px){.missionCompleted .completedTitle{margin-bottom:10px}}.missionCompleted .completedTitle span{display:block;font-family:"ProximaNova-Xbold";font-size:40px}.missionCompleted .completedTitle.startingPosition{opacity:0;margin-bottom:150px}@media screen and (max-width: 1366px), screen and (max-height: 800px){.missionCompleted .completedTitle.startingPosition{margin-bottom:30px}}.missionCompleted .completeContent{position:absolute;width:100%;text-align:center;color:#d39b45;text-transform:uppercase;background:url("../data/missions/common/mission-completed-content-bg.png") center 4px no-repeat;background-size:500px}.missionCompleted .completeContent .missionFinalScore{font-size:40px}.missionCompleted .completeContent .missionFinalScore span{display:inline-block;padding:40px 0;font-size:170px}.missionCompleted .completeContent .missionScoreDescription,.missionCompleted .completeContent .contentTitle{font-family:"ProximaNova-Xbold";font-size:20px}.missionCompleted .completeContent .missionScoreDescription{margin:0 auto;width:350px;padding:7px 0 22px 0;margin-bottom:0;opacity:1;font-family:"ProximaNova-Thin";font-size:16px;text-transform:none;-webkit-transition:opacity 2s,margin-bottom 1.5s ease-out;-moz-transition:opacity 2s,margin-bottom 1.5s ease-out;-o-transition:opacity 2s,margin-bottom 1.5s ease-out;transition:opacity 2s,margin-bottom 1.5s ease-out}.missionCompleted .completeContent .missionScoreDescription.startingPosition{opacity:0;margin-bottom:50px}@media screen and (max-width: 1366px), screen and (max-height: 800px){.missionCompleted .completeContent .missionScoreDescription.startingPosition{margin-bottom:30px}}.missionCompleted .completeContent .contentTitle{opacity:1;-webkit-transition:opacity 2s;-moz-transition:opacity 2s;-o-transition:opacity 2s;transition:opacity 2s}.missionCompleted .completeContent .contentTitle.startingPosition{opacity:0}.missionCompleted .completeContent .socialMediaBtns{position:absolute;display:block;width:200px;top:100%;left:50%;margin-left:-94px;margin-top:30px;opacity:1;-webkit-transition:opacity 2s;-moz-transition:opacity 2s;-o-transition:opacity 2s;transition:opacity 2s}@media screen and (max-width: 1366px), screen and (max-height: 800px){.missionCompleted .completeContent .socialMediaBtns{margin-top:10px}}.missionCompleted .completeContent .socialMediaBtns.startingPosition{opacity:0}.missionCompleted .completeContent .socialMediaBtns.horizontalSharing .shareBtn{display:none}.missionCompleted .completeContent .socialMediaBtns.horizontalSharing .share-menu,.missionCompleted .completeContent .socialMediaBtns.horizontalSharing .share-menu.closed{top:0;left:0;width:200px;display:block !important}.missionCompleted .completeContent .socialMediaBtns.horizontalSharing .share-menu div,.missionCompleted .completeContent .socialMediaBtns.horizontalSharing .share-menu.closed div{float:left}.missionCompleted .completeContent .back-to-map{position:absolute;top:100%;left:50%;opacity:1;-webkit-transition:opacity 2s;-moz-transition:opacity 2s;-o-transition:opacity 2s;transition:opacity 2s;-moz-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);margin-top:170px}@media screen and (max-width: 1366px), screen and (max-height: 800px){.missionCompleted .completeContent .back-to-map{margin-top:90px}}.missionCompleted .completeContent .back-to-map.startingPosition{opacity:0}.missionCompleted .closeBtn{position:relative;width:50%;margin:20px auto 0 auto;border:1px solid #d39b45;padding:20px 10px;color:#d39b45;text-align:center}.missionCompleted .closeBtn:hover{background:rgba(211,155,69,0.5);cursor:pointer}.missionCompleted .animatedBg{position:absolute;top:50%;height:447px;margin-top:-223.5px}.missionCompleted .animatedBg.left{left:0%;right:50%;margin-right:165px;background:url("../data/missions/common/complete-animation-left.png") right top no-repeat;-webkit-animation:completeAnimation 0.5s steps(11) infinite;-moz-animation:completeAnimation 0.5s steps(11) infinite;-ms-animation:completeAnimation 0.5s steps(11) infinite;animation:completeAnimation 0.5s steps(11) infinite}.missionCompleted .animatedBg.right{right:0%;left:50%;margin-left:180px;background:url("../data/missions/common/complete-animation-right.png") left top no-repeat;-webkit-animation:completeAnimation 0.5s steps(11) infinite;-moz-animation:completeAnimation 0.5s steps(11) infinite;-ms-animation:completeAnimation 0.5s steps(11) infinite;animation:completeAnimation 0.5s steps(11) infinite}.finalCompleted{display:none;text-align:center;text-transform:uppercase;padding-top:10%}.finalCompleted .asset{display:inline-block}.finalCompleted .socialMediaBtns{position:relative;display:block;width:200px;margin:111px auto 64px auto;padding-left:9px;height:59px}@media screen and (max-width: 1366px), screen and (max-height: 800px){.finalCompleted .socialMediaBtns{margin:60px auto 35px auto}}.finalCompleted .socialMediaBtns.horizontalSharing .shareBtn{display:none}.finalCompleted .socialMediaBtns.horizontalSharing .share-menu,.finalCompleted .socialMediaBtns.horizontalSharing .share-menu.closed{top:0;left:0;width:200px;display:block !important}.finalCompleted .socialMediaBtns.horizontalSharing .share-menu div,.finalCompleted .socialMediaBtns.horizontalSharing .share-menu.closed div{float:left}.finalCompleted .title{font-size:50px;font-family:"ProximaNova-Xbold";padding:14px 0 8px 0}@media screen and (max-width: 1366px), screen and (max-height: 800px){.finalCompleted .title{font-size:36px;padding:7px 0 4px 0}}.finalCompleted .subtitle{font-size:30px;font-family:"ProximaNova-Light"}@media screen and (max-width: 1366px), screen and (max-height: 800px){.finalCompleted .subtitle{font-size:24px}}.finalCompleted .middleDescription{font-size:20px;font-family:"ProximaNova-Light";padding:42px 0 48px 0}@media screen and (max-width: 1366px), screen and (max-height: 800px){.finalCompleted .middleDescription{font-size:16px;padding:30px 0}}.finalCompleted .middleDescription strong{font-family:"ProximaNova-Xbold"}.finalCompleted .bottomDescription{font-size:20px;font-family:"ProximaNova-Xbold"}@media screen and (max-width: 1366px), screen and (max-height: 800px){.finalCompleted .bottomDescription{font-size:16px}}.missions.graphic.rightTopCorner{position:absolute;width:235px;height:50px;right:30px;top:40px;background:url("../data/missions/common/graphic-mission-header-sprite-1x.png") left top no-repeat;-webkit-animation:completeHeaderAnimation 0.7s steps(24) infinite;-moz-animation:completeHeaderAnimation 0.7s steps(24) infinite;-ms-animation:completeHeaderAnimation 0.7s steps(24) infinite;animation:completeHeaderAnimation 0.7s steps(24) infinite}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.missions.graphic.rightTopCorner{background-image:url("../data/missions/common/graphic-mission-header-sprite-2x.png");background-size:100% auto}}.missions.graphic.leftBottomCorner{position:absolute;width:181px;height:63px;left:30px;bottom:40px;background:url("../data/missions/common/graphic-mission-footer-sprite-1x.png") left top no-repeat;-webkit-animation:completeFooterAnimation 1s steps(31) infinite;-moz-animation:completeFooterAnimation 1s steps(31) infinite;-ms-animation:completeFooterAnimation 1s steps(31) infinite;animation:completeFooterAnimation 1s steps(31) infinite}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.missions.graphic.leftBottomCorner{background-image:url("../data/missions/common/graphic-mission-footer-sprite-2x.png");background-size:100% auto}}