/* RESET --------------------------------------------------------- */
/* line 2, scss/main.scss */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: top;
  background: transparent;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
}

/* line 2, scss/main.scss */
body {
  line-height: 1px;
}
#hit{
	position:absolute;
	left:50%;
	top:10px;
	margin-left:-447px;	
}
/* line 2, scss/main.scss */
nav ul {
  list-style: none;
}

/* line 2, scss/main.scss */
blockquote, q {
  quotes: none;
}

/* line 2, scss/main.scss */
blockquote:before, blockquote:after, q:before, q:after {
  content: none;
}

/* line 2, scss/main.scss */
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  outline: 0;
}

/* line 2, scss/main.scss */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* line 2, scss/main.scss */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

/* line 2, scss/main.scss */
del {
  text-decoration: line-through;
}

/* line 2, scss/main.scss */
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

/* line 2, scss/main.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 2, scss/main.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/* line 2, scss/main.scss */
input, select {
  vertical-align: middle;
}

/* line 2, scss/main.scss */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 2, scss/main.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, \:article, \:aside, \:details, \:figcaption, \:figure, \:footer, \:header, \:hgroup, \:menu, \:nav, \:section {
  display: block;
}

/* line 2, scss/main.scss */
p {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}

/* line 2, scss/main.scss */
:focus {
  outline: 0;
}

/* INHERITED FROM THE OLD SITE --------------------------------------------------------- */
/* line 1, scss/includes/_helpers.scss */
.abs {
  top: 0;
  left: 0;
  position: absolute;
}

/* line 6, scss/includes/_helpers.scss */
.rel {
  top: 0;
  left: 0;
  position: relative;
}

/* line 11, scss/includes/_helpers.scss */
.absFull {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
}

/* line 18, scss/includes/_helpers.scss */
.hidden {
  visibility: hidden;
  display: none;
  opacity: 0;
}

/* line 24, scss/includes/_helpers.scss */
.clickKill {
  cursor: none;
}

/* line 28, scss/includes/_helpers.scss */
.mobile .clickKill {
  display: block;
  cursor: pointer;
}

/* line 33, scss/includes/_helpers.scss */
.TL {
  top: 0;
  left: 0;
  position: absolute;
}

/* line 34, scss/includes/_helpers.scss */
.T {
  top: 0;
  left: 50%;
  position: absolute;
}

/* line 35, scss/includes/_helpers.scss */
.TR {
  top: 0;
  right: 0;
  position: absolute;
}

/* line 36, scss/includes/_helpers.scss */
.L {
  top: 50%;
  left: 0;
  position: absolute;
}

/* line 37, scss/includes/_helpers.scss */
.C {
  top: 50%;
  left: 50%;
  position: absolute;
}

/* line 38, scss/includes/_helpers.scss */
.R {
  top: 50%;
  right: 0;
  position: absolute;
}

/* line 39, scss/includes/_helpers.scss */
.BL {
  bottom: 0;
  left: 0;
  position: absolute;
}

/* line 40, scss/includes/_helpers.scss */
.B {
  bottom: 0;
  left: 50%;
  position: absolute;
}

/* line 41, scss/includes/_helpers.scss */
.BR {
  bottom: 0;
  right: 0;
  position: absolute;
}

/* line 42, scss/includes/_helpers.scss */
.full {
  width: 100%;
  height: 100%;
  display: block;
}

/* line 43, scss/includes/_helpers.scss */
.invis {
  visibility: hidden;
  opacity: 0;
}

/* line 44, scss/includes/_helpers.scss */
.hList {
  list-style: none;
  white-space: nowrap;
}

/* line 45, scss/includes/_helpers.scss */
.hList li {
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}

/* line 47, scss/includes/_helpers.scss */
.noSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 9, scss/main.scss */
html {
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 100%;
  height: 100%;
}

/* line 18, scss/main.scss */
body {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  background-color: #000;
  overflow-y: auto;
  overflow-x: auto;
  min-height: 100%;
  color: #fff;
}
/* line 29, scss/main.scss */
.loading body, .overlay body, .menu body {
  overflow-x: hidden;
  overflow-y: hidden;
  width: 100%;
  height: 100%;
}
/* line 38, scss/main.scss */
body.upgrade {
  text-align: center;
  margin-top: 60px;
}

/* line 46, scss/main.scss */
.mobile .upgrade #logoU {
  width: 286px;
  height: 141px;
}
/* line 52, scss/main.scss */
.mobile .upgrade #logoU2 {
  width: 213px;
  height: 28px;
}

/* line 59, scss/main.scss */
#upgradeRelease {
  margin-top: 14px;
  display: block;
  color: #fff;
  margin-bottom: 15px;
}

/* line 66, scss/main.scss */
#preloaderScreen {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  overflow: hidden;
  background: #000;
}

/* line 78, scss/main.scss */
#preloaderCurtain {
  background: #000;
}

/* line 82, scss/main.scss */
#preloaderBar {
  background: #111;
  height: 3px;
  margin-top: -1px;
  width: 240px;
  margin-left: -120px;
  margin-top: 80px;
  display: block;
  overflow: hidden;
}

/* line 93, scss/main.scss */
#preloaderBarFill {
  width: 0;
  height: 100%;
  display: block;
  background: #666;
}

/* line 102, scss/main.scss */
#preloaderLogo {
  left: 50px;
  right: 50px;
  display: block;
  height: 120px;
  background: url(../images/logo.png) center center no-repeat;
  margin-top: -60px;
  background-size: contain;
}

/* line 113, scss/main.scss */
.closeBtn {
  top: 10px;
  right: 10px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  display: block;
}
/* line 121, scss/main.scss */
.closeBtn .outline {
  width: 30px;
  height: 30px;
  border: 2px solid rgba(255, 255, 255, 0.6);
  margin-left: -15px;
  margin-top: -15px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -o-border-radius: 24px;
  border-radius: 24px;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
/* line 133, scss/main.scss */
.closeBtn .line1 {
  margin-left: -9px;
  margin-top: -0.5px;
  width: 18px;
  height: 1px;
  display: block;
  background: #fff;
  -webkit-transform: rotate(45deg) translateZ(0);
  -moz-transform: rotate(45deg) translateZ(0);
  -o-transform: rotate(45deg) translateZ(0);
  -ms-transform: rotate(45deg) translateZ(0);
  transform: rotate(45deg) translateZ(0);
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: width 0.2s, margin-left 0.2s;
  -moz-transition: width 0.2s, margin-left 0.2s;
  -o-transition: width 0.2s, margin-left 0.2s;
  transition: width 0.2s, margin-left 0.2s;
}
/* line 145, scss/main.scss */
.closeBtn .line2 {
  margin-left: -9px;
  margin-top: -0.5px;
  width: 18px;
  height: 1px;
  display: block;
  background: #fff;
  -webkit-transform: rotate(-45deg) translateZ(0);
  -moz-transform: rotate(-45deg) translateZ(0);
  -o-transform: rotate(-45deg) translateZ(0);
  -ms-transform: rotate(-45deg) translateZ(0);
  transform: rotate(-45deg) translateZ(0);
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: width 0.2s, margin-left 0.2s;
  -moz-transition: width 0.2s, margin-left 0.2s;
  -o-transition: width 0.2s, margin-left 0.2s;
  transition: width 0.2s, margin-left 0.2s;
}
/* line 158, scss/main.scss */
.desktop .closeBtn:hover .line1, .desktop .closeBtn:hover .line2 {
  margin-left: -5px;
  width: 10px;
}

/* line 165, scss/main.scss */
#mainContentShell {
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  display: block;
  min-width:1070px;
}
/* line 173, scss/main.scss */
#mainContentShell.upgrade {
  text-align: center;
  padding-top: 50px;
  font-size: 16px;
}
/* line 178, scss/main.scss */
#mainContentShell.upgrade #upgradeLogo2 {
  margin-bottom: 30px;
}

/* line 184, scss/main.scss */
#mainContent {
  display: none;
}

/* line 188, scss/main.scss */
.loading #mainContent {
  opacity: 0;
}

/* line 1, scss/desktop/_framework.scss */
#socialMenu {
  position: relative;
  display: inline-block;
  margin-left: 5px;
}
/* line 6, scss/desktop/_framework.scss */
.socialCollapsed #socialMenu {
  display: none;
}

/* line 12, scss/desktop/_framework.scss */
#socialMenu a, #followDrawerBtns a {
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 2px;
  background: url(../images/framework/socialBtns.png);
}
/* line 19, scss/desktop/_framework.scss */
#socialMenu a.icon-facebook, #followDrawerBtns a.icon-facebook {
  background-position: 0 top;
}
/* line 23, scss/desktop/_framework.scss */
#socialMenu a.icon-twitter, #followDrawerBtns a.icon-twitter {
  background-position: -30px top;
}
/* line 27, scss/desktop/_framework.scss */
#socialMenu a.icon-instagram, #followDrawerBtns a.icon-instagram {
  background-position: -60px top;
}
/* line 30, scss/desktop/_framework.scss */
#socialMenu a.icon-googleplus, #followDrawerBtns a.icon-googleplus {
  background-position: -90px top;
}
/* line 36, scss/desktop/_framework.scss */
.desktop #socialMenu a:hover.icon-facebook, .desktop #followDrawerBtns a:hover.icon-facebook {
  background-position: 0 bottom;
}
/* line 40, scss/desktop/_framework.scss */
.desktop #socialMenu a:hover.icon-twitter, .desktop #followDrawerBtns a:hover.icon-twitter {
  background-position: -30px bottom;
}
/* line 44, scss/desktop/_framework.scss */
.desktop #socialMenu a:hover.icon-instagram, .desktop #followDrawerBtns a:hover.icon-instagram {
  background-position: -60px bottom;
}
/* line 47, scss/desktop/_framework.scss */
.desktop #socialMenu a:hover.icon-googleplus, .desktop #followDrawerBtns a:hover.icon-googleplus {
  background-position: -90px bottom;
}

