#app .phoneCall,
#app #largeViewSwitchController .modeIn
{
    background: #16d475;
}

#welcome {
  background: #2d2e28 center/cover no-repeat;
  width: 100%;
  height: 100%;
  text-align: center;
  position: fixed;
  align-items: center;
  display: -webkit-flex;
  justify-content: center;
  pointer-events: none;
  top: 0;
  z-index: 9999;
  transition: all 0.1s;
}
#welcome > img {
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  object-fit: cover;
}
#loadingbar {
  position: absolute;
  top: 43vh;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
}
#loadingbar .logo {
  width: 51px;
}
#loadingbar p {
  height: 26px;
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  line-height: 26px;
  margin: 0;
}

#welcome .bottomLogo {
  z-index: 100;
  position: absolute;
  width: 84px;
  height: 24px;
  bottom: 40px;
  transform: translateX(-48%);
  left: 50%;
}

@-webkit-keyframes fade {
  from {opacity: 1} 
  to {opacity: 0}
}
@keyframes fade {
  from {opacity: 1} 
  to {opacity: 0}
}

.fadeOut {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 0.8s;
  animation-name: fade;
  animation-duration: 0.8s;
}