.sk-cube-grid {width: 200px;height: 200px;position: absolute;top: 50%;left: 50%;margin: -100px 0 0 -100px;}.sk-cube-grid .sk-cube {width: 33.33%;height: 33.33%;background-color: #fff;float: left;-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;box-shadow: 0 0 10px rgba(0,0,0,0.1);}.sk-cube-grid .sk-cube1 {background-color: #98cae3;-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}.sk-cube-grid .sk-cube2 {background-color: #a3cfe6;-webkit-animation-delay: 0.3s;animation-delay: 0.3s;}.sk-cube-grid .sk-cube3 {background-color: #acd4e9;-webkit-animation-delay: 0.4s;animation-delay: 0.4s;}.sk-cube-grid .sk-cube4 {background-color: #0091ab;-webkit-animation-delay: 0.1s;animation-delay: 0.1s;}.sk-cube-grid .sk-cube5 {background-color: #009fbc;-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}.sk-cube-grid .sk-cube6 {background-color: #33b2c9;-webkit-animation-delay: 0.3s;animation-delay: 0.3s;}.sk-cube-grid .sk-cube7 {background-color: #5cc1d4;-webkit-animation-delay: 0.0s;animation-delay: 0.0s;}.sk-cube-grid .sk-cube8 {background-color: #7dcddd;-webkit-animation-delay: 0.1s;animation-delay: 0.1s;}.sk-cube-grid .sk-cube9 {background-color: #97d7e4;-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}@-webkit-keyframes sk-cubeGridScaleDelay {0%, 70%, 100% {-webkit-transform: scale3D(1, 1, 1);transform: scale3D(1, 1, 1);}35% {-webkit-transform: scale3D(0, 0, 1);transform: scale3D(0, 0, 1);}}@keyframes sk-cubeGridScaleDelay {0%, 70%, 100% {-webkit-transform: scale3D(1, 1, 1);transform: scale3D(1, 1, 1);}35% {-webkit-transform: scale3D(0, 0, 1);transform: scale3D(0, 0, 1);}}html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}@font-face {font-family: 'brandon_grotesquemedium';src: url('../font/brandon_med-webfont.eot');src: url('../font/brandon_med-webfont.eot?#iefix') format('embedded-opentype'), url('../font/brandon_med-webfont.woff') format('woff'), url('../font/brandon_med-webfont.ttf') format('truetype'), url('../font/brandon_med-webfont.svg#brandon_grotesquemedium') format('svg');font-weight: normal;font-style: normal;}#layout {position: relative;}#layout .overlay {opacity: 0;visibility: hidden;position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0,0,0,0.3);z-index: 8000;position: fixed;left: 220px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}#navm {position: fixed;top: 0;bottom: 0;left: -120px;width: 220px;overflow: auto;overflow-x: hidden;box-sizing: border-box;background: #111;opacity: 0;visibility: hidden;}#navm ul,#navm li {list-style: none;margin: 0;padding: 0;border: 0;width: 100%;}#navm ul {margin-top: 5px;border-top: 1px solid rgba(255,255,255,0.1);}#navm li a {display: block;padding: 15px 20px;color: white;text-transform: uppercase;text-decoration: none;width: 100%;box-sizing: border-box;font-weight: 900;}#navm ul ul {margin: 0;background: #222;}#navm ul ul a {padding: 8px 30px 8px 20px;font-size: 13px;}#navm li a:hover {background: rgba(255,255,255,0.1);}#header .nav-button {height: 90px;width: 90px;box-sizing: border-box;padding: 34px 33px 0;position: absolute;right: 0;top: -18px;z-index: 100;cursor: pointer;display: none;}#header .nav-button span {height: 4px;background: #005e7f;background: #121332;margin: 4px 0 4px;display: block;}::-webkit-scrollbar {width: 5px;}::-webkit-scrollbar-track {background: #eee;margin-right: 0;margin-top: 0;}::-webkit-scrollbar-thumb {background: #ccc;}input::selection,::selection {color: #fff;background: #009fbc;}input::-moz-selection,::-moz-selection {color: #fff;background: #009fbc;}html,body {color: #444;}html,body {-webkit-overflow-scrolling: touch;}html,body,img {margin: 0;padding: 0;border: 0;}button,input,textarea,body {font-family: 'brandon_grotesquemedium', sans-serif;}a,input,button {outline: 0;}a {}h1,h2,h3,h4,h5,h6,p {margin-top: 0;}#tooltip {margin: 20px 0 0 10px;margin-left: -60px;width: 160px;padding: 10px;z-index: 9900;position: absolute;text-align: center;color: #4a4f52;box-shadow: 5px 5px 0 rgba(0,0,0,0.1);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-transform: uppercase;display: none;background: #ffcc00;}#tooltip.right {margin-left: -80px;}#loading {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: white;z-index: 9999;}html.loaded #loading {opacity: 0;visibility: hidden;}#loading .box {opacity: 0;}#loading .box.loaded {opacity: 1;}.section {position: relative;}.container {position: relative;margin: 0 auto;width: 1280px;box-sizing: border-box;-moz-box-sizing: border-box;min-height: 1px;}.bg-eee {background-color: #eee;}.bg-white,.bg-fff {background-color: #fff;}.bg-999 {background-color: #999;}.clear {clear: both;}.col {float: left;width: 100%;position: relative;}.col.col2 {width: 50%;}.col.col3 {width: 33.33%;}.col.col3x2 {width: 66.66%;}.col.col4 {width: 25%;}.col.col4x3 {width: 75%;}.col.col5 {width: 20%;}.col.col5x4 {width: 80%;}.col.col5x3 {width: 60%;}.col.col5x2 {width: 40%;}.col.col6 {width: 16.66%;}.col.col2.margin {width: 48%;margin-right: 4%;}.col.col3.margin {width: 32%;margin-right: 2%;}.col.col3x2.margin.col-left {width: 64%;margin-right: 4%;}.col.col3x2.margin.col-right {width: 64%;margin-left: 2%;}.col.col4.margin {width: 23.5%;margin-right: 2%;}.col.col4x3.margin.col-left {width: 74.5%;margin-right: 2%;}.col.col4x3.margin.col-right {width: 74.5%;margin-left: 2%;}.col.col5.margin {width: 18.4%;margin-right: 2%;}.col.col6.margin {width: 15%;margin-right: 2%;}.col.margin.last {margin-right: 0 !important;}.box-container,#control .bottom .powered,#control .bottom .social a,.button,.box-container .box,.box-container .box .up,.box-container .box .image {transition: .3s;-o-transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;}#loading,#timer,#resized,#control .page,#control,.box-container .box .up span,.box-container .box .up b {transition: .6s;-o-transition: .6s;-ms-transition: .6s;-moz-transition: .6s;-webkit-transition: .6s;}.box-container-bg {overflow: hidden;padding: 10px;}.box-container {width: 100%;margin: 0 auto;box-shadow: 0 0 60px rgba(0,0,0,0.1);background: white url(../img/bg-c.png);background-size: contain;position: relative;}.box-container:after {position: absolute;height: 30px;content: '';top: -12px;left: -20px;display: block;background-image: url(../img/snow-left.png);background-size: auto 30px;right: 20px;z-index: 100;}.box-container:before {position: absolute;height: 30px;content: '';top: -10px;width: 133px;display: block;background-image: url(../img/snow-right.png);background-size: auto 30px;right: -20px;z-index: 101;}.box-container .box {float: left;display: block;text-align: center;position: relative;font-size: 32px;color: white;cursor: pointer;padding-bottom: 16.66%;width: 16.66%;}.box-container .box:hover {z-index: 9000;box-shadow: 0 0 40px rgba(0,0,0,0.2);}.box-container .box .up b,.box-container .box .up {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;}.box-container .box .up b {background-color: #fff;opacity: 0;}.box-container .box:hover .up b {opacity: 0.2;top: 30%;left: 30%;width: 40%;height: 40%;border-radius: 1000px;}.box-container .box .up span {position: absolute;top: 50%;left: 50%;-webkit-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);z-index: 10;text-indent: -9999px;}.box-container .box:hover .up span {-webkit-transform: translateY(-50%) translateX(-50%) scale(0.7);-ms-transform: translateY(-50%) translateX(-50%) scale(0.7);transform: translateY(-50%) translateX(-50%) scale(0.7);opacity: 0.9;}.box-container .box .up {background-size: cover;background-position: center center;}.box-container .box .image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: 80%;background-position: center center;background-repeat: no-repeat;-webkit-transform:perspective(1000px) rotateY(180deg);-ms-transform:perspective(1000px) rotateY(180deg);transform:perspective(1000px) rotateY(180deg);opacity: 0;}.box-container .box .up {z-index: 10;}.box-container .box .image {z-index: 5;}.box-container .box.active {-webkit-transform:perspective(1000px) rotateY(180deg);-ms-transform:perspective(1000px) rotateY(180deg);transform:perspective(1000px) rotateY(180deg);}.box-container .box.active .up {z-index: 5;opacity: 0;}.box-container .box.active .image {z-index: 10;opacity: 1;}.box-container .box.end {cursor: default !important;background: white !important;opacity: 0 !important;}.box-container .box.end .up,.box-container .box.end .image {opacity: 0 !important;}.bg1 .up, .bg2 .up, .bg3 .up, .bg4 .up, .bg5 .up, .bg6 .up {background-color: #444;}.bg7 .up, .bg8 .up, .bg9 .up, .bg10 .up, .bg11 .up, .bg12 .up {background-color: #8ac3e0;}.bg13 .up, .bg14 .up, .bg15 .up, .bg16 .up, .bg17 .up, .bg18 .up {background-color: #70b6d9;}.bg19 .up, .bg20 .up, .bg21 .up, .bg22 .up, .bg23 .up, .bg24 .up {background-color: #c2e0ef;}.bg25 .up, .bg26 .up, .bg27 .up, .bg28 .up, .bg29 .up, .bg30 .up {background-color: #cce5f2;}.bg31 .up, .bg32 .up, .bg33 .up, .bg34 .up, .bg35 .up, .bg36 .up {background-color: #777;}.bg1 .up, .bg2 .up, .bg3 .up, .bg4 .up, .bg5 .up, .bg6 .up {background-color: #70b6d9;}.bg7 .up, .bg8 .up, .bg9 .up, .bg10 .up, .bg11 .up, .bg12 .up {background-color: #7fbddd;}.bg13 .up, .bg14 .up, .bg15 .up, .bg16 .up, .bg17 .up, .bg18 .up {background-color: #8cc4e0;}.bg19 .up, .bg20 .up, .bg21 .up, .bg22 .up, .bg23 .up, .bg24 .up {background-color: #98cae3;}.bg25 .up, .bg26 .up, .bg27 .up, .bg28 .up, .bg29 .up, .bg30 .up {background-color: #a3cfe6;}.bg31 .up, .bg32 .up, .bg33 .up, .bg34 .up, .bg35 .up, .bg36 .up {background-color: #acd4e9;}.bg1 .up, .bg2 .up, .bg3 .up, .bg4 .up, .bg5 .up, .bg6 .up {background-color: #0091ab;}.bg7 .up, .bg8 .up, .bg9 .up, .bg10 .up, .bg11 .up, .bg12 .up {background-color: #009fbc;}.bg13 .up, .bg14 .up, .bg15 .up, .bg16 .up, .bg17 .up, .bg18 .up {background-color: #33b2c9;}.bg19 .up, .bg20 .up, .bg21 .up, .bg22 .up, .bg23 .up, .bg24 .up {background-color: #5cc1d4;}.bg25 .up, .bg26 .up, .bg27 .up, .bg28 .up, .bg29 .up, .bg30 .up {background-color: #7dcddd;}.bg31 .up, .bg32 .up, .bg33 .up, .bg34 .up, .bg35 .up, .bg36 .up {background-color: #97d7e4;}.bg1 .image, .bg2 .image, .bg3 .image, .bg4 .image, .bg5 .image, .bg6 .image {background-color: #fff;}.bg7 .image, .bg8 .image, .bg9 .image, .bg10 .image, .bg11 .image, .bg12 .image {background-color: #f5f5f5;}.bg13 .image, .bg14 .image, .bg15 .image, .bg16 .image, .bg17 .image, .bg18 .image {background-color: #fff;}.bg19 .image, .bg20 .image, .bg21 .image, .bg22 .image, .bg23 .image, .bg24 .image {background-color: #f5f5f5;}.bg25 .image, .bg26 .image, .bg27 .image, .bg28 .image, .bg29 .image, .bg30 .image {background-color: #fff;}.bg31 .image, .bg32 .image, .bg33 .image, .bg34 .image, .bg35 .image, .bg36 .image {background-color: #f5f5f5;}.b1 .up {background-image: url(../img/logo/Cover4_01.png);}.b2 .up {background-image: url(../img/logo/Cover4_02.png);}.b3 .up {background-image: url(../img/logo/Cover4_03.png);}.b4 .up {background-image: url(../img/logo/Cover4_04.png);}.b5 .up {background-image: url(../img/logo/Cover4_05.png);}.b6 .up {background-image: url(../img/logo/Cover4_06.png);}.b7 .up {background-image: url(../img/logo/Cover4_07.png);}.b8 .up {background-image: url(../img/logo/Cover4_08.png);}.b9 .up {background-image: url(../img/logo/Cover4_09.png);}.b10 .up {background-image: url(../img/logo/Cover4_10.png);}.b11 .up {background-image: url(../img/logo/Cover4_11.png);}.b12 .up {background-image: url(../img/logo/Cover4_12.png);}.b13 .up {background-image: url(../img/logo/Cover4_13.png);}.b14 .up {background-image: url(../img/logo/Cover4_14.png);}.b15 .up {background-image: url(../img/logo/Cover4_15.png);}.b16 .up {background-image: url(../img/logo/Cover4_16.png);}.b17 .up {background-image: url(../img/logo/Cover4_17.png);}.b18 .up {background-image: url(../img/logo/Cover4_18.png);}.b19 .up {background-image: url(../img/logo/Cover4_19.png);}.b20 .up {background-image: url(../img/logo/Cover4_20.png);}.b21 .up {background-image: url(../img/logo/Cover4_21.png);}.b22 .up {background-image: url(../img/logo/Cover4_22.png);}.b23 .up {background-image: url(../img/logo/Cover4_23.png);}.b24 .up {background-image: url(../img/logo/Cover4_24.png);}.b25 .up {background-image: url(../img/logo/Cover4_25.png);}.b26 .up {background-image: url(../img/logo/Cover4_26.png);}.b27 .up {background-image: url(../img/logo/Cover4_27.png);}.b28 .up {background-image: url(../img/logo/Cover4_28.png);}.b29 .up {background-image: url(../img/logo/Cover4_29.png);}.b30 .up {background-image: url(../img/logo/Cover4_30.png);}.b31 .up {background-image: url(../img/logo/Cover4_31.png);}.b32 .up {background-image: url(../img/logo/Cover4_32.png);}.b33 .up {background-image: url(../img/logo/Cover4_33.png);}.b34 .up {background-image: url(../img/logo/Cover4_34.png);}.b35 .up {background-image: url(../img/logo/Cover4_35.png);}.b36 .up {background-image: url(../img/logo/Cover4_36.png);}html,body {background-color: #fff;height: 110%;}body {background-repeat: repeat-x;background-position: left bottom;background-image: url(../img/bg.png);background-size: auto 166px;background-attachment: fixed;}#footer {height: 70px;}#overlay {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 9400;}#control {-webkit-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);box-shadow: 0 0 60px rgba(0,0,0,0.2);background: white;top: 50%;left: 50%;width: 640px;height: 400px;position: fixed;z-index: 9500;text-align: center;}#control .hat {position: absolute;top: -82px;right: -50px;z-index: 150;background-image: url(../img/christmas-hat-2.png);background-size: contain;background-repeat: no-repeat;background-position: center center;width: 130px;height: 100px;}#control .cc {overflow: hidden;position: absolute;width: 100%;height: 100%;top: 0;left: 0;}#control:after {position: absolute;height: 30px;content: '';top: -20px;left: -5px;display: block;background-image: url(../img/snow-left.png);background-size: auto 30px;right: 20px;z-index: 100;}#control:before {position: absolute;height: 30px;content: '';top: -20px;width: 133px;display: block;background-image: url(../img/snow-right.png);background-size: auto 30px;right: -5px;z-index: 120;}#control .page {width: 640px;height: 400px;padding: 20px;float: left;position: absolute;box-shadow: 0 0 30px rgba(0,0,0,0.2);}#control .page.b {z-index: 100;left: 640px;background: #fff;}#control .page hr {border: 0;height: 1px;background: #ddd;margin: 20px 0;}#control .page .button-play {background: #009fbc;width: 240px;height: 70px;line-height: 65px;border-bottom: 10px solid #0091ab;display: inline-block;color: white;font-size: 40px;text-transform: uppercase;box-shadow: 4px 4px 30px rgba(0,0,0,0.1);cursor: pointer;}#control .page .button-play:hover {background: #333;border-bottom: 10px solid #222;}#control .page .button-new,#control .page .button-score {height: 50px;line-height: 50px;background: white;font-size: 20px;text-transform: uppercase;color: #333;box-shadow: 4px 4px 30px rgba(0,0,0,0.1);display: inline-block;width: 180px;cursor: pointer;}#control .page .button-new {display: none;}#control .page .button-new.show {display: inline-block;}#control .page .logo {height: 160px;width: 320px;margin: 10px auto;background: url(../img/logo.png) center center no-repeat;background-size: contain;}#control .page .button-new:hover,#control .page .button-score:hover {background: #333;color: white;}#control .bottom {position: absolute;bottom: 0;left: 0;right: 0;background: #f5f5f5;height: 80px;padding: 15px;border-top: 1px solid #eee;}#control .bottom .powered {position: absolute;left: 20px;height: 50px;width: 25px;display: block;top: 15px;background: url(../img/minilogo.png) center center no-repeat;background-size: 100%;}#control .bottom .powered:hover {opacity: 0.5;}#control .bottom .social {position: absolute;right: 20px;height: 50px;display: block;top: 15px;}#control .bottom .social a {display: block;float: left;width: 30px;height: 50px;}#control .bottom .social a:hover {opacity: 0.5;}#control .bottom .social a.ico {background-size: 100%;background-position: center center;background-repeat: no-repeat;}#control .bottom .social a.ico.facebook {background-image: url(../img/s-f.png);}#control .bottom .social a.ico.twitter {background-image: url(../img/s-t.png);}#control .bottom .social a.ico.linkedin {background-image: url(../img/s-in.png);}#control .list {position: absolute;top: 10px;left: 10px;right: 10px;bottom: 90px;background: #f5f5f5;overflow: scroll;overflow-x: hidden;}#control .list .l:after {width: 100%;clear: both;content: '';display: block;}#score-active {background: #009fbc !important;color: white !important;}#control .list .l {height: 60px;line-height: 60px;border-bottom: 1px solid #eee;}#control .list .l:nth-child(even) {background: #e2eff2;background: #fff;}#control .list .l b,#control .list .l img,#control .list .l em,#control .list .l span {float: left;height: 60px;line-height: 60px;}#control .list .l span {float: right;padding-right: 10px;font-weight: bold;}#control .list .l b {width: 50px;text-align: center;font-weight: normal;font-size: 18px;}#control .list .l img {border: 10px solid transparent;border-left-width: 0;margin-right: 5px;border-radius: 100px;}html.started #overlay {display: none;}html.started #control {top: -200%;}html.show-score #control .page.b {left: 0;}#control #postscore {display: none;}html.show-postscore #control #back {display: none;}html.show-postscore #control #postscore {display: inline-block;}html.show-none #control #back {display: none;}html.show-none #control #postscore {display: none;}#timer {background: white;width: 240px;height: 100px;box-shadow: 4px 4px 30px rgba(0,0,0,0.1);position: fixed;bottom: -200px;left: 50%;margin-left: -120px;z-index: 9300;text-align: center;line-height: 100px;font-size: 36px;color: #666;cursor: pointer;}#timer:after {position: absolute;height: 30px;content: '';top: -10px;left: -5px;display: block;background-image: url(../img/snow-left.png);background-size: auto 30px;right: 20px;}#timer:before {position: absolute;height: 30px;content: '';top: -10px;width: 133px;display: block;background-image: url(../img/snow-right.png);background-size: auto 30px;right: -5px;z-index: 1;}html.started #timer {bottom: 0;}#resized {background-color: #0091ab;background-image: url(../img/resized.png);background-size: 50px;background-position: bottom center;width: 50px;height: 50px;box-shadow: 4px 4px 30px rgba(0,0,0,0.1);position: fixed;bottom: -200px;right: 0;z-index: 9300;text-align: center;cursor: pointer;-webkit-transition-delay: .3s;transition-delay: .3s;}html.started #resized {bottom: 0;}html.resized #resized {background-position: top center;}#resized:hover {background-color: #7dcddd;}#page {padding-top: 20px;}@media  screen and (max-width: 1320px) {.container {width: 960px;}}@media  screen and (max-width: 1000px) {.box-container {max-width: 100%;}.container {width: 720px;}}@media  screen and (max-width: 767px) {#control .page .logo {width: 100%;}#control .page,#control {width: 280px;height: 480px;}#control .bottom {height: 150px;}#control .bottom .social,#control .bottom .powered {top: auto;bottom: 15px;}#control .list {font-size: 11px;}#control .list .l b {width: 40px;font-size: 12px;}#control .list .l img {border-right-width: 5px;height: 50px;border-top-width: 15px;}#control .page .button-new,#control .page .button-score {font-size: 13px;font-weight: bold;width: 110px;margin-top: 8px;}html,body {overflow: hidden;overflow-y: auto;}.container {width: auto;}.col {float: none !important;clear: both !important;width: auto !important;margin-right: 0 !important;}}