/* line 54, scss/desktop/_framework.scss */
#followDrawer {
  width: 100%;
  max-height: 0;
  display: block;
  -webkit-transition: max-height 0.25s ease-in;
  -moz-transition: max-height 0.25s ease-in;
  -o-transition: max-height 0.25s ease-in;
  transition: max-height 0.25s ease-in;
  background: #000;
  overflow: hidden;
}
/* line 62, scss/desktop/_framework.scss */
#followDrawer .inner {
  display: block;
  position: relative;
  margin: 10px;
}
/* line 68, scss/desktop/_framework.scss */
#followDrawer .closeBtn {
  -webkit-transform: scale(0.7, 0.7);
  -moz-transform: scale(0.7, 0.7);
  -o-transform: scale(0.7, 0.7);
  -ms-transform: scale(0.7, 0.7);
  transform: scale(0.7, 0.7);
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -o-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
  top: 5px;
  right: 5px;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
/* line 74, scss/desktop/_framework.scss */
.desktop #followDrawer .closeBtn:hover {
  opacity: 0.5;
}
/* line 79, scss/desktop/_framework.scss */
#followDrawer.open {
  max-height: 65px;
  -webkit-transition: max-height 0.25s ease-out;
  -moz-transition: max-height 0.25s ease-out;
  -o-transition: max-height 0.25s ease-out;
  transition: max-height 0.25s ease-out;
}

/* line 85, scss/desktop/_framework.scss */
#hashtag {
  display: inline-block;
  position: relative;
  font-size: 10px;
  line-height: 20px;
  margin: 0 0 5px 5px;
  color: #fff;
}
/* line 94, scss/desktop/_framework.scss */
.collapsed #hashtag {
  display: block;
  /*line-height: 4px;
  margin-bottom: 4px;*/
}
/* line 100, scss/desktop/_framework.scss */
.socialCollapsed #hashtag {
  display: none;
}

/* line 104, scss/desktop/_framework.scss */
#followHashtag {
  display: inline-block;
  position: relative;
  font-size: 10px;
  color: #fff;
  display: block;
  line-height: 4px;
}

/* line 113, scss/desktop/_framework.scss */
#followOpenBtn {
  font-weight: 700;
  cursor: pointer;
  display: none;
  font-size: 11px;
  line-height: 10px;
  text-transform: uppercase;
  color: #404040;
  font-family: "Agency FB W00 Bold904414", Helvetica, Arial, sans-serif;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}
/* line 124, scss/desktop/_framework.scss */
#followOpenBtn:hover {
  color: #fff;
}
/* line 128, scss/desktop/_framework.scss */
.socialCollapsed #followOpenBtn {
  display: inline-block;
}
/* line 132, scss/desktop/_framework.scss */
#followOpenBtn img {
  margin-top: 2px;
}

/* line 137, scss/desktop/_framework.scss */
#legalFooter {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  min-width:1070px;
}

/* line 145, scss/desktop/_framework.scss */
#copyright {
  text-align: center;
  width: 405px;
  width:100%;
  bottom: 5px;
  position: absolute;
  right: 10px;
  font-size: 8px;
  line-height: 9px;
  text-transform: uppercase;
  color: #404040;
  display: block;
}
/* line 157, scss/desktop/_framework.scss */
.collapsed #copyright {
  display: none;
}

/* line 161, scss/desktop/_framework.scss */
#legalOpenBtn {
  font-weight: 700;
  cursor: pointer;
  display: none;
  text-align: right;
  bottom: 6px;
  position: absolute;
  right: 6px;
  font-size: 11px;
  line-height: 9px;
  text-transform: uppercase;
  color: #404040;
  font-family: "Agency FB W00 Bold904414", Helvetica, Arial, sans-serif;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}
/* line 176, scss/desktop/_framework.scss */
#legalOpenBtn:hover {
  color: #fff;
}
/* line 180, scss/desktop/_framework.scss */
.collapsed #legalOpenBtn {
  display: block;
}
/* line 184, scss/desktop/_framework.scss */
#legalOpenBtn img {
  margin-top: 2px;
}

/* line 189, scss/desktop/_framework.scss */
#legalLeft {
  width: 290px;
  bottom: 5px;
  position: absolute;
  left: 5px;
  display: block;
  font-size: 8px;
  line-height: 9px;
  z-index:1;
}

/* line 199, scss/desktop/_framework.scss */
#legalBtns {
  text-transform: uppercase;
  position: relative;
  display: block;
  width: 100%;
  font-size: 8px;
  line-height: 9px;
  margin-left:47px;
}
/* line 206, scss/desktop/_framework.scss */
#legalBtns a {
  padding: 0 5px;
  display: inline-block;
  color: #404040;
  text-decoration: none;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}
/* line 212, scss/desktop/_framework.scss */
.desktop #legalBtns a:hover {
  color: #fff;
}
/* line 217, scss/desktop/_framework.scss */
.collapsed #legalBtns {
  display: none;
}

/* line 222, scss/desktop/_framework.scss */
#copyright2 {
  margin-top: 10px;
  text-transform: uppercase;
  position: relative;
  display: block;
  font-size: 10px;
  line-height: 12px;
  color: #404040;
}

/* line 231, scss/desktop/_framework.scss */
#legalDrawerBtns {
  text-transform: uppercase;
  position: relative;
  display: block;
  font-size: 10px;
  line-height: 10px;
}
/* line 237, scss/desktop/_framework.scss */
#legalDrawerBtns a {
  padding: 5px 3px;
  display: inline-block;
  color: #404040;
  text-decoration: none;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}
/* line 243, scss/desktop/_framework.scss */
.desktop #legalDrawerBtns a:hover {
  color: #fff;
}

/* line 249, scss/desktop/_framework.scss */
#rating {
  margin-bottom: 7px;
}

/* line 253, scss/desktop/_framework.scss */
#legalDrawer {
  background: #000;
  width: 100%;
  display: block;
  overflow: hidden;
  -webkit-transition: max-height 0.35s ease-in;
  -moz-transition: max-height 0.35s ease-in;
  -o-transition: max-height 0.35s ease-in;
  transition: max-height 0.35s ease-in;
  max-height: 0;
}
/* line 261, scss/desktop/_framework.scss */
#legalDrawer.open {
  max-height: 340px;
  -webkit-transition: max-height 0.35s ease-out;
  -moz-transition: max-height 0.35s ease-out;
  -o-transition: max-height 0.35s ease-out;
  transition: max-height 0.35s ease-out;
}
/* line 266, scss/desktop/_framework.scss */
#legalDrawer .inner {
  margin: 20px;
  margin-top: 40px;
  display: block;
  position: relative;
  text-align: center;
}
/* line 274, scss/desktop/_framework.scss */
#legalDrawer .closeBtn {
  -webkit-transform: scale(0.7, 0.7);
  -moz-transform: scale(0.7, 0.7);
  -o-transform: scale(0.7, 0.7);
  -ms-transform: scale(0.7, 0.7);
  transform: scale(0.7, 0.7);
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -o-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
/* line 278, scss/desktop/_framework.scss */
.desktop #legalDrawer .closeBtn:hover {
  opacity: 0.5;
}

/* line 284, scss/desktop/_framework.scss */
#billing {
  position: relative;
  display: block;
  margin: auto;
  max-width: 1100px;
  opacity: 0.6;
}

