@charset "UTF-8";
@font-face { font-family: 'lucida'; src: url('lucida_calligraphy_italic.ttf'); }
/*=======Algemeen=======*/
html, body{
    margin:0;
	padding:0;
    height: 100%;
	color:white;
}

#mainbackground {
	position:fixed;
	height:100%;
	width:100%;
	background: #0000FF; /* Old browsers */
	background: -moz-linear-gradient(bottom right,  #CCCCFF, #0000FF); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */ 
	background: -webkit-linear-gradient(left top,  #CCCCFF, #0000FF); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(bottom right, #CCCCFF, #0000FF); /* Opera 11.10+ */
	/*background: -ms-linear-gradient(-45deg,  #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */
	background: linear-gradient(to bottom right,  #CCCCFF, #0000FF); /* W3C */ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCCCFF', endColorstr='#0000FF',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	z-index:-2;
	/*background-attachment: fixed;*/
}

p, td,th, label, li{
	font-family:lucida;
	font-size:18px;
}

table, td, th {
    border-collapse:collapse;
    text-align: left;
}

td{
	padding:5px;
}
a {
	color: #FFFF00;
}
.main {
	margin-bottom:60px;
}

#nemo{
    color:#FF6600;
	font-weight:bold;
	font-family:Papyrus;
	text-shadow: 0px 0px 1px black;
	-moz-text-shadow: 0px 0px 1px black;
	-webkit-text-shadow: 0px 0px 1px black;
}
legend {
	color:#FF6600;
}
p #nemo  {
	font-size:12px;
}

h1,h2, h3 {
    Color:#FF6600;
    text-align: center;
	font-family:Papyrus;
	font-weight:900;
}

form  label,
form p{
	font-family:Arial;
}

/*=======Header=======*/
#header_container{
    float:left;
    width:100%;
    height:100px;
    padding:0 0 0 0;
    background: -webkit-radial-gradient(#CCCCFF, #6666FF, #0000FF); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(#CCCCFF, #6666FF, #0000FF); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(#CCCCFF, #6666FF, #0000FF); /* For Firefox 3.6 to 15 */
    background: radial-gradient(#CCCCFF, #6666FF, #0000FF); /* Standard syntax (must be last) */
    color: #FFF;
    text-align:center;
}
#imgleft{
    float:left;
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

#imgright{
    float:right;
}

#picdiv{
	position: fixed;
	right:10px;
	bottom:65px;
	opacity:0.5;
	z-index:-1;
}
#LoginHead {
	position:fixed;
	top:90px;
	right:25px;
}

/* Sidebar navigation */
.nav-side-menu {
	overflow: auto;
	position: fixed;
	top: 120px;
	height: 100%;
}
.nav-side-menu .toggle-btn {
	display: none;
}

