body{
  margin: 0px;
  padding:0px;
}
#logo_container{
  width:30%;
  margin: 15% auto 0px auto;
}

.msg {
  color: #757575;
  font: 20px/20px Arial, sans-serif;
  letter-spacing: .2px
}
.msg {
    text-align: center
}
#nlpt {
  animation: a-s .5s 2.5s 1 forwards;
  background-color: #f1f1f1;
  height: 4px;
  margin: 56px auto 20px;
  opacity: 0;
  width: 300px
}

#nlpt::before,
.invfr,
.msgb {
  position: absolute
}

#nlpt::before {
  content: '';
  animation: a-lb 20s 3s linear forwards;
  background-color: #db4437;
  display: block;
  transform: translateX(-300px)
}
#loading,
#nlpt::before,
body {
    height: 100%;
    width: 100%
}
#nlpt {
    overflow: hidden
}

#nlpt {
    position: relative
}
#loading_status{
}
@keyframes width-anim{
    from{
        width:100%;
    }
    to{
        width:105%;
    }
}

@keyframes a-s {
  100% {
      opacity: 1
  }
}
@keyframes a-lb {
  0% {
      transform: translateX(-300px)
  }

  5% {
      transform: translateX(-240px)
  }

  15%,
  25% {
      transform: translateX(-30px)
  }

  30%,
  45% {
      transform: translateX(-20px)
  }

  50%,
  65% {
      transform: translateX(-15px)
  }

  70%,
  95% {
      transform: translateX(-10px)
  }

  100% {
      transform: translateX(-5px)
  }
}