/* line 292, scss/desktop/_framework.scss */
.contain {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

/* line 299, scss/desktop/_framework.scss */
.bglayers {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
/* line 305, scss/desktop/_framework.scss */
.bglayers .layer {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* line 315, scss/desktop/_framework.scss */
.mobile .bglayers .layer, .tablet .bglayers .layer {
  display: none;
}
/* line 320, scss/desktop/_framework.scss */
.mobile .bglayers .layer.back, .mobile .bglayers .layer.keep, .tablet .bglayers .layer.back, .tablet .bglayers .layer.keep {
  display: block;
}
/* line 325, scss/desktop/_framework.scss */
.tablet .bglayers .layer.back {
  background-position: center top;
}

/* line 331, scss/desktop/_framework.scss */
.next {
  width: 200px;
  position: absolute;
  bottom: 5%;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
/* line 338, scss/desktop/_framework.scss */
.shorter .next {
  display: none;
}
/* line 342, scss/desktop/_framework.scss */
.next a {
  display: block;
  border-top: 5px solid rgba(255, 255, 255, 0.3);
  line-height: 25px;
  text-align: left;
  color: #fff;
  font-family: "Agency FB W00 Bold904414", Helvetica, Arial, sans-serif;
  font-size: 19px;
  -webkit-transition: 0.25s ease-out opacity;
  -moz-transition: 0.25s ease-out opacity;
  -o-transition: 0.25s ease-out opacity;
  transition: 0.25s ease-out opacity;
}
/* line 352, scss/desktop/_framework.scss */
.desktop .next a:hover {
  opacity: .5;
}
/* line 356, scss/desktop/_framework.scss */
.mobile .next a {
  border-top: 3px solid rgba(255, 255, 255, 0.3);
  font-size: 12px;
  line-height: 15px;
}
/* line 363, scss/desktop/_framework.scss */
.mobile .next {
  left: 0 !important;
  bottom: 0;
  width: 100px;
  margin-left: 0 !important;
}

/* line 371, scss/desktop/_framework.scss */
#rotate {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/framework/rotate.jpg) center center no-repeat #000;
  background-size: cover;
}
/* line 381, scss/desktop/_framework.scss */
.short #rotate {
  display: block;
}

/* sound controls ----------------------------------------------------------------- */
/* line 389, scss/desktop/_framework.scss */
#sound {
	/*
  cursor: pointer;
  width: 22px;
  height: 17px;
  display: block;
  margin-bottom: 6px;
  margin-left: 5px;
  background: url(../images/framework/soundIcon.png) left top;
*/

    cursor: pointer;
    width: 22px;
    height: 17px;
    display: block;
    margin-bottom: -24px;
    margin-left: 275px;
    background: url(../images/framework/soundIcon.png) left top;
}


/* line 398, scss/desktop/_framework.scss */
#sound:hover {
  background-position: left bottom;
}
/* line 402, scss/desktop/_framework.scss */
.muted #sound {
  background-position: right top;
}
/* line 404, scss/desktop/_framework.scss */
.muted #sound :hover {
  background-position: right bottom;
}
/* line 409, scss/desktop/_framework.scss */
.socialCollapsed #sound {
  display: inline-block;
  margin-bottom: 0;
  margin-top: -3px;
  margin-right: 4px;
}
/* line 415, scss/desktop/_framework.scss */
.soundDisabled #sound {
  display: none;
}

/* iscroll ----------------------------------------------------------------- */
/* line 423, scss/desktop/_framework.scss */
.iScrollIndicator {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  border: none;
  border-radius: 0;
}

/* line 430, scss/desktop/_framework.scss */
.iScrollVerticalScrollbar {
  position: absolute;
/*  z-index: 9999;*/
  width: 5px;
  bottom: 2px;
  top: 2px;
  right: 2px;
  overflow: hidden;
}

/* line 440, scss/desktop/_framework.scss */
.iScrollVerticalScrollbar .iScrollIndicator {
  width: 100%;
  background: rgba(255, 255, 255, 0.2);
}

/* line 1, scss/desktop/_mainMenu.scss */
#mainMenu {
  top: 0;
  left: 0;
  width: 200px;
  margin-left: -200px;
  height: 100%;
  display: block;
}
/* line 10, scss/desktop/_mainMenu.scss */
.mobile #mainMenu {
  margin-left: 0;
  width: 100%;
  background: url(../images/home/bg-mobile.jpg) center center no-repeat;
  background-size: cover;
  opacity: 0;
}
/* line 17, scss/desktop/_mainMenu.scss */
#mainMenu #closeBtn {
  width: 40px;
  height: 40px;
  display: block;
}
/* line 23, scss/desktop/_mainMenu.scss */
.short #mainMenu #closeBtn {
  top: 50px;
}

/* line 29, scss/desktop/_mainMenu.scss */
#menuBox {
  width: 100%;
  height: 100%;
}

/* line 34, scss/desktop/_mainMenu.scss */
#menuLogo {
  opacity: 0;
  position: relative;
  display: none;
  background: url(../images/logo.png) center top;
  background-repeat: no-repeat;
  width: inherit;
  height: 218px;
  cursor: pointer;
}
/* line 44, scss/desktop/_mainMenu.scss */
.mobile #menuLogo {
  display: block;
  position: absolute;
  opacity: 1;
  top: 50%;
  height: 130px;
  margin-top: -70px;
  background-size: contain;
}
/* line 54, scss/desktop/_mainMenu.scss */
.short #menuLogo {
  display: none;
}

/* line 59, scss/desktop/_mainMenu.scss */
#mainMenuBtns {
  width: 100%;
  display: block;
  top: 47%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
}

/* line 67, scss/desktop/_mainMenu.scss */
.mainMenuBtn {
  position: relative;
  display: block;
  width: 100%;
  height: 60px;
  background: rgba(255, 255, 255, 0);
  -webkit-transition: background-color 0.4s;
  -moz-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
/* line 75, scss/desktop/_mainMenu.scss */
.mainMenuBtn .label {
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
  color: white;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: left;
  left: 18px;
  right: 18px;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 1px;
  display: block;
}

/* line 91, scss/desktop/_mainMenu.scss */
.desktop .mainMenuBtn:hover, .mainMenuBtn.selected {
  background: rgba(255, 255, 255, 0.2);
}
/* line 93, scss/desktop/_mainMenu.scss */
.desktop .mainMenuBtn:hover .label, .mainMenuBtn.selected .label {
  color: rgba(255, 255, 255, 0.8);
}

/* line 99, scss/desktop/_mainMenu.scss */
#menuSocial {
  width: 100%;
  display: block;
  top: 16px;
  text-align: center;
}
/* line 105, scss/desktop/_mainMenu.scss */
#menuSocial a {
  width: 25px;
  height: 25px;
  display: inline-block;
  background: url(../images/framework/mobileSocialBtns.png);
  background-repeat: no-repeat;
  margin: 0 10px;
}
/* line 112, scss/desktop/_mainMenu.scss */
#menuSocial a.icon-facebook {
  background-position: 5px center;
}
/* line 116, scss/desktop/_mainMenu.scss */
#menuSocial a.icon-twitter {
  background-position: -33px center;
}
/* line 120, scss/desktop/_mainMenu.scss */
#menuSocial a.icon-instagram {
  background-position: -73px center;
}
/* line 123, scss/desktop/_mainMenu.scss */
#menuSocial a.icon-googleplus {
  background-position: -112px center;
}
/* line 129, scss/desktop/_mainMenu.scss */
.short #menuSocial {
  margin-top: 0px;
}

/* line 135, scss/desktop/_mainMenu.scss */
#menuSocialHash {
  display: block;
  position: relative;
  font-size: 12px;
  line-height: 12px;
  color: #fff;
  font-family: "Agency FB W00 Bold904414", Helvetica, Arial, sans-serif;
}

/* line 145, scss/desktop/_mainMenu.scss */
#mobileMenuTrailerDot {
  margin-top: 140px;
  width: 6px;
  height: 6px;
  display: block;
  margin-left: -3px;
  margin-right: -3px;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 0 10px #fff;
  -webkit-box-shadow: 0 0 10px #fff;
  box-shadow: 0px 0px 10px #fff;
}
/* line 158, scss/desktop/_mainMenu.scss */
.short #mobileMenuTrailerDot {
  display: none;
}

/* line 163, scss/desktop/_mainMenu.scss */
#mobileMenuTrailerLine {
  margin-top: 139px;
  opacity: 0.5;
  height: 2px;
  width: 136px;
  display: block;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 59%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left left, left bottom, color-stop(0%, rgba(255, 255, 255, 0.7)), color-stop(59%, rgba(255, 255, 255, 0.7)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 59%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 59%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 59%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 59%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}
/* line 180, scss/desktop/_mainMenu.scss */
.short #mobileMenuTrailerLine {
  display: none;
}

/* line 185, scss/desktop/_mainMenu.scss */
#mobileMenuBtns {
  left: 50%;
  margin-left: -115px;
  width: 230px;
  height: 270px;
  display: block;
  margin-top: -135px;
}
/* line 193, scss/desktop/_mainMenu.scss */
#mobileMenuBtns li {
  width: 230px;
  height: inherit;
}
/* line 198, scss/desktop/_mainMenu.scss */
.short #mobileMenuBtns {
  height: 200px;
  width: 260px;
  margin-top: -100px;
  margin-left: -130px;
}
/* line 203, scss/desktop/_mainMenu.scss */
.short #mobileMenuBtns li {
  width: 260px;
}

