.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;
}
.inner-shadow {
  -moz-box-shadow: inset 0px 1px 1px 0px #5c5c5c;
  -webkit-box-shadow: inset 0px 1px 1px 0px #5c5c5c;
  box-shadow: inset 0px 1px 1px 0px #5c5c5c;
}
html,
body {
  overflow: hidden;
  height: 100%;
  margin: 0;
  background-color: #6495c0;
}
html #main-container,
body #main-container {
  font-family: "OpenSansRegular", "Helvetica", "Arial", "sans-serif";
  background-color: #6495c0;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}
html #main-container .actions-container,
body #main-container .actions-container {
  height: 100%;
  margin: auto 5%;
  color: white;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: relative;
  display: block;
  position: fixed;
  top: 50%;
  margin: 0px;
  width: 100%;
  height: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
html #main-container .actions-container .pt-button,
body #main-container .actions-container .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) {
  html #main-container .actions-container .pt-button,
  body #main-container .actions-container .pt-button {
    display: block;
  }
}
@media screen and (min-width: 460px) {
  html #main-container .actions-container .pt-button,
  body #main-container .actions-container .pt-button {
    display: inline-block;
  }
  html #main-container .actions-container .pt-button.open,
  body #main-container .actions-container .pt-button.open {
    margin-left: 15px;
  }
}
@media screen and (max-height: 700px) {
  html #main-container .actions-container,
  body #main-container .actions-container {
    top: 40%;
  }
}
@media screen and (max-height: 600px) {
  html #main-container .actions-container,
  body #main-container .actions-container {
    top: 50%;
  }
}
html #main-container .actions-container .goback,
body #main-container .actions-container .goback {
  color: #3f597c;
  background-color: #ffffff;
  margin: 10px;
}
html #main-container .actions-container .goback:hover,
body #main-container .actions-container .goback:hover {
  color: #ffffff;
  background-color: #324763;
}
html #main-container .actions-container .goback:active,
body #main-container .actions-container .goback:active {
  color: #ffffff;
  background-color: #26354a;
}
html #main-container .actions-container .goto,
body #main-container .actions-container .goto {
  color: #ffffff;
  background-color: #3f597c;
  margin: 10px;
}
html #main-container .actions-container .goto:hover,
body #main-container .actions-container .goto:hover {
  background-color: #324763;
}
html #main-container .actions-container .goto:active,
body #main-container .actions-container .goto:active {
  background-color: #26354a;
}
html #main-container .actions-container #message,
body #main-container .actions-container #message {
  position: relative;
  text-align: center;
  font-size: 30px;
  color: white;
  width: 100%;
  margin-bottom: 20px;
}
@media screen and (max-width: 700px) {
  html #main-container .actions-container #message,
  body #main-container .actions-container #message {
    font-size: 26px;
  }
}
@media screen and (min-width: 200px) and (max-width: 460px) {
  html #main-container .actions-container #message,
  body #main-container .actions-container #message {
    font-size: 22px;
  }
}
@media screen and (min-width: 460px) {
  html #main-container .actions-container .pt-button,
  body #main-container .actions-container .pt-button {
    width: 40%;
    max-width: 270px;
    min-width: 160px;
  }
}
html #main-container .dindon-container,
body #main-container .dindon-container {
  position: absolute;
  bottom: 0;
  width: 100%;
}
@media screen and (max-height: 600px) {
  html #main-container .dindon-container,
  body #main-container .dindon-container {
    display: none;
  }
}
html #main-container .dindon-container #dindon-left,
body #main-container .dindon-container #dindon-left {
  margin-right: 10%;
}
html #main-container .dindon-container #dindon-right,
body #main-container .dindon-container #dindon-right {
  margin-left: 10%;
}
@media screen and (max-width: 600px) {
  html #main-container .dindon-container #dindon-right,
  body #main-container .dindon-container #dindon-right {
    display: none;
  }
}