@-webkit-keyframes blink {
  0% {
    opacity: 1; }

  50% {
    opacity: 0; } }

@keyframes blink {
  0% {
    opacity: 1; }

  50% {
    opacity: 0; } }

.wiper {
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
  .wiper .pane {
    -webkit-transition: -webkit-transform 600ms cubic-bezier(0.06, 0.74, 0.24, 1);
    transition: transform 600ms cubic-bezier(0.06, 0.74, 0.24, 1);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; }
  .wiper .wrapper {
    -webkit-transition: -webkit-transform 1.15s cubic-bezier(0.06, 0.74, 0.24, 1), opacity 300ms linear;
    transition: transform 1.15s cubic-bezier(0.06, 0.74, 0.24, 1), opacity 300ms linear;
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%; }
  .wiper .wrapper2 {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%; }
    .wiper .wrapper2.transition {
      -webkit-transition: -webkit-transform 400ms cubic-bezier(0.06, 0.74, 0.24, 1);
      transition: transform 400ms cubic-bezier(0.06, 0.74, 0.24, 1); }
  .wiper .blur {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%; }
  .wiper .input {
    word-wrap: break-word;
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    font: bold 1em 'Helvetica Neue', Helvetica, Arial, sans-serif;
    text-shadow: 0 0.025em 0 rgba(0, 0, 0, 0.1);
    vertical-align: baseline;
    padding: 0 0.5em;
    letter-spacing: -0.05em; }
    .wiper .input a {
      color: #fff;
      text-decoration: none; }
  .wiper .pane[dir=rtl] .input {
    letter-spacing: 0; }
  .wiper .arbitrary {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%; }
  .wiper .beam {
    display: inline-block;
    margin-bottom: -0.12em;
    height: 1em;
    width: 0.02em;
    min-width: 1px;
    background-color: #fff;
    vertical-align: baseline; }
    .wiper .beam.blink {
      -webkit-animation: blink 1s step-end infinite;
      animation: blink 1s step-end infinite; }

.csstransforms .wiper .beam {
  margin-left: -0.05em;
  -webkit-transform: translateX(0.1em);
  transform: translateX(0.1em); }
.csstransforms .wiper [dir="rtl"] .beam {
  margin-left: none;
  margin-right: -0.05em;
  -webkit-transform: translateX(-0.1em);
  transform: translateX(-0.1em); }

#screensaver-link {
  -webkit-animation: slide 0.5s 1s backwards linear, fade 0.25s 1s backwards linear;
  -moz-animation: slide 0.5s 1s backwards linear, fade 0.25s 1s backwards linear;
  animation: slide 0.5s 1s backwards linear, fade 0.25s 1s backwards linear;
  position: absolute;
  z-index: 3;
  text-align: center;
  top: 20px;
  right: 20px;
  cursor: pointer;
  display: block;
  text-decoration: none; }
  [dir=rtl] #screensaver-link {
    right: auto;
    left: 20px; }
  #screensaver-link.hidden {
    -webkit-animation: slide 0.3s reverse forwards linear, fade 0.15s 0.15s reverse forwards linear;
    -moz-animation: slide 0.3s reverse forwards linear, fade 0.15s 0.15s reverse forwards linear;
    animation: slide 0.3s reverse forwards linear, fade 0.15s 0.15s reverse forwards linear; }
  #screensaver-link .image {
    background: url("../images/screensaver.png") center no-repeat;
    -webkit-font-smoothing: antialiased;
    margin: 0 auto;
    margin-bottom: 5px;
    width: 115px;
    height: 74px;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    display: table;
    font-size: 11px;
    line-height: 14px;
    overflow: hidden;
    letter-spacing: -0.05em; }
    @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) {
      #screensaver-link .image {
        background-image: url("../images/screensaver.png");
        background-size: 115px 74px;
        background-position: center; } }
    #screensaver-link .image .wrapper {
      display: table-cell;
      vertical-align: middle; }
    #screensaver-link .image .wrapper2 {
      text-align: left;
      width: 95px;
      margin: 0 auto; }
      [dir=rtl] #screensaver-link .image .wrapper2 {
        text-align: right; }
  #screensaver-link .caption {
    -webkit-font-smoothing: antialiased;
    border-radius: 160px;
    max-width: 160px;
    display: inline-block;
    padding: 0 9px 1px 9px;
    background: #4ea8e5;
    border: 1px solid #2882bf;
    margin-bottom: 3px; }
    #screensaver-link .caption span {
      -webkit-transition: opacity 200ms linear;
      font-family: 'Lucida Grande', sans-serif;
      font-size: 11px;
      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
      color: #fff; }

@media only screen and (max-width: 500px) {
  #screensaver-link {
    display: none; } }
.small-window #screensaver-link {
  display: none; }

