/* main container */
/*
.container{
	top:0px;
	background:#fff;
	width:100%;
	height:100%;
	position:absolute;
	left:0%;
	background:#1E1E20 url(autumn.jpg) center top no-repeat;


}

body{
top:0px;
	background:#fff;
	width:100%;
	height:100%;
	position:absolute;
	left:0%;
	}*/
.fallingLeaves {
    text-align: center;
}
.fallingLeaves span {
    display: inline-block;
    width: 125px;
    height: 120px;
	margin: -280px 40px 54px  -34px;
	/*background:url("../../images/leaf/leaf-img1.png");*/
    
    -webkit-animation: fallingLeaves 10s infinite  linear;
    -moz-animation: fallingLeaves 10s infinite  linear;
}

.fallingLeaves span:nth-child(5n+5) {
	background:url("../../images/leaf/leaf-img1.png");

    -webkit-animation-delay: 1.3s;
    -moz-animation-delay: 1.3s;
}
.fallingLeaves span:nth-child(3n+2) {
	background:url("../../images/leaf/leaf-img3.png");

    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
}
.fallingLeaves span:nth-child(2n+5) {

    -webkit-animation-delay: 1.7s;
    -moz-animation-delay: 1.7s;
}

.fallingLeaves span:nth-child(3n+10) {

    -webkit-animation-delay: 2.7s;
    -moz-animation-delay: 2.7s;
}
.fallingLeaves span:nth-child(7n+2) {

    -webkit-animation-delay: 3.5s;
    -moz-animation-delay: 3.5s;
}
.fallingLeaves span:nth-child(4n+5) {

    -webkit-animation-delay: 5.5s;
    -moz-animation-delay: 5.5s;
}
.fallingLeaves span:nth-child(3n+7) {

    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
}


/**/

.fallingLeaves .leaf1 {
	background:url("../../images/leaf/leaf-img1.png");

    -webkit-animation-delay: 1.3s;
    -moz-animation-delay: 1.3s;
}
.fallingLeaves .leaf2 {
	background:url("../../images/leaf/leaf-img3.png");

    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
}
.fallingLeaves .leaf3 {
	background:url("../../images/leaf/leaf-img2.png");

    -webkit-animation-delay: 1.7s;
    -moz-animation-delay: 1.7s;
}

.fallingLeaves .leaf4 {
	background:url("../../images/leaf/leaf-img4.png");

    -webkit-animation-delay: 2.7s;
    -moz-animation-delay: 2.7s;
}
.fallingLeaves .leaf5 {
	background:url("../../images/leaf/leaf-img5.png");

    -webkit-animation-delay: 3.5s;
    -moz-animation-delay: 3.5s;
}
.fallingLeaves .leaf6 {
	background:url("../../images/leaf/leaf-img6.png");

    -webkit-animation-delay: 5.5s;
    -moz-animation-delay: 5.5s;
}
.fallingLeaves .leaf7 {
	background:url("../../images/leaf/leaf-img7.png");

    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
}

.homeLeaves{
	-webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
}

@-webkit-keyframes fallingLeaves {
  0% {
    opacity: 1;

	-webkit-transform: translate(0, 0px) rotateZ(0deg);
  }
  75% {
    opacity: 1;

	-webkit-transform: translate(100px, 600px) rotateZ(270deg); 
  }
  100% {
    opacity: 0;

	-webkit-transform: translate(150px, 800px) rotateZ(360deg);
  }
}
@-moz-keyframes fallingLeaves {
  0% {
    opacity: 1;
    
	-webkit-transform: translate(0, 0px) rotateZ(0deg);
  }
  75% {
    opacity: 1;
   
	-webkit-transform: translate(100px, 600px) rotateZ(270deg); 
  }
  100% {
    opacity: 0;
    
	-webkit-transform: translate(150px, 800px) rotateZ(360deg);
  }
}



@-webkit-keyframes homeLeaves {
  0% {
    opacity: 1;

	-webkit-transform: translate(0, 0px) rotateZ(0deg);
  }
  75% {
    opacity: 1;

	-webkit-transform: translate(100px, 600px) rotateZ(270deg); 
  }
  100% {
    opacity: 0;

	-webkit-transform: translate(150px, 800px) rotateZ(360deg);
  }
}

#loading {
		-webkit-animation: rotation 2s infinite linear;
}

@-webkit-keyframes rotation {
		0% {
				-webkit-transform: rotate(0deg);
		}
		35% {
				-webkit-transform: rotate(35deg);
		}
		35% {
				-webkit-transform: rotate(-35deg);
		}
		0% {
				-webkit-transform: rotate(0deg);
		}
}