#wrapper{
    overflow: hidden; /* add this to contain floated children */
}
#first{
	float:left; /* add this */
}
#second{
	float:left; /* add this */
}
#third{
	float:left; /* add this */
}
#fourth{
	float:left; /* add this */
}
.beaker_container {
  height: 250px;
  margin: 50px auto;
  overflow: hidden;
  position: relative;
  width: 168px;
  background-color: #0e83cd;
}

.beaker_container div {
  position: absolute;
}

.beaker {
  border: 10px solid #FFF;
  border-top: 0;
  border-radius: 0 0 30px 30px;
  height: 200px;
  left: 0px;
  right: 0px;
  margin: auto;
  bottom: 0;
  width: 140px;
}

.beaker:before,
.beaker:after {
  border: 10px solid #FFF;
  border-bottom: 0;
  border-radius: 30px 30px 0 0px;
  content: "";
  height: 10px;
  position: absolute;
  top: -10px;
  width: 23px;
}

.beaker:before {
  left: -23px;
}

.beaker:after {
  right: -23px;
}

.liquid_none {
  background-color: #FFF;
  border: 10px solid #FFF;
  border-radius: 0 0 20px 20px;
  bottom: 0;
  height: 166.5px;
  overflow: hidden;
  width: 80px;
}

.liquid_none:after {
  background-color: rgba(255, 255, 255, 0.25);
  bottom: -10px;
  content: "";
  height: 200px;
  left: -40px;
  position: absolute;
  transform: rotate(30deg);
  -webkit-transform: rotate(15deg);
  width: 110px;
}
.liquid_first {
  background-color: rgb(151,122,117);
  border: 10px solid rgb(151,122,117);
  border-radius: 0 0 20px 20px;
  bottom: 0;
  height: 166.5px;
  overflow: hidden;
  width: 120px;
}

.liquid_first:after {
  background-color: rgba(255, 255, 255, 0.25);
  bottom: -10px;
  content: "";
  height: 200px;
  left: -40px;
  position: absolute;
  transform: rotate(30deg);
  -webkit-transform: rotate(15deg);
  width: 150px;
}
.liquid_second {
  background-color: rgb(157,54,150);
  border: 10px solid rgb(157,54,150);
  border-radius: 0 0 20px 20px;
  bottom: 0;
  height: 166.5px;
  overflow: hidden;
  width: 120px;
}

.liquid_second:after {
  background-color: rgba(255, 255, 255, 0.25);
  bottom: -10px;
  content: "";
  height: 200px;
  left: -40px;
  position: absolute;
  transform: rotate(30deg);
  -webkit-transform: rotate(15deg);
  width: 150px;
}
.liquid_third {
  background-color: rgb(90,99,186);
  border: 10px solid rgb(90,99,186);
  border-radius: 0 0 20px 20px;
  bottom: 0;
  height: 166.5px;
  overflow: hidden;
  width: 120px;
}

.liquid_third:after {
  background-color: rgba(255, 255, 255, 0.25);
  bottom: -10px;
  content: "";
  height: 200px;
  left: -40px;
  position: absolute;
  transform: rotate(30deg);
  -webkit-transform: rotate(15deg);
  width: 150px;
}


.liquid_fourth {
  background-color: rgb(146,98,138);
  border: 10px solid rgb(146,98,138);
  border-radius: 0 0 20px 20px;
  bottom: 0;
  height: 166.5px;
  overflow: hidden;
  width: 120px;
}

.liquid_fourth:after {
  background-color: rgba(255, 255, 255, 0.25);
  bottom: -10px;
  content: "";
  height: 200px;
  left: -40px;
  position: absolute;
  transform: rotate(30deg);
  -webkit-transform: rotate(15deg);
  width: 150px;
}

.liquid_purple {
  background-color: purple;
  border: 10px solid purple;
  border-radius: 0 0 20px 20px;
  bottom: 0;
  height: 166.5px;
  overflow: hidden;
  width: 120px;
}

.liquid_purple:after {
  background-color: rgba(255, 255, 255, 0.25);
  bottom: -10px;
  content: "";
  height: 200px;
  left: -40px;
  position: absolute;
  transform: rotate(30deg);
  -webkit-transform: rotate(15deg);
  width: 130px;
}

.liquid_green {
  background-color: #3C6;
  border: 10px solid #3C6;
  border-radius: 0 0 20px 20px;
  bottom: 0;
  height: 166.5px;
  overflow: hidden;
  width: 120px;
}

.liquid_green:after {
  background-color: rgba(255, 255, 255, 0.25);
  bottom: -10px;
  content: "";
  height: 200px;
  left: -40px;
  position: absolute;
  transform: rotate(30deg);
  -webkit-transform: rotate(15deg);
  width: 130px;
}

.liquid_blue {
  background-color: blue;
  border: 10px solid blue;
  border-radius: 0 0 20px 20px;
  bottom: 0;
  height: 166.5px;
  overflow: hidden;
  width: 120px;
}

