/*---- Efeito transição sobre os artigos ---*/
#transicao{
    animation: fadein 5s;
    -moz-animation: fadein 5s; /* Firefox */
    -webkit-animation: fadein 5s; /* Safari and Chrome */
    -o-animation: fadein 15s; /* Opera */
}

/*---- Efeito aumenta e gira imagem ---*/
.raxo-image img:hover{
	-webkit-transform: rotateZ(-2deg) scale(1.1);
	-ms-transform: rotateZ(-2deg) scale(1.1);
	transform: rotateZ(-2deg) scale(1.1);
	transition: all 0.2s ease-out;
}


/* Efeito transição simbolo dentro da imagem  */
/*.raxo-destaques  .raxo-image {
	position: relative;
 }
  .raxo-destaques .raxo-image:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: 400ms;
	-moz-transition: 400ms;
	-o-transition: 400ms;
	transition: 400ms;
 }
 .raxo-destaques .raxo-image:before {
	font-family: FontAwesome;
	content: "\f0c1";
	font-size: 30px;
	-webkit-font-smoothing: antialiased;
	color: #ffffff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -18px;
	margin-top: -18px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	z-index: 1;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: 400ms;
	-moz-transition: 400ms;
	-o-transition: 400ms;
	transition: 400ms;
 }
 .raxo-destaques .raxo-image:hover:after {
	opacity: 1;
	background: rgba(0,0,0,0.3);
  }
 .raxo-destaques .raxo-image:hover:before {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
  }*/



@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}