#txt-parallax
{
  position:fixed;
  left:0;
  right:0;
  top:20%;
  width:200px;
  margin: 0 auto;
  margin-top:100px;
}

.wrapper {
  min-height: 460px;
  position: absolute;
  overflow: hidden;
  display: table;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

prompt.hide {
  visibility: hidden;
}
.prompt.hide .panel {
  -webkit-transform: translate3d(0,250%,0) rotateY(360deg);
  -moz-transform: translate3d(0,250%,0) rotateY(360deg);
  transform: translate3d(0,250%,0) rotateY(360deg);
  opacity: 0;
}
.prompt .cell {
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
}
.prompt .dismiss {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
  background-color: transparent;
  position: absolute;
  right: 4px;
  top: 4px;
}
.prompt .x, .prompt .y {
  background: white;
}
.prompt .center {
  max-width: 300px;
  width: 82%;
}
.prompt .panel {
  -webkit-perspective: none;
  -moz-perspective: none;
  perspective: none;
  -webkit-transform-style: flat;
  -moz-transform-style: flat;
  transform-style: flat;
  -webkit-transition: all 1.8s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 1.8s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 1.8s cubic-bezier(0.77, 0, 0.175, 1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  background-color: rgba(0, 0, 0, 0.65);
  padding: 1.2em 0 1.8em;
}

@media (min-width: 1200px) {

#scene li
{

}

#bouteille-1
{
  position: fixed !important;
  width: 150px;
left:25% !important;
right:auto !important;
top:auto !important;
bottom:20% !important;

}

#bouteille-2
{
  position: fixed !important;
  width: 250px;
left:auto !important;
right:30% !important;
top:auto !important;
bottom:10% !important;

}

#bouteille-3
{
  position: fixed !important;
  width: 150px;
left:auto !important;
right:35% !important;
top:25% !important;
bottom:auto !important;

}

#bouteille-4
{
  position: fixed !important;
  width: 200px;
left:17% !important;
right:auto !important;
top:auto !important;
bottom:28% !important;

}

#bouteille-5
{
  position: fixed !important;
  width: 200px;
left:20% !important;
right:auto !important;
top:auto !important;
bottom:0% !important;

}

#bouteille-6
{
  position: fixed !important;
  width: 150px;
left:20% !important;
right:auto !important;
top:15% !important;
bottom:auto !important;

}

#bouteille-7
{
  position: fixed !important;
  width: 150px;
left:auto !important;
right:25% !important;
top:auto !important;
bottom:20% !important;

}

#bouteille-8
{
  position: fixed !important;
  width: 85px;
left:40% !important;
right:auto !important;
top:auto !important;
bottom:23% !important;

}

#verre-9
{
  position: fixed !important;
  width: 350px;
left:25% !important;
right:auto !important;
top:auto !important;
bottom:-5% !important;

}

#bouteille-10
{
  position: fixed !important;
  width: 250px;
left:auto !important;
right:15% !important;
top:15% !important;
bottom:auto !important;

}

#bouteille-11
{
  position: fixed !important;
  width: 250px;
left:auto !important;
right:20% !important;
top:auto !important;
bottom:-10% !important;

}

#bouteille-12
{
  position: fixed !important;
  width: 135px;
left:35% !important;
right:auto !important;
top:auto !important;
bottom:35% !important;

}

#bouteille-13
{
  position: fixed !important;
  width: 300px;
left:auto !important;
right:35% !important;
top:auto !important;
bottom:30% !important;

}

#bouteille-14
{
  position: fixed !important;
  width: 100px;
left:40% !important;
right:auto !important;
top:10% !important;
bottom:auto !important;

}

}
@media (min-width: 992px) and (max-width: 1199px) {

#scene li
{

}



#bouteille-1
{
  position: fixed !important;
  width: 130px;
left:22% !important;
right:auto !important;
top:auto !important;
bottom:20% !important;

}

#bouteille-2
{
  position: fixed !important;
  width: 220px;
left:auto !important;
right:27% !important;
top:auto !important;
bottom:10% !important;

}

#bouteille-3
{
  position: fixed !important;
  width: 130px;
left:auto !important;
right:32% !important;
top:25% !important;
bottom:auto !important;

}

#bouteille-4
{
  position: fixed !important;
  width: 170px;
left:14% !important;
right:auto !important;
top:auto !important;
bottom:28% !important;

}

#bouteille-5
{
  position: fixed !important;
  width: 170px;
left:17% !important;
right:auto !important;
top:auto !important;
bottom:0% !important;

}

#bouteille-6
{
  position: fixed !important;
  width: 130px;
left:17% !important;
right:auto !important;
top:15% !important;
bottom:auto !important;

}

#bouteille-7
{
  position: fixed !important;
  width: 130px;
left:auto !important;
right:22% !important;
top:auto !important;
bottom:20% !important;

}

#bouteille-8
{
  position: fixed !important;
  width: 65px;
left:37% !important;
right:auto !important;
top:auto !important;
bottom:23% !important;

}

#verre-9
{
  position: fixed !important;
  width: 300px;
left:22% !important;
right:auto !important;
top:auto !important;
bottom:-5% !important;

}

#bouteille-10
{
  position: fixed !important;
  width: 210px;
left:auto !important;
right:12% !important;
top:15% !important;
bottom:auto !important;

}

#bouteille-11
{
  position: fixed !important;
  width: 210px;
left:auto !important;
right:17% !important;
top:auto !important;
bottom:-10% !important;

}

#bouteille-12
{
  position: fixed !important;
  width: 110px;
left:30% !important;
right:auto !important;
top:auto !important;
bottom:35% !important;

}

#bouteille-13
{
  position: fixed !important;
  width: 250px;
left:auto !important;
right:30% !important;
top:auto !important;
bottom:30% !important;

}

#bouteille-14
{
  position: fixed !important;
  width: 90px;
left:35% !important;
right:auto !important;
top:10% !important;
bottom:auto !important;

}

}
@media (min-width: 768px) and (max-width: 991px) {

#scene li
{

}


#bouteille-1
{
  position: fixed !important;
  width: 110px;
left:17% !important;
right:auto !important;
top:auto !important;
bottom:20% !important;

}

#bouteille-2
{
  position: fixed !important;
  width: 190px;
left:auto !important;
right:22% !important;
top:auto !important;
bottom:10% !important;

}

#bouteille-3
{
  position: fixed !important;
  width: 110px;
left:auto !important;
right:27% !important;
top:25% !important;
bottom:auto !important;

}

#bouteille-4
{
  position: fixed !important;
  width: 145px;
left:9% !important;
right:auto !important;
top:auto !important;
bottom:28% !important;

}

#bouteille-5
{
  position: fixed !important;
  width: 145px;
left:12% !important;
right:auto !important;
top:auto !important;
bottom:0% !important;

}

#bouteille-6
{
  position: fixed !important;
  width: 110px;
left:12% !important;
right:auto !important;
top:15% !important;
bottom:auto !important;

}

#bouteille-7
{
  position: fixed !important;
  width: 110px;
left:auto !important;
right:17% !important;
top:auto !important;
bottom:20% !important;

}

#bouteille-8
{
  position: fixed !important;
  width: 50px;
left:32% !important;
right:auto !important;
top:auto !important;
bottom:23% !important;

}

#verre-9
{
  position: fixed !important;
  width: 250px;
left:25% !important;
right:auto !important;
top:auto !important;
bottom:-5% !important;

}

#bouteille-10
{
  position: fixed !important;
  width: 180px;
left:auto !important;
right:7% !important;
top:15% !important;
bottom:auto !important;

}

#bouteille-11
{
  position: fixed !important;
  width: 175px;
left:auto !important;
right:12% !important;
top:auto !important;
bottom:-10% !important;

}

#bouteille-12
{
  position: fixed !important;
  width: 90px;
left:25% !important;
right:auto !important;
top:auto !important;
bottom:35% !important;

}

#bouteille-13
{
  position: fixed !important;
  width: 210px;
left:auto !important;
right:25% !important;
top:auto !important;
bottom:30% !important;

}

#bouteille-14
{
  position: fixed !important;
  width: 75px;
left:30% !important;
right:auto !important;
top:10% !important;
bottom:auto !important;

}

}
@media (min-width: 480px) and (max-width: 767px) {

#scene li
{

}

#bouteille-1
{
  position: fixed !important;
  width: 90px;
left:12% !important;
right:auto !important;
top:auto !important;
bottom:20% !important;

}

#bouteille-2
{
  position: fixed !important;
  width: 160px;
left:auto !important;
right:17% !important;
top:auto !important;
bottom:10% !important;

}

#bouteille-3
{
  position: fixed !important;
  width: 90px;
left:auto !important;
right:22% !important;
top:25% !important;
bottom:auto !important;

}

#bouteille-4
{
  position: fixed !important;
  width: 110px;
left:4% !important;
right:auto !important;
top:auto !important;
bottom:28% !important;

}

#bouteille-5
{
  position: fixed !important;
  width: 110px;
left:7% !important;
right:auto !important;
top:auto !important;
bottom:0% !important;

}

#bouteille-6
{
  position: fixed !important;
  width: 90px;
left:7% !important;
right:auto !important;
top:15% !important;
bottom:auto !important;

}

#bouteille-7
{
  position: fixed !important;
  width: 90px;
left:auto !important;
right:12% !important;
top:auto !important;
bottom:20% !important;

}

#bouteille-8
{
  position: fixed !important;
  width: 40px;
left:27% !important;
right:auto !important;
top:auto !important;
bottom:23% !important;

}

#verre-9
{
  position: fixed !important;
  width: 200px;
left:20% !important;
right:auto !important;
top:auto !important;
bottom:-5% !important;

}

#bouteille-10
{
  position: fixed !important;
  width: 150px;
left:auto !important;
right:2% !important;
top:15% !important;
bottom:auto !important;

}

#bouteille-11
{
  position: fixed !important;
  width: 150px;
left:auto !important;
right:7% !important;
top:auto !important;
bottom:-10% !important;

}

#bouteille-12
{
  position: fixed !important;
  width: 75px;
left:20% !important;
right:auto !important;
top:auto !important;
bottom:35% !important;

}

#bouteille-13
{
  position: fixed !important;
  width: 170px;
left:auto !important;
right:20% !important;
top:auto !important;
bottom:30% !important;

}

#bouteille-14
{
  position: fixed !important;
  width: 60px;
left:25% !important;
right:auto !important;
top:10% !important;
bottom:auto !important;

}

}
@media (max-width: 479px) {

#scene li
{

}



#bouteille-1
{
  position: fixed !important;
  width: 60px;
left:7% !important;
right:auto !important;
top:auto !important;
bottom:30% !important;

}

#bouteille-2
{
  position: fixed !important;
  width: 130px;
left:auto !important;
right:12% !important;
top:auto !important;
bottom:20% !important;

}

#bouteille-3
{
  position: fixed !important;
  width: 60px;
left:auto !important;
right:17% !important;
top:35% !important;
bottom:auto !important;

}

#bouteille-4
{
  position: fixed !important;
  width: 80px;
left:-1% !important;
right:auto !important;
top:auto !important;
bottom:38% !important;

}

#bouteille-5
{
  position: fixed !important;
  width: 80px;
left:2% !important;
right:auto !important;
top:auto !important;
bottom:10% !important;

}

#bouteille-6
{
  position: fixed !important;
  width: 60px;
left:2% !important;
right:auto !important;
top:25% !important;
bottom:auto !important;

}

#bouteille-7
{
  position: fixed !important;
  width: 60px;
left:auto !important;
right:7% !important;
top:auto !important;
bottom:30% !important;

}

#bouteille-8
{
  position: fixed !important;
  width: 30px;
left:22% !important;
right:auto !important;
top:auto !important;
bottom:33% !important;

}

#verre-9
{
  position: fixed !important;
  width: 110px;
left:15% !important;
right:auto !important;
top:auto !important;
bottom:0% !important;

}

#bouteille-10
{
  position: fixed !important;
  width: 110px;
left:auto !important;
right:-3% !important;
top:25% !important;
bottom:auto !important;

}

#bouteille-11
{
  position: fixed !important;
  width: 110px;
left:auto !important;
right:2% !important;
top:auto !important;
bottom:0% !important;

}

#bouteille-12
{
 /* position: fixed !important;
  width: 55px;
left:15% !important;
right:auto !important;
top:auto !important;
bottom:35% !important;*/
 opacity: 0.0;
    filter: alpha(opacity=00); /* For IE8 and earlier */
}

#bouteille-13
{
 /* position: fixed !important;
  width: 130px;
left:auto !important;
right:15% !important;
top:auto !important;
bottom:30% !important;*/
 opacity: 0.0;
    filter: alpha(opacity=00); /* For IE8 and earlier */
}

#bouteille-14
{
 /* position: fixed !important;
  width: 50px;
left:20% !important;
right:auto !important;
top:10% !important;
bottom:auto !important;*/
 opacity: 0.0;
    filter: alpha(opacity=00); /* For IE8 and earlier */
}

}