.nav-side-menu .brand {
  	background: #0000FF; /* Old browsers */
	background: -moz-linear-gradient(bottom right,  #CCCCFF, #0000FF); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */ 
	background: -webkit-linear-gradient(left top,  #CCCCFF, #0000FF); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(bottom right, #CCCCFF, #0000FF); /* Opera 11.10+ */
	/*background: -ms-linear-gradient(-45deg,  #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */
	background: linear-gradient(to bottom right,  #CCCCFF, #0000FF); /* W3C */ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCCCFF', endColorstr='#0000FF',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	line-height: 50px;
	display: block;
	text-align: center;
	font-size: 14px;
}

.nav-side-menu ul,
.nav-side-menu li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.btn-markup {
	display: block;
	margin-bottom: 0;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
        touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-family: Arial;
	text-decoration: none;
	margin-top:2px;
}
.btn-markup:focus,
.btn-markup:active:focus,
.btn-markup.active:focus,
.btn-markup.focus,
.btn-markup:active.focus,
.btn-markup.active.focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.btn-markup:active,
.btn-markup.active {
	outline: 0;
	background-image: none;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-markup {
	color: #E47C00;
	background-color: #F2C793;
	border-top: 1px solid #FFF;
    border-right: 1px solid #FEB660;
    border-bottom: 1px solid #FEB660;
    border-left: 1px solid #FFF;
}
.btn-markup:hover,
.btn-markup:focus,
.btn-markup.focus,
.btn-markup:active,
.btn-markup.active {
	color: #FFF;
	background-color: #E47C00;
	border-right: 1px solid #FFF;
    border-top: 1px solid #FEB660;
    border-left: 1px solid #FEB660;
    border-bottom: 1px solid #FFF;
	text-decoration: none;
}
@media (max-width: 767px) {
	.nav-side-menu {
		position: relative;
		margin-top:-70px;
		top:10px;
		width: 100%;
		margin-bottom: 10px;
	}
	.nav-side-menu .toggle-btn {
		display: block;
		position: absolute;
		right: 10px;
		top: 10px;
		z-index: 10 !important;
		padding: 3px;
		color: #000;
		width: 40px;
		text-align: center;
		background-color:#CCCCFF;
		cursor: pointer;
	}
	.nav-side-menu li a {
		width:100%;
	}
	.brand {
		top:10px;
		text-align: left !important;
		font-size: 22px;
		padding-left: 20px;
		line-height: 50px !important;
	}
	.menu{
		padding-top:60px;
		position:relative;
	}
}
@media (min-width: 767px) {
	.nav-side-menu .menu-list .menu-content {
		display: block;
		
	}
	.menu {
		padding-top:120px;
	}
}

/*====over mij carousel=====*/
.carousel-inner > .item > img {
    margin: 0 auto;
}
/*=====Kalender pagina=====*/
.kal-outline {
	background:#D1FFFF;
	border:1px solid #FF6600;
	color: #FF6600;
}
.kal-outline:hover {
	-moz-box-shadow:    inset 0 -10px 10px -10px  #428bca,inset 0 10px 10px -10px  #428bca,inset 10px 0 10px -10px  #428bca,inset -10px 0 10px -10px  #428bca;
	-webkit-box-shadow: inset 0 -10px 10px -10px  #428bca,inset 0 10px 10px -10px  #428bca,inset 10px 0 10px -10px  #428bca,inset -10px 0 10px -10px  #428bca;
	box-shadow:         inset 0 -10px 10px -10px  #428bca,inset 0 10px 10px -10px  #428bca,inset 10px 0 10px -10px  #428bca,inset -10px 0 10px -10px  #428bca;
}
.kal-header {
	text-align:center;
	background:#D1FFFF;
	border:1px solid #FF6600;
	color: #FF6600;
}
.dag {
	height:50px;
}
.feestdag {
	-moz-box-shadow:    inset 0 -10px 10px -10px  #FF6600,inset 0 10px 10px -10px  #FF6600,inset 10px 0 10px -10px  #FF6600,inset -10px 0 10px -10px  #FF6600;
	-webkit-box-shadow: inset 0 -10px 10px -10px  #FF6600,inset 0 10px 10px -10px  #FF6600,inset 10px 0 10px -10px  #FF6600,inset -10px 0 10px -10px  #FF6600;
	box-shadow:         inset 0 -10px 10px -10px  #FF6600,inset 0 10px 10px -10px  #FF6600,inset 10px 0 10px -10px  #FF6600,inset -10px 0 10px -10px  #FF6600;
	background: #CCFFFF; /* Old browsers */
	background: -webkit-radial-gradient(#CCFFFF, #FF6600); /* Safari 5.1 to 6.0 */
	background: -o-radial-gradient(#CCFFFF, #FF6600); /* For Opera 11.6 to 12.0 */
	background: -moz-radial-gradient(#CCFFFF, #FF6600); /* For Firefox 3.6 to 15 */
	background: radial-gradient(#CCFFFF, #FF6600); /* Standard syntax */
}
.gesloten {
	-moz-box-shadow:    inset 0 -10px 10px -10px  #66FF33,inset 0 10px 10px -10px  #66FF33,inset 10px 0 10px -10px  #66FF33,inset -10px 0 10px -10px  #66FF33;
	-webkit-box-shadow: inset 0 -10px 10px -10px  #66FF33,inset 0 10px 10px -10px  #66FF33,inset 10px 0 10px -10px  #66FF33,inset -10px 0 10px -10px  #66FF33;
	box-shadow:         inset 0 -10px 10px -10px  #66FF33,inset 0 10px 10px -10px  #66FF33,inset 10px 0 10px -10px  #66FF33,inset -10px 0 10px -10px  #66FF33;
	background: #CCFFFF; /* Old browsers */
	background: -webkit-radial-gradient(#CCFFFF, #66FF33); /* Safari 5.1 to 6.0 */
	background: -o-radial-gradient(#CCFFFF, #66FF33); /* For Opera 11.6 to 12.0 */
	background: -moz-radial-gradient(#CCFFFF, #66FF33); /* For Firefox 3.6 to 15 */
	background: radial-gradient(#CCFFFF, #66FF33); /* Standard syntax */
}
.vandaag {
	background: #CCFFFF; /* Old browsers */
	background: -webkit-radial-gradient(#CCFFFF, #B8E6E6); /* Safari 5.1 to 6.0 */
	background: -o-radial-gradient(#CCFFFF, #B8E6E6); /* For Opera 11.6 to 12.0 */
	background: -moz-radial-gradient(#CCFFFF, #B8E6E6); /* For Firefox 3.6 to 15 */
	background: radial-gradient(#CCFFFF, #B8E6E6); /* Standard syntax */
}
/*=============Voor de links op pagina "gastenboek"===========*/
.pagina {
	background-color:blue;
	width:10px;
	height:5px;
	padding:2px 10px;
}

.actief {
	color:white;
}

.gastenboek {
	margin:0 auto;
	background-color: #99CCFF;
	opacity:0.8;
	width:600px;
	Color:#FF6600;
	font-weight:bold;
	font-family:Papyrus;
	padding:5px;
}
/*====Footer=====*/
#footer_container{
	position:fixed;
	bottom:0;
    clear:both;
    height:50px;
    margin: 0 0 0 0;
    padding: 5px 0 0 0;
    background: -webkit-radial-gradient(#CCCCFF, #6666FF, #0000FF); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(#CCCCFF, #6666FF, #0000FF); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(#CCCCFF, #6666FF, #0000FF); /* For Firefox 3.6 to 15 */
    background: radial-gradient(#CCCCFF, #6666FF, #0000FF); /* Standard syntax (must be last) */
    width: 100%;
    text-align:center;
    color: #FFF;
}

/*==========
Bubbles
==========*/
div#lab {
	position:fixed;  right:1.5em; bottom:0;
}

@keyframes greenPulse {
0% {box-shadow:0 0 30px #4bbec8}
50% {box-shadow:0 0 80px #4bbec8}
100% {box-shadow:0 0 30px #4bbec8}
}
@-webkit-keyframes greenPulse {
0% {-webkit-box-shadow:0 0 30px #4bbec8}
50% {-webkit-box-shadow:0 0 80px #4bbec8}
100% {-webkit-box-shadow:0 0 30px #4bbec8}
}
@-moz-keyframes greenPulse {
0% {-moz-box-shadow:0 0 30px #4bbec8}
50% {-moz-box-shadow:0 0 80px #4bbec8}
100% {-moz-box-shadow:0 0 30px #4bbec8}
}
@-o-keyframes greenPulse {
0% {-o-box-shadow:0 0 30px #4bbec8}
50% {-o-box-shadow:0 0 80px #4bbec8}
100% {-o-box-shadow:0 0 30px #4bbec8}
}

@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:300px;
	height:300px;
	margin:0 auto;
	position:relative
}
div#beaker span.glow {
	width:100%;
	height:100%;background:##222;
	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(75,190,200,0), rgba(75,190,200,.1), rgba(75,190,200,.3), rgba(255,255,255,.7));
	background:-webkit-gradient(radial, center center, 0, center center, 100, from(rgba(75,190,200,.2)), to(rgba(255,255,255,.7)));
	background:gradient(center 45deg, circle closest-corner, rgba(75,190,200,0), rgba(75,190,200,.1), rgba(75,190,200,.3), rgba(255,255,255,.7));
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(9,133,167,0.1) 51%, rgba(9,133,167,0.3) 71%, rgba(9,133,167,.7) 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;
}
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(75,190,200,0), rgba(75,190,200,.1), rgba(75,190,200,.3), rgba(255,255,255,.7));
	background:-webkit-gradient(radial, center center, 0, center center, 100, from(rgba(75,190,200,.2)), to(rgba(255,255,255,.7)));
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(9,133,167,0.1) 51%, rgba(9,133,167,0.3) 71%, rgba(9,133,167,.7) 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(75,190,200,0), rgba(75,190,200,.1), rgba(75,190,200,.3), rgba(255,255,255,.7));
	background:-webkit-gradient(radial, center center, 0, center center, 100, from(rgba(75,190,200,.2)), to(rgba(255,255,255,.7)));
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(9,133,167,0.1) 51%, rgba(9,133,167,0.3) 71%, rgba(9,133,167,.7) 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(75,190,200,0), rgba(75,190,200,.1), rgba(75,190,200,.3), rgba(255,255,255,.7));
	background:-webkit-gradient(radial, center center, 0, center center, 100, from(rgba(75,190,200,.2)), to(rgba(255,255,255,.7)));
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(9,133,167,0.1) 51%, rgba(9,133,167,0.3) 71%, rgba(9,133,167,.7) 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(75,190,200,0), rgba(75,190,200,.1), rgba(75,190,200,.3), rgba(255,255,255,.7));
	background:-webkit-gradient(radial, center center, 0, center center, 100, from(rgba(75,190,200,.2)), to(rgba(255,255,255,.7)));
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(9,133,167,0.1) 51%, rgba(9,133,167,0.3) 71%, rgba(9,133,167,.7) 100%);
	animation:bubbleUp4 12s infinite;
	-webkit-animation:bubbleUp4 12s infinite;
	-o-animation:bubbleUp4 12s infinite;
	-moz-animation:bubbleUp4 12s infinite;
}
.container{
  width:45%;
  margin:20px auto; 
  background:#fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
  background-color:rgba(255,255,255,.7); 
  padding:1em; 
  border-radius:15px; 
  box-shadow:4px 4px 10px 0 rgba(20,20,20,.6); 
  text-shadow: 1px 1px 5px #fff
}