/* line 209, scss/desktop/_mainMenu.scss */
.mobileMenuBtn {
  position: relative;
  width: 150px;
  height: 150px;
  border: 1px solid #888786;
  display: block;
  top: 22px;
  left: 50%;
  margin-left: -75px;
  box-shadow: 0px 0px 32px rgba(255, 255, 255, 0.5);
  overflow: hidden;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
/* line 222, scss/desktop/_mainMenu.scss */
.mobileMenuBtn .bg {
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
  width: 150%;
  height: 150%;
  left: 50%;
  top: 50%;
  margin: -75% 0 0 -75%;
}
/* line 234, scss/desktop/_mainMenu.scss */
.mobileMenuBtn .label {
  text-align: center;
  width: 100%;
  line-height: 24px;
  font-size: 22px;
  color: #fff;
  margin-top: -12px;
  font-weight: 400;
  text-shadow: 0px 0px 14px white, 0px 0px 14px white, 0px 0px 14px white;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}
/* line 246, scss/desktop/_mainMenu.scss */
.short .mobileMenuBtn {
  width: 100px;
  height: 100px;
  margin-left: -50px;
  top: 50px;
}
/* line 252, scss/desktop/_mainMenu.scss */
.short .mobileMenuBtn .label {
  font-size: 15px;
}

/* line 259, scss/desktop/_mainMenu.scss */
#homeMenuIcon {
  left: 0;
  top: 0;
  width: 62px;
  height: 55px;
  display: block;
  background: rgba(255, 255, 255, 0.1);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  cursor: pointer;
  visibility: hidden;
}
/* line 272, scss/desktop/_mainMenu.scss */
#homeMenuIcon:hover, #homeMenuIcon .active {
  background: rgba(255, 255, 255, 0.3);
}
/* line 276, scss/desktop/_mainMenu.scss */
#homeMenuIcon .line1 {
  margin-left: -12px;
  margin-top: -10px;
  width: 24px;
  height: 4px;
  display: block;
  background: white;
  -webkit-transition: width 0.4s, margin-left 0.4s, margin-top 0.4s;
  -moz-transition: width 0.4s, margin-left 0.4s, margin-top 0.4s;
  -o-transition: width 0.4s, margin-left 0.4s, margin-top 0.4s;
  transition: width 0.4s, margin-left 0.4s, margin-top 0.4s;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
/* line 289, scss/desktop/_mainMenu.scss */
#homeMenuIcon .line2 {
  margin-top: -2px;
  margin-left: -12px;
  width: 24px;
  height: 4px;
  display: block;
  background: white;
  -webkit-transition: width 0.4s, margin-left 0.4s;
  -moz-transition: width 0.4s, margin-left 0.4s;
  -o-transition: width 0.4s, margin-left 0.4s;
  transition: width 0.4s, margin-left 0.4s;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
/* line 302, scss/desktop/_mainMenu.scss */
#homeMenuIcon .line3 {
  margin-left: -12px;
  margin-top: 6px;
  width: 24px;
  height: 4px;
  display: block;
  background: white;
  -webkit-transition: width 0.4s, margin-left 0.4s, margin-top 0.4s;
  -moz-transition: width 0.4s, margin-left 0.4s, margin-top 0.4s;
  -o-transition: width 0.4s, margin-left 0.4s, margin-top 0.4s;
  transition: width 0.4s, margin-left 0.4s, margin-top 0.4s;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
/* line 316, scss/desktop/_mainMenu.scss */
.desktop #homeMenuIcon:hover .line1 {
  width: 10px;
  margin-left: -5px;
}
/* line 320, scss/desktop/_mainMenu.scss */
.desktop #homeMenuIcon:hover .line3 {
  width: 10px;
  margin-left: -5px;
}
/* line 324, scss/desktop/_mainMenu.scss */
.desktop #homeMenuIcon:hover .line2 {
  width: 20px;
  margin-left: -10px;
}

/* line 1, scss/desktop/_home.scss */
#home {
  background: #000;
  background-size: cover;
  display: none;
  overflow: hidden;
}

/* line 8, scss/desktop/_home.scss */
#homeBg {
  width: 100%;
  top: 0;
  bottom: 35px;
  display: block;
  overflow: hidden;
}
/* line 14, scss/desktop/_home.scss */
#homeBg.noVideo {
  background: url(../images/home/bg.jpg) center top no-repeat;
  background-size: cover;
}
/* line 19, scss/desktop/_home.scss */
.mobile #homeBg {
  background: url(../images/home/bg-mobile.jpg) center center no-repeat;
  background-size: cover;
}

/* line 25, scss/desktop/_home.scss */
.lt-ie10 .gradient {
  filter: none;
}

/* line 29, scss/desktop/_home.scss */
#curtainL {
  left: -1px;
  width: 70px;
  height: 100%;
  display: block;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, black 0%, transparent 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, black), color-stop(100%, transparent));
  background: -webkit-linear-gradient(left, black 0%, transparent 100%);
  background: -o-linear-gradient(left, black 0%, transparent 100%);
  background: -ms-linear-gradient(left, black 0%, transparent 100%);
  background: linear-gradient(to right, black 0%, transparent 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
}

/* line 43, scss/desktop/_home.scss */
#curtainR {
  right: -1px;
  width: 70px;
  height: 100%;
  display: block;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, transparent 0%, black 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(100%, black));
  background: -webkit-linear-gradient(left, transparent 0%, black 100%);
  background: -o-linear-gradient(left, transparent 0%, black 100%);
  background: -ms-linear-gradient(left, transparent 0%, black 100%);
  background: linear-gradient(to right, transparent 0%, black 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );
}

/* line 58, scss/desktop/_home.scss */
#curtainB {
  bottom: -1px;
  width: 100%;
  height: 25px;
  display: block;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, transparent 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, black));
  background: -webkit-linear-gradient(top, transparent 0%, black 100%);
  background: -o-linear-gradient(top, transparent 0%, black 100%);
  background: -ms-linear-gradient(top, transparent 0%, black 100%);
  background: linear-gradient(to bottom, transparent 0%, black 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}

/* line 73, scss/desktop/_home.scss */
#homeInner, #lrd {
  width: 474px;
  height: 262px;
  bottom: 14%;
  bottom: 164px;
  margin-left: -215px;
	bottom: 204px;
	margin-left: -286px;

  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  height:290px;
}
/* line 83, scss/desktop/_home.scss */
.mobile #homeInner, .mobile #lrd {
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin-left: -50%;
}
/* line 91, scss/desktop/_home.scss */
#homeInner.short, #lrd.short {
  margin-top: -50px;
}

/* line 96, scss/desktop/_home.scss */
#lrd {
  visibility: hidden;
}
/* line 99, scss/desktop/_home.scss */
.mobile #lrd {
  display: none;
}

/* line 104, scss/desktop/_home.scss */
#logo, #homeLogo {
  position: relative;
  display: block;
  background: url(../images/logo3.png) center top;
  background-repeat: no-repeat;
  width: inherit;
  height: 290px;
  background-size: 95%;
}
#logo{
  opacity:0;
}
/* line 113, scss/desktop/_home.scss */
.mobile #logo, .mobile #homeLogo {
  position: absolute;
  opacity: 1;
  top: 50%;
  height: 130px;
  margin-top: -70px;
  background-size: contain;
}

/* line 123, scss/desktop/_home.scss */
.mobile #logo {
  display: none;
}

/* line 127, scss/desktop/_home.scss */
#logo2 {
  width: 100%;
  height: 39px;
  display: block;
  background: url(../images/logo2.png) center center no-repeat;
  background-size: contain;
  margin-top: 70px;
}

/* line 136, scss/desktop/_home.scss */
#releaseDate, #homeReleaseDate {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 22px;
  letter-spacing: 6px;
  color: #fff;
  margin-top: 5px;
}
/* line 146, scss/desktop/_home.scss */
.mobile #releaseDate, .mobile #homeReleaseDate {
  font-size: 15px;
  margin-bottom: 15px;
  position: absolute;
  top: 50%;
  margin-top: 115px;
}

/* line 155, scss/desktop/_home.scss */
.mobile #releaseDate {
  display: none;
}

/* line 159, scss/desktop/_home.scss */
#in3d {
  color: #4d4d4d;
  width: 429px;
  margin-left: -223px;
  display: block;
  line-height: 29px;
  text-align: center;
  font-size: 15px;
  letter-spacing: 1px;
  bottom: -20px;
  bottom: 120px;
  -webkit-transition: bottom 0.3s;
  -moz-transition: bottom 0.3s;
  -o-transition: bottom 0.3s;
  transition: bottom 0.3s;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
}
/* line 172, scss/desktop/_home.scss */
#in3d img {
  vertical-align: top;
  margin: 0 1px;
  width:100%;
}
/* line 177, scss/desktop/_home.scss */
.mobile #in3d {
  position: absolute;
  bottom: auto;
  top: 50%;
  margin-top: 150px;
  margin-left: 0;
  width: 100%;
  font-size: 11px;
  line-height: 20px;
}
/* line 187, scss/desktop/_home.scss */
.mobile #in3d img {
  height: 20px;
}

@media screen and (max-width: 450px) {
  /* line 195, scss/desktop/_home.scss */
  #in3d {
    bottom: 16px;
  }
}
/* line 201, scss/desktop/_home.scss */
#homeTrailerDot {
  margin-top: -48px;
  width: 6px;
  height: 6px;
  display: block;
  margin-left: -3px;
  margin-right: -3px;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 0 10px #fff;
  -webkit-box-shadow: 0 0 10px #fff;
  box-shadow: 0px 0px 10px #fff;
}
/* line 214, scss/desktop/_home.scss */
.short #homeTrailerDot {
  display: none;
}

/* line 219, scss/desktop/_home.scss */
#homeTrailerLine {
  margin-top: -46px;
  opacity: 0.5;
  height: 2px;
  width: 66px;
  display: block;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 59%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left left, left bottom, color-stop(0%, rgba(255, 255, 255, 0.7)), color-stop(59%, rgba(255, 255, 255, 0.7)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 59%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 59%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 59%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 59%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}
