@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity: 1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity: 1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity: 1; } }

@-webkit-keyframes move {
  0% { transform: translate(3em, 0); }
  100% { transform: translate(0em, 0); }
}

@-moz-keyframes move {
  0% { transform: translate(3em, 0); }
  100% { transform: translate(0em, 0); }
}

@keyframes move {
  0% { transform: translate(3em, 0); }
  100% { transform: translate(0em, 0); }
}

.animate {
    -webkit-transition: 1s ease in-out;
    -moz-transition: 1s ease in-out;
    transition: 1s ease in-out;

    -webkit-animation: fadeIn ease-in 1;
    -moz-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;

    -webkit-webkit-animation-fill mode: forwards;
    -moz-webkit-animation-fill mode: forwards;
    -ms-webkit-animation-fill mode: forwards;
    webkit-animation-fill mode: forwards;

    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}

figure.animate { 
    animation: move 2s ease, fadeIn 1s ease;
}

@media(min-width:992px){
	.historia_toli_box.animate,.row-flex.animate,.portifolio_home.animate,.footer_topo.animate,.novidade_lista_flexBox_texto.animate{
		animation: move 2s ease, fadeIn 1s ease;
	}
}

