.page {
  background-color: #dddddd !important;
  background-image: url("https://cdn.videostorm.com/www/assets/images/0002_BG.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  width: 100%;
  display: block;
}

.infillion_ctv_demo {
  display: flex;
  justify-content: left;
}

.infillion_ctv_demo .tv-container {
  box-sizing: content-box;
  width: 55%;
  height: 100%;
  margin-left: 12.5%;
}

.infillion_ctv_demo .tv-container .infillion-tv {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.infillion_ctv_demo .controls-container {
  width: 22.5%;
  height: 32vw;
  background: transparent;
  margin-left: 1%;
  margin-right: 12.5%;
}

.infillion_ctv_demo .controls-container .remote-container {
  display: block;
  position: relative;
  margin-left: 25%;
  width: 50%;
  height: 100%;
}

.infillion_ctv_demo .controls-container .remote-container .infillion-remote {
  display: block;
  position: absolute;
  visibility: hidden;
  top: 0%;
}

.infillion_ctv_demo .controls-container .remote-container .infillion-remote .showItem {
  visibility: visible;
}

.infillion_ctv_demo .controls-container .remote-container .controller-button {
  display: block;
  position: absolute;
  width: 2vw;
  height: 2vw;
  cursor: pointer;
  z-index: 4;
}

.infillion_ctv_demo .controls-container .remote-container #up_arrow {
  top: 6%;
  left: 40%;
}

.infillion_ctv_demo .controls-container .remote-container #down_arrow {
  top: 18%;
  left: 40%;
}

.infillion_ctv_demo .controls-container .remote-container #left_arrow {
  top: 12%;
  left: 21%;
}

.infillion_ctv_demo .controls-container .remote-container #right_arrow {
  top: 12%;
  left: 61%;
}

.infillion_ctv_demo .controls-container .remote-container #ok_button {
  top: 12%;
  left: 41%;
  z-index: 10;
}

.infillion_ctv_demo .controls-container .remote-container #back_button {
  left: 41%;
  top: 28.5%;
  z-index: 10;
}

.infillion_ctv_demo .controls-container .remote-container .showItem {
  visibility: visible;
}

.infillion_ctv_demo .controls-container .remote-container .showItem {
  visibility: visible;
}

.infillion_ctv_demo .controls-container .infillion-keys {
  margin-top: -40%;
  margin-left: 5%;
  width: 90%;
}

.demo-elem {
  margin-top: -62.25%;
  margin-left: 1%;
  width: 98% !important;
  min-width: 98% !important;
  max-width: 98% !important;
}

.demo-elem-80 {
  margin-top: -62.25%;
  margin-left: 1%;
  width: 98% !important;
  min-width: 98% !important;
  max-width: 98% !important;
}

.demo-elem-95 {
  margin-top: -62.25%;
  margin-left: 1%;
  width: 98% !important;
  min-width: 98% !important;
  max-width: 98% !important;
}

#demo {
  margin-top: -62.25%;
  margin-left: 1%;
  width: 98% !important;
  min-width: 98% !important;
  max-width: 98% !important;
}

.infillion_logo {
  height: 5rem !important;
}

.infillion_foot {
  text-align: center;
  margin-top: 5%;
  color: #4d4d4d;
}

.inf_logo_row {
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 20%;
  max-height: 20%;
}

.button-controls {
  margin-top: 2%;
  margin-bottom: -2%;
  text-align: center;
  display: flex;
  justify-content: center;
}

.button-controls .btn-controls {
  margin-left: 1%;
  margin-right: 1%;
  color: #ffffff;
  width: 7rem;
  background: #313131;
  background-color: #313131;
  border-color: #313131;
}