.footerAnim {
  -webkit-animation: foterAnim 1s 1 ease;
  -moz-animation: foterAnim 1s 1 ease;
  -o-animation: foterAnim 1s 1 ease;
  animation-fill-mode: forwards;
  animation-delay: 1s;
}
@-webkit-keyframes foterAnim {
  from {

        opacity: 0;
  } to {

        opacity: 0.7;
  }
}
@-moz-keyframes foterAnim {
  from {

        opacity: 0;
  } to {

        opacity: 0.7;
  }
}
@-o-keyframes foterAnim {
  from {

        opacity: 0;
  } to {

        opacity: 0.7;
  }
}
/*
.figurAnim {
  -webkit-animation: figurAnim 1s 1 ease;
  -moz-animation: figurAnim 1s 1 ease;
  -o-animation: figurAnim 1s 1 ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes figurAnim {
  from {
        top: -100%;
        opacity: 0;
  } to {
        top: 0%;
        opacity: 1;
  }
}
@-moz-keyframes figurAnim {
  from {
        top: -100%;
        opacity: 0;
  } to {
        top: 0%;
        opacity: 1;
  }
}
@-o-keyframes figurAnim {
  from {
        top: -100%;
        opacity: 0;
  } to {
        top: 0%;
        opacity: 1;
  }
}*/
.figurAnim {
  -webkit-animation: figurAnim 1s 1 ease;
  -moz-animation: figurAnim 1s 1 ease;
  -o-animation: figurAnim 1s 1 ease;
  -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
  animation-fill-mode: forwards;
}
@-webkit-keyframes figurAnim {
  from {
    transform: scale(0);
  } to {
    transform: scale(1);
  }
}
@-moz-keyframes figurAnim {
  from {
    transform: scale(0);
  } to {
    transform: scale(1);
  }
}
@-o-keyframes figurAnim {
  from {
    transform: scale(0);
  } to {
    transform: scale(1);
  }
}
.sloganAnim {
  -webkit-animation: sloganAnim 1s 1 ease;
  -moz-animation: sloganAnim 1s 1 ease;
  -o-animation: sloganAnim 1s 1 ease;
  -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
  animation-fill-mode: forwards;
  animation-delay: 1s;

}
@-webkit-keyframes sloganAnim {
  from {
    transform: scale(0);
  } to {
    transform: scale(1);
  }
}
@-moz-keyframes sloganAnim {
  from {
    transform: scale(0);
  } to {
    transform: scale(1);
  }
}
@-o-keyframes sloganAnim {
  from {
    transform: scale(0);
  } to {
    transform: scale(1);
  }
}
.loginAnim {
  -webkit-animation: loginAnim 1s 1 ease;
  -moz-animation: loginAnim 1s 1 ease;
  -o-animation: loginAnim 1s 1 ease;
  -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
  animation-fill-mode: forwards;
  animation-delay: 0.5s;

}
@-webkit-keyframes loginAnim {
  from {
    transform: scale(0);
  } to {
    transform: scale(1);
  }
}
@-moz-keyframes loginAnim {
  from {
    transform: scale(0);
  } to {
    transform: scale(1);
  }
}
@-o-keyframes loginAnim {
  from {
    transform: scale(0);
  } to {
    transform: scale(1);
  }
}