.tunnel-button-gradient {
  background-image: -webkit-linear-gradient(top, #3f6e9a 0%, #32608b 100%);
  background-image: linear-gradient(to bottom, #3f6e9a 0%, #32608b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3f6e9a', endColorstr='#ff32608b', GradientType=0);
}
.tunnel-button-gradient:hover {
  background-image: -webkit-linear-gradient(top, #2c4d6b 0%, #234361 100%);
  background-image: linear-gradient(to bottom, #2c4d6b 0%, #234361 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2c4d6b', endColorstr='#ff234361', GradientType=0);
}
.tunnel-button-gradient:active {
  background-image: -webkit-linear-gradient(top, #1f374d 0%, #193045 100%);
  background-image: linear-gradient(to bottom, #1f374d 0%, #193045 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1f374d', endColorstr='#ff193045', GradientType=0);
}
body,
html {
  -webkit-font-smoothing: antialiased;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -webkit-appearance: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #000000;
}
.bold-font {
  font-family: OpenSansSemibold, "Helvetica", Arial, sans-serif;
}
.firefoxmac .bold-font {
  font-family: OpenSansRegular, "Helvetica", Arial, sans-serif;
}
html,
body {
  overflow: hidden;
  height: 100%;
  margin: 0;
}
#background-container {
  margin: 0;
  height: 100%;
  width: 100%;
  position: fixed;
  background-color: #6495c0;
}
#main-container {
  font-family: "OpenSansRegular", "Helvetica", "Arial", "sans-serif";
  background-color: #6495c0;
  width: 100%;
  height: 100%;
  position: absolute;
  text-shadow: none;
}
#main-container .main-table {
  display: table;
  position: absolute;
  width: 100%;
  height: 100%;
}
.logo-and-text-container {
  width: 100%;
  position: relative;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.logo-and-text-container .logo-container {
  height: auto;
  width: auto \9;
  margin: auto auto;
  max-width: 90% !important;
}
@media screen and (min-width: 460px) {
  .logo-and-text-container .logo-container {
    height: 68px;
    max-width: 260px;
  }
}
@media screen and (max-height: 380px) {
  .logo-and-text-container .logo-container {
    height: 68px;
    max-width: 240px;
  }
}
@media screen and (min-width: 200px) and (max-width: 460px) {
  .logo-and-text-container .logo-container {
    height: 64.5px;
    max-width: 220px;
  }
}
.logo-and-text-container .logo-text {
  color: white;
  text-shadow: none;
  text-align: center;
}
@media screen and (min-width: 200px) and (max-width: 460px) {
  .logo-and-text-container .logo-text {
    font-size: 20px;
    line-height: 18px;
  }
}
@media screen and (min-width: 460px) {
  .logo-and-text-container .logo-text {
    font-size: 24px;
    line-height: 24px;
  }
}
.actions-row {
  display: table-row;
  height: 25%;
  width: 100%;
  height: 100%;
  margin: auto 5%;
  color: white;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: relative;
}
.actions-row .pt-button {
  font-size: 18px;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -moz-box-sizing: 'border-box';
  -webkit-box-sizing: 'border-box';
  box-sizing: 'border-box';
  height: 45px;
  line-height: 45px;
  cursor: pointer;
  margin: auto 3%;
}
@media screen and (min-width: 200px) and (max-width: 460px) {
  .actions-row .pt-button {
    display: block;
  }
}
@media screen and (min-width: 460px) {
  .actions-row .pt-button {
    display: inline-block;
  }
  .actions-row .pt-button.open {
    margin-left: 15px;
  }
}
.actions-row .pt-button {
  margin: auto;
}
@media screen and (min-width: 460px) {
  .actions-row .pt-button {
    width: 260px;
  }
}
@media screen and (max-height: 380px) {
  .actions-row .pt-button {
    width: 260px;
  }
}
@media screen and (min-width: 200px) and (max-width: 460px) {
  .actions-row .pt-button {
    width: 242px;
  }
}
html,
body,
div,
span,
object,
form,
input,
h1,
h2,
button,
label,
a,
img {
  -moz-user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
}
#small-page-logo-row {
  display: none;
}
@media screen and (max-height: 355px) {
  #small-page-logo-row {
    display: table-row;
    height: 50%;
  }
}
@media screen and (max-height: 240px) {
  #small-page-logo-row .logo-text {
    display: none;
  }
}
ol.carousel-indicators {
  position: relative;
  margin: 0 auto;
  left: 0;
  bottom: 20px !important;
}
@media (max-height: 540px) {
  ol.carousel-indicators {
    position: absolute;
    top: -15%;
    width: 100%;
    height: 15px;
  }
}
@media (max-height: 355px) {
  ol.carousel-indicators {
    display: none;
  }
}
ol.carousel-indicators li {
  width: 12px !important;
  height: 12px !important;
  border: none;
  margin: 0px;
}
ol.carousel-indicators li.indicator-off {
  background: url('//cdn2.pearltrees.com/v2static/asset/homeremote/carousel/slide_off.png?v4');
}
ol.carousel-indicators li.active,
ol.carousel-indicators li.indicator-on {
  background: url('//cdn2.pearltrees.com/v2static/asset/homeremote/carousel/slide_on.png?v4');
}
.carousel {
  width: 100%;
  margin: auto auto;
  display: table-row;
  height: 75%;
}
@media (max-height: 410px) {
  .carousel {
    height: 70%;
  }
}
@media (max-height: 355px) {
  .carousel {
    display: none;
  }
}
.carousel.no-button {
  height: 95%;
}
.carousel .carousel-inner {
  height: 100%;
}
.carousel .carousel-inner .item {
  height: 100%;
  -webkit-transition: 0.6s ease-in-out left;
  -moz-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
@media (max-width: 450px) {
  .carousel .carousel-inner .item {
    -webkit-transition: 0.4s ease-in-out left;
    -moz-transition: 0.4s ease-in-out left;
    -o-transition: 0.4s ease-in-out left;
    transition: 0.4s ease-in-out left;
  }
}
.carousel .carousel-inner .item .inner-item {
  display: table;
  width: 100%;
  height: 100%;
}
.carousel .carousel-inner .item .inner-item .carousel-deco-container {
  display: table-row;
  height: 70%;
}
.carousel .carousel-inner .item .inner-item .carousel-deco-container [class^='carousel-deco'] {
  display: table-cell;
  height: 80%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}
.text-phone {
  display: block;
  line-height: 22px !important;
}
.text-tablet {
  display: none;
}
@media screen and (min-width: 460px) {
  .text-phone {
    display: none;
  }
  .text-tablet {
    display: block;
    line-height: 28px !important;
  }
}
.carousel .text-explanation-row {
  position: relative;
  display: table-row;
  width: 100%;
  height: 20%;
}
.carousel .text-explanation-row .text-explanation {
  width: 100%;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding: 12px;
}
.carousel .text-explanation-row .text-explanation span {
  color: white;
  text-shadow: none;
  text-align: center;
}
@media screen and (min-width: 200px) and (max-width: 460px) {
  .carousel .text-explanation-row .text-explanation span {
    font-size: 20px;
    line-height: 18px;
  }
}
@media screen and (min-width: 460px) {
  .carousel .text-explanation-row .text-explanation span {
    font-size: 24px;
    line-height: 24px;
  }
}
.carousel .inner-item .space-row {
  display: table-row;
  height: 5%;
}
@media screen and (orientation: portrait) and (min-height: 500px) {
  .carousel .inner-item .space-row {
    height: 7.5%;
  }
  .carousel .inner-item .space-row:nth-child(3) {
    height: 3%;
  }
}
.carousel .logo-and-text-row {
  display: table-row;
  text-align: center;
  width: 100%;
  height: 20%;
}
.open,
.open-or-install {
  color: #ffffff;
  background-color: #3f597c;
}
.open:hover,
.open-or-install:hover {
  background-color: #324763;
}
.open:active,
.open-or-install:active {
  background-color: #26354a;
}
.install {
  margin-bottom: 10px !important;
  color: #3f597c;
  background-color: #ffffff;
}
.install:hover {
  color: #ffffff;
  background-color: #324763;
}
.install:active {
  color: #ffffff;
  background-color: #26354a;
}