@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,500);
/*
 * jQuery UI CSS Framework 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */
/* Layout helpers
----------------------------------*/
/* line 13, ../sass/_jquery.ui.scss */
.ui-helper-hidden {
  display: none;
}

/* line 14, ../sass/_jquery.ui.scss */
.ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

/* line 15, ../sass/_jquery.ui.scss */
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

/* line 16, ../sass/_jquery.ui.scss */
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
}

/* line 17, ../sass/_jquery.ui.scss */
.ui-helper-clearfix:after {
  clear: both;
}

/* line 18, ../sass/_jquery.ui.scss */
.ui-helper-clearfix {
  zoom: 1;
}

/* line 19, ../sass/_jquery.ui.scss */
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

/* Interaction Cues
----------------------------------*/
/* line 24, ../sass/_jquery.ui.scss */
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
/* line 31, ../sass/_jquery.ui.scss */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
/* line 38, ../sass/_jquery.ui.scss */
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
 * jQuery UI Dialog 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
/* line 49, ../sass/_jquery.ui.scss */
.ui-dialog {
  position: absolute;
  padding: .2em;
  width: 300px;
  overflow: hidden;
}

/* line 50, ../sass/_jquery.ui.scss */
.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}

/* line 51, ../sass/_jquery.ui.scss */
.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 16px .1em 0;
}

/* line 52, ../sass/_jquery.ui.scss */
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px;
}

/* line 53, ../sass/_jquery.ui.scss */
.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px;
}

/* line 54, ../sass/_jquery.ui.scss */
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
  padding: 0;
}

/* line 55, ../sass/_jquery.ui.scss */
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
  zoom: 1;
}

/* line 56, ../sass/_jquery.ui.scss */
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: .5em 0 0 0;
  padding: .3em 1em .5em .4em;
}

/* line 57, ../sass/_jquery.ui.scss */
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

/* line 58, ../sass/_jquery.ui.scss */
.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}

/* line 59, ../sass/_jquery.ui.scss */
.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px;
}

/* line 60, ../sass/_jquery.ui.scss */
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

/* line 5, ../sass/_jcarousel.scss */
.gallery-box .jcarousel-clip-horizontal {
  width: 667px;
  height: 500px;
}
/* line 10, ../sass/_jcarousel.scss */
.gallery-box .jcarousel-item {
  width: 667px;
  height: 500px;
}
/* line 15, ../sass/_jcarousel.scss */
.gallery-box .jcarousel-item-horizontal {
  margin-left: 0;
  margin-right: 0;
}

/* line 26, ../sass/_jcarousel.scss */
.gallery .jcarousel-clip-horizontal {
  width: 556px;
  height: 138px;
}
/* line 31, ../sass/_jcarousel.scss */
.gallery .jcarousel-item {
  width: 180px;
  height: 138px;
}
/* line 36, ../sass/_jcarousel.scss */
.gallery .jcarousel-item-horizontal {
  margin-left: 0;
  margin-right: 8px;
}
/* line 41, ../sass/_jcarousel.scss */
.gallery .jcarousel-container-horizontal {
  float: left;
  margin-top: 40px;
}
/* line 46, ../sass/_jcarousel.scss */
.gallery .jcarousel-item-vertical {
  margin-bottom: 10px;
}

/* line 51, ../sass/_jcarousel.scss */
.jcarousel-direction-rtl {
  direction: rtl;
}

/* line 55, ../sass/_jcarousel.scss */
.jcarousel-clip {
  overflow: hidden;
}

/* line 59, ../sass/_jcarousel.scss */
.jcarousel-item-placeholder {
  background: #fff;
  color: #000;
}

/**
 *  Horizontal Buttons
 */
/* line 67, ../sass/_jcarousel.scss */
.jcarousel-next-horizontal {
  position: absolute;
  top: 43px;
  right: 5px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background: transparent url(next-horizontal.png) no-repeat 0 0;
}

/* line 77, ../sass/_jcarousel.scss */
.jcarousel-direction-rtl .jcarousel-next-horizontal {
  left: 5px;
  right: auto;
  background-image: url(prev-horizontal.png);
}

