.stand-up-message {
    width: 250px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -webkit-calc(50% - 100px);
    top: -moz-calc(50% - 100px);
    top: calc(50% - 120px);
    text-align: center;
}

body {
    background-color: #eee;
}

.showbox {
    padding: 5% 5% 15% 5%;
    position: relative;
    margin-bottom: 30px;
}

.logo-img{
  width:248px;
  height:50px;
  background: url('../img/ePlatform-logo.svg') no-repeat 0 50%;
}

.home .logo-img{
  background-image: url('../img/ePlatform-logo-dark.svg');
}

.isletme .logo-img{
  background-image: url('../img/ePlatform-isletme-logo.svg');
}

.serbest .logo-img{
  background-image: url('../img/ePlatform-serbest-logo.svg');
}

@media screen and (max-width: 768px) {
  .logo-img{
    background: url('../img/ePlatform-logo-mobile.svg') no-repeat 0 50%;
    background-size: auto;
  }
}
 
.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  height: 60px;
  width: 60px;
  transform: translate(-50%, -50%);
}

[class^="ball-"] {
  position: absolute;
  display: block;
  left: 30px;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  transition: all 0.5s;
  animation: circleRotate 4s both infinite;
  transform-origin: 0 250% 0;
}

@keyframes circleRotate {
  0% {
    transform: rotate(550deg);
  }
  100% {
    transform: rotate(1440deg);
  }
}
.ball-1 {
  z-index: -1;
  background-color: #2C3E50;
  animation-timing-function: cubic-bezier(0.5, 0.3, 0.9, 0.9);
}

.ball-2 {
  z-index: -2;
  background-color: #37AFEA;
  animation-timing-function: cubic-bezier(0.5, 0.6, 0.9, 0.9);
}

.ball-3 {
  z-index: -3;
  background-color: #FED248;
  animation-timing-function: cubic-bezier(0.5, 0.9, 0.9, 0.9);
}

.ball-4 {
  z-index: -4;
  background-color: #105CA9;
  animation-timing-function: cubic-bezier(0.5, 1.2, 0.9, 0.9);
}

.ball-5 {
  z-index: -5;
  background-color: #2C3E50;
  animation-timing-function: cubic-bezier(0.5, 1.5, 0.9, 0.9);
}

.ball-6 {
  z-index: -6;
  background-color: #37AFEA;
  animation-timing-function: cubic-bezier(0.5, 1.8, 0.9, 0.9);
}

.ball-7 {
  z-index: -7;
  background-color: #FED248;
  animation-timing-function: cubic-bezier(0.5, 2.1, 0.9, 0.9);
}

.ball-8 {
  z-index: -8;
  background-color: #105CA9;
  animation-timing-function: cubic-bezier(0.5, 2.4, 0.9, 0.9);
}