@charset "utf-8";
/* CSS Document */
body {
    margin:0;
    }
    
img {max-width:100%; vertical-align:top;}

.background {
    max-width:1200px;
    background: url(../images/bg.png) no-repeat 0 0;
    position:relative;
    background-size:contain;
    overflow:hidden;
    }
    
.foreground {
    background:url(../images/front1.png) no-repeat 0 0;
    z-index:10;
    }
    
.clouds {
    background:url(../images/clouds.png);
    z-index:8;
    }
    
.birds {
    background:url(../images/birds.png);
    z-index:8;
    }
    
.cars {
    background:url(../images/cars.png);
    z-index:8;
    }
    
.foreground, .clouds, .birds, .cars {
    
    position:absolute;
	top:0;
    left:0;
    height:100%;
    width:100%;
    background-size:contain;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
            
}

.plane {
    background:url(../images/plane.png) no-repeat center bottom;
    z-index:8;
    position:absolute;
	top:0;
    left:50%;
    height:100%;
    width:5%;
    background-size:contain;
    }
    
.stylie {
  -moz-animation-name: stylie-transform-keyframes;
  -moz-animation-duration: 10000ms;
  -moz-animation-delay: 0ms;
  -moz-animation-fill-mode: forwards;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 0 0;
  -ms-animation-name: stylie-transform-keyframes;
  -ms-animation-duration: 5000ms;
  -ms-animation-delay: 0ms;
  -ms-animation-fill-mode: forwards;
  -ms-animation-timing-function: linear;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 0 0;
  -webkit-animation-name: stylie-transform-keyframes;
  -webkit-animation-duration: 5000ms;
  -webkit-animation-delay: 0ms;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 0 0;
}
@-moz-keyframes stylie-transform-keyframes {
  0% {-moz-transform:translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);-moz-animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {-moz-transform:translate(733px, -400px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
}
@-ms-keyframes stylie-transform-keyframes {
  0% {-ms-transform:translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);-ms-animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {-ms-transform:translate(733px, -387px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
}
@-webkit-keyframes stylie-transform-keyframes {
  0% {-webkit-transform:translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);-webkit-animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {-webkit-transform:translate(733px, -387px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
}