.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:250px;
   height:125px;
   background: url('../img/logo-landing.png') no-repeat 0 50%;
 }

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

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

 @media screen and (max-width: 768px) {
  .logo-img{
    background: url('../img/logo-landing.png') 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: #ed1c24;
    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: #ed1c24;
    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);
  }