@CHARSET "UTF-8";

.grow { transition: all .25s ease-in-out; }
.grow:hover { transform: scale(1.17); }

.shrink { transition: all .5s ease-in-out; }
.shrink:hover { transform: scale(0.9); }

.grayscale{
	filter: saturate(40%);
	-webkit-filter: saturate(40%);
}
.grayscale:hover {
  filter: saturate(200%); /* IE6-9 */
  -webkit-filter: saturate(200%); /* Chrome 19+ & Safari 6+ */
}

div.grayscale:hover {
  filter: sepia(100%); /* IE6-9 */
  -webkit-filter: sepia(100%); /* Chrome 19+ & Safari 6+ */
}

div.grayscale {
  filter: sepia(0%);
  -webkit-filter: sepia(0%);
}

.slider-0-imagem {
	-webkit-animation-name: slider-0-imagem;
	-webkit-animation-duration: 5s;
	-webkit-animation-fill-mode: forwards;
	animation-name: slider-0-imagem;
	animation-duration: 5s;
	animation-fill-mode: forwards;
}

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

@keyframes slider-0-imagem {
	from { opacity: 0; }
    to   { opacity: 1; }
}

.slider-0-texto {
	-webkit-animation-name: slider-0-texto;
	-webkit-animation-duration: 5s;
	-webkit-animation-fill-mode: forwards;
	animation-name: slider-0-texto;
	animation-duration: 5s;
	animation-fill-mode: forwards;
}

@-webkit-keyframes slider-0-texto { 
	0% { bottom: 52%;right: -30%}
    100% { bottom: 52%;right: 30% }
}

@keyframes slider-0-texto {
	0% { bottom: 52%;right: -30%}
    100% { bottom: 52%;right: 30% }
}

.slider-1-texto {
	-webkit-animation-name: slider-1-texto;
	-webkit-animation-duration: 5s;
	-webkit-animation-fill-mode: forwards;
	animation-name: slider-1-texto;
	animation-duration: 5s;
	animation-fill-mode: forwards;
}

@-webkit-keyframes slider-1-texto { 
	0% { bottom: 35%;left: -40%}
    100% { bottom: 35%;left: 10% }
}

@keyframes slider-1-texto {
	0% { bottom: 35%;left: -40%}
    100% { bottom: 35%;left: 10% }
}

.slider-2-texto {
	-webkit-animation-name: slider-2-texto;
	-webkit-animation-duration: 5s;
	-webkit-animation-fill-mode: forwards;
	animation-name: slider-2-texto;
	animation-duration: 5s;
	animation-fill-mode: forwards;
}

@-webkit-keyframes slider-2-texto { 
	0% { bottom: 38%;right: -28%}
    100% { bottom: 38%;right: 11% }
}

@keyframes slider-2-texto {
	0% { bottom: 38%;right: -28%}
    100% { bottom: 38%;right: 11% }
}
.slider-2-imagem {
	-webkit-animation-name: slider-2-imagem;
	-webkit-animation-duration: 10s;
	-webkit-animation-fill-mode: forwards;
	animation-name: slider-2-imagem;
	animation-duration: 10s;
	animation-fill-mode: forwards;
}

@-webkit-keyframes slider-2-imagem { 
	from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes slider-2-imagem {
	from { opacity: 0; }
    to   { opacity: 1; }
}


.hideme{
    opacity:0;
}

.fadeIn{
	-webkit-animation-name: animat_show;
	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-name: animat_show;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}
@keyframes animat_show{
	0%{opacity:0}
    100%{opacity:1}
}
@-webkit-keyframes animat_show{
	0%{opacity:0}
    100%{opacity:1}
}