.demo {
  /* Wrappers */
  /* Environment / Room */
  /* TV box */
}
body.demo {
  background-size: 100px auto;
}
.demo .color-primary {
  color: #2f5b5d;
}
.demo .container.demo {
  padding-top: 60px;
  max-width: 640px;
}
.demo .shadow-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/room/environment_left.png);
  background-size: 100% 100%;
  opacity: 0.5;
}
.demo a {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.demo a:hover {
  text-decoration: none;
}
.demo a.btn-ht {
  display: block;
  width: auto;
  background-color: #087374;
  padding: 10px 20px;
  margin: 20px;
  border-radius: 5px;
  text-decoration: none;
}
.demo a.btn-ht:hover {
  background-color: #27aaac;
  border-radius: 5px 20px;
}
.demo .wrapper-btns {
  padding-top: 40px;
  margin-bottom: 200px;
}
.demo .wrapper-floor {
  margin: -79px auto 0;
  height: 79px;
}
.demo .baseboard {
  height: 20px;
  background-size: 236px 20px;
}
.demo .floor {
  height: 59px;
  background-size: 350px 59px;
}
.demo .floor-content {
  height: 200px;
}
.demo .tv-box {
  width: 250px;
  height: 200px;
}
.demo .tv .tv-screen {
  width: 163px;
  height: 119px;
  left: 20px;
  top: 20px;
}
.demo .screen-inner {
  left: 18px;
  bottom: 57px;
  width: 170px;
  height: 128px;
}
.demo .screen-item {
  left: 18px;
  bottom: 57px;
  width: 170px;
  height: 128px;
  font-size: 4px;
}