#pre-bg {
  position:absolute;
  background-image: url(assets/Splash.png);
  background-size: 100% 100%;
  font-size:0px;
  z-index:1000;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#progress-bar {
  position:absolute;
  width:70%;
  max-width:1200px;
  bottom:2%;
  height:24px;
  left:50%;
  transform: translateX(-50%);
  cursor: pointer;
  background-color: #052742;
}
#progress-bar-fill {
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  background-color:#fff;
  height:24px;
  overflow:hidden;
}
#progress-bar-text {
  color:#fff;
  position:absolute;
  top:50%;
  left:50%;
  transform:translateX(-50%) translateY(-50%);
  font-weight:bold;
  font-family: Arial, Helvetica sans-serif;
  font-size:20px;
}
#progress-fill-text {
  color:#052742;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  font-weight:bold;
  font-family: Arial, Helvetica sans-serif;
  font-size:20px;
  z-index:100;
}

#pre-bg #pre-box #pre-message {
  position:absolute;
  bottom:10px;
  left:50%;
  transform:translateX(50%);
}

.out-link {
  display:inline-block;
  width:20%;
  height:6%;
  /*border:1px solid #fff;*/
  position:absolute;
  top: 2.1%;
  cursor:pointer;
}

.out-link#windows {
  width:21%;
  right: 1.7%;
}
.out-link#google {
  right:24%;
}
.out-link#apple {
  right:45%;
}
.tab-link {
  display:inline-block;

  /*border:1px solid #fff;*/
  position:absolute;
  cursor:pointer;
}
.tab-link#ipad {
  width: 39%;
  height: 50%;
  left: 2.8%;
  top: 32%;
}
.tab-link#tablet {
  right: 3%;
  top: 36%;
  width: 35%;
  height: 45%;
}