.content .environment {
  position: absolute;
  width: 285px;
  height: 360px;
  border:0;
  padding:0;
  margin: 0;
  overflow: hidden;
  cursor: pointer;
}

.content .environment.australia {
  left: 0;
  width: 285px;
  background: url( '../8302-09-05-15-images/environment/australia.png' );
  background-position: 0 0;
  z-index: 2;
}
.content .environment.alaska {
  left: 285px;
  width: 285px;
  background: url( '../8302-09-05-15-images/environment/alaska.png' );
  background-position: -285px 0;
  z-index: 2;
}
.content .environment.cuba {
  right: 0;
  width: 285px;
  background: url( '../8302-09-05-15-images/environment/galapagos.png' );
  background-position: -569px 0;
  z-index: 2;
}
.content .environment:before {
  content: '';
  width: 285px;
  height: 360px;
  background: #000;
  opacity: 0.2;
  display: block;
}
.content .environment:hover:before {
  opacity: 0;
}

.content .australia-show .australia .text {
  background: url( '../8302-09-05-15-images/environment/australia-owl.png' ) no-repeat;
  width: 325px;
  height: 181px;
  position: absolute;
  opacity: 0;
  left: 324px;
  top: 84px;
}
.content .alaska-show .alaska .text {
  background: url( '../8302-09-05-15-images/environment/alaska-owl.png' ) no-repeat;
  width: 301px;
  height: 208px;
  position: absolute;
  opacity: 0;
  left: 310px;
  top: 143px;
}
.content .cuba-show .cuba .text {
  background: url( '../8302-09-05-15-images/environment/galapagos-owl.png' ) no-repeat;
  width: 317px;
  height: 180px;
  position: absolute;
  opacity: 0;
  left: 210px;
  top: 45px;
}

.content .disabled .environment {
  cursor: default;
}
.content .disabled .environment:hover {
  cursor: default;
}
.content .disabled .environment:before {
  opacity: 0;
}
.content .disabled .environment:hover:before {
  opacity: 0;
}

/* Button Again with animation */
.content .button-again {
  background: #4f4f4f;
  margin: 0;
  padding: 5px 30px;
  border: 0;
  position: absolute;
  bottom: 10px;
  right: 10px;
  border-radius: 5px;
  box-shadow: -2px 2px 2px 0 #000000;
  cursor: pointer;
  z-index: 0;
  opacity: 0;
  outline: none;
}
.content .button-again:before {
  content: 'PLAY AGAIN';
  text-align: center;
  font-size: 14px;
  color: #ffffff;
}

.content .end.button-again:before {
  content: 'THE END';
}

.content .disabled .button-again {
  z-index: 20;
}

/* Button Audio with animation */
.content .button-audio {
  position: absolute;
  width: 25px;
  height: 25px;
  cursor: pointer;
  border: none;
  outline: none;
  background: url('../8302-09-05-15-images/buttons/audio.png') no-repeat;
  z-index: 0;
  opacity: 0;
  outline: none;
}
.content .button-button-audio:hover {
  opacity: 0.8;
}

.content .disabled .button-audio {
  z-index: 20;
}

.content .australia-show .button-audio {
  top: 102px;
  left: 448px;
}

.content .alaska-show .button-audio {
  left: 375px;
  top: 152px;
}

.content .cuba-show .button-audio {
  left: 432px;
  top: 52px;
}

/* Alaska show animation */
.content .alaska-show .australia {
  z-index: 1;
}
.content .alaska-show .alaska {
  z-index: 10;
}
.content .alaska-show .cuba {
  z-index: 1;
}

/* Galapagos show animation */
.content .cuba-show .australia {
  z-index: 1;
}
.content .cuba-show .alaska {
  z-index: 1;
}
.content .cuba-show .cuba {
  z-index: 10;
}