/* line 236, scss/desktop/_home.scss */
.short #homeTrailerLine {
  display: none;
}

/* line 242, scss/desktop/_home.scss */
#homeTrailerBtn {
  position: absolute;
  display: block;
  color: #fff;
  width: 80px;
  height: 80px;
  margin-left: -40px;
  margin-top: -160px;
}
/* line 251, scss/desktop/_home.scss */
#homeTrailerBtn .bg {
  position: absolute;
  width: 80px;
  height: 80px;
  background: url(../images/home/diamond.png) center center no-repeat;
  background-size: cover;
}
/* line 259, scss/desktop/_home.scss */
#homeTrailerBtn .label {
  text-align: center;
  margin-top: -9px;
  position: absolute;
  width: 100%;
  height: 18px;
  font-size: 9px;
  line-height: 11px;
  letter-spacing: 1px;
  display: block;
  text-shadow: 0px 0px 14px white, 0px 0px 14px white, 0px 0px 14px white;
  font-family: "Agency FB W00 Bold904414", Helvetica, Arial, sans-serif;
}
/* line 273, scss/desktop/_home.scss */
.short #homeTrailerBtn {
  display: none;
}

/* line 278, scss/desktop/_home.scss */
#bgm {
  overflow: hidden;
  display: block;
  position: absolute;
  left: 0;
  top: -1px;
}

/* line 1, scss/desktop/_videos.scss */
#videos {
  display: none;
  top: -100%;
}
/* line 5, scss/desktop/_videos.scss */
.mobile #videos {
  text-shadow: 1px 1px 7px black;
}
/* line 9, scss/desktop/_videos.scss */
#videos #videosBg {
  width: 100%;
  height: 100%;
  background: #000;
}
/* line 14, scss/desktop/_videos.scss */
#videos #videosBg .layer.back {
  background-image: url(../images/video/bg.jpg);
}
/* line 15, scss/desktop/_videos.scss */
.mobile #videos #videosBg .layer.back {
  background-image: url(../images/video/bg-mobile.jpg);
}
/* line 16, scss/desktop/_videos.scss */
.tablet #videos #videosBg .layer.back {
  background-image: url(../images/video/bg-tablet.jpg);
}
/* line 17, scss/desktop/_videos.scss */
.portrait #videos #videosBg .layer.back {
  background-image: url(../images/video/bg-mobile.jpg) !important;
}
/* line 18, scss/desktop/_videos.scss */
#videos #videosBg .layer.dust1 {
  background-image: url(../images/video/dust1.png);
}
/* line 19, scss/desktop/_videos.scss */
#videos #videosBg .layer.dust2 {
  background-image: url(../images/video/dust2.png);
}
/* line 20, scss/desktop/_videos.scss */
#videos #videosBg .layer.horse {
  background-image: url(../images/video/horse.png);
}
/* line 21, scss/desktop/_videos.scss */
#videos #videosBg .layer.lex {
  background-image: url(../images/video/lex.png);
  background-position: right center;
}
/* line 24, scss/desktop/_videos.scss */
#videos .next {
  left: 50%;
  margin-left: -325px;
}
/* line 28, scss/desktop/_videos.scss */
.desktop #videos .next {
  left: 40%;
}
/* line 29, scss/desktop/_videos.scss */
.tablet #videos .next {
  left: 50%;
}

/* line 34, scss/desktop/_videos.scss */
#videoMain {
  width: 640px;
  margin-left: -320px;
  display: block;
  position: absolute;
  left: 50%;
}
/* line 41, scss/desktop/_videos.scss */
.desktop #videoMain {
  top: 16%;
  left: 40%;
}
/* line 46, scss/desktop/_videos.scss */
.tablet #videoMain, .thinner #videoMain {
  top: 16%;
  left: 50%;
}
/* line 51, scss/desktop/_videos.scss */
.mobile #videoMain {
  bottom: 0;
}

/* line 56, scss/desktop/_videos.scss */
#videoTitle {
  letter-spacing: 2px;
  font-size: .9em;
  display: block;
  font-family: "Agency FB W00 Bold904414", Helvetica, Arial, sans-serif;
  color: rgba(255, 255, 255, 0.8);
}
/* line 63, scss/desktop/_videos.scss */
.mobile #videoTitle {
  font-size: 20px;
}

/* line 68, scss/desktop/_videos.scss */
#videoBtnsOuter {
  top: 40px;
  bottom: 0;
  width: 100%;
  height: calc(100% - 40px);
  display: block;
  font-size: 14px;
  line-height: 23px;
  overflow: hidden;
}

/* line 79, scss/desktop/_videos.scss */
#videoBtns {
  left: 0;
  right: 20px;
  display: block;
  font-family: "Agency FB W00 Regular904417", Helvetica, Arial, sans-serif;
  font-size: 1.2em;
}
/* line 86, scss/desktop/_videos.scss */
.mobile #videoBtns {
  right: 0;
}
/* line 90, scss/desktop/_videos.scss */
#videoBtns .box {
  width: calc(33% - 40px);
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  padding: 10px 0 33px 0;
  margin-right: 35px;
  display: inline-block;
  vertical-align: top;
}
/* line 98, scss/desktop/_videos.scss */
#videoBtns .box > div {
  font-family: "Agency FB W00 Bold904414", Helvetica, Arial, sans-serif;
  color: rgba(255, 255, 255, 0.67);
  letter-spacing: 2px;
  line-height: 1.3em;
}
/* line 105, scss/desktop/_videos.scss */
#videoBtns .box .num {
  font-size: 15px;
}
/* line 109, scss/desktop/_videos.scss */
#videoBtns .box .txt {
  font-size: 11px;
}
/* line 113, scss/desktop/_videos.scss */
#videoBtns .box > a {
  margin-top: 10px;
  display: block;
  -webkit-transition: 0.25s ease-out all;
  -moz-transition: 0.25s ease-out all;
  -o-transition: 0.25s ease-out all;
  transition: 0.25s ease-out all;
  opacity: 1;
}
/* line 119, scss/desktop/_videos.scss */
.desktop #videoBtns .box > a:hover {
  opacity: .6;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}
/* line 126, scss/desktop/_videos.scss */
#videoBtns .box > a img {
  display: block;
  width: 100%;
  height: auto;
}
/* line 134, scss/desktop/_videos.scss */
.mobile #videoBtns .box {
  width: calc(50% - 20px);
  margin-right: 15px;
}

/* line 140, scss/desktop/_videos.scss */
#videoShell {
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  display: block;
  background: #000;
}

/* line 149, scss/desktop/_videos.scss */
#videoCurtain {
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  display: block;
  background: #000;
}

/* line 1, scss/desktop/_gallery.scss */
#gallery {
  top: 0;
  background: #000;
  display: none;
}
/* line 7, scss/desktop/_gallery.scss */
#gallery #closeBtn {
  cursor: pointer;
  width: 33px;
  height: 34px;
  right: 3px;
  top: 3px;
  display: block;
  opacity: 0.8;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
/* line 16, scss/desktop/_gallery.scss */
.desktop #gallery #closeBtn:hover {
  opacity: 1;
}

/* line 22, scss/desktop/_gallery.scss */
#gallery .arrow {
  width: 20%;
  height: 100%;
  display: block;
  overflow: hidden;
}
/* line 27, scss/desktop/_gallery.scss */
#gallery .arrow .icon {
  width: 46px;
  height: 63px;
  display: block;
  margin-top: -32px;
  background-position: left center;
  opacity: 0.8;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
/* line 36, scss/desktop/_gallery.scss */
#gallery .arrow .icon.L {
  background-position: right center;
}
/* line 40, scss/desktop/_gallery.scss */
.desktop #gallery .arrow .icon:hover {
  opacity: 1;
}
/* line 44, scss/desktop/_gallery.scss */
#gallery .arrow .icon .outline {
  width: 30px;
  height: 30px;
  border: 2px solid rgba(255, 255, 255, 0.7);
  margin-left: -15px;
  margin-top: -15px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -o-border-radius: 24px;
  border-radius: 24px;
  background: rgba(0, 0, 0, 0.1);
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
/* line 56, scss/desktop/_gallery.scss */
#gallery .arrow .icon .line {
  top: 49%;
  width: 10px;
  height: 1px;
  display: block;
  background: #fff;
  position: absolute;
  -webkit-transition: width 0.4s;
  -moz-transition: width 0.4s;
  -o-transition: width 0.4s;
  transition: width 0.4s;
}
/* line 67, scss/desktop/_gallery.scss */
.desktop #gallery .arrow:hover .line {
  width: 6px;
}

/* line 73, scss/desktop/_gallery.scss */
#gallery #left .line1, #gallery #left .line2 {
  left: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

/* line 80, scss/desktop/_gallery.scss */
#gallery #right .line1, #gallery #right .line2 {
  right: 18px;
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -o-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
}

/* line 86, scss/desktop/_gallery.scss */
#photoShell {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}

/* line 93, scss/desktop/_gallery.scss */
#photoShell .cover {
  background: #000 url(../images/gallery/loadLoop.gif) center center no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}

/* line 102, scss/desktop/_gallery.scss */
#photoShell .loading .cover {
  opacity: 1;
}

