#KMnO4{
    position: absolute;
    left:103px;
    top:516px;
    cursor: pointer;
}
#K2Cr2O7{
    position: absolute;
    left:195px;
    top:516px;
    cursor: pointer;
}
#H2SO4{
    position: absolute;
    left:283px;
    top:516px;
    cursor: pointer;
}
#CH3CH2OH{
    position: absolute;
    left:373px;
    top:516px;
    cursor: pointer;
}
#cylinder{
    position: absolute;
    left:463px;
    top:528px;
    cursor: pointer;
}
#cylinder1{
    position: absolute;
    left:523px;
    top:528px;
    cursor: pointer;
}
#cylinderCanvas{
    position: absolute;
    left:472px;
    top:594px;
}
#cylinderCanvas1{
    position: absolute;
    left:532px;
    top:594px;
}
#tubeCanvas1{
    position: absolute;
    left:761px;
    top:365px;
}
#tubeCanvas{
    position: absolute;
    left:710px;
    top:365px;
}
#cylinderMesure{
    position: absolute;
    left:473px;
    top:528px;
    cursor: pointer;
}
#cylinderMesure1{
    position: absolute;
    left:533px;
    top:528px;
    cursor: pointer;
}
#bunsen{
    position: absolute;
    left:662px;
    top:475px;
}
#flame{
    position: absolute;
    width:34px;
    height:93px;
    left: 751px;
    top:483px;
    visibility: hidden;
}
#valve{
    position: absolute;
    left:790px;
    top:661px;
    cursor: pointer;
}
#beaker{
    position: absolute;
    left:692px;
    top:356px
}
#line{
    position: absolute;
    left:699px;
    top:435px
}
#line1{
    position: absolute;
    left:700px;
    top:418px
}
#line2{
    position: absolute;
    left:697px;
    top:477px
}
#tube{
    position: absolute;
    left:758px;
    top:313px
}
#tube1{
    position: absolute;
    left:708px;
    top:313px
}
#beakerUp{
    position: absolute;
    left:691px;
    top:363px
}

  .slidecontainer1 {
    width: 70px;
    position: absolute;
    left:100px;
     top:705px; 
  }
.slider1 {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    visibility: hidden;
  }
  .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:190px;
     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;
    visibility: hidden;
  }
  .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:280px;
     top:705px; 
  }
.slider2 {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    visibility: hidden;
  }
  .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:370px;
     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;
    visibility: hidden;
  }
  .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;
  }
  .slidecontainer4 {
    width: 45px;
    position: absolute;
    left:460px;
     top:705px; 
  }
  .slider4 {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    visibility: hidden;
  }
  .slider4:hover {
    opacity: 1;
  }
  
  .slider4::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #04AA6D;
    cursor: pointer;
  }
  .slider4::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #04AA6D;
    cursor: pointer;
  }
  .slidecontainer4a {
    width: 45px;
    position: absolute;
    left: 520px;
     top:705px; 
  }
  .slider4a {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    visibility: hidden;
  }
  .slider4a:hover {
    opacity: 1;
  }
  
  .slider4a::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #04AA6D;
    cursor: pointer;
  }
  .slider4a::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #04AA6D;
    cursor: pointer;
  }
  #odigies{
    position: absolute;
    left:870px;
    top:20px
}
#titlos{
    position: absolute;
    left:56px;
    top:30px
}
#blackboard{
    position: absolute;
    left:80px;
    top:160px
}
#production{
    position: absolute;
    left:846px;
    top:660px
}