@-webkit-keyframes fade {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@-webkit-keyframes slide {
  0% {
    -webkit-transform: translate3d(0px, -120%, 0px) rotate(30deg); }

  1% {
    -webkit-transform: translate3d(0px, -114.43%, 0px) rotate(28.61deg); }

  2% {
    -webkit-transform: translate3d(0px, -109.02%, 0px) rotate(27.26deg); }

  3% {
    -webkit-transform: translate3d(0px, -103.76%, 0px) rotate(25.94deg); }

  4% {
    -webkit-transform: translate3d(0px, -98.64%, 0px) rotate(24.66deg); }

  5% {
    -webkit-transform: translate3d(0px, -93.67%, 0px) rotate(23.42deg); }

  6% {
    -webkit-transform: translate3d(0px, -88.84%, 0px) rotate(22.21deg); }

  7% {
    -webkit-transform: translate3d(0px, -84.16%, 0px) rotate(21.04deg); }

  8% {
    -webkit-transform: translate3d(0px, -79.62%, 0px) rotate(19.9deg); }

  9% {
    -webkit-transform: translate3d(0px, -75.21%, 0px) rotate(18.8deg); }

  10% {
    -webkit-transform: translate3d(0px, -70.94%, 0px) rotate(17.74deg); }

  11% {
    -webkit-transform: translate3d(0px, -66.81%, 0px) rotate(16.7deg); }

  12% {
    -webkit-transform: translate3d(0px, -62.8%, 0px) rotate(15.7deg); }

  13% {
    -webkit-transform: translate3d(0px, -58.93%, 0px) rotate(14.73deg); }

  14% {
    -webkit-transform: translate3d(0px, -55.18%, 0px) rotate(13.8deg); }

  15% {
    -webkit-transform: translate3d(0px, -51.57%, 0px) rotate(12.89deg); }

  16% {
    -webkit-transform: translate3d(0px, -48.07%, 0px) rotate(12.02deg); }

  17% {
    -webkit-transform: translate3d(0px, -44.7%, 0px) rotate(11.18deg); }

  18% {
    -webkit-transform: translate3d(0px, -41.45%, 0px) rotate(10.36deg); }

  19% {
    -webkit-transform: translate3d(0px, -38.32%, 0px) rotate(9.58deg); }

  20% {
    -webkit-transform: translate3d(0px, -35.3%, 0px) rotate(8.83deg); }

  21% {
    -webkit-transform: translate3d(0px, -32.4%, 0px) rotate(8.1deg); }

  22% {
    -webkit-transform: translate3d(0px, -29.62%, 0px) rotate(7.4deg); }

  23% {
    -webkit-transform: translate3d(0px, -26.94%, 0px) rotate(6.73deg); }

  24% {
    -webkit-transform: translate3d(0px, -24.37%, 0px) rotate(6.09deg); }

  25% {
    -webkit-transform: translate3d(0px, -21.91%, 0px) rotate(5.48deg); }

  26% {
    -webkit-transform: translate3d(0px, -19.56%, 0px) rotate(4.89deg); }

  27% {
    -webkit-transform: translate3d(0px, -17.3%, 0px) rotate(4.33deg); }

  28% {
    -webkit-transform: translate3d(0px, -15.15%, 0px) rotate(3.79deg); }

  29% {
    -webkit-transform: translate3d(0px, -13.1%, 0px) rotate(3.27deg); }

  30% {
    -webkit-transform: translate3d(0px, -11.14%, 0px) rotate(2.79deg); }

  31% {
    -webkit-transform: translate3d(0px, -9.28%, 0px) rotate(2.32deg); }

  32% {
    -webkit-transform: translate3d(0px, -7.52%, 0px) rotate(1.88deg); }

  33% {
    -webkit-transform: translate3d(0px, -5.84%, 0px) rotate(1.46deg); }

  34% {
    -webkit-transform: translate3d(0px, -4.26%, 0px) rotate(1.06deg); }

  35% {
    -webkit-transform: translate3d(0px, -2.76%, 0px) rotate(0.69deg); }

  36% {
    -webkit-transform: translate3d(0px, -1.35%, 0px) rotate(0.34deg); }

  37% {
    -webkit-transform: translate3d(0px, -0.02%, 0px) rotate(0deg); }

  38% {
    -webkit-transform: translate3d(0px, 1.23%, 0px) rotate(-0.31deg); }

  39% {
    -webkit-transform: translate3d(0px, 2.39%, 0px) rotate(-0.6deg); }

  40% {
    -webkit-transform: translate3d(0px, 3.48%, 0px) rotate(-0.87deg); }

  41% {
    -webkit-transform: translate3d(0px, 4.5%, 0px) rotate(-1.12deg); }

  42% {
    -webkit-transform: translate3d(0px, 5.44%, 0px) rotate(-1.36deg); }

  43% {
    -webkit-transform: translate3d(0px, 6.3%, 0px) rotate(-1.58deg); }

  44% {
    -webkit-transform: translate3d(0px, 7.1%, 0px) rotate(-1.78deg); }

  45% {
    -webkit-transform: translate3d(0px, 7.83%, 0px) rotate(-1.96deg); }

  46% {
    -webkit-transform: translate3d(0px, 8.49%, 0px) rotate(-2.12deg); }

  47% {
    -webkit-transform: translate3d(0px, 9.09%, 0px) rotate(-2.27deg); }

  48% {
    -webkit-transform: translate3d(0px, 9.63%, 0px) rotate(-2.41deg); }

  49% {
    -webkit-transform: translate3d(0px, 10.11%, 0px) rotate(-2.53deg); }

  50% {
    -webkit-transform: translate3d(0px, 10.52%, 0px) rotate(-2.63deg); }

  51% {
    -webkit-transform: translate3d(0px, 10.89%, 0px) rotate(-2.72deg); }

  52% {
    -webkit-transform: translate3d(0px, 11.19%, 0px) rotate(-2.8deg); }

  53% {
    -webkit-transform: translate3d(0px, 11.45%, 0px) rotate(-2.86deg); }

  54% {
    -webkit-transform: translate3d(0px, 11.65%, 0px) rotate(-2.91deg); }

  55% {
    -webkit-transform: translate3d(0px, 11.81%, 0px) rotate(-2.95deg); }

  56% {
    -webkit-transform: translate3d(0px, 11.92%, 0px) rotate(-2.98deg); }

  57% {
    -webkit-transform: translate3d(0px, 11.98%, 0px) rotate(-2.99deg); }

  58% {
    -webkit-transform: translate3d(0px, 12%, 0px) rotate(-3deg); }

  59% {
    -webkit-transform: translate3d(0px, 11.98%, 0px) rotate(-3deg); }

  60% {
    -webkit-transform: translate3d(0px, 11.92%, 0px) rotate(-2.98deg); }

  61% {
    -webkit-transform: translate3d(0px, 11.83%, 0px) rotate(-2.96deg); }

  62% {
    -webkit-transform: translate3d(0px, 11.7%, 0px) rotate(-2.92deg); }

  63% {
    -webkit-transform: translate3d(0px, 11.53%, 0px) rotate(-2.88deg); }

  64% {
    -webkit-transform: translate3d(0px, 11.34%, 0px) rotate(-2.83deg); }

  65% {
    -webkit-transform: translate3d(0px, 11.11%, 0px) rotate(-2.78deg); }

  66% {
    -webkit-transform: translate3d(0px, 10.86%, 0px) rotate(-2.72deg); }

  67% {
    -webkit-transform: translate3d(0px, 10.59%, 0px) rotate(-2.65deg); }

  68% {
    -webkit-transform: translate3d(0px, 10.29%, 0px) rotate(-2.57deg); }

  69% {
    -webkit-transform: translate3d(0px, 9.96%, 0px) rotate(-2.49deg); }

  70% {
    -webkit-transform: translate3d(0px, 9.62%, 0px) rotate(-2.41deg); }

  71% {
    -webkit-transform: translate3d(0px, 9.27%, 0px) rotate(-2.32deg); }

  72% {
    -webkit-transform: translate3d(0px, 8.89%, 0px) rotate(-2.22deg); }

  73% {
    -webkit-transform: translate3d(0px, 8.5%, 0px) rotate(-2.13deg); }

  74% {
    -webkit-transform: translate3d(0px, 8.11%, 0px) rotate(-2.03deg); }

  75% {
    -webkit-transform: translate3d(0px, 7.7%, 0px) rotate(-1.92deg); }

  76% {
    -webkit-transform: translate3d(0px, 7.28%, 0px) rotate(-1.82deg); }

  77% {
    -webkit-transform: translate3d(0px, 6.86%, 0px) rotate(-1.71deg); }

  78% {
    -webkit-transform: translate3d(0px, 6.43%, 0px) rotate(-1.61deg); }

  79% {
    -webkit-transform: translate3d(0px, 6%, 0px) rotate(-1.5deg); }

  80% {
    -webkit-transform: translate3d(0px, 5.57%, 0px) rotate(-1.39deg); }

  81% {
    -webkit-transform: translate3d(0px, 5.15%, 0px) rotate(-1.29deg); }

  82% {
    -webkit-transform: translate3d(0px, 4.73%, 0px) rotate(-1.18deg); }

  83% {
    -webkit-transform: translate3d(0px, 4.31%, 0px) rotate(-1.08deg); }

  84% {
    -webkit-transform: translate3d(0px, 3.9%, 0px) rotate(-0.97deg); }

  85% {
    -webkit-transform: translate3d(0px, 3.5%, 0px) rotate(-0.88deg); }

  86% {
    -webkit-transform: translate3d(0px, 3.11%, 0px) rotate(-0.78deg); }

  87% {
    -webkit-transform: translate3d(0px, 2.74%, 0px) rotate(-0.68deg); }

  88% {
    -webkit-transform: translate3d(0px, 2.38%, 0px) rotate(-0.6deg); }

  89% {
    -webkit-transform: translate3d(0px, 2.04%, 0px) rotate(-0.51deg); }

  90% {
    -webkit-transform: translate3d(0px, 1.72%, 0px) rotate(-0.43deg); }

  91% {
    -webkit-transform: translate3d(0px, 1.42%, 0px) rotate(-0.35deg); }

  92% {
    -webkit-transform: translate3d(0px, 1.14%, 0px) rotate(-0.29deg); }

  93% {
    -webkit-transform: translate3d(0px, 0.89%, 0px) rotate(-0.22deg); }

  94% {
    -webkit-transform: translate3d(0px, 0.67%, 0px) rotate(-0.17deg); }

  95% {
    -webkit-transform: translate3d(0px, 0.47%, 0px) rotate(-0.12deg); }

  96% {
    -webkit-transform: translate3d(0px, 0.31%, 0px) rotate(-0.08deg); }

  97% {
    -webkit-transform: translate3d(0px, 0.18%, 0px) rotate(-0.04deg); }

  98% {
    -webkit-transform: translate3d(0px, 0.08%, 0px) rotate(-0.02deg); }

  99% {
    -webkit-transform: translate3d(0px, 0.02%, 0px) rotate(-0.01deg); }

  100% {
    -webkit-transform: translate3d(0px, 0%, 0px) rotate(0deg); } }

@-moz-keyframes fade {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@-moz-keyframes slide {
  0% {
    -moz-transform: translate3d(0px, -120%, 0px) rotate(30deg); }

  1% {
    -moz-transform: translate3d(0px, -114.43%, 0px) rotate(28.61deg); }

  2% {
    -moz-transform: translate3d(0px, -109.02%, 0px) rotate(27.26deg); }

  3% {
    -moz-transform: translate3d(0px, -103.76%, 0px) rotate(25.94deg); }

  4% {
    -moz-transform: translate3d(0px, -98.64%, 0px) rotate(24.66deg); }

  5% {
    -moz-transform: translate3d(0px, -93.67%, 0px) rotate(23.42deg); }

  6% {
    -moz-transform: translate3d(0px, -88.84%, 0px) rotate(22.21deg); }

  7% {
    -moz-transform: translate3d(0px, -84.16%, 0px) rotate(21.04deg); }

  8% {
    -moz-transform: translate3d(0px, -79.62%, 0px) rotate(19.9deg); }

  9% {
    -moz-transform: translate3d(0px, -75.21%, 0px) rotate(18.8deg); }

  10% {
    -moz-transform: translate3d(0px, -70.94%, 0px) rotate(17.74deg); }

  11% {
    -moz-transform: translate3d(0px, -66.81%, 0px) rotate(16.7deg); }

  12% {
    -moz-transform: translate3d(0px, -62.8%, 0px) rotate(15.7deg); }

  13% {
    -moz-transform: translate3d(0px, -58.93%, 0px) rotate(14.73deg); }

  14% {
    -moz-transform: translate3d(0px, -55.18%, 0px) rotate(13.8deg); }

  15% {
    -moz-transform: translate3d(0px, -51.57%, 0px) rotate(12.89deg); }

  16% {
    -moz-transform: translate3d(0px, -48.07%, 0px) rotate(12.02deg); }

  17% {
    -moz-transform: translate3d(0px, -44.7%, 0px) rotate(11.18deg); }

  18% {
    -moz-transform: translate3d(0px, -41.45%, 0px) rotate(10.36deg); }

  19% {
    -moz-transform: translate3d(0px, -38.32%, 0px) rotate(9.58deg); }

  20% {
    -moz-transform: translate3d(0px, -35.3%, 0px) rotate(8.83deg); }

  21% {
    -moz-transform: translate3d(0px, -32.4%, 0px) rotate(8.1deg); }

  22% {
    -moz-transform: translate3d(0px, -29.62%, 0px) rotate(7.4deg); }

  23% {
    -moz-transform: translate3d(0px, -26.94%, 0px) rotate(6.73deg); }

  24% {
    -moz-transform: translate3d(0px, -24.37%, 0px) rotate(6.09deg); }

  25% {
    -moz-transform: translate3d(0px, -21.91%, 0px) rotate(5.48deg); }

  26% {
    -moz-transform: translate3d(0px, -19.56%, 0px) rotate(4.89deg); }

  27% {
    -moz-transform: translate3d(0px, -17.3%, 0px) rotate(4.33deg); }

  28% {
    -moz-transform: translate3d(0px, -15.15%, 0px) rotate(3.79deg); }

  29% {
    -moz-transform: translate3d(0px, -13.1%, 0px) rotate(3.27deg); }

  30% {
    -moz-transform: translate3d(0px, -11.14%, 0px) rotate(2.79deg); }

  31% {
    -moz-transform: translate3d(0px, -9.28%, 0px) rotate(2.32deg); }

  32% {
    -moz-transform: translate3d(0px, -7.52%, 0px) rotate(1.88deg); }

  33% {
    -moz-transform: translate3d(0px, -5.84%, 0px) rotate(1.46deg); }

  34% {
    -moz-transform: translate3d(0px, -4.26%, 0px) rotate(1.06deg); }

  35% {
    -moz-transform: translate3d(0px, -2.76%, 0px) rotate(0.69deg); }

  36% {
    -moz-transform: translate3d(0px, -1.35%, 0px) rotate(0.34deg); }

  37% {
    -moz-transform: translate3d(0px, -0.02%, 0px) rotate(0deg); }

  38% {
    -moz-transform: translate3d(0px, 1.23%, 0px) rotate(-0.31deg); }

  39% {
    -moz-transform: translate3d(0px, 2.39%, 0px) rotate(-0.6deg); }

  40% {
    -moz-transform: translate3d(0px, 3.48%, 0px) rotate(-0.87deg); }

  41% {
    -moz-transform: translate3d(0px, 4.5%, 0px) rotate(-1.12deg); }

  42% {
    -moz-transform: translate3d(0px, 5.44%, 0px) rotate(-1.36deg); }

  43% {
    -moz-transform: translate3d(0px, 6.3%, 0px) rotate(-1.58deg); }

  44% {
    -moz-transform: translate3d(0px, 7.1%, 0px) rotate(-1.78deg); }

  45% {
    -moz-transform: translate3d(0px, 7.83%, 0px) rotate(-1.96deg); }

  46% {
    -moz-transform: translate3d(0px, 8.49%, 0px) rotate(-2.12deg); }

  47% {
    -moz-transform: translate3d(0px, 9.09%, 0px) rotate(-2.27deg); }

  48% {
    -moz-transform: translate3d(0px, 9.63%, 0px) rotate(-2.41deg); }

  49% {
    -moz-transform: translate3d(0px, 10.11%, 0px) rotate(-2.53deg); }

  50% {
    -moz-transform: translate3d(0px, 10.52%, 0px) rotate(-2.63deg); }

  51% {
    -moz-transform: translate3d(0px, 10.89%, 0px) rotate(-2.72deg); }

  52% {
    -moz-transform: translate3d(0px, 11.19%, 0px) rotate(-2.8deg); }

  53% {
    -moz-transform: translate3d(0px, 11.45%, 0px) rotate(-2.86deg); }

  54% {
    -moz-transform: translate3d(0px, 11.65%, 0px) rotate(-2.91deg); }

  55% {
    -moz-transform: translate3d(0px, 11.81%, 0px) rotate(-2.95deg); }

  56% {
    -moz-transform: translate3d(0px, 11.92%, 0px) rotate(-2.98deg); }

  57% {
    -moz-transform: translate3d(0px, 11.98%, 0px) rotate(-2.99deg); }

  58% {
    -moz-transform: translate3d(0px, 12%, 0px) rotate(-3deg); }

  59% {
    -moz-transform: translate3d(0px, 11.98%, 0px) rotate(-3deg); }

  60% {
    -moz-transform: translate3d(0px, 11.92%, 0px) rotate(-2.98deg); }

  61% {
    -moz-transform: translate3d(0px, 11.83%, 0px) rotate(-2.96deg); }

  62% {
    -moz-transform: translate3d(0px, 11.7%, 0px) rotate(-2.92deg); }

  63% {
    -moz-transform: translate3d(0px, 11.53%, 0px) rotate(-2.88deg); }

  64% {
    -moz-transform: translate3d(0px, 11.34%, 0px) rotate(-2.83deg); }

  65% {
    -moz-transform: translate3d(0px, 11.11%, 0px) rotate(-2.78deg); }

  66% {
    -moz-transform: translate3d(0px, 10.86%, 0px) rotate(-2.72deg); }

  67% {
    -moz-transform: translate3d(0px, 10.59%, 0px) rotate(-2.65deg); }

  68% {
    -moz-transform: translate3d(0px, 10.29%, 0px) rotate(-2.57deg); }

  69% {
    -moz-transform: translate3d(0px, 9.96%, 0px) rotate(-2.49deg); }

  70% {
    -moz-transform: translate3d(0px, 9.62%, 0px) rotate(-2.41deg); }

  71% {
    -moz-transform: translate3d(0px, 9.27%, 0px) rotate(-2.32deg); }

  72% {
    -moz-transform: translate3d(0px, 8.89%, 0px) rotate(-2.22deg); }

  73% {
    -moz-transform: translate3d(0px, 8.5%, 0px) rotate(-2.13deg); }

  74% {
    -moz-transform: translate3d(0px, 8.11%, 0px) rotate(-2.03deg); }

  75% {
    -moz-transform: translate3d(0px, 7.7%, 0px) rotate(-1.92deg); }

  76% {
    -moz-transform: translate3d(0px, 7.28%, 0px) rotate(-1.82deg); }

  77% {
    -moz-transform: translate3d(0px, 6.86%, 0px) rotate(-1.71deg); }

  78% {
    -moz-transform: translate3d(0px, 6.43%, 0px) rotate(-1.61deg); }

  79% {
    -moz-transform: translate3d(0px, 6%, 0px) rotate(-1.5deg); }

  80% {
    -moz-transform: translate3d(0px, 5.57%, 0px) rotate(-1.39deg); }

  81% {
    -moz-transform: translate3d(0px, 5.15%, 0px) rotate(-1.29deg); }

  82% {
    -moz-transform: translate3d(0px, 4.73%, 0px) rotate(-1.18deg); }

  83% {
    -moz-transform: translate3d(0px, 4.31%, 0px) rotate(-1.08deg); }

  84% {
    -moz-transform: translate3d(0px, 3.9%, 0px) rotate(-0.97deg); }

  85% {
    -moz-transform: translate3d(0px, 3.5%, 0px) rotate(-0.88deg); }

  86% {
    -moz-transform: translate3d(0px, 3.11%, 0px) rotate(-0.78deg); }

  87% {
    -moz-transform: translate3d(0px, 2.74%, 0px) rotate(-0.68deg); }

  88% {
    -moz-transform: translate3d(0px, 2.38%, 0px) rotate(-0.6deg); }

  89% {
    -moz-transform: translate3d(0px, 2.04%, 0px) rotate(-0.51deg); }

  90% {
    -moz-transform: translate3d(0px, 1.72%, 0px) rotate(-0.43deg); }

  91% {
    -moz-transform: translate3d(0px, 1.42%, 0px) rotate(-0.35deg); }

  92% {
    -moz-transform: translate3d(0px, 1.14%, 0px) rotate(-0.29deg); }

  93% {
    -moz-transform: translate3d(0px, 0.89%, 0px) rotate(-0.22deg); }

  94% {
    -moz-transform: translate3d(0px, 0.67%, 0px) rotate(-0.17deg); }

  95% {
    -moz-transform: translate3d(0px, 0.47%, 0px) rotate(-0.12deg); }

  96% {
    -moz-transform: translate3d(0px, 0.31%, 0px) rotate(-0.08deg); }

  97% {
    -moz-transform: translate3d(0px, 0.18%, 0px) rotate(-0.04deg); }

  98% {
    -moz-transform: translate3d(0px, 0.08%, 0px) rotate(-0.02deg); }

  99% {
    -moz-transform: translate3d(0px, 0.02%, 0px) rotate(-0.01deg); }

  100% {
    -moz-transform: translate3d(0px, 0%, 0px) rotate(0deg); } }

@keyframes fade {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@keyframes slide {
  0% {
    transform: translate3d(0px, -120%, 0px) rotate(30deg); }

  1% {
    transform: translate3d(0px, -114.43%, 0px) rotate(28.61deg); }

  2% {
    transform: translate3d(0px, -109.02%, 0px) rotate(27.26deg); }

  3% {
    transform: translate3d(0px, -103.76%, 0px) rotate(25.94deg); }

  4% {
    transform: translate3d(0px, -98.64%, 0px) rotate(24.66deg); }

  5% {
    transform: translate3d(0px, -93.67%, 0px) rotate(23.42deg); }

  6% {
    transform: translate3d(0px, -88.84%, 0px) rotate(22.21deg); }

  7% {
    transform: translate3d(0px, -84.16%, 0px) rotate(21.04deg); }

  8% {
    transform: translate3d(0px, -79.62%, 0px) rotate(19.9deg); }

  9% {
    transform: translate3d(0px, -75.21%, 0px) rotate(18.8deg); }

  10% {
    transform: translate3d(0px, -70.94%, 0px) rotate(17.74deg); }

  11% {
    transform: translate3d(0px, -66.81%, 0px) rotate(16.7deg); }

  12% {
    transform: translate3d(0px, -62.8%, 0px) rotate(15.7deg); }

  13% {
    transform: translate3d(0px, -58.93%, 0px) rotate(14.73deg); }

  14% {
    transform: translate3d(0px, -55.18%, 0px) rotate(13.8deg); }

  15% {
    transform: translate3d(0px, -51.57%, 0px) rotate(12.89deg); }

  16% {
    transform: translate3d(0px, -48.07%, 0px) rotate(12.02deg); }

  17% {
    transform: translate3d(0px, -44.7%, 0px) rotate(11.18deg); }

  18% {
    transform: translate3d(0px, -41.45%, 0px) rotate(10.36deg); }

  19% {
    transform: translate3d(0px, -38.32%, 0px) rotate(9.58deg); }

  20% {
    transform: translate3d(0px, -35.3%, 0px) rotate(8.83deg); }

  21% {
    transform: translate3d(0px, -32.4%, 0px) rotate(8.1deg); }

  22% {
    transform: translate3d(0px, -29.62%, 0px) rotate(7.4deg); }

  23% {
    transform: translate3d(0px, -26.94%, 0px) rotate(6.73deg); }

  24% {
    transform: translate3d(0px, -24.37%, 0px) rotate(6.09deg); }

  25% {
    transform: translate3d(0px, -21.91%, 0px) rotate(5.48deg); }

  26% {
    transform: translate3d(0px, -19.56%, 0px) rotate(4.89deg); }

  27% {
    transform: translate3d(0px, -17.3%, 0px) rotate(4.33deg); }

  28% {
    transform: translate3d(0px, -15.15%, 0px) rotate(3.79deg); }

  29% {
    transform: translate3d(0px, -13.1%, 0px) rotate(3.27deg); }

  30% {
    transform: translate3d(0px, -11.14%, 0px) rotate(2.79deg); }

  31% {
    transform: translate3d(0px, -9.28%, 0px) rotate(2.32deg); }

  32% {
    transform: translate3d(0px, -7.52%, 0px) rotate(1.88deg); }

  33% {
    transform: translate3d(0px, -5.84%, 0px) rotate(1.46deg); }

  34% {
    transform: translate3d(0px, -4.26%, 0px) rotate(1.06deg); }

  35% {
    transform: translate3d(0px, -2.76%, 0px) rotate(0.69deg); }

  36% {
    transform: translate3d(0px, -1.35%, 0px) rotate(0.34deg); }

  37% {
    transform: translate3d(0px, -0.02%, 0px) rotate(0deg); }

  38% {
    transform: translate3d(0px, 1.23%, 0px) rotate(-0.31deg); }

  39% {
    transform: translate3d(0px, 2.39%, 0px) rotate(-0.6deg); }

  40% {
    transform: translate3d(0px, 3.48%, 0px) rotate(-0.87deg); }

  41% {
    transform: translate3d(0px, 4.5%, 0px) rotate(-1.12deg); }

  42% {
    transform: translate3d(0px, 5.44%, 0px) rotate(-1.36deg); }

  43% {
    transform: translate3d(0px, 6.3%, 0px) rotate(-1.58deg); }

  44% {
    transform: translate3d(0px, 7.1%, 0px) rotate(-1.78deg); }

  45% {
    transform: translate3d(0px, 7.83%, 0px) rotate(-1.96deg); }

  46% {
    transform: translate3d(0px, 8.49%, 0px) rotate(-2.12deg); }

  47% {
    transform: translate3d(0px, 9.09%, 0px) rotate(-2.27deg); }

  48% {
    transform: translate3d(0px, 9.63%, 0px) rotate(-2.41deg); }

  49% {
    transform: translate3d(0px, 10.11%, 0px) rotate(-2.53deg); }

  50% {
    transform: translate3d(0px, 10.52%, 0px) rotate(-2.63deg); }

  51% {
    transform: translate3d(0px, 10.89%, 0px) rotate(-2.72deg); }

  52% {
    transform: translate3d(0px, 11.19%, 0px) rotate(-2.8deg); }

  53% {
    transform: translate3d(0px, 11.45%, 0px) rotate(-2.86deg); }

  54% {
    transform: translate3d(0px, 11.65%, 0px) rotate(-2.91deg); }

  55% {
    transform: translate3d(0px, 11.81%, 0px) rotate(-2.95deg); }

  56% {
    transform: translate3d(0px, 11.92%, 0px) rotate(-2.98deg); }

  57% {
    transform: translate3d(0px, 11.98%, 0px) rotate(-2.99deg); }

  58% {
    transform: translate3d(0px, 12%, 0px) rotate(-3deg); }

  59% {
    transform: translate3d(0px, 11.98%, 0px) rotate(-3deg); }

  60% {
    transform: translate3d(0px, 11.92%, 0px) rotate(-2.98deg); }

  61% {
    transform: translate3d(0px, 11.83%, 0px) rotate(-2.96deg); }

  62% {
    transform: translate3d(0px, 11.7%, 0px) rotate(-2.92deg); }

  63% {
    transform: translate3d(0px, 11.53%, 0px) rotate(-2.88deg); }

  64% {
    transform: translate3d(0px, 11.34%, 0px) rotate(-2.83deg); }

  65% {
    transform: translate3d(0px, 11.11%, 0px) rotate(-2.78deg); }

  66% {
    transform: translate3d(0px, 10.86%, 0px) rotate(-2.72deg); }

  67% {
    transform: translate3d(0px, 10.59%, 0px) rotate(-2.65deg); }

  68% {
    transform: translate3d(0px, 10.29%, 0px) rotate(-2.57deg); }

  69% {
    transform: translate3d(0px, 9.96%, 0px) rotate(-2.49deg); }

  70% {
    transform: translate3d(0px, 9.62%, 0px) rotate(-2.41deg); }

  71% {
    transform: translate3d(0px, 9.27%, 0px) rotate(-2.32deg); }

  72% {
    transform: translate3d(0px, 8.89%, 0px) rotate(-2.22deg); }

  73% {
    transform: translate3d(0px, 8.5%, 0px) rotate(-2.13deg); }

  74% {
    transform: translate3d(0px, 8.11%, 0px) rotate(-2.03deg); }

  75% {
    transform: translate3d(0px, 7.7%, 0px) rotate(-1.92deg); }

  76% {
    transform: translate3d(0px, 7.28%, 0px) rotate(-1.82deg); }

  77% {
    transform: translate3d(0px, 6.86%, 0px) rotate(-1.71deg); }

  78% {
    transform: translate3d(0px, 6.43%, 0px) rotate(-1.61deg); }

  79% {
    transform: translate3d(0px, 6%, 0px) rotate(-1.5deg); }

  80% {
    transform: translate3d(0px, 5.57%, 0px) rotate(-1.39deg); }

  81% {
    transform: translate3d(0px, 5.15%, 0px) rotate(-1.29deg); }

  82% {
    transform: translate3d(0px, 4.73%, 0px) rotate(-1.18deg); }

  83% {
    transform: translate3d(0px, 4.31%, 0px) rotate(-1.08deg); }

  84% {
    transform: translate3d(0px, 3.9%, 0px) rotate(-0.97deg); }

  85% {
    transform: translate3d(0px, 3.5%, 0px) rotate(-0.88deg); }

  86% {
    transform: translate3d(0px, 3.11%, 0px) rotate(-0.78deg); }

  87% {
    transform: translate3d(0px, 2.74%, 0px) rotate(-0.68deg); }

  88% {
    transform: translate3d(0px, 2.38%, 0px) rotate(-0.6deg); }

  89% {
    transform: translate3d(0px, 2.04%, 0px) rotate(-0.51deg); }

  90% {
    transform: translate3d(0px, 1.72%, 0px) rotate(-0.43deg); }

  91% {
    transform: translate3d(0px, 1.42%, 0px) rotate(-0.35deg); }

  92% {
    transform: translate3d(0px, 1.14%, 0px) rotate(-0.29deg); }

  93% {
    transform: translate3d(0px, 0.89%, 0px) rotate(-0.22deg); }

  94% {
    transform: translate3d(0px, 0.67%, 0px) rotate(-0.17deg); }

  95% {
    transform: translate3d(0px, 0.47%, 0px) rotate(-0.12deg); }

  96% {
    transform: translate3d(0px, 0.31%, 0px) rotate(-0.08deg); }

  97% {
    transform: translate3d(0px, 0.18%, 0px) rotate(-0.04deg); }

  98% {
    transform: translate3d(0px, 0.08%, 0px) rotate(-0.02deg); }

  99% {
    transform: translate3d(0px, 0.02%, 0px) rotate(-0.01deg); }

  100% {
    transform: translate3d(0px, 0%, 0px) rotate(0deg); } }

body, html {
  height: 100%; }

body {
  overflow: hidden;
  margin: 0;
  padding: 0;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  font: 13px Arial, sans-serif; }

body.idle, body.idle * {
  cursor: none !important; }
body.idle .idleable {
  opacity: 0; }

.idleable {
  opacity: 1;
  -webkit-transition: opacity 500ms linear;
  transition: opacity 500ms linear; }

.cell {
  position: absolute; }

#container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

#matrix-container {
  position: absolute;
  height: 100%;
  width: 100%; }

#matrix-button {
  position: absolute;
  z-index: 2;
  width: 22px;
  height: 23px;
  background: url(../images/matrix.png) center center no-repeat;
  cursor: pointer;
  padding: 10px;
  left: 1px; }
  [dir=rtl] #matrix-button {
    left: auto;
    right: 1px; }

