.webgl-content * {border: 0; margin: 0; padding: 0}
/*
.webgl-content {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
*/

.webgl-content .logo, .progressBar, .progressText, .progressIcon {position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.webgl-content .logo {background: url('logo_si3d.png') no-repeat center / contain; width: 190px; height: 87px;}
.webgl-content .progressText {height: 14px; width: 194px; margin-top: 60px; background-color: transparent; text-align:center;}
.webgl-content .progressBar {height: 6px; width: 174px; margin-top: 80px;margin-left: 10px; background-color: transparent;}
.webgl-content .progressBar .empty {background-color: transparent; float: right; width: 100%; height: 100%; display: inline-block;}
.webgl-content .progressBar .full {background-color:#00B09B; float: left; width: 0%; height: 100%; display: inline-block;}


@keyframes spinner {
  to {transform: rotate(-360deg);}
}

.webgl-content .progressIcon:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 270px;
  height: 270px;
  margin-top: -120px;
  margin-left: -135px;
  border-radius: 50%;
  border-top: 6px solid #FED45B;
  border-left: 6px solid #FED45B;
  border-bottom: 6px solid #FED45B;
  border-right: 6px solid transparent;
  animation: spinner 2s linear infinite;
}