.flower_bg li{
  list-style: none;
}

.slider-box {
  float: right;
  margin: 10px 20px;
  position: relative;
  z-index: 99;
}

#range {
  margin-top: 5px;
  color: #eee;
  font-size: 10pt;
  margin-left: 10px;
}

#specks {
  position: absolute;
  z-index: 999;
  /*height: 100vh;*/
  width: 100vw;
}

.speck {
  opacity: 0;
  height: 20px;
  width: 20px;
  background: url('../img/speck_zpsu9xym9zl.png');
  background-size: cover;
  position: absolute;
  border-radius: 10px;
  z-index: 99;
}

.img {
  position: absolute;
  height: 100000px;
  width: 100000px;
  top: -8500px;
  left: -8000px;
  animation-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  animation-name: float;
  animation-iteration-count: infinite;
}

#img-1 {
  opacity: 0.35;
  background: url('/web/images/product/dust1_zpst8inukke.jpg');
  background-repeat: repeat;
  animation-duration: 500s;
}

#img-2 {
  opacity: 0.3;
  background: url('/web/images/product/dust2_zps9on59cjb.jpg');
  background-repeat: repeat;
  animation-duration: 350s;
}

#img-3 {
  opacity: 0.25;
  background: url('/web/images/product/dust3_zps9hjmkyei.jpg');
  background-repeat: repeat;
  animation-duration: 150s;
}
/*ANIMATIONS*/

@keyframes twinkle {
  0% {
    transform: translate(0px, 0px);
  }
  30% {
    opacity: 0;
  }
  50% {
    opacity: 0.75;
  }
  70% {
    opacity: 0;
  }
  100% {
    transform: translate(175px, 100px);
  }
}

@keyframes float {
  0% {
    transform: translate(0px, 0px);
  }
  100% {
      transform:translate(8000px, 4000px);
  }
}