/* line 84, ../sass/_jcarousel.scss */
.jcarousel-next-horizontal:hover,
.jcarousel-next-horizontal:focus {
  background-position: -32px 0;
}

/* line 88, ../sass/_jcarousel.scss */
.jcarousel-next-horizontal:active {
  background-position: -64px 0;
}

/* line 95, ../sass/_jcarousel.scss */
.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:focus,
.jcarousel-next-disabled-horizontal:active {
  cursor: default;
  background-position: -96px 0;
}

/* line 100, ../sass/_jcarousel.scss */
.jcarousel-prev-horizontal {
  position: absolute;
  top: 43px;
  left: 5px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

/* line 110, ../sass/_jcarousel.scss */
.jcarousel-direction-rtl .jcarousel-prev-horizontal {
  left: auto;
  right: 5px;
  background-image: url(next-horizontal.png);
}

/* line 117, ../sass/_jcarousel.scss */
.jcarousel-prev-horizontal:hover,
.jcarousel-prev-horizontal:focus {
  background-position: -32px 0;
}

/* line 121, ../sass/_jcarousel.scss */
.jcarousel-prev-horizontal:active {
  background-position: -64px 0;
}

/* line 128, ../sass/_jcarousel.scss */
.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:focus,
.jcarousel-prev-disabled-horizontal:active {
  cursor: default;
  background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
/* line 136, ../sass/_jcarousel.scss */
.jcarousel-next-vertical {
  position: absolute;
  bottom: 5px;
  left: 43px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background: transparent url(next-vertical.png) no-repeat 0 0;
}

/* line 147, ../sass/_jcarousel.scss */
.jcarousel-next-vertical:hover,
.jcarousel-next-vertical:focus {
  background-position: 0 -32px;
}

/* line 151, ../sass/_jcarousel.scss */
.jcarousel-next-vertical:active {
  background-position: 0 -64px;
}

/* line 158, ../sass/_jcarousel.scss */
.jcarousel-next-disabled-vertical,
.jcarousel-next-disabled-vertical:hover,
.jcarousel-next-disabled-vertical:focus,
.jcarousel-next-disabled-vertical:active {
  cursor: default;
  background-position: 0 -96px;
}

/* line 163, ../sass/_jcarousel.scss */
.jcarousel-prev-vertical {
  position: absolute;
  top: 5px;
  left: 43px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background: transparent url(prev-vertical.png) no-repeat 0 0;
}

/* line 174, ../sass/_jcarousel.scss */
.jcarousel-prev-vertical:hover,
.jcarousel-prev-vertical:focus {
  background-position: 0 -32px;
}

/* line 178, ../sass/_jcarousel.scss */
.jcarousel-prev-vertical:active {
  background-position: 0 -64px;
}

/* line 185, ../sass/_jcarousel.scss */
.jcarousel-prev-disabled-vertical,
.jcarousel-prev-disabled-vertical:hover,
.jcarousel-prev-disabled-vertical:focus,
.jcarousel-prev-disabled-vertical:active {
  cursor: default;
  background-position: 0 -96px;
}

/* line 10, ../sass/screen.scss */
body {
  padding: 0;
  border: 0;
  margin: 0;
  background: #474747;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 400;
  color: #fff;
  letter-spacing: 1px;
}

/* line 27, ../sass/screen.scss */
a, a:hover, a:visited, a:active {
  color: inherit;
  text-decoration: none;
  outline: none;
}

/* line 34, ../sass/screen.scss */
object {
  outline: none;
}

/* line 38, ../sass/screen.scss */
.placeholder {
  clear: both;
}

/* line 44, ../sass/screen.scss */
.container {
  width: 970px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

/* line 51, ../sass/screen.scss */
.window-main {
  min-height: 967px;
}

/* line 55, ../sass/screen.scss */
.window-skyline {
  background: url("../../images/skyline_bg.png") bottom center no-repeat;
  height: 122px;
  padding-top: 20px;
}

/* line 61, ../sass/screen.scss */
.download-button {
  position: relative;
  width: 364px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 500px;
}
/* line 68, ../sass/screen.scss */
.download-button span.big-button {
  display: block;
  width: 360px;
  height: 121px;
}
/* line 73, ../sass/screen.scss */
.download-button span.big-button:hover {
  background-position: -4px -193px;
}
/* line 78, ../sass/screen.scss */
.download-button div.download-description {
  display: block;
  font-size: 20px;
  text-align: center;
  margin-top: 12px;
}
/* line 85, ../sass/screen.scss */
.download-button span.app-store {
  display: block;
  float: left;
  width: 136px;
  height: 45px;
  margin-left: 2px;
  margin-top: 3px;
}

/* line 95, ../sass/screen.scss */
.description {
  clear: both;
  margin-top: 40px;
  font-size: 26px;
  line-height: 30px;
  text-align: center;
  margin-bottom: 30px;
}

/* line 104, ../sass/screen.scss */
.gallery {
  float: left;
  width: 614px;
  height: 187px;
}
/* line 109, ../sass/screen.scss */
.gallery .gallery-prev {
  float: left;
  margin-top: 90px;
  margin-left: 12px;
  margin-right: 3px;
  width: 14px;
  height: 30px;
}
/* line 117, ../sass/screen.scss */
.gallery .gallery-prev span {
  display: block;
  background: url("../../images/assets_EN.png") no-repeat -765px -195px;
  width: 14px;
  height: 30px;
}
/* line 123, ../sass/screen.scss */
.gallery .gallery-prev span:hover {
  background-position: -735px -195px;
}
/* line 129, ../sass/screen.scss */
.gallery .gallery-next {
  float: left;
  margin-left: 3px;
  margin-top: 90px;
  width: 14px;
  height: 30px;
}
/* line 136, ../sass/screen.scss */
.gallery .gallery-next span {
  display: block;
  background: url("../../images/assets_EN.png") no-repeat -781px -195px;
  width: 14px;
  height: 30px;
}
/* line 142, ../sass/screen.scss */
.gallery .gallery-next span:hover {
  background-position: -749px -195px;
}

/* line 149, ../sass/screen.scss */
.watch-the-trailer {
  float: left;
  padding-top: 44px;
  padding-left: 15px;
  width: 204px;
  height: 143px;
}

/* line 161, ../sass/screen.scss */
.fb-like {
  float: left;
  margin-left: 5px;
  margin-top: 10px;
  width: 125px;
  height: 63px;
}
/* line 168, ../sass/screen.scss */
.fb-like span {
  display: block;
  width: 125px;
  height: 63px;
}

/* line 175, ../sass/screen.scss */
.follow {
  float: left;
  margin-left: 5px;
  margin-top: 5px;
  width: 125px;
  height: 63px;
}
/* line 182, ../sass/screen.scss */
.follow span {
  display: block;
  width: 125px;
  height: 63px;
}

/* line 189, ../sass/screen.scss */
.goodbeans {
  float: left;
  margin-left: 5px;
  margin-top: 5px;
}
/* line 194, ../sass/screen.scss */
.goodbeans span {
  display: block;
  background: url("../../images/assets_EN.png") no-repeat -659px -322px;
  width: 127px;
  height: 32px;
}

/* line 211, ../sass/screen.scss */
.ui-dialog .ui-dialog-content.video-box,
.ui-dialog .ui-dialog-content.gallery-box {
  border: 15px solid #4d4d4d;
  border-radius: 5px;
  padding: 0;
  margin: 0;
}

/* line 218, ../sass/screen.scss */
.ui-dialog .ui-dialog-content.gallery-box {
  width: 667px !important;
  height: 556px !important;
}

/* line 223, ../sass/screen.scss */
.ui-dialog .ui-dialog-content.video-box {
  width: 640px !important;
  height: 416px !important;
}

/* line 228, ../sass/screen.scss */
.gallery-box-content {
  width: 667px;
  height: 556px;
}
/* line 232, ../sass/screen.scss */
.gallery-box-content img {
  width: 667px;
  height: 500px;
}

/* line 238, ../sass/screen.scss */
.video-box-content {
  width: 640px;
  height: 416px;
}

/* line 244, ../sass/screen.scss */
.video-box-content,
.gallery-box-content {
  background: #4d4d4d;
}
/* line 248, ../sass/screen.scss */
.video-box-content .video-box-navigation,
.video-box-content .gallery-box-navigation,
.gallery-box-content .video-box-navigation,
.gallery-box-content .gallery-box-navigation {
  margin-top: 15px;
}
/* line 251, ../sass/screen.scss */
.video-box-content .video-box-navigation .button-play,
.video-box-content .gallery-box-navigation .button-play,
.gallery-box-content .video-box-navigation .button-play,
.gallery-box-content .gallery-box-navigation .button-play {
  float: left;
  width: 41px;
  height: 41px;
  background: url("../../images/video.png") no-repeat -38px -41px;
}
/* line 258, ../sass/screen.scss */
.video-box-content .video-box-navigation .button-play.hover, .video-box-content .video-box-navigation .button-play:hover,
.video-box-content .gallery-box-navigation .button-play.hover,
.video-box-content .gallery-box-navigation .button-play:hover,
.gallery-box-content .video-box-navigation .button-play.hover,
.gallery-box-content .video-box-navigation .button-play:hover,
.gallery-box-content .gallery-box-navigation .button-play.hover,
.gallery-box-content .gallery-box-navigation .button-play:hover {
  background-position: -38px 0;
  cursor: pointer;
}
/* line 264, ../sass/screen.scss */
.video-box-content .video-box-navigation .button-prev,
.video-box-content .gallery-box-navigation .button-prev,
.gallery-box-content .video-box-navigation .button-prev,
.gallery-box-content .gallery-box-navigation .button-prev {
  float: left;
  width: 35px;
  height: 35px;
  background: url("../../images/video.png") no-repeat 0 -41px;
}
/* line 272, ../sass/screen.scss */
.video-box-content .video-box-navigation .button-prev:hover,
.video-box-content .gallery-box-navigation .button-prev:hover,
.gallery-box-content .video-box-navigation .button-prev:hover,
.gallery-box-content .gallery-box-navigation .button-prev:hover {
  background-position: 0 0;
  cursor: pointer;
}
/* line 278, ../sass/screen.scss */
.video-box-content .video-box-navigation .button-next,
.video-box-content .gallery-box-navigation .button-next,
.gallery-box-content .video-box-navigation .button-next,
.gallery-box-content .gallery-box-navigation .button-next {
  float: left;
  margin-left: 3px;
  width: 32px;
  height: 35px;
  background: url("../../images/video.png") no-repeat -84px -41px;
}
/* line 286, ../sass/screen.scss */
.video-box-content .video-box-navigation .button-next:hover,
.video-box-content .gallery-box-navigation .button-next:hover,
.gallery-box-content .video-box-navigation .button-next:hover,
.gallery-box-content .gallery-box-navigation .button-next:hover {
  background-position: -84px 0;
  cursor: pointer;
}
/* line 292, ../sass/screen.scss */
.video-box-content .video-box-navigation .button-close,
.video-box-content .gallery-box-navigation .button-close,
.gallery-box-content .video-box-navigation .button-close,
.gallery-box-content .gallery-box-navigation .button-close {
  float: right;
  width: 41px;
  height: 41px;
  background: url("../../images/video.png") no-repeat -116px -41px;
}
/* line 299, ../sass/screen.scss */
.video-box-content .video-box-navigation .button-close:hover,
.video-box-content .gallery-box-navigation .button-close:hover,
.gallery-box-content .video-box-navigation .button-close:hover,
.gallery-box-content .gallery-box-navigation .button-close:hover {
  background-position: -116px 0;
  cursor: pointer;
}

/* line 307, ../sass/screen.scss */
.ui-dialog-titlebar {
  display: none;
}

/* line 311, ../sass/screen.scss */
.ui-widget-overlay {
  background: #000;
  opacity: .3;
  filter: Alpha(Opacity=30);
}

/* line 318, ../sass/screen.scss */
.content_EN .window-main {
  background: url("../../images/bg_EN.jpg") top center no-repeat;
}
/* line 322, ../sass/screen.scss */
.content_EN span.big-button {
  background: url("../../images/assets_EN.png") no-repeat -369px -193px;
}
/* line 326, ../sass/screen.scss */
.content_EN span.app-store {
  background: url("../../images/assets_EN.png") no-repeat -520px -320px;
}
/* line 330, ../sass/screen.scss */
.content_EN .gallery {
  background: url("../../images/assets_EN.png") no-repeat 0 0;
}
/* line 334, ../sass/screen.scss */
.content_EN .watch-the-trailer {
  background: url("../../images/assets_EN.png") no-repeat -614px 0;
}
/* line 338, ../sass/screen.scss */
.content_EN .fb-like span {
  background: url("../../images/assets_EN.png") no-repeat -133px -320px;
}
/* line 340, ../sass/screen.scss */
.content_EN .fb-like span:hover {
  background-position: -3px -320px;
}
/* line 345, ../sass/screen.scss */
.content_EN .follow span {
  background: url("../../images/assets_EN.png") no-repeat -390px -320px;
}
/* line 347, ../sass/screen.scss */
.content_EN .follow span:hover {
  background-position: -261px -320px;
}

/* line 355, ../sass/screen.scss */
.content_DE .window-main {
  background: url("../../images/bg_DE.jpg") top center no-repeat;
}
/* line 359, ../sass/screen.scss */
.content_DE span.big-button {
  background: url("../../images/assets_DE.png") no-repeat -369px -193px;
}
/* line 363, ../sass/screen.scss */
.content_DE span.app-store {
  background: url("../../images/assets_DE.png") no-repeat -520px -320px;
}
/* line 367, ../sass/screen.scss */
.content_DE .gallery {
  background: url("../../images/assets_DE.png") no-repeat 0 0;
}
/* line 371, ../sass/screen.scss */
.content_DE .watch-the-trailer {
  background: url("../../images/assets_DE.png") no-repeat -614px 0;
}
/* line 375, ../sass/screen.scss */
.content_DE .fb-like span {
  background: url("../../images/assets_DE.png") no-repeat -133px -320px;
}
/* line 377, ../sass/screen.scss */
.content_DE .fb-like span:hover {
  background-position: -3px -320px;
}
/* line 382, ../sass/screen.scss */
.content_DE .follow span {
  background: url("../../images/assets_DE.png") no-repeat -390px -320px;
}
/* line 384, ../sass/screen.scss */
.content_DE .follow span:hover {
  background-position: -261px -320px;
}

/* line 392, ../sass/screen.scss */
.content_FR .window-main {
  background: url("../../images/bg_FR.jpg") top center no-repeat;
}
/* line 396, ../sass/screen.scss */
.content_FR span.big-button {
  background: url("../../images/assets_FR.png") no-repeat -369px -193px;
}
/* line 400, ../sass/screen.scss */
.content_FR span.app-store {
  background: url("../../images/assets_FR.png") no-repeat -520px -320px;
}
/* line 404, ../sass/screen.scss */
.content_FR .gallery {
  background: url("../../images/assets_FR.png") no-repeat 0 0;
}
/* line 408, ../sass/screen.scss */
.content_FR .watch-the-trailer {
  background: url("../../images/assets_FR.png") no-repeat -614px 0;
}
/* line 412, ../sass/screen.scss */
.content_FR .fb-like span {
  background: url("../../images/assets_FR.png") no-repeat -133px -320px;
}
/* line 414, ../sass/screen.scss */
.content_FR .fb-like span:hover {
  background-position: -3px -320px;
}
/* line 419, ../sass/screen.scss */
.content_FR .follow span {
  background: url("../../images/assets_FR.png") no-repeat -390px -320px;
}
/* line 421, ../sass/screen.scss */
.content_FR .follow span:hover {
  background-position: -261px -320px;
}