#matrix-select-container {
  opacity: 0;
  pointer-events: none;
  z-index: 3;
  position: fixed;
  top: 10px;
  left: 10px; }
  [dir=rtl] #matrix-select-container {
    left: auto;
    right: 10px; }
  #matrix-select-container.showing {
    display: block;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: opacity 100ms linear;
    transition: opacity 100ms linear; }

#matrix-select td {
  width: 18px;
  height: 22px;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.2); }
  #matrix-select td.highlight {
    background: rgba(255, 255, 255, 0.5); }
  #matrix-select td.select {
    background: #ddd; }
  #matrix-select td.highlight.select {
    background: #fff; }

#desc {
  -webkit-font-smoothing: antialiased;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 20px;
  left: 22px;
  z-index: 3; }
  [dir=rtl] #desc {
    left: auto;
    right: 22px; }
  #desc a {
    color: #fff; }

#region {
  font-weight: bold;
  display: inline-block;
  border-bottom: 1px dotted #fff; }

#region-select {
  -webkit-tap-highlight-color: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  width: 100px;
  cursor: pointer;
  position: fixed;
  margin-top: -1px;
  z-index: 3; }
  [dir=rtl] #region-select {
    direction: rtl; }

#logo {
  z-index: 2;
  bottom: 14px;
  right: 22px;
  position: absolute; }
  [dir=rtl] #logo {
    right: auto;
    left: 22px; }
  #logo a {
    padding-left: 75px;
    background: url("../images/logo-white.png") left bottom no-repeat;
    text-decoration: none;
    display: block; }
    @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) {
      #logo a {
        background-image: url("../images/logo-white2x.png");
        background-size: 72px 26px;
        background-position: left bottom; } }
  #logo img {
    vertical-align: bottom;
    border: 0; }
  #logo span {
    display: inline-block;
    vertical-align: bottom;
    color: #fff;
    font: 17px Arial, sans-serif;
    line-height: 29px;
    margin-left: 4px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    -webkit-font-smoothing: antialiased; }

.no-pointerevents #matrix-select-container {
  display: none; }
  .no-pointerevents #matrix-select-container.showing {
    display: block; }

@media only screen and (max-width: 500px) {
  #logo {
    top: 9px;
    right: 12px;
    bottom: auto; }
    [dir=rtl] #logo {
      right: auto;
      left: 12px; }
    .ss #logo {
      display: none; } }
.small-window #logo {
  top: 9px;
  right: 12px;
  bottom: auto; }
  [dir=rtl] .small-window #logo {
    right: auto;
    left: 12px; }
  .ss .small-window #logo {
    display: none; }