/* KEYFRAMES */@-webkit-keyframes animateBubble {    0% {        margin-top: 1000px;    }    100% {        margin-top: -100%;    }}@-moz-keyframes animateBubble {    0% {        margin-top: 1000px;    }    100% {        margin-top: -100%;    }}@keyframes animateBubble {    0% {        margin-top: 1000px;    }    100% {        margin-top: -100%;    }}@-webkit-keyframes sideWays {     0% {         margin-left:0px;    }    100% {         margin-left:50px;    }}@-moz-keyframes sideWays {     0% {         margin-left:0px;    }    100% {         margin-left:50px;    }}@keyframes sideWays {     0% {         margin-left:0px;    }    100% {         margin-left:50px;    }}/* ANIMATIONS */@media screen and (min-width:1200px) {  .b1 {    -webkit-animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;    -moz-animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;	animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;		left: -5%;	top: 5%;		-webkit-transform: scale(0.15);	-moz-transform: scale(0.15);	transform: scale(0.15);}.b2 {    -webkit-animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;	-moz-animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;	animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;		left: 5%;	top: 80%;		-webkit-transform: scale(0.25);	-moz-transform: scale(0.25);	transform: scale(0.25);}.b3 {    -webkit-animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;	-moz-animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;	animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;		left: 10%;	top: 40%;		-webkit-transform: scale(0.12);	-moz-transform: scale(0.12);	transform: scale(0.12);}.b4 {    -webkit-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;	-moz-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;	animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;		left: 20%;	top: 0;		-webkit-transform: scale(0.18);	-moz-transform: scale(0.18);	transform: scale(0.18);}.b5 {    -webkit-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;	-moz-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;	animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;		left: 30%;	top: 50%;		-webkit-transform: scale(0.2);	-moz-transform: scale(0.2);	transform: scale(0.2);}}/* OBJECTS */.bubble {    -webkit-border-radius: 50%;	-moz-border-radius: 50%;	border-radius: 50%;	    -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1);	-moz-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1);	box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1);	    height: 200px;	position: absolute;	width: 200px;    z-index: 100;}.bubble:after {    background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 70%); /* FF3.6+ */    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.5)), color-stop(70%,rgba(255,255,255,0))); /* Chrome,Safari4+ */    background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%); /* Chrome10+,Safari5.1+ */    background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%); /* Opera 12+ */    background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%); /* IE10+ */    background: radial-gradient(ellipse at center,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%); /* W3C */    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	-webkit-border-radius: 50%;	-moz-border-radius: 50%;	border-radius: 50%;	    -webkit-box-shadow: inset 0 20px 30px rgba(255, 255, 255, 0.3);	-moz-box-shadow: inset 0 20px 30px rgba(255, 255, 255, 0.3);	box-shadow: inset 0 20px 30px rgba(255, 255, 255, 0.3);		content: "";    height: 180px;	left: 10px;	position: absolute;	width: 180px;}