/* line 106, scss/desktop/_gallery.scss */
#g1, #g2 {
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center center;
}

/* line 112, scss/desktop/_gallery.scss */
#gallery .share {
  left: 9px;
  bottom: 5px;
  display: block;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
}
/* line 120, scss/desktop/_gallery.scss */
#gallery .share .label {
  text-shadow: 0 0 4px #000;
}
/* line 124, scss/desktop/_gallery.scss */
#gallery .share a {
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 2px;
  color: #fff;
  background: url(../images/framework/socialBtns.png);
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
/* line 133, scss/desktop/_gallery.scss */
#gallery .share a#facebook {
  background-position: 0 top;
}
/* line 137, scss/desktop/_gallery.scss */
#gallery .share a#twitter {
  background-position: -30px top;
}
/* line 141, scss/desktop/_gallery.scss */
#gallery .share a#google {
  background-position: -90px top;
}
/* line 144, scss/desktop/_gallery.scss */
#gallery .share a#pinterest {
  background-position: -120px top;
}
/* line 147, scss/desktop/_gallery.scss */
#gallery .share a#tumblr {
  background-position: -150px top;
}
/* line 153, scss/desktop/_gallery.scss */
.desktop #gallery .share a:hover#facebook {
  background-position: 0 bottom;
}
/* line 157, scss/desktop/_gallery.scss */
.desktop #gallery .share a:hover#twitter {
  background-position: -30px bottom;
}
/* line 161, scss/desktop/_gallery.scss */
.desktop #gallery .share a:hover#google {
  background-position: -90px bottom;
}
/* line 165, scss/desktop/_gallery.scss */
.desktop #gallery .share a:hover#pinterest {
  background-position: -120px bottom;
}
/* line 169, scss/desktop/_gallery.scss */
.desktop #gallery .share a:hover#tumblr {
  background-position: -150px bottom;
}

/* line 176, scss/desktop/_gallery.scss */
#galleryMenu {
  top: 12px;
  left: 70px;
  width: calc(100% - 70px);
  height: 24px;
  display: block;
  overflow: hidden;
}
/* line 184, scss/desktop/_gallery.scss */
#galleryMenu.disabled {
  display: none;
}

/* line 189, scss/desktop/_gallery.scss */
.galleryMenuArrow {
  cursor: pointer;
  width: 10px;
  height: 24px;
  display: block;
  background: url(../images/gallery/arrows.png);
  display: none;
}
/* line 198, scss/desktop/_gallery.scss */
.desktop .galleryMenuArrow#left:hover {
  background-position: left bottom;
}
/* line 203, scss/desktop/_gallery.scss */
.galleryMenuArrow#right {
  background-position: right top;
}
/* line 205, scss/desktop/_gallery.scss */
.desktop .galleryMenuArrow#right:hover {
  background-position: right bottom;
}
/* line 210, scss/desktop/_gallery.scss */
.arrows .galleryMenuArrow {
  display: block;
}
/* line 214, scss/desktop/_gallery.scss */
.galleryMenuArrow.hidden {
  visibility: hidden;
  opacity: 0;
}

/* line 220, scss/desktop/_gallery.scss */
#galleryBtnMask {
  left: 0px;
  right: 0px;
  display: block;
  height: 24px;
  overflow: hidden;
}
/* line 227, scss/desktop/_gallery.scss */
.arrows #galleryBtnMask {
  left: 20px;
  right: 20px;
}

/* line 233, scss/desktop/_gallery.scss */
#galleryBtns {
  height: 24px;
  display: block;
  white-space: nowrap;
}
/* line 238, scss/desktop/_gallery.scss */
#galleryBtns.disabled {
  display: none;
}

/* line 243, scss/desktop/_gallery.scss */
.galleryBtn {
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
}
/* line 250, scss/desktop/_gallery.scss */
.galleryBtn .bg {
  display: block;
  width: 24px;
  height: 24px;
}
/* line 256, scss/desktop/_gallery.scss */
.galleryBtn .dot {
  width: 8px;
  height: 8px;
  display: block;
  left: 8px;
  top: 8px;
  background-color: rgba(255, 255, 255, 0);
  border: solid 1px #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 0 15px rgba(255, 255, 255, 0), 0 0 15px rgba(255, 255, 255, 0);
  -webkit-box-shadow: 0 0 15px rgba(255, 255, 255, 0), 0 0 15px rgba(255, 255, 255, 0);
  box-shadow: 0px 0px 15px rgba(255, 255, 255, 0), 0 0 15px rgba(255, 255, 255, 0);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
/* line 272, scss/desktop/_gallery.scss */
.desktop .galleryBtn:hover .dot {
  background-color: white;
  -moz-box-shadow: 0 0 15px white, 0 0 15px white;
  -webkit-box-shadow: 0 0 15px white, 0 0 15px white;
  box-shadow: 0px 0px 15px white, 0 0 15px white;
}
/* line 279, scss/desktop/_gallery.scss */
.galleryBtn.selected {
  cursor: default;
}
/* line 281, scss/desktop/_gallery.scss */
.galleryBtn.selected .dot {
  background-color: white;
  -moz-box-shadow: 0 0 15px white, 0 0 15px white;
  -webkit-box-shadow: 0 0 15px white, 0 0 15px white;
  box-shadow: 0px 0px 15px white, 0 0 15px white;
}

/* line 1, scss/desktop/_about.scss */
#about {
  display: none;
  top: -100%;
}
/* line 5, scss/desktop/_about.scss */
.mobile #about {
  text-shadow: 1px 1px 7px black;
}
/* line 8, scss/desktop/_about.scss */
#about #aboutBg {
  width: 100%;
  height: 100%;
  background: #000;
}
/* line 14, scss/desktop/_about.scss */
#about .layer.back {
  background-image: url(../images/about/bg.jpg);
}
/* line 15, scss/desktop/_about.scss */
.mobile #about .layer.back {
  background-image: url(../images/about/bg-mobile.jpg);
}
/* line 16, scss/desktop/_about.scss */
.tablet #about .layer.back {
  background-image: url(../images/about/bg-tablet.jpg);
}
/* line 17, scss/desktop/_about.scss */
.portrait #about .layer.back {
  background-image: url(../images/about/bg-mobile.jpg) !important;
}
/* line 18, scss/desktop/_about.scss */
#about .layer.debris1 {
  background-image: url(../images/about/debris1.png);
}
/* line 19, scss/desktop/_about.scss */
#about .layer.debris2 {
  background-image: url(../images/about/debris2.png);
}
/* line 20, scss/desktop/_about.scss */
#about .layer.superman {
  background-image: url(../images/about/superman.png);
  background-position: left center;
}
/* line 22, scss/desktop/_about.scss */
#about .next {
  left: 50%;
  margin-left: 325px;
}
/* line 26, scss/desktop/_about.scss */
.desktop #about .next {
  left: 65%;
}
/* line 27, scss/desktop/_about.scss */
.tablet #about .next {
  left: 50%;
}

/* line 32, scss/desktop/_about.scss */
#aboutMain {
  width: 640px;
  margin-left: -320px;
  display: block;
  position: absolute;
  left: 50%;
}
/* line 39, scss/desktop/_about.scss */
.desktop #aboutMain {
  top: 16%;
  left: 65%;
}
/* line 44, scss/desktop/_about.scss */
.tablet #aboutMain, .thinner #aboutMain {
  top: 16%;
  left: 50%;
}
/* line 49, scss/desktop/_about.scss */
.mobile #aboutMain {
  bottom: 0;
}

/* line 54, scss/desktop/_about.scss */
#aboutTitle {
  letter-spacing: 2px;
  font-size: .9em;
  display: block;
  font-family: "Agency FB W00 Bold904414", Helvetica, Arial, sans-serif;
  color: rgba(255, 255, 255, 0.8);
}
/* line 61, scss/desktop/_about.scss */
.mobile #aboutTitle {
  font-size: 20px;
}

/* line 66, scss/desktop/_about.scss */
#aboutLine {
  top: 42px;
  width: 100%;
  height: 2px;
  display: block;
  background: rgba(255, 255, 255, 0.8);
}
/* line 73, scss/desktop/_about.scss */
.mobile #aboutLine {
  top: 32px;
}

/* line 78, scss/desktop/_about.scss */
#aboutNum {
  top: 48px;
  width: 100%;
  display: block;
}
/* line 83, scss/desktop/_about.scss */
.mobile #aboutNum {
  top: 38px;
}
/* line 87, scss/desktop/_about.scss */
#aboutNum div {
  font-family: "Agency FB W00 Bold904414", Helvetica, Arial, sans-serif;
  color: rgba(255, 255, 255, 0.67);
  letter-spacing: 2px;
  line-height: 1.3em;
}
/* line 94, scss/desktop/_about.scss */
#aboutNum .num {
  font-size: 15px;
}
/* line 98, scss/desktop/_about.scss */
#aboutNum .txt {
  font-size: 7px;
}

/* line 103, scss/desktop/_about.scss */
#aboutDescOuter {
  top: 92px;
  bottom: 0;
  width: 100%;
  height: calc(100% - 152px);
  display: block;
  font-size: 14px;
  line-height: 23px;
  overflow: hidden;
}
/* line 113, scss/desktop/_about.scss */
.mobile #aboutDescOuter {
  top: 67px;
  height: calc(100% - 110px);
}