.liquid_blue:after {
  background-color: rgba(255, 255, 255, 0.25);
  bottom: -10px;
  content: "";
  height: 200px;
  left: -40px;
  position: absolute;
  transform: rotate(30deg);
  -webkit-transform: rotate(15deg);
  width: 130px;
}

.liquid_yellow {
  background-color: orange;
  border: 10px solid orange;
  border-radius: 0 0 20px 20px;
  bottom: 0;
  height: 166.5px;
  overflow: hidden;
  width: 120px;
}

.liquid_yellow:after {
  background-color: rgba(255, 255, 255, 0.25);
  bottom: -10px;
  content: "";
  height: 200px;
  left: -40px;
  position: absolute;
  transform: rotate(30deg);
  -webkit-transform: rotate(15deg);
  width: 130px;
}

.liquid_red {
  background-color: red;
  border: 10px solid red;
  border-radius: 0 0 20px 20px;
  bottom: 0;
  height: 166.5px;
  overflow: hidden;
  width: 120px;
}

.liquid_red:after {
  background-color: rgba(255, 255, 255, 0.25);
  bottom: -10px;
  content: "";
  height: 200px;
  left: -40px;
  position: absolute;
  transform: rotate(30deg);
  -webkit-transform: rotate(15deg);
  width: 130px;
}

/* 

.liquid_first .bubble {
  -webkit-animation-name: bubble;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  background-color: rgba(255, 255, 255, 0.2);
  bottom: 0;
  border-radius: 10px;
  height: 15px;
  width: 15px;
}

.liquid_second .bubble {
  -webkit-animation-name: bubble;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  background-color: rgba(255, 255, 255, 0.2);
  bottom: 0;
  border-radius: 10px;
  height: 15px;
  width: 15px;
}

.liquid_third .bubble {
  -webkit-animation-name: bubble;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  background-color: rgba(255, 255, 255, 0.2);
  bottom: 0;
  border-radius: 10px;
  height: 15px;
  width: 15px;
}
.liquid_fourth .bubble {
  -webkit-animation-name: bubble;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  background-color: rgba(255, 255, 255, 0.2);
  bottom: 0;
  border-radius: 10px;
  height: 15px;
  width: 15px;
}

.liquid_green .bubble {
  -webkit-animation-name: bubble;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  background-color: rgba(255, 255, 255, 0.2);
  bottom: 0;
  border-radius: 10px;
  height: 20px;
  width: 20px;
}

.liquid_red .bubble {
  -webkit-animation-name: bubble;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  background-color: rgba(255, 255, 255, 0.2);
  bottom: 0;
  border-radius: 10px;
  height: 20px;
  width: 20px;
}
.liquid_blue .bubble {
  -webkit-animation-name: bubble;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  background-color: rgba(255, 255, 255, 0.2);
  bottom: 0;
  border-radius: 10px;
  height: 20px;
  width: 20px;
}
.liquid_purple .bubble {
  -webkit-animation-name: bubble;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  background-color: rgba(255, 255, 255, 0.2);
  bottom: 0;
  border-radius: 10px;
  height: 20px;
  width: 20px;
}



@-webkit-keyframes bubble {
  0% {
    bottom: 0;
  }
  50% {
    background-color: rgba(255, 255, 255, 0.2);
    bottom: 80px;
  }
  100% {
    background-color: rgba(255, 255, 255, 0);
    bottom: 160px;
  }
}
.bubble:nth-child(1) {
  left: 59px;
  -webkit-animation-delay: 21.6057955053ms;
  -webkit-animation-duration: 700ms;
  -webkit-transform: scale(1.1);
}

.bubble:nth-child(2) {
  left: 153px;
  -webkit-animation-delay: 9.2691371375ms;
  -webkit-animation-duration: 700ms;
  -webkit-transform: scale(1.3);
}

.bubble:nth-child(3) {
  left: 108px;
  -webkit-animation-delay: 10.3015587951ms;
  -webkit-animation-duration: 900ms;
  -webkit-transform: scale(0.4);
}

.bubble:nth-child(4) {
  left: 122px;
  -webkit-animation-delay: 5.5778470656ms;
  -webkit-animation-duration: 900ms;
  -webkit-transform: scale(0.6);
}

.bubble:nth-child(5) {
  left: 174px;
  -webkit-animation-delay: 28.7026687311ms;
  -webkit-animation-duration: 1300ms;
  -webkit-transform: scale(1);
}

.bubble:nth-child(6) {
  left: 80px;
  -webkit-animation-delay: 28.5218249956ms;
  -webkit-animation-duration: 1100ms;
  -webkit-transform: scale(1.2);
}

.bubble:nth-child(7) {
  left: 25px;
  -webkit-animation-delay: 23.9745828255ms;
  -webkit-animation-duration: 800ms;
  -webkit-transform: scale(1.3);
}




 */