#KMnO4{
    position: absolute;
    left:100px;
    top:480px;
}
#cylinderBig{
    position: absolute;
    left:228px;
    top:565px;
}
#H2SO4{
    position: absolute;
    left:812px;
    top: 517px;
    cursor: pointer;
}
#CH3CH2OH{
    position: absolute;
    left:292px;
    top:480px;
}
#cylinderSmall{
    position: absolute;
    left:413px;
    top:590px;
}
#cylinderCanvas{
    position: absolute;
    left:235px;
    top:575px;
}
#cylinderInsideBigUpDown {
    position: absolute;
    left:235px;
    top:688px;
    visibility: hidden;
}
#cylinderInsideBigUpDown1 {
    position: absolute;
    left:235px;
    top:688px;
    visibility: hidden;
}
#cylinderCanvas1{
    position: absolute;
    left:417px;
    top:594px;
}
#tubeCanvas1{
    position: absolute;
    left:761px;
    top:365px;
}
#beakerCanvas{
    position: absolute;
    left:576px;
    top:542px;
}
#mesureBig{
    position: absolute;
    left:235px;
    top:568px;
    
}
#mesureSmall{
    position: absolute;
    left:417px;
    top:597px;
}
#beakerMesure{
    position: absolute;
    left:574px;
    top:538px;
}
#beakerInsideUp{
    position: absolute;
    left:576px;
    top:610px;
 visibility: hidden;
}
 #beakerInsideUp1{
  position: absolute;
  left:576px;
  top:610px;
visibility: hidden;
}
#beakerInsideUpGray{
  position: absolute;
  left:575px;
  top:610px;
visibility: hidden;
}
 #beakerInsideUpGray1{
  position: absolute;
  left:576px;
  top:610px;
visibility: hidden;
}
#bunsen{
    position: absolute;
    left:662px;
    top:475px;
}
#beaker{
    position: absolute;
    left: 570px;
    top:511px;
}
#pipeta{
  position: absolute;
  left: 773px;
  top:710px;
  cursor: pointer;
}
#pipeta1{
  position: absolute;
  left: 773px;
  top:710px;
 visibility: hidden;
}
#hitUp{
    position: absolute;
    left:552px;
    top:648px;
    cursor: pointer;
}
#hitDown{
  position: absolute;
  left:552px;
  top:648px;
visibility: hidden
}
#hit{
    position: absolute;
    left:537px;
    top:604px
}
#line{
    position: absolute;
    left:575px;
    top:605px
}
#tube{
    position: absolute;
    left:758px;
    top:313px
}
#tube1{
    position: absolute;
    left:708px;
    top:313px
}
#beakerUp{
    position: absolute;
    left:568px;
    top:517px
}

  .slidecontainer1 {
    width: 70px;
    position: absolute;
    left:90px;
     top:705px; 
  }
.slider1 {
    -webkit-appearance: none;
    width: 140%;
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
  }
  .slider1:hover {
    opacity: 1;
  }
  
  .slider1::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #04AA6D;
    cursor: pointer;
  }
  .slider1::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #04AA6D;
    cursor: pointer;
  }
  .slidecontainer1a {
    width: 70px;
    position: absolute;
    left:205px;
     top:705px; 
  }
.slider1a {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
  }
  .slider1a:hover {
    opacity: 1;
  }
  
  .slider1a::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #04AA6D;
    cursor: pointer;
  }
  .slider1a::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #04AA6D;
    cursor: pointer;
  }
  .slidecontainer2 {
    width: 70px;
    position: absolute;
    left:287px;
     top:705px; 
  }
.slider2 {
    -webkit-appearance: none;
    width: 130%;
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
  }
  .slider2:hover {
    opacity: 1;
  }
  
  .slider2::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #04AA6D;
    cursor: pointer;
  }
  .slider2::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #04AA6D;
    cursor: pointer;
  }
  .slidecontainer3 {
    width: 70px;
    position: absolute;
    left:390px;
     top:705px; 
  }
  .slider3 {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
  }
  .slider3:hover {
    opacity: 1;
  }
  
  .slider3::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #04AA6D;
    cursor: pointer;
  }
  .slider3::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #04AA6D;
    cursor: pointer;
  }
  #odigies{
    position: absolute;
    left:940px;
    top:20px;
    visibility: visible;
}
#titlos{
    position: absolute;
    left:56px;
    top:30px
}
#blackboard{
    position: absolute;
    left:180px;
    top:160px
}
#production{
    position: absolute;
    left:900px;
    top:600px;
    visibility: visible;
}
#V1{
  position: absolute;
  left: 230px;
  top:310px;
color: white;
}
#V2{
  position: absolute;
  left: 230px;
  top:330px;
  color: white;
}
#demo1{
  position: absolute;
  left: 323px;
  top:229px;
color: white;
}
#demo2{
  position: absolute;
  left: 245px;
  top:229px;
  color: white;
}
#demo3{
  position: absolute;
  left: 245px;
  top:249px;
  color: white;
}
#demo4{
  position: absolute;
  left: 323px;
  top:249px;
  color: white;
}
#demo5{
  position: absolute;
  left: 245px;
  top:274px;
  color: white;
}
#demo6{
  position: absolute;
  left: 323px;
  top:274px;
  color: white;
}
#start{
  position: absolute;;
  left:20px;
   top:710px; 
   cursor: pointer;
}