body {
    background: #000
}

#loader-box.hidden {
    opacity: 0
}

#moment #section .fadeaway {
    height: 500px
}

#moment #section .fadeaway.alpha {
    margin-left: -10px
}

#moment #section .fadeaway.beta {
    margin-right: -10px
}

#moment #section .fadeaway.gamma {
    background: url("../../css/images/bottom-fade.png") repeat-x;
    height: 50px;
    width: 1278px;
    position: absolute;
    top: 450px;
    margin: 0 -9px
}

#moment #section #content {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none
}

#section {
    overflow: visible\9
}

html:root #section,
html:root .basic #section {
    overflow: visible
}

html:root #moment.fromMoment {
    background: #000
}

#moment {
    overflow: hidden
}

#body {
    width: 1278px;
    height: 500px;
    position: relative;
}

.explore-the-stories #body {
    left: -130px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .explore-the-stories #body {
        left: -170px
    }
}

.explore-the-stories #container>.layer:last-child {
    -moz-box-shadow: 30px -5px 0 5px #000;
    -webkit-box-shadow: 30px -5px 0 5px#000;
    box-shadow: 30px -5px 0 5px #000
}

#wrap {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin: 0 auto
}

#overflow {
    overflow: hidden;
    margin: 0 -9px
}

#container {
    width: 1278px;
    height: 500px;
    margin: 0 auto 0;
    position: relative
}

#container>.layer:last-child {
    -moz-box-shadow: -30px -5px 0 5px #000;
    -webkit-box-shadow: -30px -5px 0 5px#000;
    box-shadow: -30px -5px 0 5px #000
}

#container img,
canvas {
    position: relative;
    top: 0;
    left: 0
}

.layer {
    position: absolute;
    top: 0
}

.items {
    position: absolute;
    top: 0;
    left: 0;
    height: 500px;
    width: 1278px;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%
}

.item,
.animate,
.trigger {
    display: block;
    position: absolute;
    background: transparent url(../media/img/transparent.png) no-repeat 0 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.animate,
.trigger {
    z-index: 0
}

.item.noclick {
    z-index: -999!important
}

.hasCanvas .item,
.hasCanvas .animate,
.hasCanvas .trigger {
    z-index: -999;
    border: 0
}

.hovertrigger {
    z-index: 9999!important
}

.hidden,
.nonjshidden {
    display: none
}

.js .hidden,
.js .nonjshidden {
    display: block
}

.basic .item.nonjsshow {
    display: block
}

.hover,
.animate {
    overflow: hidden
}

.hover:hover img {
    position: absolute!important;
    bottom: 0!important;
    top: auto!important
}

span.hover:hover {
    cursor: pointer
}

.hovertrigger {
    position: absolute;
    background: url("../media/img/transparent.png") no-repeat scroll 0 0 transparent;
    display: block;
    position: absolute;
    z-index: 4
}

.hasCanvas .hovertrigger {
    z-index: auto
}

.hasCanvas .item {
    z-index: auto
}

.hasCanvas .hovertrigger {
    display: none
}

.hovertrigger:hover+.hover img {
    position: absolute!important;
    bottom: 0!important;
    top: auto!important
}

#container.csszoom canvas {
    -moz-transition: all 800ms linear;
    -webkit-transition: all 800ms linear
}

canvas {
    image-rendering: optimizeQuality;
    -ms-interpolation-mode: bicubic
}

#tooltip,
.tooltip {
    z-index: 9999;
    position: absolute;
    top: 10px;
    left: 200px;
    color: #fff;
    font-family: Arial;
    font-size: 12px;
    display: inline-block;
    padding: 8px;
    border: 1px solid #000;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #383838;
    background: -moz-linear-gradient(top, #383838 1%, #111 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #383838), color-stop(100%, #111));
    background: -webkit-linear-gradient(top, #383838 1%, #111 100%);
    background: -o-linear-gradient(top, #383838 1%, #111 100%);
    background: -ms-linear-gradient(top, #383838 1%, #111 100%);
    background: linear-gradient(top, #383838 1%, #111 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#383838', endColorstr='#111111', GradientType=0);
    -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.4), 0 0 10px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.4), 0 0 10px rgba(0, 0, 0, 0.7);
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.4), 0 0 10px rgba(0, 0, 0, 0.7)
}

#container canvas {
    -moz-transition: all 1000ms linear;
    -webkit-transition: all 1000ms linear
}

canvas {
    image-rendering: optimizeQuality;
    -ms-interpolation-mode: bicubic
}

*:first-child+html .layer img.background,
*:first-child+html .layer .animate {
    display: none
}

*:first-child+html .hasCanvas .layer img.background {
    display: block
}

*:first-child+html .items {
    height: 0
}

body.global-nav-header #page {
    background-position: -100px -160px;
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 500px
}

body.isUnvisited #page {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%)
}

body.isUnvisited #experience {
    background: none!important
}

.jshide .layer img {
    visibility: hidden
}

canvas#pointer {
    position: absolute;
    top: 0;
    left: 0
}

.border {
    position: absolute
}

#border-left {
    width: 80px;
    height: 500px;
    top: -7px;
    left: 0;
    z-index: 1000
}

#border-right {
    width: 80px;
    height: 500px;
    top: -7px;
    right: 148px;
    z-index: 1000
}

#border-top {
    width: 1278px;
    height: 41px;
    top: -7px;
    left: 3px;
    z-index: 900
}

#border-bottom {
    width: 1278px;
    height: 40px;
    top: 453px;
    left: 0;
    z-index: 900
}