/* line 119, scss/desktop/_about.scss */
#aboutDesc {
  left: 0;
  right: 20px;
  display: block;
  font-family: "Agency FB W00 Regular904417", Helvetica, Arial, sans-serif;
  font-size: 1.2em;
}
/* line 126, scss/desktop/_about.scss */
.mobile #aboutDesc {
  font-family: "Agency FB W00 Regular904417", Helvetica, Arial, sans-serif;
  line-height: 17px;
  font-size: 1em;
}
/* line 131, scss/desktop/_about.scss */
.mobile #aboutDesc .med {
  font-size: 12px;
}
/* line 135, scss/desktop/_about.scss */
.mobile #aboutDesc .small {
  font-size: 9px;
}
/* line 139, scss/desktop/_about.scss */
.mobile #aboutDesc .huge {
  font-size: 17px;
  width: 100%;
  margin-bottom: .75em;
}
/* line 146, scss/desktop/_about.scss */
#aboutDesc span {
  text-transform: uppercase;
  line-height: 1em;
  display: inline-block;
  vertical-align: bottom;
  margin-right: .3em;
  font-family: "Agency FB W00 Bold904414", Helvetica, Arial, sans-serif;
}
/* line 155, scss/desktop/_about.scss */
#aboutDesc .med {
  font-size: 32px;
}
/* line 159, scss/desktop/_about.scss */
#aboutDesc .small {
  font-size: 16px;
}
/* line 163, scss/desktop/_about.scss */
#aboutDesc .huge {
  font-size: 42px;
  width: 100%;
  margin-bottom: .55em;
}

/* line 171, scss/desktop/_about.scss */
#aboutLineBottom {
  bottom: 30px;
  width: 100%;
  height: 2px;
  display: block;
  background: rgba(255, 255, 255, 0.2);
}

/* line 182, scss/desktop/_about.scss */
#aboutEnd {
  bottom: 0;
  width: 100%;
  display: block;
  text-align: right;
}
/* line 188, scss/desktop/_about.scss */
#aboutEnd div {
  font-family: "Agency FB W00 Bold904414", Helvetica, Arial, sans-serif;
  color: rgba(255, 255, 255, 0.67);
  letter-spacing: 2px;
  line-height: 1.3em;
}
/* line 195, scss/desktop/_about.scss */
#aboutEnd .end {
  font-size: 15px;
}
/* line 199, scss/desktop/_about.scss */
#aboutEnd .txt {
  font-size: 7px;
}

/* line 1, scss/desktop/_downloads.scss */
#downloads {
  display: none;
  top: -100%;
}
/* line 5, scss/desktop/_downloads.scss */
.mobile #downloads {
  text-shadow: 1px 1px 7px black;
}
/* line 9, scss/desktop/_downloads.scss */
#downloads #downloadsBg {
  width: 100%;
  height: 100%;
  background: #000;
}
/* line 14, scss/desktop/_downloads.scss */
#downloads #downloadsBg .layer.back {
  background-image: url(../images/downloads/bg.jpg);
}
/* line 15, scss/desktop/_downloads.scss */
.mobile #downloads #downloadsBg .layer.back {
  background-image: url(../images/downloads/bg-mobile.jpg);
}
/* line 16, scss/desktop/_downloads.scss */
.tablet #downloads #downloadsBg .layer.back {
  background-image: url(../images/downloads/bg-tablet.jpg);
}
/* line 17, scss/desktop/_downloads.scss */
.portrait #downloads #downloadsBg .layer.back {
  background-image: url(../images/downloads/bg-mobile.jpg) !important;
}
/* line 18, scss/desktop/_downloads.scss */
#downloads #downloadsBg .layer.debris1 {
  background-image: url(../images/downloads/debris1.png);
}
/* line 19, scss/desktop/_downloads.scss */
#downloads #downloadsBg .layer.debris2 {
  background-image: url(../images/downloads/debris2.png);
}
/* line 20, scss/desktop/_downloads.scss */
#downloads #downloadsBg .layer.batman {
  background-image: url(../images/downloads/batman.png);
  background-position: right center;
}
/* line 21, scss/desktop/_downloads.scss */
#downloads #downloadsBg .layer.snow {
  background-image: url(../images/downloads/snow.png);
}
/* line 24, scss/desktop/_downloads.scss */
#downloads .next {
  left: 50%;
  margin-left: -325px;
  display: none;
}
/* line 29, scss/desktop/_downloads.scss */
.desktop #downloads .next {
  left: 35%;
}
/* line 30, scss/desktop/_downloads.scss */
.tablet #downloads .next {
  left: 50%;
}

/* line 35, scss/desktop/_downloads.scss */
#downloadsMain {
  width: 640px;
  margin-left: -320px;
  display: block;
  position: absolute;
  left: 50%;
}
/* line 42, scss/desktop/_downloads.scss */
.desktop #downloadsMain {
  top: 16%;
  left: 35%;
}
/* line 47, scss/desktop/_downloads.scss */
.tablet #downloadsMain, .thinner #downloadsMain {
  top: 16%;
  left: 50%;
}
/* line 52, scss/desktop/_downloads.scss */
.mobile #downloadsMain {
  bottom: 0;
}

/* line 57, scss/desktop/_downloads.scss */
#downloadsTitle {
  letter-spacing: 2px;
  font-size: .9em;
  display: block;
  font-family: "Agency FB W00 Bold904414", Helvetica, Arial, sans-serif;
  color: rgba(255, 255, 255, 0.8);
}
/* line 64, scss/desktop/_downloads.scss */
.mobile #downloadsTitle {
  font-size: 20px;
}

/* line 69, scss/desktop/_downloads.scss */
#downloadsBtnsOuter {
  top: 40px;
  bottom: 0;
  width: 100%;
  height: calc(100% - 40px);
  display: block;
  font-size: 14px;
  line-height: 23px;
  overflow: hidden;
}

/* line 80, scss/desktop/_downloads.scss */
#downloadsBtns {
  left: 0;
  right: 20px;
  display: block;
  font-family: "Agency FB W00 Regular904417", Helvetica, Arial, sans-serif;
  font-size: 1.2em;
}
/* line 87, scss/desktop/_downloads.scss */
.mobile #downloadsBtns {
  right: 0;
}
/* line 91, scss/desktop/_downloads.scss */
#downloadsBtns .box {
  width: calc(33% - 40px);
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  padding: 10px 0 33px 0;
  margin-right: 35px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
/* line 100, scss/desktop/_downloads.scss */
#downloadsBtns .box .social {
  position: absolute;
  right: 0;
  top: 10px;
  height: 17px;
  opacity: 0;
  -webkit-transition: 0.25s ease-out opacity;
  -moz-transition: 0.25s ease-out opacity;
  -o-transition: 0.25s ease-out opacity;
  transition: 0.25s ease-out opacity;
}
/* line 108, scss/desktop/_downloads.scss */
#downloadsBtns .box .social a {
  display: inline-block;
  width: 17px;
  height: 0;
  padding-top: 17px;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0 2px;
  -webkit-transition: 0.25s ease-out opacity;
  -moz-transition: 0.25s ease-out opacity;
  -o-transition: 0.25s ease-out opacity;
  transition: 0.25s ease-out opacity;
  opacity: 1;
}
/* line 120, scss/desktop/_downloads.scss */
.desktop #downloadsBtns .box .social a:hover {
  opacity: .5;
}
/* line 124, scss/desktop/_downloads.scss */
#downloadsBtns .box .social a.facebook {
  background-image: url(../images/downloads/icons/facebook.png);
}
/* line 125, scss/desktop/_downloads.scss */
#downloadsBtns .box .social a.twitter {
  background-image: url(../images/downloads/icons/twitter.png);
}
/* line 126, scss/desktop/_downloads.scss */
#downloadsBtns .box .social a.google {
  background-image: url(../images/downloads/icons/google.png);
}
/* line 127, scss/desktop/_downloads.scss */
#downloadsBtns .box .social a.desktop {
  background-image: url(../images/downloads/icons/desktop.png);
}
/* line 128, scss/desktop/_downloads.scss */
#downloadsBtns .box .social a.tablet {
  background-image: url(../images/downloads/icons/tablet.png);
}
/* line 129, scss/desktop/_downloads.scss */
#downloadsBtns .box .social a.mobile {
  background-image: url(../images/downloads/icons/mobile.png);
}
/* line 133, scss/desktop/_downloads.scss */
#downloadsBtns .box:hover .social {
  opacity: 1;
}
/* line 137, scss/desktop/_downloads.scss */
#downloadsBtns .box > div {
  font-family: "Agency FB W00 Bold904414", Helvetica, Arial, sans-serif;
  color: rgba(255, 255, 255, 0.67);
  letter-spacing: 2px;
  line-height: 1.3em;
}
/* line 144, scss/desktop/_downloads.scss */
#downloadsBtns .box .num {
  font-size: 15px;
}
/* line 148, scss/desktop/_downloads.scss */
#downloadsBtns .box .txt {
  font-size: 7px;
  display:none;
}
/* line 152, scss/desktop/_downloads.scss */
#downloadsBtns .box > a {
  margin-top: 10px;
  display: block;
  -webkit-transition: 0.25s ease-out all;
  -moz-transition: 0.25s ease-out all;
  -o-transition: 0.25s ease-out all;
  transition: 0.25s ease-out all;
  opacity: 1;
}
/* line 158, scss/desktop/_downloads.scss */
#downloadsBtns .box > a img {
  display: block;
  width: 100%;
  height: auto;
}
/* line 165, scss/desktop/_downloads.scss */
.desktop #downloadsBtns .box:hover a {
  opacity: .6;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}
