#animspaceleft {
  position: relative;
  max-width: 100%;
  -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
  animation-duration: 1s;
  -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */
  animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in-out; /* Safari 4.0 - 8.0 */
  animation-timing-function: ease-in-out;
  -webkit-animation-name: mymoveleft; /* Safari 4.0 - 8.0 */
  animation-name: mymoveleft;
}

@keyframes mymoveleft {
    0%   {right: 1000px; opacity: 0;}
    100% {right: 0px; opacity:1;}
}

#animspaceright {
  position: relative;
  max-width: 100%;
  -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
  animation-duration: 1s;
  -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */
  animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in-out; /* Safari 4.0 - 8.0 */
  animation-timing-function: ease-in-out;
  -webkit-animation-name: mymoveright; /* Safari 4.0 - 8.0 */
  animation-name: mymoveright;
}

@keyframes mymoveright {
    0%   {left: 1000px; opacity: 0;}
    100% {left: 0px; opacity:1;}
}

#animspacebottom {
  margin-bottom:0px;
  position: relative;
  max-width: 100%;
  -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
  animation-duration: 1s;
  -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */
  animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in-out; /* Safari 4.0 - 8.0 */
  animation-timing-function: ease-in-out;
  -webkit-animation-name: mymoveright; /* Safari 4.0 - 8.0 */
  animation-name: mymovebottom;
}

@keyframes mymovebottom {
    0%   {top: 1000px; opacity: 0;}
    100% {top: 0px; opacity:1;}
}

#animspacetop {
  margin-bottom:0px;
  position: relative;
  max-width: 100%;
  -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
  animation-duration: 1s;
  -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */
  animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in-out; /* Safari 4.0 - 8.0 */
  animation-timing-function: ease-in-out;
  -webkit-animation-name: mymoveright; /* Safari 4.0 - 8.0 */
  animation-name: mymovetop;
}

@keyframes mymovetop {
    0%   {bottom: 1000px; opacity: 0;}
    100% {bottom: 0px; opacity:1;}
}