body {
  /*background: #84dbd7;*/
  /*overflow: hidden;*/
  /*overflow-y: auto;*/
}

.scene {
  position: absolute;
  top:150px;
  bottom: 0;
  left: 0;
  overflow: hidden;
  right: 0;
  border-bottom: 100px solid #342a2a;
  height: 800px;
}

.scene > div {
  position: absolute;
  bottom: 0;
}

.ground {
  width: 100%;
  height: 30px;
  background: #1d1818;
  z-index: 999;
}

.scene > div.clouds {
  width: 895px;
  left: 50%;
  margin-left: -447px;
  height: 255px;
  bottom: 250px;
  background: url(http://i.imgur.com/WYfbo0O.png) no-repeat center;
}

.scene div.trees {
  width: 908px;
  height: 174px;
  background: url(http://i.imgur.com/4JOfJhg.png) no-repeat center;
  z-index: 100;
  left: 50%;
  bottom: 20px;
  margin-left: -454px;
}

.scene div.grass {
  width: 964px;
  height: 37px;
  z-index: 200;
  left: 50%;
  bottom: 20px;
  margin-left: -482px;
  background: url(http://i.imgur.com/h0aXbZr.png) no-repeat center;
}

.buildings {
  width: 763px;
  height: 303px;
  left: 50%;
  margin-left: -400px;
  background: url(http://i.imgur.com/5LmAigM.png) no-repeat center;
}


/*----- Custom CSS -----*/

.sayogo-incorporated {
    background: #000;
}

.ajax1-sponsor {
    position: absolute;
    width: 77.67%;
    margin: auto;
    background-size: contain !important;
    height: 39.57%;
    left: 0px;
    right: 0px;
    top: 7.1%;
    background: url('../img/front/home-people1.png') no-repeat 50%;
}

.ajax1-circle-top {
    position: absolute;
    margin: auto;
    width: 82.80%;
    background-size: contain !important;
    height: 78.29%;
    left: 0px;
    right: 0px;
    top: 0px;
    background: url('../img/front/home-people.png') no-repeat 50%;
}

.ajax1-circle-top-logo {
    width: 17.79%;
    height: 7.94%;
    position: absolute;
    margin: auto;
    background-size: contain !important;
    left: 0px;
    right: 0px;
    top: 33.19%;
    background: url('../img/front/home-top-logo.png') no-repeat 50%;
}

.xenia {
    /*background: url('../img/front/home-top-white.png') #000 no-repeat 50% !important;*/
    /*background-size: cover !important;*/
}

.balloon {
    background: url('../img/front/ballon-back.jpg') #000 no-repeat 50% !important;
    background-size: cover !important;
}

.balloon img {
    /*display: table;*/
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
}

.ajax1-flower {
    width: 58.93%;
    height: 62.87%;
    position: absolute;
    margin: auto;
    background-size: contain !important;
    left: 0px;
    right: 0px;
    top: 19.77%;
    background: url('../img/front/home-married-flower.png') no-repeat 50%;
}

.ajax1-woman {
    width: 39.11%;
    height: 76.59%;
    position: absolute;
    margin: auto;
    background-size: contain !important;
    left: 0px;
    right: 0px;
    top: 14.60%;
    background: url('../img/front/home-top-married.png') no-repeat 50%;
}

.ajax1-lightsmall {
    opacity: 0;
    width: 52.34%;
    height: 57.44%;
    position: absolute;
    margin: auto;
    background-size: contain !important;
    left: 0px;
    right: 0px;
    top: 13.47%;
    background: url('../img/front/lightsmall.png') no-repeat 50%;
    -webkit-animation: light 2s infinite linear;
    animation: light 2s infinite linear;
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s;
}

.ajax1-lightsmall1 {
    background: url('../img/front/lightsmall1.png') no-repeat 50%;
    -webkit-animation: light 2s infinite linear;
    animation: light 2s infinite linear;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.ajax1-lightsmall2 {
    background: url('../img/front/lightsmall2.png') no-repeat 50%;
    -webkit-animation: light 2s infinite linear;
    animation: light 2s infinite linear;
    -webkit-animation-delay: 3.8s;
    animation-delay: 3.8s;
}

.ajax1-lightsmall3 {
    background: url('../img/front/lightsmall3.png') no-repeat 50%;
    -webkit-animation: light 2s infinite linear;
    animation: light 2s infinite linear;
    -webkit-animation-delay: 2.8s;
    animation-delay: 2.8s;
}

.ajax1-lightmid {
    opacity: 0;
    width: 52.34%;
    height: 57.44%;
    position: absolute;
    margin: auto;
    background-size: contain !important;
    left: 0px;
    right: 0px;
    top: 13.47%;
    background: url('../img/front/lightmid.png') no-repeat 50%;
    -webkit-animation: light 2s infinite linear;
    animation: light 2s infinite linear;
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
}

.ajax1-lightmid1 {
    background: url('../img/front/lightmid1.png') no-repeat 50%;
    -webkit-animation: light 2s infinite linear;
    animation: light 2s infinite linear;
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
}

.ajax1-lightmid2 {
    background: url('../img/front/lightmid2.png') no-repeat 50%;
    -webkit-animation: light 2s infinite linear;
    animation: light 2s infinite linear;
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s;
}

.ajax1-lightmid3 {
    background: url('../img/front/lightmid3.png') no-repeat 50%;
    -webkit-animation: light 2s infinite linear;
    animation: light 2s infinite linear;
    -webkit-animation-delay: 4.3s;
    animation-delay: 4.3s;
}

.ajax1-lightmid4 {
    background: url('../img/front/lightmid4.png') no-repeat 50%;
    -webkit-animation: light 2s infinite linear;
    animation: light 2s infinite linear;
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s;
}

.ajax1-lightmid5 {
    background: url('../img/front/lightmid5.png') no-repeat 50%;
    -webkit-animation: light 2s infinite linear;
    animation: light 2s infinite linear;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

.ajax1-lightbig {
    opacity: 0;
    width: 52.34%;
    height: 57.44%;
    position: absolute;
    margin: auto;
    background-size: contain !important;
    left: 0px;
    right: 0px;
    top: 13.47%;
    background: url('../img/front/lightbig.png') no-repeat 50%;
    -webkit-animation: light 2s infinite linear;
    animation: light 2s infinite linear;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

.ajax1-lightbig1 {
    background: url('../img/front/lightbig1.png') no-repeat 50%;
    -webkit-animation: light 2s infinite linear;
    animation: light 2s infinite linear;
    -webkit-animation-delay: 2.8s;
    animation-delay: 2.8s;
}

.ajax1-lightbig2 {
    background: url('../img/front/lightbig2.png') no-repeat 50%;
    -webkit-animation: light 2s infinite linear;
    animation: light 2s infinite linear;
    -webkit-animation-delay: 3.2s;
    animation-delay: 3.2s;
}

.dance {
    background: #000;
}

.ajax1-fire {
    width: 74.97%;
    height: 58.58%;
    position: absolute;
    margin: auto;
    background-size: contain !important;
    left: 0px;
    right: 0px;
    top: 0%;
    background: url('../img/front/fire.png') no-repeat 50%;
}

.ajax1-dance {
    width: 100%;
    height: 98.30%;
    position: absolute;
    margin: auto;
    background-size: contain !important;
    left: 0px;
    right: 0px;
    top: 7.09%;
    background: url('../img/front/cabaret.png') no-repeat 50%;
}

.ajax1-lightdance {
    opacity: 0;
    width: 39.31%;
    height: 60.54%;
    position: absolute;
    margin: auto;
    background-size: contain !important;
    left: 0px;
    right: 0px;
    top: 0%;
    background: url('../img/front/lightdancebig.png') no-repeat 50%;
    -webkit-animation: light 2s infinite linear;
    animation: light 2s infinite linear;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

.ajax1-lightdance1 {
    background: url('../img/front/lightdancebig1.png') no-repeat 50%;
    -webkit-animation: light 2s infinite linear;
    animation: light 2s infinite linear;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.ajax1-lightdance2 {
    background: url('../img/front/lightdancebig2.png') no-repeat 50%;
    -webkit-animation: light 2s infinite linear;
    animation: light 2s infinite linear;
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s;
}

.ajax1-lightdance3 {
    background: url('../img/front/lightdancebig3.png') no-repeat 50%;
    -webkit-animation: light 2s infinite linear;
    animation: light 2s infinite linear;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

.ajax1-lightdance4 {
    background: url('../img/front/lightdancebig4.png') no-repeat 50%;
    -webkit-animation: light 2s infinite linear;
    animation: light 2s infinite linear;
    -webkit-animation-delay: 3.2s;
    animation-delay: 3.2s;
}

.ajax1-lightdance5 {
    background: url('../img/front/lightdancebig5.png') no-repeat 50%;
    -webkit-animation: light 2s infinite linear;
    animation: light 2s infinite linear;
    -webkit-animation-delay: 2.8s;
    animation-delay: 2.8s;
}

.ajax1-lightdance6 {
    background: url('../img/front/lightdancebig6.png') no-repeat 50%;
    -webkit-animation: light 2s infinite linear;
    animation: light 2s infinite linear;
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
}

@-webkit-keyframes light
{
    0% {
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes light
{
    0% {
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.ajax1-ballon1 {
    width: 9%;
    height: 36.88%;
    position: absolute;
    background-size: contain !important;
    right: 0px;
    left: 34.41%;
    top: 36.87%;
    background: url('../img/front/ballon1.png') no-repeat 50%;
}

.ajax1-ballon2 {
    width: 9.37%;
    height: 38.44%;
    position: absolute;
    background-size: contain !important;
    right: 0px;
    left: 44.51%;
    top: 24.11%;
    background: url('../img/front/ballon2.png') no-repeat 50%;
}

.ajax1-ballon3 {
    width: 13.54%;
    height: 34.61%;
    position: absolute;
    background-size: contain !important;
    right: 0px;
    left: 30.38%;
    top: 43.97%;
    background: url('../img/front/ballon3.png') no-repeat 50%;
}

.ajax1-ballon4 {
    width: 14.49%;
    height: 37.02%;
    position: absolute;
    background-size: contain !important;
    right: 0px;
    left: 55.63%;
    top: 31.20%;
    background: url('../img/front/ballon4.png') no-repeat 50%;
}