#bubbles { height: 100% }
	#bubbles { padding: 100px 0 }
	#bubbles {
    position: absolute;
}
	
	.bubble {
	    width: 35px;
    	height: 35px;
    	border-radius: 200px;
    	-moz-border-radius: 200px;
    	-webkit-border-radius: 200px;
		border: 2px solid #efefef;
		opacity:0.5;
    	position: absolute;
		}
	.x1 {
    	-webkit-transform: scale(0.35);
    	-moz-transform: scale(0.35);
    	transform: scale(0.35);
    	-webkit-animation: moveclouds 10s linear infinite, sideWays 9s ease-in-out infinite alternate;
    	-moz-animation: moveclouds 10s linear infinite, sideWays 4s ease-in-out infinite alternate;
    	-o-animation: moveclouds 10s linear infinite, sideWays 4s ease-in-out infinite alternate;
		}
	.x2 {
    	left: 200px;
   	 	-webkit-transform: scale(0.4);
    	-moz-transform: scale(0.4);
    	transform: scale(0.4);
    	-webkit-animation: moveclouds 5s linear infinite, sideWays 5s ease-in-out infinite alternate;
    	-moz-animation: moveclouds 5s linear infinite, sideWays 15s ease-in-out infinite alternate;
    	-o-animation: moveclouds 55s linear infinite, sideWays 25s ease-in-out infinite alternate;
		}
	.x3 {
    	left: 350px;
    	-webkit-transform: scale(0.5);
    	-moz-transform: scale(0.5);
    	transform: scale(0.5);
    	-webkit-animation: moveclouds 20s linear infinite, sideWays 14s ease-in-out infinite alternate;
    	-moz-animation: moveclouds 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
    	-o-animation: moveclouds 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
		}
	.x4 {
    	left: 470px;
    	-webkit-transform: scale(0.75);
    	-moz-transform: scale(0.75);
    	transform: scale(0.75);
    	opacity: 0.35;
    	-webkit-animation: moveclouds 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
    	-moz-animation: moveclouds 18s linear infinite, sideWays 12s ease-in-out infinite alternate;
    	-o-animation: moveclouds 18s linear infinite, sideWays 12s ease-in-out infinite alternate;
		}
	.x5 {
    	left: 150px;
    	-webkit-transform: scale(0.55);
    	-moz-transform: scale(0.55);
    	transform: scale(0.55);
    	-webkit-animation: moveclouds 7s linear infinite, sideWays 5s ease-in-out infinite alternate;
    	-moz-animation: moveclouds 7s linear infinite, sideWays 85s ease-in-out infinite alternate;
    	-o-animation: moveclouds 7s linear infinite, sideWays 55s ease-in-out infinite alternate;
		}
	.x6 {
    	left: 600px;
    	-webkit-transform: scale(0.55);
    	-moz-transform: scale(0.55);
    	transform: scale(0.55);
    	-webkit-animation: moveclouds 17s linear infinite, sideWays 31s ease-in-out infinite alternate;
    	-moz-animation: moveclouds 17s linear infinite, sideWays 1s ease-in-out infinite alternate;
    	-o-animation: moveclouds 17s linear infinite, sideWays 1s ease-in-out infinite alternate;
		}
	.x7 {
    	left: 780px;
    	-webkit-transform: scale(0.4);
    	-moz-transform: scale(0.4);
    	transform: scale(0.4);
    	-webkit-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate;
    	-moz-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate;
    	-o-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate;
		}
	.x8 {
    	left: 1080px;
    	-webkit-transform: scale(0.36);
    	-moz-transform: scale(0.36);
    	transform: scale(0.36);
    	-webkit-animation: moveclouds 11s linear infinite, sideWays 31s ease-in-out infinite alternate;
    	-moz-animation: moveclouds 11s linear infinite, sideWays 1s ease-in-out infinite alternate;
    	-o-animation: moveclouds 11s linear infinite, sideWays 1s ease-in-out infinite alternate;
		}	
	.x9 {
    	left: 90px;
    	-webkit-transform: scale(0.34);
    	-moz-transform: scale(0.34);
    	transform: scale(0.34);
    	-webkit-animation: moveclouds 9s linear infinite, sideWays 10s ease-in-out infinite alternate;
    	-moz-animation: moveclouds 9s linear infinite, sideWays 1s ease-in-out infinite alternate;
    	-o-animation: moveclouds 9s linear infinite, sideWays 10s ease-in-out infinite alternate;
		}
	.x10 {
    	left: 1000px;
    	-webkit-transform: scale(0.46);
    	-moz-transform: scale(0.46);
    	transform: scale(0.46);
    	-webkit-animation: moveclouds 26s linear infinite, sideWays 10s ease-in-out infinite alternate;
    	-moz-animation: moveclouds 26s linear infinite, sideWays 1s ease-in-out infinite alternate;
    	-o-animation: moveclouds 26s linear infinite, sideWays 10s ease-in-out infinite alternate;
		}
	.x11 {
    	left: 808px;
    	-webkit-transform: scale(0.46);
    	-moz-transform: scale(0.46);
    	transform: scale(0.46);
    	-webkit-animation: moveclouds 19s linear infinite, sideWays 21s ease-in-out infinite alternate;
    	-moz-animation: moveclouds 19s linear infinite, sideWays 1s ease-in-out infinite alternate;
    	-o-animation: moveclouds 19s linear infinite, sideWays 21s ease-in-out infinite alternate;
		}
	.x12 {
    	left: 1200px;
    	-webkit-transform: scale(0.36);
    	-moz-transform: scale(0.36);
    	transform: scale(0.36);
    	-webkit-animation: moveclouds 24s linear infinite, sideWays 1s ease-in-out infinite alternate;
    	-moz-animation: moveclouds 24s linear infinite, sideWays 31s ease-in-out infinite alternate;
    	-o-animation: moveclouds 24s linear infinite, sideWays 31s ease-in-out infinite alternate;
		}
	.x13 {
    	left: 940px;
    	-webkit-transform: scale(0.5);
    	-moz-transform: scale(0.5);
    	transform: scale(0.5);
    	-webkit-animation: moveclouds 9s linear infinite, sideWays 30s ease-in-out infinite alternate;
    	-moz-animation: moveclouds 9s linear infinite, sideWays 1s ease-in-out infinite alternate;
    	-o-animation: moveclouds 9s linear infinite, sideWays 1s ease-in-out infinite alternate;
		}
	.x14 {
    	left: 1000px;
    	-webkit-transform: scale(0.4);
    	-moz-transform: scale(0.4);
    	transform: scale(0.4);
    	-webkit-animation: moveclouds 29s linear infinite, sideWays 11s ease-in-out infinite alternate;
    	-moz-animation: moveclouds 29s linear infinite, sideWays 1s ease-in-out infinite alternate;
    	-o-animation: moveclouds 29s linear infinite, sideWays 1s ease-in-out infinite alternate;
		}
	.x15 {
    	left: 520px;
    	-webkit-transform: scale(0.4);
    	-moz-transform: scale(0.4);
    	transform: scale(0.4);
    	-webkit-animation: moveclouds 49s linear infinite, sideWays 11s ease-in-out infinite alternate;
    	-moz-animation: moveclouds 49s linear infinite, sideWays 11s ease-in-out infinite alternate;
    	-o-animation: moveclouds 49s linear infinite, sideWays 11s ease-in-out infinite alternate;
		}
	@-webkit-keyframes moveclouds { 
    	0% { 
        top: 700px;
    	}
    100% { 
        top: -500px;
    	}
	}

	@-webkit-keyframes sideWays { 
    	0% { 
        margin-left:0px;
    	}
    100% { 
        margin-left:50px;
    	}
	}

	@-moz-keyframes moveclouds {     
    	0% { 
        top: 700px;
    	}

    	100% { 
        top: -500px;
    	}
	}

	@-moz-keyframes sideWays {
    	0% {
        margin-left:0px;
    	}
    100% {
        margin-left:50px;
    }
	}
	@-o-keyframes moveclouds {
    	0% { 
        top: 700px;
    	}
    	100% { 
        top: -500px;
    }
	}

	@-o-keyframes sideWays {
    	0% {
        margin-left:0px;
    		}
    	100% {
        margin-left:50px;
    	}
	}