.loadingbase{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
    background: rgba(51,51,51,0.7);
    z-index: 9999;
}
#totalbase {
    position: absolute;
    height: 10px;
    width: 10px;
    top: 90mm;
    left: 50%;
    background-color: blue;
    -webkit-transform-style: preserve-3d;
    -webkit-perspective: 5000px;
    -webkit-transform-origin: 0 0;
    -webkit-transform: rotateX(60deg) rotateZ(45deg) translate(-50%,-50%);
  }

  #talkbubble {
    width: 120px;
    height: 30px;
    background: #D3D3D3;
    position: absolute;
    font-family: 'Courgette', cursive;
    font-size: 18px;
    border-radius: 10px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) rotateX(-90deg) rotateY(45deg) translateY(-370px);
  }

    #talkbubble:before {
      content: "";
      position: absolute;
      left: 47px;
      bottom: -26px;
      width: 0;
      height: 0;
      border-right: 13px solid transparent;
      border-top: 26px solid #D3D3D3;
      border-left: 13px solid transparent;
    }

  #animbase {
    -webkit-transform-style: preserve-3d;
    position: absolute;
    height: 700px;
    width: 10px;
    top: 50%;
    left: 50%;
    -webkit-animation: anima 8s infinite linear;
    -webkit-transform-origin: 0 0%;
  }

  #base {
    position: absolute;
    height: 10px;
    width: 10px;
    top: 0;
    left: 50%;
    background-color: blue;
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 0 0;
    -webkit-transform: translate(-50%,-50%) rotateZ(90deg);
  }

  #baseshadow {
    position: absolute;
    height: 10px;
    width: 25px;
    top: 50%;
    left: 50%;
    -webkit-transform-style: preserve-3d;
    box-shadow: 0 0 140px 27px gray;
    -webkit-transform-origin: 0 0;
    -webkit-transform: rotateZ(90deg) translateZ(-150px);
  }

  @-webkit-keyframes anima {
    0% {
      -webkit-transform: rotateZ(0deg) translate(-50%,-50%);
    }

    100% {
      -webkit-transform: rotateZ(360deg) translate(-50%,-50%);
    }
  }

  .helitop {
    -webkit-transform-style: preserve-3d;
    position: absolute;
    height: 39px;
    width: 39px;
    left: 50%;
    top: 50%;
    background-color: white;
    border: 1px solid black;
    -webkit-transform: translate(-50%,-50%) rotateX(0deg) translateZ(20px);
  }

  .helifront {
    -webkit-transform-style: preserve-3d;
    position: absolute;
    height: 39px;
    width: 39px;
    left: 50%;
    top: 50%;
    background-color: white;
    border: 1px solid black;
    -webkit-transform: translate(-50%,-50%) rotateX(90deg) translateZ(-20px);
  }



  .heliback {
    -webkit-transform-style: preserve-3d;
    position: absolute;
    height: 39px;
    width: 39px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) rotateX(90deg) translateZ(20px);
  }

  .front1 {
    -webkit-transform-style: preserve-3d;
    position: absolute;
    height: 19px;
    width: 39px;
    left: 50%;
    top: 50%;
    background-color: #f0f0f0;
    border: 1px solid black;
    -webkit-transform: translate(-50%,-50%) translateZ(18px);
  }

  .front2 {
    position: absolute;
    height: 19px;
    width: 39px;
    left: 50%;
    top: 50%;
    background-color: #f0f0f0;
    border: 1px solid black;
    -webkit-transform: translate(-50%,-50%) rotateX(60deg) translateZ(18px);
  }

  .front3 {
    position: absolute;
    height: 19px;
    width: 39px;
    left: 50%;
    top: 50%;
    background-color: #f0f0f0;
    border: 1px solid black;
    -webkit-transform: translate(-50%,-50%) rotateX(-60deg) translateZ(18px);
  }

  .front4 {
    border-top: 18px solid #f0f0f0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    height: 0;
    width: 20px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) rotateY(90deg) rotateZ(90deg) translateZ(0px) translateX(19px) translateY(50%);
  }

  .front5 {
    border-top: 18px solid#f0f0f0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    height: 0;
    width: 20px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) rotateY(90deg) rotateZ(90deg) translateZ(39px) translateX(1px) translateY(50%);
  }

  .helileft {
    position: absolute;
    height: 39px;
    width: 39px;
    left: 50%;
    top: 50%;
    background-color: white;
    border: 1px solid black;
    -webkit-transform: translate(-50%,-50%) rotateY(90deg) translateZ(-20px);
  }

  .heliright {
    position: absolute;
    height: 39px;
    width: 39px;
    left: 50%;
    top: 50%;
    background-color: white;
    border: 1px solid black;
    -webkit-transform: translate(-50%,-50%) rotateY(90deg) translateZ(20px);
  }

  .helibottom {
    position: absolute;
    height: 39px;
    width: 39px;
    left: 50%;
    top: 50%;
    background-color: white;
    border: 1px solid black;
    -webkit-transform: translate(-50%,-50%) translateZ(-20px);
  }

  .wingbase {
    -webkit-transform-style: preserve-3d;
    position: absolute;
    height: 10px;
    width: 10px;
    bottom: 00%;
    left: 50%;
    background: white;
    -webkit-transform-origin: 0 0;
    -webkit-transform: translate(-50%,-50%);
    -webkit-animation: anim 0.5s infinite linear;
  }

  @-webkit-keyframes anim {
    0% {
      -webkit-transform: rotateZ(0deg) translate(-50%,-50%);
    }

    100% {
      -webkit-transform: rotateZ(360deg) translate(-50%,-50%);
    }
  }

  .wing1 {
    z-index: 10;
    position: absolute;
    height: 4px;
    width: 100px;
    left: 50%;
    top: 50%;
    background-color: #000000;
    border: 1px solid black;
    -webkit-transform: translate(-50%,-50%) translateX(50%) translateZ(25px) rotateX(10deg);
  }

  .wing2 {
    z-index: 10;
    position: absolute;
    height: 4px;
    width: 100px;
    left: 50%;
    top: 50%;
    background-color: black;
    border: 1px solid black;
    -webkit-transform: translate(-50%,-50%) translateX(-50%) translateZ(25px) rotateX(-10deg);
  }

  .col1 {
    position: absolute;
    height: 25px;
    width: 4px;
    left: 50%;
    top: 50%;
    background-color: white;
    border: 1px solid black;
    -webkit-transform: translate(-50%,-50%) rotateX(90deg) translateY(50%) translateZ(3px);
  }

  .col2 {
    position: absolute;
    height: 25px;
    width: 4px;
    left: 50%;
    top: 50%;
    background-color: white;
    border: 1px solid black;
    -webkit-transform: translate(-50%,-50%) rotateX(90deg) translateY(50%) translateZ(-3px);
  }

  .col3 {
    position: absolute;
    height: 25px;
    width: 4px;
    left: 50%;
    top: 50%;
    background-color: white;
    border: 1px solid black;
    -webkit-transform: translate(-50%,-50%) rotateX(90deg) rotateY(90deg) translateY(50%) translateZ(-3px);
  }

  .col4 {
    position: absolute;
    height: 25px;
    width: 4px;
    left: 50%;
    top: 50%;
    background-color: white;
    border: 1px solid black;
    -webkit-transform: translate(-50%,-50%) rotateX(90deg) rotateY(90deg) translateY(50%) translateZ(3px);
  }

  .tailbase {
    -webkit-transform-style: preserve-3d;
    position: absolute;
    height: 10px;
    width: 10px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
  }

  .tail1 {
    -webkit-transform-style: preserve-3d;
    position: absolute;
    height: 8px;
    width: 8px;
    border: 1px solid black;
    background-color: white;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,100%) translateZ(-100px);
  }

  .tail21 {
    -webkit-transform-style: preserve-3d;
    position: absolute;
    height: 100px;
    width: 8px;
    top: 50%;
    left: 50%;
    background: white;
    border: 1px solid black;
    -webkit-transform: translate(-50%,-50%) rotateX(90deg) translateY(50%) translateZ(5px);
  }

  .tail22 {
    -webkit-transform-style: preserve-3d;
    position: absolute;
    height: 100px;
    width: 8px;
    top: 50%;
    left: 50%;
    background: white;
    border: 1px solid black;
    -webkit-transform: translate(-50%,-50%) rotateX(90deg) translateY(50%) translateZ(-5px);
  }

  .tail23 {
    -webkit-transform-style: preserve-3d;
    position: absolute;
    height: 100px;
    width: 8px;
    top: 50%;
    left: 50%;
    background: white;
    border: 1px solid black;
    -webkit-transform: translate(-50%,-50%) rotateZ(90deg) rotateX(90deg) translateY(50%) translateZ(5px);
  }

  .tail24 {
    -webkit-transform-style: preserve-3d;
    position: absolute;
    height: 100px;
    width: 8px;
    top: 50%;
    left: 50%;
    background: white;
    border: 1px solid black;
    -webkit-transform: translate(-50%,-50%) rotateZ(90deg) rotateX(90deg) translateY(50%) translateZ(-5px);
  }

  .tail25 {
    -webkit-transform-style: preserve-3d;
    position: absolute;
    height: 14px;
    width: 14px;
    top: 50%;
    left: 50%;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid black;
    border-bottom: 10px solid transparent;
    -webkit-transform: translate(-50%,-11px) rotateY(90deg) rotateZ(45deg) translateZ(-5px);
  }

  .tail26 {
    -webkit-transform-style: preserve-3d;
    position: absolute;
    height: 14px;
    width: 14px;
    top: 50%;
    left: 50%;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid black;
    border-bottom: 10px solid transparent;
    -webkit-transform: translate(-50%,-11px) rotateY(90deg) rotateZ(45deg) translateZ(5px);
  }

  .tailwingbase {
    -webkit-transform-style: preserve-3d;
    position: absolute;
    height: 10px;
    width: 10px;
    left: 50%;
    top: 0%;
    -webkit-animation: animb 0.3s infinite linear;
    -webkit-transform: translate(-50%,0) rotateX(180deg);
  }

  @-webkit-keyframes animb {
    0% {
      -webkit-transform: translate(-50%,0) rotateX(180deg) rotateZ(0deg);
    }

    100% {
      -webkit-transform: translate(-50%,0) rotateX(180deg) rotateZ(-360deg);
    }
  }


  .tail221 {
    -webkit-transform-style: preserve-3d;
    position: absolute;
    height: 3px;
    width: 3px;
    top: 50%;
    left: 50%;
    background: white;
    border: 1px solid black;
    -webkit-transform: translate(-50%,-50%) rotateX(90deg) translateY(50%) translateZ(2px);
  }

  .tail222 {
    -webkit-transform-style: preserve-3d;
    position: absolute;
    height: 3px;
    width: 3px;
    top: 50%;
    left: 50%;
    background: white;
    border: 1px solid black;
    -webkit-transform: translate(-50%,-50%) rotateX(90deg) translateY(50%) translateZ(-2px);
  }

  .tail223 {
    -webkit-transform-style: preserve-3d;
    position: absolute;
    height: 3px;
    width: 3px;
    top: 50%;
    left: 50%;
    background: white;
    border: 1px solid black;
    -webkit-transform: translate(-50%,-50%) rotateZ(90deg) rotateX(90deg) translateY(50%) translateZ(2px);
  }

  .tail224 {
    -webkit-transform-style: preserve-3d;
    position: absolute;
    height: 3px;
    width: 3px;
    top: 50%;
    left: 50%;
    background: white;
    border: 1px solid black;
    -webkit-transform: translate(-50%,-50%) rotateZ(90deg) rotateX(90deg) translateY(50%) translateZ(-2px);
  }

  .tailwing1 {
    position: absolute;
    height: 2px;
    width: 15px;
    left: 50%;
    top: 50%;
    background-color: #000000;
    border: 1px solid black;
    -webkit-transform: translate(-50%,-50%) translateX(50%) translateZ(5px) rotateX(30deg);
  }

  .tailwing2 {
    position: absolute;
    height: 2px;
    width: 15px;
    left: 50%;
    top: 50%;
    background-color: black;
    border: 1px solid black;
    -webkit-transform: translate(-50%,-50%) translateX(-50%) translateZ(5px) rotateX(-30deg);
  }

  #towerbase {
    position: absolute;
    height: 40px;
    width: 40px;
    top: 50%;
    left: 50%;
    background-color: blue;
    box-shadow: 0 0 60px 5px black;
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 0 0;
    -webkit-transform: translate(-50%,-50%) translateZ(-150px);
  }

  .tower1left {
    position: absolute;
    height: 40px;
    width: 200px;
    left: 50%;
    top: 50%;
    background-color: white;
    border: 1px solid black;
    -webkit-transform: translate(-50%,-50%) rotateY(90deg) translateX(-50%) translateZ(20px);
  }

  .tower1right {
    position: absolute;
    height: 200px;
    width: 40px;
    left: 50%;
    top: 50%;
    background-color: white;
    border: 1px solid black;
    -webkit-transform: translate(-50%,-50%) rotateX(90deg) translateY(50%) translateZ(-20px);
  }

  .tower1top {
    -webkit-transform-style: preserve-3d;
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    background-color: white;
    border: 1px solid black;
    -webkit-transform: translate(-50%,-50%) translateZ(240px);
  }

  .tower2top {
    -webkit-transform-style: preserve-3d;
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    background-color: white;
    border: 1px solid black;
    -webkit-transform: translate(-50%,-50%) translateZ(200px);
  }

  .tower2left {
    position: absolute;
    height: 78px;
    width: 22px;
    left: 50%;
    top: 50%;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    border-left: 10px solid white;
    border-right: 10px solid white;
    outline: 1px solid black;
    -webkit-transform: translate(-10px,-50%) rotateY(90deg) translateX(-220px) translateZ(30px);
  }

  .tower1window {
    position: absolute;
    height: 22px;
    width: 75px;
    left: 50%;
    top: 50%;
    background-color: #d3d3d3;
    opacity: 0.8;
    -webkit-transform: translate(-50%,-50%);
  }

  .tower2window {
    position: absolute;
    height: 75px;
    width: 22px;
    left: 50%;
    top: 50%;
    background-color: #d3d3d3;
    opacity: 0.8;
    -webkit-transform: translate(-50%,-50%);
  }

  .tower2right {
    position: absolute;
    height: 22px;
    width: 78px;
    left: 50%;
    top: 50%;
    border-top: 10px solid white;
    border-bottom: 10px solid white;
    border-left: 1px solid white;
    border-right: 1px solid white;
    outline: 1px solid black;
    -webkit-transform: translate(-50%,-11px) rotateX(90deg) translateY(220px) translateZ(-30px);
  }