/* line 173, scss/desktop/_downloads.scss */
.mobile #downloadsBtns .box {
  width: calc(50% - 20px);
  margin-right: 15px;
}

/* line 1, scss/desktop/_partners.scss */
#partners {
  display: none;
  top: -100%;
}
/* line 5, scss/desktop/_partners.scss */
.mobile #partners {
  text-shadow: 1px 1px 7px black;
}
/* line 9, scss/desktop/_partners.scss */
#partners #partnersBg {
  width: 100%;
  height: 100%;
  background: #000;
}
/* line 14, scss/desktop/_partners.scss */
#partners #partnersBg .layer.back {
  background-image: url(../images/partners/bg.jpg);
}
/* line 15, scss/desktop/_partners.scss */
.mobile #partners #partnersBg .layer.back {
  background-image: url(../images/partners/bg-mobile.jpg);
}
/* line 16, scss/desktop/_partners.scss */
.tablet #partners #partnersBg .layer.back {
  background-image: url(../images/partners/bg-tablet.jpg);
}
/* line 17, scss/desktop/_partners.scss */
.portrait #partners #partnersBg .layer.back {
  background-image: url(../images/partners/bg-mobile.jpg) !important;
}
/* line 18, scss/desktop/_partners.scss */
#partners #partnersBg .layer.debris1 {
  background-image: url(../images/partners/debris1.png);
}
/* line 19, scss/desktop/_partners.scss */
#partners #partnersBg .layer.debris2 {
  background-image: url(../images/partners/debris2.png);
}
/* line 20, scss/desktop/_partners.scss */
#partners #partnersBg .layer.wonderwoman {
  background-image: url(../images/partners/wonderwoman.png);
  background-position: right center;
}
/* line 23, scss/desktop/_partners.scss */
#partners .next {
  left: 50%;
  margin-left: -325px;
}
/* line 27, scss/desktop/_partners.scss */
.desktop #partners .next {
  left: 35%;
}
/* line 28, scss/desktop/_partners.scss */
.tablet #partners .next {
  left: 50%;
}

/* line 33, scss/desktop/_partners.scss */
#partnersMain {
  width: 640px;
  margin-left: -320px;
  display: block;
  position: absolute;
  left: 50%;
}
/* line 40, scss/desktop/_partners.scss */
.desktop #partnersMain {
  top: 16%;
  left: 35%;
}
/* line 45, scss/desktop/_partners.scss */
.tablet #partnersMain, .thinner #partnersMain {
  top: 16%;
  left: 50%;
}
/* line 50, scss/desktop/_partners.scss */
.mobile #partnersMain {
  bottom: 0;
}

/* line 55, scss/desktop/_partners.scss */
#partnersTitle {
  letter-spacing: 2px;
  font-size: .9em;
  display: block;
  font-family: "Agency FB W00 Bold904414", Helvetica, Arial, sans-serif;
  color: rgba(255, 255, 255, 0.8);
}
/* line 62, scss/desktop/_partners.scss */
.mobile #partnersTitle {
  font-size: 20px;
}

/* line 67, scss/desktop/_partners.scss */
#partnersBtnsOuter {
  top: 40px;
  bottom: 0;
  width: 100%;
  height: calc(100% - 40px);
  display: block;
  font-size: 14px;
  line-height: 23px;
  overflow: hidden;
}

/* line 78, scss/desktop/_partners.scss */
#partnersBtns {
  left: 0;
  right: 20px;
  display: block;
  font-family: "Agency FB W00 Regular904417", Helvetica, Arial, sans-serif;
  font-size: 1.2em;
}
/* line 85, scss/desktop/_partners.scss */
.mobile #partnersBtns {
  right: 0;
}
/* line 89, scss/desktop/_partners.scss */
#partnersBtns .box {
  width: calc(33% - 40px);
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  padding: 10px 0 33px 0;
  margin-right: 35px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
/* line 98, scss/desktop/_partners.scss */
#partnersBtns .box > div {
  font-family: "Agency FB W00 Bold904414", Helvetica, Arial, sans-serif;
  color: rgba(255, 255, 255, 0.67);
  letter-spacing: 2px;
  line-height: 1.3em;
}
/* line 105, scss/desktop/_partners.scss */
#partnersBtns .box .num {
  font-size: 15px;
}
/* line 109, scss/desktop/_partners.scss */
#partnersBtns .box .txt {
  font-size: 7px;
}
/* line 113, scss/desktop/_partners.scss */
#partnersBtns .box > a {
  margin-top: 10px;
  display: block;
  -webkit-transition: 0.25s ease-out all;
  -moz-transition: 0.25s ease-out all;
  -o-transition: 0.25s ease-out all;
  transition: 0.25s ease-out all;
  opacity: 1;
}
/* line 119, scss/desktop/_partners.scss */
#partnersBtns .box > a img {
  display: block;
  width: 100%;
  height: auto;
}
/* line 126, scss/desktop/_partners.scss */
.desktop #partnersBtns .box:hover a {
  opacity: .6;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}
/* line 134, scss/desktop/_partners.scss */
.mobile #partnersBtns .box {
  width: calc(50% - 20px);
  margin-right: 15px;
}



.dc_banner{
    position: absolute;
    left: 10px;
    bottom: 53px;
    bottom: 0;
	z-index:2;
}
#sns_btns{
	width: 108px;
	padding:5px 10px;
	height:120px;
	position:absolute;
	left:267px;
	bottom:-120px;
	background:rgba(0,0,0,0.8);
	z-index:1;
}
#sns_btns li{
	list-style:none;
}
#s_line{
	width:90px;
	overflow:hidden;
	margin-top:0px !important;
}
#s_tw{
	width:75px;
	overflow:hidden;
}
#s_fb{
	width:80px;
	overflow:hidden;
}
#gplus{
	position:relative;
}

#gplus div{
	position:absolute;
	left:0;
	top:0;
}

html,body{
	min-width:1070px;
	overflow:auto;
}
.homemenu {
    margin-left: 50px;
    font-size: 16px;
    color: #DFDFDF;
    text-shadow: 1px 1px 10px #333;
    margin-top: 5px;
}

#rating3 {
  margin:0px 5px 10px 0px;
}

#special{
    position: absolute;
    left: 50%;
    bottom: 66px !important;
    margin-left: -235px;
    margin-left: -118px;
	margin-left:130px;
}

#arkham{
	
    position: absolute;
    left: 50%;
    bottom: 116px !important;
    margin-left: -235px;
    margin-left: -118px;
	margin-left:129px;		
}

#special2{
    position: absolute;
    left: 50%;
    bottom: 216px !important;
    margin-left: -410px;
}

#dvd{
    position: absolute;
    left: 50%;
    bottom: 216px !important;
    margin-left: 180px;
}


#review{
    position: absolute;
    left: 50%;
    bottom: 116px !important;
    margin-left: -235px;
    margin-left:-115px;
    margin-left:-114px;
}

#hashtag {
  display: inline-block;
  position: relative;
  font-size: 10px;
  line-height: 28px;
  margin-left: 3px;
  color: #fff;
}
#hashtag a{
	color:#FFF;
}
#rating2 {
	/*
    position: absolute;
    right: 0px;
    bottom: 67px;
    bottom: 66px;
	*/
    position: absolute;
    left: 50%;
    bottom: 67px;
    bottom: 66px;
    margin-left: 10px;
	margin-left: 130px;
	margin-left:256px;
	display:none;
}
#raaa {
    position: absolute;
    left: 50%;
    bottom:115px;
    margin-left: -366px;
	margin-left:-360px;
	margin-left:-357px;
}
#socialMenu {
    position: relative;
    display: inline-block;
    margin-left: 53px;
    margin-bottom: 15px;
	z-index:1;
}

#socialMenu {
	position: absolute;
    display: inline-block;
	right:15px;
    margin-bottom: 15px;
	bottom:0;
	z-index:1;
}
 




#rating22{
    position:relative !important;
	left:0 !important;
	bottom:0 !important;
	margin:0 2px;
}

#rating23{
    position:relative !important;
	left:0 !important;
	bottom:0 !important;
	margin:0 2px;
}

#rating3 {
  margin:0px 5px 10px 0px !important;
}




#about .next{
	display:none !important;
}
#videos .next{
	display:none !important;
}


#ple{
	position:absolute;
	right:20px;
	bottom:83px;
	width:150px;
}

#ple{
    position: absolute;
    left: 50%;
    bottom: 167px;
    margin-left: 245px;
	margin-left: 167px;
}



#hashtag{
    position: absolute;
    bottom: -8px;
    right: 45px;
}


#sound{
    position: absolute;
    bottom: 27px;
    right: 15px;

}