/* Opacidade ------------------------ */

.anime_opacidade-init {
    -webkit-animation-name: anime_opacidade100; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-name: anime_opacidade100;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

.anime_opacidade {
    opacity: 0;
}

@-webkit-keyframes anime_opacidade100 {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes anime_opacidade100 {
  from {opacity: 0;}
  to {opacity: 1;}
}




/* Subir ------------------------ */
.anime_subir-init{
  -webkit-animation-name: anime_subir100; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */
  -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
  animation-name: anime_subir100;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}

.anime_subir{
  margin-top: 100px;
  opacity: 0;
}

@-webkit-keyframes anime_subir100{
  from {opacity: 0; margin-top: 100px}
  to {opacity: 1; margin-top: 0px}
}

@keyframes anime_subir100{
  from {opacity: 0; margin-top: 100px}
  to {opacity: 1; margin-top: 0px}
}




/* Croping ------------------------ */
.anime_crop-esquerda-init{
  overflow: hidden;
  -webkit-animation-name: anime_crop-esquerda1S; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */
  -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
  animation-name: anime_crop-esquerda1S;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}

.anime_crop-esquerda{
  width: 0%;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes anime_crop-esquerda1S {
  from {width: 0%;}
  to {width: 100%;}
}

/* Standard syntax */
@keyframes anime_crop-esquerda1S {
  from {width: 0%;}
  to {width: 100%;}
}


.anime_crop-direita-init{
  overflow: hidden;
  -webkit-animation-name: anime_crop-direita1S; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */
  -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
  animation-name: anime_crop-direita1S;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}

.anime_crop-direita{
  width: 0%;
  margin-left: 100%;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes anime_crop-direita1S {
  from {width: 0%; margin-left: 100%}
  to {width: 100%; margin-left: 0%}
}

/* Standard syntax */
@keyframes anime_crop-direita1S {
  from {width: 0%; margin-left: 100%}
  to {width: 100%; margin-left: 0%}
}



/* Giro ------------------------ */
/* Necessário que o pai tenha "-webkit-perspective: 800" */

.anime_giro-init{
  -webkit-transform: rotateY(-90deg);
  opacity: 0;

  -webkit-transition: -webkit-transform 1s;

  -webkit-animation-name: anime_giro-Girar; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
  -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
  transition-timing-function: ease-in;
  animation-name: anime_giro-Girar;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in;
}

.anime_giro{
  -webkit-transform-style: preserve-3d;
  -webkit-transform: rotateY(-90deg);
  opacity: 0;
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes anime_giro-Girar{
  from {opacity: 0; -webkit-transform: rotateY(-90deg);}
  to {opacity: 1; -webkit-transform: rotateY(0deg);}
}

/* Standard syntax */
@keyframes anime_giro-Girar{
  from {opacity: 0; transform: rotateY(-90deg);}
  to {opacity: 1; transform: rotateY(0deg);}
}






/* DELAYS ================== */

.delay200{
  -webkit-animation-delay: 0.2s; /* Safari 4.0 - 8.0 */
  animation-delay: 0.2s;    
}
.delay400{
  -webkit-animation-delay: 0.4s; /* Safari 4.0 - 8.0 */
  animation-delay: 0.4s;    
}
.delay600{
  -webkit-animation-delay: 0.6s; /* Safari 4.0 - 8.0 */
  animation-delay: 0.6s;    
}
.delay800{
  -webkit-animation-delay: 0.8s; /* Safari 4.0 - 8.0 */
  animation-delay: 0.8s;    
}
.delay1000{
  -webkit-animation-delay: 0.8s; /* Safari 4.0 - 8.0 */
  animation-delay: 1s;    
}
.delay1200{
  -webkit-animation-delay: 0.8s; /* Safari 4.0 - 8.0 */
  animation-delay: 1.2s;    
}