@charset "utf-8";
/* CSS Document */

img {
	width: 100%;
	height: auto;
}
html { background-color: #434343; }
#wrapper {
	width: 6000px;
	height: 1000px;
	background-image: url("images/bg-1.png");
	background-size: cover;
	background-position: center bottom;
}
#stage {
	position: relative;
	width: 100%;
	height: 1000px;
	overflow: hidden;
}
#gabi {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	color: #000;
	font-size: 24px;
	margin-top: 300px;
	margin-left: 50px;
	
	
}
.object1 {
	position: absolute;
	left: 50px;
	top: 50px;
}
.object2 {
	position: absolute;
	left: 600px;
	bottom: 50px;
}
.object3 {
	position: absolute;
	left: 2000px;
	top: 25px;
}
.object4 {
	position: absolute;
	left: 2200px;
	bottom: 0;
}
.object5 {
	position: absolute;
	left: 2835px;
	top: 100px;
}
.object6 {
	position: absolute;
	left: 3179px;
	top: 392px;
}
.object7 {
	position: absolute;
	left: 3350px;
	bottom: 0px;
}
.object8 {
	position: absolute;
	left: 4044px;
	top: 00px;
}
.object9 {
	position: absolute;
	left: 4244px;
	bottom: 0px;
	    z-index: 99;
}
.object10 {
	position: absolute;
	left: 4728px;
	top: 375px;
}
.object11 {
	position: absolute;
	right: 0;
	bottom: 0px;
}

.ding {
  opacity: 0;
      transform: scale(1);
     -webkit-transform: translateZ(0) scale(1,1);
    transition: all .3s ease-in-out 0s;
}
.ding:hover {
  -webkit-transform: scale(1.04);
-moz-transform: scale(1.04);
-ms-transform: scale(1.04);
-o-transform: scale(1.04);
transform: scale(1.04);
}

.fade-in {
          animation-name: fadeIn;
          animation-duration: 2000ms;
          animation-timing-function: cubic-bezier(0, 0, 0.4, 1);
          animation-fill-mode: forwards;
}


@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}