* {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: -moz-none;-o-user-select: none;user-select: none;}@font-face {font-family: 'visitor_tt2_brkregular';src: url('../font/visitor2-webfont.eot');src: url('../font/visitor2-webfont.eot?#iefix') format('embedded-opentype'),url('../font/visitor2-webfont.woff') format('woff'),url('../font/visitor2-webfont.ttf') format('truetype'),url('../font/visitor2-webfont.svg#visitor_tt2_brkregular') format('svg');font-weight: normal;font-style: normal;}html,body {margin: 0;background: #080808;background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);font-family: 'visitor_tt2_brkregular', sans-serif;}#sky {background-image: -ms-linear-gradient(top, #000000 0%, #011C53 100%);background-image: -moz-linear-gradient(top, #000000 0%, #011C53 100%);background-image: -o-linear-gradient(top, #000000 0%, #011C53 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000000), color-stop(1, #011C53));background-image: -webkit-linear-gradient(top, #000000 0%, #011C53 100%);background-image: linear-gradient(to bottom, #000000 0%, #011C53 100%);background-image: -ms-linear-gradient(top, #020103 0%, #0D0F23 50%, #17243E 100%);background-image: -moz-linear-gradient(top, #020103 0%, #0D0F23 50%, #17243E 100%);background-image: -o-linear-gradient(top, #020103 0%, #0D0F23 50%, #17243E 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #020103), color-stop(0.5, #0D0F23), color-stop(1, #17243E));background-image: -webkit-linear-gradient(top, #020103 0%, #0D0F23 50%, #17243E 100%);background-image: linear-gradient(to bottom, #020103 0%, #0D0F23 50%, #17243E 100%);}html,body,#container {min-width: 1000px;margin: 0;padding: 0;overflow: hidden;}#cssda {width: 66px;height: 118px;background: url(../img/wotd-mauve-right-r.png);background-size: 66px;position: fixed;right: 0;top: 50px;z-index: 990;}#cssda a {display: block;width: 100%;height: 100%;background: url(../img/wotd-grey-reverse-right-r.png);background-size: 66px;position: absolute;opacity: 1;filter: alpha(opacity=100);}#cssda a:hover {opacity: 0;filter: alpha(opacity=0);}#loading {position: absolute;background: #dedede;left: 0;top: 0;width: 100%;height: 100%;z-index: 1000;background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%);}#loading span,#loading img {position: absolute;left: 50%;top: 50%;margin: -80px 0 0 -80px;}#loading span {width: 200px;text-align: center;margin: 80px 0 0 -100px;font-size: 36px;color: #333;line-height: 20px;}#loading span:after {content: "Loading";}#loading span.nos {display: none;}#loading span.nos:after {content: "Active Javascript";}#loading img {-webkit-animation: loadAnim 0.8s linear infinite;-moz-animation: loadAnim 0.8s linear infinite;animation: loadAnim 0.8s linear infinite;}@-moz-keyframes loadAnim {0% {margin-top: -80px;}30% {margin-top: -105px;}100% {margin-top: -80px;}}@-webkit-keyframes loadAnim {0% {margin-top: -80px;}30% {margin-top: -105px;}100% {margin-top: -80px;}}@keyframes loadAnim {0% {margin-top: -80px;}30% {margin-top: -105px;}100% {margin-top: -80px;}}#controls {margin: 0 auto;width: 1000px;left: 50%;margin-left: -500px;position: absolute;bottom: 0;height: 100px;}#controls #accelerometer,#controls #music,#controls #spacebar,#controls #keys div,#controls #counterText,#controls #counter {border: 3px solid white;margin: 0 auto;width: 320px;height: 50px;line-height: 50px;text-align: center;color: white;font-size: 36px;border-radius: 10px;}#controls #counterText {border: 0;font-size: 20px;height: 30px;line-height: 30px;letter-spacing: 2px;}#controls #keys {position: absolute;right: 0;width: 206px;height: 116px;margin: -30px 40px 0 40px;z-index: 310;}#controls #accelerometer,#controls #music,#controls #spacebar,#controls #keys div {width: 60px;font-size: 20px;position: absolute;background: white;color: #080808;letter-spacing: 2px;border-bottom: 3px solid #999;cursor: pointer;}#controls #accelerometer {z-index: 300;display: none;}#controls #music {right: auto;left: 106px;top: -30px;z-index: 300;}#controls #spacebar {width: 200px;left: 40px;position: absolute;top: 30px;z-index: 320;}#cssda a,.score-active,#controls #accelerometer,#controls #music,#snow-frame a,#lightbox #score-table ul li,#lightbox #score-table,#lightbox .footer a,#lightbox .input,#lightbox .nav li,#controls #spacebar,#controls #keys div {transition: .3s;-o-transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;}#controls #accelerometer:active,#controls #music:active,#controls #spacebar.click,#controls #keys div.click,#controls #spacebar:active,#controls #keys div:active {background: #333;border: 3px solid #333;color: white;}#controls #keys div span {display: block;background: url(../img/arrows-up.png);width: 16px;height: 9px;background-size: 32px;margin: 18px auto 0;}#controls #accelerometer span,#controls #music span {background: url(../img/musicbutton.png) left bottom;background-size: 64px;height: 32px;width: 32px;margin: 8px 0 0 15px;display: block;background-size: 48px;width: 24px;height: 24px;margin: 12px 0 0 18px;}#controls #accelerometer span {background: url(../img/accelerometer.png) left bottom;background-size: 48px;}#controls #accelerometer.no span,#controls #music.no span {background-position: left top;}#controls #keys #left span,#controls #keys #right span {background: url(../img/arrows-left.png);width: 9px;height: 16px;background-size: 18px;background-position: left bottom;margin: 16px 0 0 24px;}#controls #keys #right span {background-position: right bottom;margin: 16px 0 0 26px;}#controls #accelerometer:active span,#controls #music:active span {background-position: right bottom;}#controls #accelerometer.no:active span,#controls #music.no:active span {background-position: right top;}#controls #keys div.click span,#controls #keys div:active span {background-position: right top;}#controls #keys #left.click span,#controls #keys #left:active span {background-position: left top;}#controls #keys #right.click span,#controls #keys #right:active span {background-position: right top;}#controls #keys #down span {margin-top: 22px;background-position: left bottom;}#controls #keys #down.click span,#controls #keys #down:active span {background-position: right bottom;}#controls #keys #left,#controls #keys #right,#controls #keys #down {bottom: 0;}#controls #keys #right {right: 0;}#controls #keys #down,#controls #keys #up {left: 70px;}#cloud-b,#cloud {background: url(../img/cloud.png) repeat-x;height: 50px;width: 2100px;-webkit-animation: cloudAnim 100s linear infinite;-moz-animation: cloudAnim 100s linear infinite;animation: cloudAnim 100s linear infinite;position: absolute;margin: 60px 0 0 0;}#cloud {}#cloud-b {z-index: 210;background: url(../img/cloud-b.png) repeat-x;-webkit-animation: cloudAnim 90s linear infinite;-moz-animation: cloudAnim 90s linear infinite;animation: cloudAnim 90s linear infinite;margin: 70px 0 0 0;}@-moz-keyframes cloudAnim {0% {background-position: 0 0;}100% {background-position: -2100px 0;}}@-webkit-keyframes cloudAnim {0% {background-position: 0 0;}100% {background-position: -2100px 0;}}@keyframes cloudAnim {0% {background-position: 0 0;}100% {background-position: -2100px 0;}}#skyline {background: url(../img/skyline.png) repeat-x;height: 299px;width: 100%;position: absolute;bottom: 20px;left: 0;-webkit-animation: skylineAnim 480s linear infinite;-moz-animation: skylineAnim 480s linear infinite;animation: skylineAnim 480s linear infinite;-webkit-animation: skylineAnim 420s linear infinite;-moz-animation: skylineAnim 420s linear infinite;animation: skylineAnim 420s linear infinite;}@-moz-keyframes skylineAnim {0% {background-position: 0 0;}100% {background-position: -4290px 0;}}@-webkit-keyframes skylineAnim {0% {background-position: 0 0;}100% {background-position: -4290px 0;}}@keyframes skylineAnim {0% {background-position: 0 0;}100% {background-position: -4290px 0;}}#city {background-image: url(../img/citylights.png);height: 240px;width: 100%;position: absolute;bottom: -120px;left: 0;-webkit-animation: cityAnim 30s linear infinite;-moz-animation: cityAnim 30s linear infinite;animation: cityAnim 30s linear infinite;}@-moz-keyframes cityAnim {0% {background-position: 0 0;}100% {background-position: -2100px 0;}}@-webkit-keyframes cityAnim {0% {background-position: 0 0;}100% {background-position: -2100px 0;}}@keyframes cityAnim {0% {background-position: 0 0;}100% {background-position: -2100px 0;}}#skyline.stop,#city.stop {-webkit-animation-play-state: paused;-o-animation-play-state: paused;-moz-animation-play-state: paused;animation-play-state: paused;}#container {margin: 0 auto 0;position: absolute;width: 100%;min-height: 430px;min-height: 330px;color: white;max-height: 1000px;max-width: 2000px;position: relative;}#game-over {font-size: 52px;font-size: 100px;text-align: center;position: absolute;top: 50%;left: 50%;text-align: center;margin: -42px 0 0 -250px;width: 500px;height: 40px;line-height: 40px;z-index: 800;}#sky,#snow-frame,#moon,#snow-b,#snow {width: 100%;min-height: 280px;min-height: 180px;position: absolute;overflow: hidden;max-height: 950px;}#snow-frame {background: url(../img/snow-frame.png) top center repeat-x;width: 100%;bottom: 0;height: 130px;min-height: 0;z-index: 300;}#snow-frame a {width: 156px;color: white;text-decoration: none;font-size: 14px;height: 30px;line-height: 35px;display: block;float: right;margin: 70px 10px 0;position: relative;transition: .3s;}@media  (max-width: 1280px) {#snow-frame a {opacity: 0;}}#snow-frame a:after {content: '';background: url(../img/logo-white.svg) bottom right no-repeat;background-size: contain;background-repeat: no-repeat;background-position: center center;position: absolute;right: 0;top: 0;width: 90px;height: 37px;}#snow-b,#snow {-webkit-animation: snowAnim 10s linear infinite;-moz-animation: snowAnim 10s linear infinite;animation: snowAnim 10s linear infinite;background-image: url(../img/snow.png);}#snow-b {-webkit-animation: snowAnim 15s linear infinite;-moz-animation: snowAnim 15s linear infinite;animation: snowAnim 15s linear infinite;background-image: url(../img/snow-b.png);}#moon {background: url(../img/moon.png) 40px 40px no-repeat;}@-moz-keyframes snowAnim {0% {background-position: 50% 0;}100% {background-position: 50% 625px;}}@-webkit-keyframes snowAnim {0% {background-position: 50% 0;}100% {background-position: 50% 625px;}}@keyframes snowAnim {0% {background-position: 50% 0;}100% {background-position: 50% 625px;}}#santa {width: 70px;height: 60px;width: 40px;height: 35px;position: absolute;top: 200px;left: 20px;z-index: 100;margin: 15px 0 0 10px;transition: .2s;}#santa span {display: block;position: absolute;top: 0;left: 0;}#santa span.santasweet {height: 45px;width: 30px;background: url(../img/santa.gif);background-size: 30px 45px;opacity: 0;filter: alpha(opacity=0);}#santa span.santa {background: url(../img/santa1.png);width: 64px;height: 43px;margin: -15px 0 0 -10px;-webkit-animation: santaAnim 1.5s linear infinite;-moz-animation: santaAnim 1.5s linear infinite;animation: santaAnim 1.5s linear infinite;}@-moz-keyframes santaAnim {0% {top: 3px;}50% {top: 0;}100% {top: 3px;}}@-webkit-keyframes santaAnim {0% {top: 3px;}50% {top: 0;}100% {top: 3px;}}@keyframes santaAnim {0% {top: 3px;}50% {top: 0;}100% {top: 3px;}}#santa span.reindeer1 span,#santa span.reindeer1 {background: url(../img/santa2.png);width: 84px;height: 44px;left: 40px;top: -20px;-webkit-animation: reindeer1Anim 1s linear infinite;-moz-animation: reindeer1Anim 1s linear infinite;animation: reindeer1Anim 1s linear infinite;}#santa span.reindeer1 span {background-image: url(../img/santa2b.png);margin-top: 20px;left: 0;}@-moz-keyframes reindeer1Anim {0% {top: -18px;}50% {top: -22px;}100% {top: -18px;}}@-webkit-keyframes reindeer1Anim {0% {top: -18px;}50% {top: -22px;}100% {top: -18px;}}@keyframes reindeer1Anim {0% {top: -18px;}50% {top: -22px;}100% {top: -18px;}}#santa span.reindeer2 span,#santa span.reindeer2 {background: url(../img/santa3.png);width: 59px;height: 44px;left: 106px;top: -20px;-webkit-animation: reindeer2Anim 1s linear infinite;-moz-animation: reindeer2Anim 1s linear infinite;animation: reindeer2Anim 1s linear infinite;}#santa span.reindeer2 span {background-image: url(../img/santa3b.png);margin-top: 20px;left: 0;}@-moz-keyframes reindeer2Anim {0% {top: -22px;}50% {top: -18px;}100% {top: -22px;}}@-webkit-keyframes reindeer2Anim {0% {top: -22px;}50% {top: -18px;}100% {top: -22px;}}@keyframes reindeer2Anim {0% {top: -22px;}50% {top: -18px;}100% {top: -22px;}}#santa span.santasweet.anim {-webkit-animation: enemyAnim 3s linear infinite;-moz-animation: enemyAnim 3s linear infinite;animation: enemyAnim 3s linear infinite;}#santa span.reindeer1.anim {-webkit-animation: enemyAnim2 9s linear infinite;-moz-animation: enemyAnim2 9s linear infinite;animation: enemyAnim2 9s linear infinite;}#santa span.reindeer2.anim {-webkit-animation: enemyAnim 12s linear infinite;-moz-animation: enemyAnim 12s linear infinite;animation: enemyAnim 12s linear infinite;}.enemy {position: absolute;right: -200px;width: 40px;height: 40px;-webkit-animation: enemyAnim 0.5s linear infinite;-moz-animation: enemyAnim 0.5s linear infinite;animation: enemyAnim 0.5s linear infinite;z-index: 200;}@-moz-keyframes enemyAnim {100% {-moz-transform: rotate(-360deg);}}@-webkit-keyframes enemyAnim {100% {-webkit-transform: rotate(-360deg);}}@keyframes enemyAnim {100% {-webkit-transform: rotate(-360deg);transform: rotate(-360deg);}}@-moz-keyframes enemyAnim2 {100% {-moz-transform: rotate(360deg);}}@-webkit-keyframes enemyAnim2 {100% {-webkit-transform: rotate(360deg);}}@keyframes enemyAnim2 {100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}#e1 {background: url(../img/enemy1.png);}#e2 {background: url(../img/enemy2.png);}#e3 {background: url(../img/enemy3.png);}#e4 {background: url(../img/enemy4.png);}.house {bottom: 0;width: 200px;right: -400px;position: absolute;box-shadow: 4px 0 0 rgba(0, 0, 0, .3);}.house .logolight {position: absolute;width: 170px;display: block;top: 0;left: 50%;height: 80px;background: url(../img/logolight.png);margin: -80px 0 0 -85px;-webkit-animation: logolightAnim 2s linear infinite;-moz-animation: logolightAnim 2s linear infinite;animation: logolightAnim 2s linear infinite;}@-moz-keyframes logolightAnim {30% {background: url(../img/logolight-b.png);}40% {background: url(../img/logolight.png);}45% {background: url(../img/logolight-b.png);}100% {background: url(../img/logolight-b.png);}}@-webkit-keyframes logolightAnim {30% {background: url(../img/logolight-b.png);}40% {background: url(../img/logolight.png);}45% {background: url(../img/logolight-b.png);}100% {background: url(../img/logolight-b.png);}}@keyframes logolightAnim {30% {background: url(../img/logolight-b.png);}40% {background: url(../img/logolight.png);}45% {background: url(../img/logolight-b.png);}100% {background: url(../img/logolight-b.png);}}.house .roof {position: absolute;width: 100%;display: block;top: 0;left: 0;height: 15px;background: url(../img/roof-left.png);margin: -5px 0 0 -5px;z-index: 2;}.house .roof span {float: right;background: url(../img/roof-right.png);display: block;width: 37px;height: 15px;margin-right: -10px;}.house1 {height: 100px;background: #333;background: url(../img/house5.png) top left;}.house2 {height: 150px;background: #666;background: url(../img/house2.png) top left;}.house3 {height: 120px;background: #222;background: url(../img/house3.png) top left;}.house4 {height: 90px;background: #555;background: url(../img/house4.png) top left;}.house5 {height: 200px;background: #111;background: url(../img/house1.png) top left;}.house1.yeah,.house2.yeah,.house3.yeah,.house4.yeah,.house5.yeah {background-color: #f2e07a;background-color: #f9f1c1;}.house1.yeah {background: url(../img/house5b.png) top left;}.gift {position: absolute;-webkit-animation: giftAnim 5s linear infinite;-moz-animation: giftAnim 5s linear infinite;animation: giftAnim 5s linear infinite;height: 28px;width: 28px;z-index: 10;}.score-active {cursor: pointer;}.score-active:hover {background: #990000 !important;}@-moz-keyframes giftAnim {100% {transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);}}@-webkit-keyframes giftAnim {100% {transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);}}@keyframes giftAnim {100% {transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);}}.gift1 {background: url(../img/gift1.png);}.gift2 {background: url(../img/gift2.png);}.gift3 {background: url(../img/gift3.png);}.gift4 {background: url(../img/gift4.png);}.gift5 {background: url(../img/gift5.png);}#video-message {position: absolute;width: 600px;height: 200px;margin: -45px 0 0 -300px;top: 50%;left: 50%;color: white;font-size: 24px;text-align: center;display: none;}#video-message span {font-size: 100px;line-height: 50px;}body.iPad #cloud-b,body.iPad #cloud,body.iPad #snow,body.iPad .enemy {}body.iPad #container {overflow: hidden;}body.iPad #lightboxBG,body.iPad #cloud-b,body.iPad #snow,body.iPad #cloud {background: transparent;}body.iPad #lightboxBG {display: none !important;}#lightboxBG {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.5);z-index: 900;display: none;display: none !important;}#lightbox {background: #eee;background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%);border-top: 3px solid white;border-radius: 10px;border-bottom: 3px solid #999;top: -400px;left: 50%;width: 640px;height: 400px;position: fixed;margin: -220px 0 0 -320px;z-index: 950;box-shadow: 5px 5px 0 rgba(0, 0, 0, .2);}#lightbox .rosette,#lightbox .snow {height: 40px;width: 660px;position: absolute;margin: -25px 0 0 -10px;display: block;display: none;}#lightbox .rosette {height: 90px;width: 780px;background: url(../img/rosette.png);background-size: 780px 90px;display: block;margin: -5px 0 0 -70px;}#lightbox .santa {background: url(../img/santa-logo.gif);width: 90px;height: 135px;background-size: 90px 135px;display: block;margin: 0 0 0 262px;top: 138px;position: relative;-webkit-animation: loadAnim 1s ease-in infinite;-moz-animation: loadAnim 1s ease-in infinite;animation: loadAnim 1s ease-in infinite;}#lightbox .screens,#lightbox .screen2,#lightbox .screen1 {width: 200px;height: 140px;margin: 0 auto;top: 0;position: absolute;left: 50%;transform: translateX(-50%);display: none;transition: .5s;}#lightbox .screens .screen1 {display: none;}#lightbox .screens .screen2 {display: block;}#lightbox .screens.active .screen1 {display: block;}#lightbox .screens.active .screen2 {display: none;}#lightbox .screens {top: 100px;}#lightbox .screen2 .phone,#lightbox .screen1 .phone {background: url(../img/001.svg);background-size: contain;background-repeat: no-repeat;background-position: center center;width: 140px;height: 140px;display: block;position: absolute;top: 50%;left: 46%;transform: translate(-50%, -50%);}#lightbox .screen1 .phone {-webkit-animation: loadAnimP 2s ease-in infinite;-moz-animation: loadAnimP 2s ease-in infinite;animation: loadAnimP 2s ease-in infinite;left: 50%;}#lightbox .screen2 .hand {position: absolute;top: 20%;left: 30%;background: url(../img/002.svg);background-size: contain;background-repeat: no-repeat;background-position: center center;width: 90px;height: 120px;top: 49%;left: 40%;-webkit-animation: loadAnimH 4s ease-in infinite;-moz-animation: loadAnimH 4s ease-in infinite;animation: loadAnimH 4s ease-in infinite;}#lightbox .screen2 .click {position: absolute;top: 13%;left: 39%;background: url(../img/003.svg);background-size: contain;background-repeat: no-repeat;background-position: center center;width: 20px;height: 20px;transition: 0s;-webkit-animation: loadAnimHC 4s linear infinite;-moz-animation: loadAnimHC 4s linear infinite;animation: loadAnimHC 4s linear infinite;}@keyframes loadAnimHC {0% {top: 13%;left: 39%;display: none;}24% {display: none;}25% {top: 18%;left: 52%;display: block;}26% {display: none;}49% {top: 35%;left: 41%;display: none;}50% {display: block;}51% {display: none;}74% {top: 41%;left: 49%;display: none;}75% {display: block;}76% {display: none;}99% {top: 13%;left: 39%;display: none;}100% {display: block;}}@keyframes loadAnimH {0% {top: 20%;left: 30%;}25% {top: 25%;left: 43%;}50% {top: 43%;left: 32%;}75% {top: 49%;left: 40%;}100% {top: 20%;left: 30%;}}@keyframes loadAnimP2 {0% {top: 30%;}50% {top: 60%;}100% {top: 30%;}}@keyframes loadAnimP {0% {transform: rotate(-10deg) translate(-50%, -50%);top: 39%;}50% {transform: rotate(10deg) translate(-50%, -50%);top: 59%;}100% {transform: rotate(-10deg) translate(-50%, -50%);top: 39%;}}#lightbox .screen2 .icon,#lightbox .screen1 .icon {width: 48px;height: 48px;background: url(../img/accelerometer.png) left bottom;background-size: 96px;position: absolute;top: -15px;left: -5px;}#lightbox .screen2 .icon {background-position: left top;}#lightbox .screen1 .pointer {position: absolute;top: 50%;left: 45%;transform: translate(-50%, -50%);width: 15px;height: 4px;border-radius: 5px;background: black;-webkit-animation: loadAnimP2 2s ease-in infinite;-moz-animation: loadAnimP2 2s ease-in infinite;animation: loadAnimP2 2s ease-in infinite;}@-moz-keyframes loadSanta {0% {-moz-transform: rotate(5deg);-webkit-transform: rotate(5deg);-o-transform: rotate(5deg);transform: rotate(5deg);}50% {-moz-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);-o-transform: rotate(-5deg);transform: rotate(-5deg);}100% {-moz-transform: rotate(5deg);-webkit-transform: rotate(5deg);-o-transform: rotate(5deg);transform: rotate(5deg);}}@-webkit-keyframes loadSanta {0% {-moz-transform: rotate(5deg);-webkit-transform: rotate(5deg);-o-transform: rotate(5deg);transform: rotate(5deg);}50% {-moz-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);-o-transform: rotate(-5deg);transform: rotate(-5deg);}100% {-moz-transform: rotate(5deg);-webkit-transform: rotate(5deg);-o-transform: rotate(5deg);transform: rotate(5deg);}}@keyframes loadSanta {0% {-moz-transform: rotate(5deg);-webkit-transform: rotate(5deg);-o-transform: rotate(5deg);transform: rotate(5deg);}50% {-moz-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);-o-transform: rotate(-5deg);transform: rotate(-5deg);}100% {-moz-transform: rotate(5deg);-webkit-transform: rotate(5deg);-o-transform: rotate(5deg);transform: rotate(5deg);}}#lightbox .title {margin: 5px 0;height: 60px;line-height: 60px;width: 100%;text-align: center;font-size: 38px;color: white;text-shadow: 2px 2px rgba(0, 0, 0, 0.5);background: #cc0000;background: #cc3333;border-bottom: 3px solid #993333;box-shadow: 0 5px 0 rgba(0, 0, 0, .2);height: 57px;font-size: 50px;height: 60px;line-height: 60px;}#lightbox .box .content1 .title {line-height: 46px;}#lightbox .box #instructions {text-align: center;position: absolute;width: 100%;color: #999;font-size: 18px;margin-top: 10px;letter-spacing: 2px;margin-top: -28px;color: white;text-shadow: 2px 2px rgba(0, 0, 0, 0.5);}#lightbox .box .content,#lightbox .box {width: 640px;height: 340px;height: 400px;overflow: hidden;position: relative;z-index: 1;}#lightbox .box .content {position: absolute;top: 0;transition: .3s;}#lightbox .box .content1 {left: 0;}#lightbox .box .content2 {left: 100%;}#lightbox .box.box--score .content2,#lightbox .box.box--score .content1 {transform: translateX(-100%);}#lightbox .nav,#lightbox .nav li {margin: 0;padding: 0;border: 0;list-style: none;text-align: center;}#lightbox .nav {position: absolute;bottom: 10px;width: 180px;left: 50%;margin-left: -90px;z-index: 1;}#lightbox .nav li {border-radius: 10px;display: inline-block;padding: 12px 20px;margin: 0 3px;background: #fff;color: white;letter-spacing: 2px;font-size: 18px;border: 3px solid white;color: #666;border: 1px solid #ccc;border-bottom: 3px solid #999;cursor: pointer;}#lightbox .nav li a {display: block;width: 100%;height: 100%;color: #666;text-decoration: none;margin: -12px -20px;padding: 12px 20px;}#lightbox .nav li:hover {background: #666;border: 1px solid #666;border-bottom: 3px solid #999;color: white;}#lightbox .nav li:hover a {color: white;}#lightbox .footer {position: absolute;bottom: 0;height: 60px;border-top: 1px solid #e4e4e4;width: 100%;background: #eee;background-size: 640px;padding: 0 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 5px;}#lightbox .footer .mail {background-color: #cc3333;background-image: url(../img/social_mail.svg);}#lightbox .footer .mail:hover {background-color: #881515;}#lightbox .footer .linkedin {background-color: #0a66c2;background-image: url(../img/social_linkedin.svg);}#lightbox .footer .linkedin:hover {background-color: #004182;}#lightbox .footer .tw {background-color: #333;background-image: url(../img/social_x.svg);}#lightbox .footer .tw:hover {background-color: #111;}#lightbox .footer .fb {background: #3b579d;background-image: url(../img/social_facebook.svg);}#lightbox .footer .fb:hover {background-color: #2b3f70;}#lightbox .footer .mail,#lightbox .footer .whatsapp,#lightbox .footer .linkedin,#lightbox .footer .fb,#lightbox .footer .tw {width: 26px;height: 26px;display: block;margin-left: 5px;margin-top: 16px;border-radius: 5px;float: right;background-position: center;background-repeat: no-repeat;background-size: 16px 16px;}#lightbox .footer .whatsapp {background-color: #25d366;background-color: #128c7e;background-image: url(../img/social_whatsapp.svg);display: none;}#lightbox .footer .whatsapp:hover {background-color: #128c7e;background-color: #075e54;}#lightbox .footer .powered {float: left;margin-top: 15px;height: 30px;line-height: 30px;font-size: 24px;color: #666;}#lightbox .footer .logo {background: url(../img/logo.svg);background-size: contain;background-position: left center;background-repeat: no-repeat;width: 150px;height: 30px;display: block;float: right;margin-top: 0;margin-left: -5px;}#lightbox .footer .logo a {display: block;width: 100%;height: 100%;}#lightbox .input {margin: 0 auto;background: #cc0000;background: #cc3333;border-radius: 10px;padding: 10px 0;color: white;width: 200px;text-align: center;font-size: 26px;cursor: pointer;box-shadow: 0 5px 0 rgba(0, 0, 0, .2);position: absolute;border-bottom: 3px solid #990000;bottom: 75px;left: 50%;margin-left: -100px;text-shadow: 2px 2px rgba(0, 0, 0, 0.5);}#lightbox .content1 .input {bottom: 100px;}#lightbox .input:hover {margin-top: 5px;margin-bottom: -5px;box-shadow: none;background: #990000;}#lightbox .input.fb {width: 300px;border-bottom: 3px solid #264b7e;background: #35619f;margin-left: -150px;}#lightbox .input:hover.fb {background: #264b7e;}#lightbox #score-table {width: calc(100% - 30px);height: 180px;margin: 15px auto 0;border: 2px solid #ddd;border-bottom: 5px solid #fff;border-right: 5px solid #f5f5f5;background: rgba(255, 255, 255, 0.5);overflow: auto;z-index: 1;position: relative;}#lightbox #score-table.loading {background-image: url(../img/loading.gif);background-size: 24px;background-repeat: no-repeat;background-position: center center;}#lightbox #score-table ul,#lightbox #score-table li {margin: 0;border: 0;padding: 0;list-style: none;display: block;}#lightbox #score-table li {line-height: 58px;height: 58px;font-size: 9px;letter-spacing: 1px;color: #999;font-family: sans-serif;text-transform: uppercase;border-bottom: 2px solid #eee;display: flex;}#lightbox #score-table li#score-active {background: #cc3333;text-shadow: 1px 1px rgba(0, 0, 0, 0.5);color: #fff;border-color: #993333;}#lightbox #score-table li#score-active span,#lightbox #score-table li#score-active b {background: transparent;border-color: rgba(255, 255, 255, 0.2);}#lightbox #score-table li:nth-child(even) {background: #f5f5f5;}#lightbox #score-table li .avatar {border-radius: 3px;margin: 10px 15px;float: left;width: 40px;box-shadow: 2px 2px 0 rgba(0, 0, 0, .2);background: url(../img/avatar.gif);background-size: 40px;}#lightbox #score-table li em {font-style: normal;padding-left: 20px;flex: 1;}#lightbox #score-table li span,#lightbox #score-table li b {float: left;font-size: 11px;font-weight: normal;width: 60px;height: 60px;text-align: center;border-right: 1px solid #eee;}#lightbox #score-table li span {float: right;width: 100px;border: 0;border-left: 1px solid #eee;font-size: 14px;font-weight: bold;}#lightbox #score-table.big {height: 240px;}#imagelist {width: 1px;height: 1px;overflow: hidden;}#imagelist img {opacity: 0;filter: alpha(opacity=0);}@media  (max-width: 1000px) {html,body,#container,#controls {min-width: 0;width: 100%;}#controls {margin-left: 0;left: auto;}#controls #counter {font-size: 20px;width: 25%;}#controls #spacebar {left: 20px;}#controls #keys {margin-right: 20px;}#controls #accelerometer,#controls #music {left: 90px;}#game-over {font-size: 40px;}}@media  (max-width: 640px) {#moon {background-position: 0 0;background-size: 160px;}#lightbox,#lightbox .box .content,#lightbox .box {width: 100%;}#lightbox .santa {margin: 0 auto;left: -10px;display: none;}#lightbox {transform: translate(-50%, 0);margin-left: 0;width: calc(100% - 40px);}#lightbox .box #instructions {font-size: 12px;}#controls #spacebar {width: 68px;height: 30px;line-height: 30px;font-size: 14px;left: 10px;bottom: 0;top: auto;}#controls #keys {position: absolute;right: 10px;bottom: 0;top: auto;width: 116px;height: 76px;margin: 0;}#controls #keys div {width: 30px;height: 30px;line-height: normal;display: flex;align-items: center;justify-content: center;}#controls #keys div span {margin: 0 !important;width: 8px;height: 4.5px;background-size: 16px;}#controls #keys #left span,#controls #keys #right span {width: 4.5px;height: 8px;background-size: 9px;}#controls #keys #up {left: auto;right: 38px;bottom: 38px;}#controls #keys #down {left: auto;right: 38px;}#controls #keys #left {left: auto;right: 76px;}#controls #accelerometer,#controls #music {width: 30px;height: 30px;top: 26px;left: 10px;line-height: normal;display: flex;align-items: center;justify-content: center;}#controls #accelerometer {left: 48px;display: flex;}#controls #counterText,#controls #counter {height: 30px;line-height: 30px;position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 0);width: 80px;font-size: 14px;margin-left: -20px;}#controls #counterText {bottom: 32px;}#controls #accelerometer span,#controls #music span {margin: 0 !important;}.score span,.back span {display: none !important;}#lightbox .footer .logo {width: 100px;margin-left: 0;}#lightbox #score-table li b {width: 30px;height: 30px;font-size: 8px;}#lightbox #score-table li {line-height: 28px;height: 28px;}#lightbox #score-table li .avatar {margin: 4px 10px;width: 20px;box-shadow: none;background-size: 20px;}#lightbox #score-table li span {font-size: 12px;width: 80px;height: 30px;}#lightbox #score-table li em {padding-left: 10px;}#lightbox .footer {padding: 0 10px;}#lightbox .nav {width: 100px;margin-left: -50px;}#lightbox .nav li {padding-left: 15px;padding-right: 15px;font-size: 16px;}#lightbox .footer .mail,#lightbox .footer .whatsapp,#lightbox .footer .linkedin,#lightbox .footer .fb,#lightbox .footer .tw {width: 18px;height: 18px;display: block;margin-left: 2px;margin-top: 20px;border-radius: 5px;float: right;background-position: center;background-repeat: no-repeat;background-size: 10px 10px;}#lightbox .screens {display: block;}}