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

div#lab {
	position:absolute;left:0px;width:50%;bottom:27%;z-index:1 }

@keyframes greenPulse {
0% {box-shadow:0 0 30px #896f30}
50% {box-shadow:0 0 80px #896f30}
100% {box-shadow:0 0 30px #896f30}
}
/*@-webkit-keyframes greenPulse {
0% {-webkit-box-shadow:0 0 30px #896f30}
50% {-webkit-box-shadow:0 0 80px #896f30}
100% {-webkit-box-shadow:0 0 30px #896f30}
}
@-moz-keyframes greenPulse {
0% {-moz-box-shadow:0 0 30px #896f30}
50% {-moz-box-shadow:0 0 80px #896f30}
100% {-moz-box-shadow:0 0 30px #896f30}
}
@-o-keyframes greenPulse {
0% {-o-box-shadow:0 0 30px #896f30}
50% {-o-box-shadow:0 0 80px #896f30}
100% {-o-box-shadow:0 0 30px #896f30}
}*/


@keyframes bubbleUp {
0% {bottom:110px;-webkit-transform:scale(.9);opacity:0}
1% {bottom:110px;-webkit-transform:scale(.3);opacity:0}
30% {bottom:110px;-webkit-transform:scale(.8);opacity:1}
95% {bottom:545px;-webkit-transform:scale(.3);opacity:1}
99% {bottom:550px;-webkit-transform:scale(3);opacity:0}
100% {bottom:110px;-webkit-transform:scale(.9);opacity:0}
}


@-webkit-keyframes bubbleUp {
0% {bottom:110px;-webkit-transform:scale(.9);opacity:0}
1% {bottom:110px;-webkit-transform:scale(.3);opacity:0}
30% {bottom:110px;-webkit-transform:scale(.8);opacity:1}
95% {bottom:545px;-webkit-transform:scale(.3);opacity:1}
99% {bottom:550px;-webkit-transform:scale(3);opacity:0}
100% {bottom:110px;-webkit-transform:scale(.9);opacity:0}
}
@-moz-keyframes bubbleUp {
0% {bottom:110px;-moz-transform:scale(.9);opacity:0}
1% {bottom:110px;-moz-transform:scale(.3);opacity:0}
30% {bottom:110px;-moz-transform:scale(.8);opacity:1}
95% {bottom:545px;-moz-transform:scale(.3);opacity:1}
99% {bottom:550px;-moz-transform:scale(3);opacity:0}
100% {bottom:110px;-moz-transform:scale(.9);opacity:0}
}
@-o-keyframes bubbleUp {
0% {bottom:110px;-o-transform:scale(.9);opacity:0}
1% {bottom:110px;-o-transform:scale(.3);opacity:0}
30% {bottom:110px;-o-transform:scale(.8);opacity:1}
95% {bottom:545px;-o-transform:scale(.3);opacity:1}
99% {bottom:550px;-o-transform:scale(3);opacity:0}
100% {bottom:110px;-o-transform:scale(.9);opacity:0}
}

@keyframes bubbleUp1 {
0% {bottom:120px;transform:scale(.3);opacity:0}
1% {bottom:80px;transform:scale(.2);opacity:0}
30% {bottom:90px;transform:scale(.2);opacity:1}
95% {bottom:500px;transform:scale(.4);opacity:1}
99% {bottom:550px;transform:scale(.2);opacity:0}
100% {bottom:140px;transform:scale(.9);opacity:0}
}
@-webkit-keyframes bubbleUp1 {
0% {bottom:120px;-webkit-transform:scale(.3);opacity:0}
1% {bottom:80px;-webkit-transform:scale(.2);opacity:0}
30% {bottom:90px;-webkit-transform:scale(.2);opacity:1}
95% {bottom:500px;-webkit-transform:scale(.4);opacity:1}
99% {bottom:550px;-webkit-transform:scale(.2);opacity:0}
100% {bottom:140px;-webkit-transform:scale(.9);opacity:0}
}
@-moz-keyframes bubbleUp1 {
0% {bottom:120px;-moz-transform:scale(.3);opacity:0}
1% {bottom:80px;-moz-transform:scale(.2);opacity:0}
30% {bottom:90px;-moz-transform:scale(.2);opacity:1}
95% {bottom:500px;-moz-transform:scale(.4);opacity:1}
99% {bottom:550px;-moz-transform:scale(.2);opacity:0}
100% {bottom:140px;-moz-transform:scale(.9);opacity:0}
}
@-o-keyframes bubbleUp1 {
0% {bottom:120px;-o-transform:scale(.3);opacity:0}
1% {bottom:80px;-o-transform:scale(.2);opacity:0}
30% {bottom:90px;-o-transform:scale(.2);opacity:1}
95% {bottom:500px;-o-transform:scale(.4);opacity:1}
99% {bottom:550px;-o-transform:scale(.2);opacity:0}
100% {bottom:140px;-o-transform:scale(.9);opacity:0}
}

@keyframes bubbleUp2 {
0% {bottom:110px;transform:scale(1);opacity:0}
1% {bottom:110px;transform:scale(.3);opacity:0}
30% {bottom:110px;transform:scale(.9);opacity:1}
95% {bottom:650px;transform:scale(.3);opacity:1}
99% {bottom:655px;transform:scale(3);opacity:0}
100% {bottom:110px;transform:scale(1);opacity:0}
}
@-webkit-keyframes bubbleUp2 {
0% {bottom:110px;-webkit-transform:scale(1);opacity:0}
1% {bottom:110px;-webkit-transform:scale(.3);opacity:0}
30% {bottom:110px;-webkit-transform:scale(.9);opacity:1}
95% {bottom:650px;-webkit-transform:scale(.3);opacity:1}
99% {bottom:655px;-webkit-transform:scale(3);opacity:0}
100% {bottom:110px;-webkit-transform:scale(1);opacity:0}
}
@-moz-keyframes bubbleUp2 {
0% {bottom:110px;-moz-transform:scale(1);opacity:0}
1% {bottom:110px;-moz-transform:scale(.3);opacity:0}
30% {bottom:110px;-moz-transform:scale(.9);opacity:1}
95% {bottom:650px;-moz-transform:scale(.3);opacity:1}
99% {bottom:655px;-moz-transform:scale(3);opacity:0}
100% {bottom:110px;-moz-transform:scale(1);opacity:0}
}
@-o-keyframes bubbleUp2 {
0% {bottom:110px;-o-transform:scale(1);opacity:0}
1% {bottom:110px;-o-transform:scale(.3);opacity:0}
30% {bottom:110px;-o-transform:scale(.9);opacity:1}
95% {bottom:650px;-o-transform:scale(.3);opacity:1}
99% {bottom:655px;-o-transform:scale(3);opacity:0}
100% {bottom:110px;-o-transform:scale(1);opacity:0}
}

@keyframes bubbleUp3 {
0% {bottom:110px;transform:scale(1);opacity:0}
1% {bottom:110px;transform:scale(.3);opacity:0}
30% {bottom:110px;transform:scale(.9);opacity:1}
95% {bottom:495px;transform:scale(.3);opacity:1}
99% {bottom:500px;transform:scale(3);opacity:0}
100% {bottom:110px;transform:scale(1);opacity:0}
}
@-webkit-keyframes bubbleUp3 {
0% {bottom:110px;-webkit-transform:scale(1);opacity:0}
1% {bottom:110px;-webkit-transform:scale(.3);opacity:0}
30% {bottom:110px;-webkit-transform:scale(.9);opacity:1}
95% {bottom:495px;-webkit-transform:scale(.3);opacity:1}
99% {bottom:500px;-webkit-transform:scale(3);opacity:0}
100% {bottom:110px;-webkit-transform:scale(1);opacity:0}
}
@-moz-keyframes bubbleUp3 {
0% {bottom:110px;-moz-transform:scale(1);opacity:0}
1% {bottom:110px;-moz-transform:scale(.3);opacity:0}
30% {bottom:110px;-moz-transform:scale(.9);opacity:1}
95% {bottom:495px;-moz-transform:scale(.3);opacity:1}
99% {bottom:500px;-moz-transform:scale(3);opacity:0}
100% {bottom:110px;-moz-transform:scale(1);opacity:0}
}
@-o-keyframes bubbleUp3 {
0% {bottom:110px;-o-transform:scale(1);opacity:0}
1% {bottom:110px;-o-transform:scale(.3);opacity:0}
30% {bottom:110px;-o-transform:scale(.9);opacity:1}
95% {bottom:495px;-o-transform:scale(.3);opacity:1}
99% {bottom:500px;-o-transform:scale(3);opacity:0}
100% {bottom:110px;-o-transform:scale(1);opacity:0}
}

@keyframes bubbleUp4 {
0% {bottom:110px;transform:scale(1);opacity:0}
1% {bottom:110px;transform:scale(.3);opacity:0}
30% {bottom:110px;transform:scale(.9);opacity:1}
95% {bottom:595px;transform:scale(.3);opacity:1}
99% {bottom:600px;transform:scale(3);opacity:0}
100% {bottom:110px;transform:scale(1);opacity:0}
}
@-webkit-keyframes bubbleUp4 {
0% {bottom:110px;-webkit-transform:scale(1);opacity:0}
1% {bottom:110px;-webkit-transform:scale(.3);opacity:0}
30% {bottom:110px;-webkit-transform:scale(.9);opacity:1}
95% {bottom:595px;-webkit-transform:scale(.3);opacity:1}
99% {bottom:600px;-webkit-transform:scale(3);opacity:0}
100% {bottom:110px;-webkit-transform:scale(1);opacity:0}
}
@-moz-keyframes bubbleUp4 {
0% {bottom:110px;-moz-transform:scale(1);opacity:0}
1% {bottom:110px;-moz-transform:scale(.3);opacity:0}
30% {bottom:110px;-moz-transform:scale(.9);opacity:1}
95% {bottom:595px;-moz-transform:scale(.3);opacity:1}
99% {bottom:600px;-moz-transform:scale(3);opacity:0}
100% {bottom:110px;-moz-transform:scale(1);opacity:0}
}
@-o-keyframes bubbleUp4 {
0% {bottom:110px;-o-transform:scale(1);opacity:0}
1% {bottom:110px;-o-transform:scale(.3);opacity:0}
30% {bottom:110px;-o-transform:scale(.9);opacity:1}
95% {bottom:595px;-o-transform:scale(.3);opacity:1}
99% {bottom:600px;-o-transform:scale(3);opacity:0}
100% {bottom:110px;-o-transform:scale(1);opacity:0}
}
div#beaker {
	width:100%;
	/*height:700px;*/
	margin:0 auto;
	position:relative
}
div#beaker span.glow {
	width:100%;
	height:100%;background:rgba(0, 0, 0, 0) radial-gradient(100px at 50% 50% , rgba(137, 111, 48, 0.1) 0%, rgba(255, 255, 255, 0.2) 100%) repeat scroll 0 0;
	position:relative;
	display:block;
	border-radius:200px;
	animation:greenPulse 2s infinite;
	-webkit-animation:greenPulse 2s infinite;
	-moz-animation:greenPulse 2s infinite;
	-o-animation:greenPulse 2s infinite;
}
div#beaker span.bubble {
	background:#fff;
	width:80px;
	height:80px;
	position:absolute;
	display:block;
	left:110px;
	bottom:110px;
	border-radius:100px; 
	background:-moz-radial-gradient(center 45deg, circle closest-corner, rgba(137, 111, 48,0), rgba(137, 111, 48,.1), rgba(137, 111, 48,.3), rgba(255,255,255,.3));
	background:-webkit-gradient(radial, center center, 0, center center, 100, from(rgba(137, 111, 48,.2)), to(rgba(255,255,255,.5)));
	background:gradient(center 45deg, circle closest-corner, rgba(137, 111, 48,0), rgba(137, 111, 48,.1), rgba(75,190,200,.3), rgba(255,255,255,.3));
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(137, 111, 48,0.1) 51%, rgba(137, 111, 48,0.3) 71%, rgba(137, 111, 48,.3) 100%);
	animation:bubbleUp 4s infinite ease-in-out;
	-webkit-animation:bubbleUp 4s infinite ease-in-out;
	-o-animation:bubbleUp 4s infinite ease-in-out;
	-moz-animation:bubbleUp 4s infinite ease-in-out;
}
@media screen and (min-width:300px) and (max-width:575px) {
	div#beaker span.bubble {
		width:40px;
		height:40px;
	}
}
div#beaker span.bubble1 {
	background:#fff;
	width:70px;
	height:70px;
	position:absolute;
	display:block;
	left:115px;
	bottom:110px;
	border-radius:80px; 
	background:-moz-radial-gradient(center 45deg, circle closest-corner, rgba(137, 111, 48,0), rgba(137, 111, 48,.1), rgba(137, 111, 48,.3), rgba(255,255,255,.2));
	background:-webkit-gradient(radial, center center, 0, center center, 100, from(rgba(137, 111, 48,.2)), to(rgba(255,255,255,.2)));
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(137, 111, 48,0.1) 51%, rgba(137, 111, 48,0.3) 71%, rgba(137, 111, 48,.2) 100%);
	animation:bubbleUp 5s infinite;
	-webkit-animation:bubbleUp1 5s infinite;
	-o-animation:bubbleUp1 5s infinite;
	-moz-animation:bubbleUp1 5s infinite;
}
div#beaker span.bubble2 {
	background:#fff;
	width:30px;
	height:30px;
	position:absolute;
	display:block;
	left:110px;
	bottom:110px;
	border-radius:60px;
	background:-moz-radial-gradient(center 45deg, circle closest-corner, rgba(137, 111, 48,0), rgba(137, 111, 48,.1), rgba(137, 111, 48,.3), rgba(255,255,255,.2));
	background:-webkit-gradient(radial, center center, 0, center center, 100, from(rgba(137, 111, 48,.2)), to(rgba(255,255,255,.2)));
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(137, 111, 48,0.1) 51%, rgba(137, 111, 48,0.3) 71%, rgba(137, 111, 48,.2) 100%);
	animation:bubbleUp 7s infinite;
	-webkit-animation:bubbleUp2 7s infinite;
	-o-animation:bubbleUp2 7s infinite;
	-moz-animation:bubbleUp2 7s infinite;
}
div#beaker span.bubble3 {
	background:#fff;
	width:50px;
	height:50px;
	position:absolute;
	display:block;
	left:140px;
	bottom:95px;
	border-radius:100px;
	background:-moz-radial-gradient(center 45deg, circle closest-corner, rgba(137, 111, 48,0), rgba(137, 111, 48,.1), rgba(137, 111, 48,.3), rgba(255,255,255,.1));
	background:-webkit-gradient(radial, center center, 0, center center, 100, from(rgba(137, 111, 48,.2)), to(rgba(255,255,255,.1)));
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(137, 111, 48,0.1) 51%, rgba(137, 111, 48,0.3) 71%, rgba(137, 111, 48,.1) 100%);
	animation:bubbleUp 10s infinite;
	-webkit-animation:bubbleUp3 10s infinite;
	-o-animation:bubbleUp3 10s infinite;
	-moz-animation:bubbleUp3 10s infinite;
}
div#beaker span.bubble4 {
	background:#fff;
	width:40px;
	height:40px;
	position:absolute;
	display:block;
	left:155px;
	bottom:110px;
	border-radius:100px;	
	background:-moz-radial-gradient(center 45deg, circle closest-corner, rgba(137, 111, 48,0), rgba(7137, 111, 48,.1), rgba(137, 111, 48,.3), rgba(255,255,255,.2));
	background:-webkit-gradient(radial, center center, 0, center center, 100, from(rgba(137, 111, 48,.2)), to(rgba(255,255,255,.2)));
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(137, 111, 48,0.1) 51%, rgba(137, 111, 48,0.3) 71%, rgba(137, 111, 48,.2) 100%);
	animation:bubbleUp4 12s infinite;
	-webkit-animation:bubbleUp4 12s infinite;
	-o-animation:bubbleUp4 12s infinite;
	-moz-animation:bubbleUp4 12s infinite;
}