@import "http://fonts.googleapis.com/css?family=Roboto:400,100,300";
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
img {
    border: 0 none;
}
body {
    background-color: #B7CFB6;
    color: #3A2127;
    font-family: 'Roboto',sans-serif;
    font-size: 100%;
    font-weight: 300;
    line-height: 1em;
}
.parallax-viewport {
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    text-align: center;
    width: 100%;
}
.parallax-layer {
    position: absolute;
    text-align: center;
}
.parallax_bg {
    display: block;
    height: 1420px;
    left: 50%;
    margin-left: -800px;
    margin-top: -427.398px;
    top: 74.5895%;
    width: 1600px;
}
.parallax_crowd {
    display: block;
    height: 450px;
    left: 24.6184%;
    margin-left: -233.874px;
    margin-top: -427.398px;
    opacity: 0.5;
    top: 74.5895%;
    width: 1500px;
}
.parallax_social {
    display: block;
    height: 1000px;
    left: 24.6184%;
    margin-left: -221.565px;
    margin-top: -427.398px;
    top: 74.5895%;
    width: 1200px;
}
.parallax_lrglogo {
    display: block;
    height: 650px;
    left: 24.6184%;
    margin-left: -236.336px;
    margin-top: -397.562px;
    top: 54.5895%;
    width: 1400px;
}
.parallax_addy {
    display: block;
    height: 508px;
    left: 14.6184%;
    margin-left: -231.413px;
    margin-top: -859.939px;
    top: 195.589%;
    width: 1300px;
}
#container {
    max-width: 1600px;
    position: relative;
}
.clr {
    clear: both;
}
.footer {
    bottom: 5px;
    color: #1F7B77;
    left: 50%;
    margin: 0 0 0 -45%;
    padding: 20px 0;
    pointer-events: none;
    position: fixed;
    text-align: center;
    text-shadow: 0 1px 1px #E4FFE2;
    width: 90%;
    z-index: 800;
}
.footer .copy {
    margin: 0 0 10px;
}
.footer li {
    display: inline-block;
    margin: 0 15px 0 0;
}
.footer a {
    color: #1F7B77;
    font-size: 2em;
    font-weight: 100;
    pointer-events: auto;
    text-decoration: none;
}
.footer a:hover {
    color: #000000;
    text-decoration: none;
}
.grdnt-bottom {
    background-image: url("images/grdnt-bottom.png");
    background-repeat: repeat-x;
    bottom: 0;
    height: 300px;
    pointer-events: none;
    position: fixed;
    width: 100%;
    z-index: 700;
}
.grdnt-left, .grdnt-right {
    background-image: url("images/sideLeft-grdnt.png");
    background-repeat: repeat-y;
    bottom: 0;
    height: 100%;
    pointer-events: none;
    position: fixed;
    width: 300px;
    z-index: 700;
}
.grdnt-left {
    left: 0;
}
.grdnt-right {
    background-image: url("images/sideRight-grdnt.png");
    background-repeat: repeat-y;
    right: 0;
}
.logo, .social .facebook, .social .twitter, .social .soundcloud, .social .beatport {
    background-image: url("images/sprites@1x.png");
    background-repeat: no-repeat;
    background-size: 394px 261px;
}
.social {
    left: 50%;
    margin: 0 0 0 -30%;
    position: absolute;
    top: 47%;
    width: 60%;
    z-index: 800;
}
.social .left {
    float: left;
    position: relative;
}
.social .right {
    float: right;
    margin-right: 60px;
    position: relative;
}
.social a {
    display: inline-block;
    height: 88px;
    overflow: hidden;
    text-decoration: none;
    text-indent: -9999px;
    width: 94px;
}
.social .facebook {
    background-position: -200px -79px;
}
.social .twitter {
    background-position: -300px -79px;
}
.social .soundcloud {
    background-position: 0 -79px;
}
.social .beatport {
    background-position: -100px -79px;
}
.social .facebook:hover {
    background-position: -200px -173px;
}
.social .twitter:hover {
    background-position: -300px -173px;
}
.social .soundcloud:hover {
    background-position: 0 -173px;
}
.social .beatport:hover {
    background-position: -100px -173px;
}