#bg
{
	background-repeat:no-repeat;
	background-size:100%;	
}
.posi
{
	margin-top:8%;
}
.posi img
{
	width:20%;
}
@media screen and (max-width:800px)
{
.posi
	{
	margin-top:15%;
	}
.posi img
	{
	width:50%;
	}	
}
@keyframes efeito 
{
from 
	{	
	opacity:0.5;
	transform: translateX(-100px);
	}
to 
	{
	opacity:1;
	transform: translateX(0px);
	}
}
.efeito
{
	animation-name:efeito;
	-webkit-animation-name:efeito;
	-moz-animation-name:efeito;
	-O-animation-name:efeito;
	-ms-animation-name:efeito;
	animation-duration:500ms;
	-webkit-animation-duration:500ms;
	animation-timing-function:ease-in;
	-webkit-animation-timing-function:ease-in;	
}
@keyframes tp 
{
from 
	{	
	opacity:0.5;
	}
to 
	{
	opacity:1;
	}
}
.tp
{
	animation-name:tp;
	-webkit-animation-name:tp;
	-moz-animation-name:tp;
	-O-animation-name:tp;
	-ms-animation-name:tp;
	animation-duration:500ms;
	-webkit-animation-duration:500ms;
	animation-timing-function:ease-out;
	-webkit-animation-timing-function:ease-out;	
}
@keyframes slide 
{
0%
	{
	transform:scale(2.0);
	opacity:0.5;
	}
12.5% 	
	{
	transform:scale(0.1);
	opacity:1;
	}
25%
	{	
	transform:scale(2.0);
	
	}
37.5%
	{	
	transform:scale(1.0);
	
	}
50%
	{
	transform:rotate(20deg);
	
	}
75%
	{
	transform:rotate(-20deg);
	
	}
100%
	{
	transform:rotate(0);
	
	}
}

.slide
{
	animation-name:slide;
	-webkit-animation-name:slide;
	-moz-animation-name:slide;
	-O-animation-name:slide;
	-ms-animation-name:slide;
	animation-duration:8s;
	animation-delay:2s;
	-webkit-animation-duration:8s;
	animation-timing-function:ease-out;
	-webkit-animation-timing-function:ease-out;	
}
@keyframes slide1 
{
0%
	{
	transform:scale(2.0);
	opacity:0.5;
	}
12.5% 	
	{
	transform:scale(0.1);
	opacity:1;
	}
25%
	{	
	transform:scale(2.0);
	
	}
37.5%
	{	
	transform:scale(1.0);
	
	}
50%
	{
	transform:rotate(20deg);
	
	}
75%
	{
	transform:rotate(-20deg);
	
	}
100%
	{
	transform:rotate(0);
	
	}
}
.slide1
{
	animation-name:slide1;
	-webkit-animation-name:slide1;
	-moz-animation-name:slide1;
	-O-animation-name:slide1;
	-ms-animation-name:slide1;
	animation-iteration-count:infinite;
	animation-delay:2s;
	-webkit-animation-duration:8s;
	animation-timing-function:ease-out;
	-webkit-animation-timing-function:ease-out;	
}
@keyframes termos 
{
0%
	{
	transform: translateY(-150px);
	opacity:0.5;
	}

100%
	{
	transform: translateY(0px);
	opacity:1;
	}
}
.termos
{
	animation-name:termos;
	-webkit-animation-name:termos;
	-moz-animation-name:termos;
	-O-animation-name:termos;
	-ms-animation-name:termos;
	animation-duration:1s;
	-webkit-animation-duration:1s;
	animation-timing-function:ease-out;
	-webkit-animation-timing-function:ease-out;	
}
@keyframes sobre 
{
0%
	{
	transform: translateY(-190px);
	opacity:0.5;
	}
100%
	{
	transform: translateY(0px);
	opacity:1;
	}
}
#sobre
{
	animation-name:sobre;
	-webkit-animation-name:sobre;
	-moz-animation-name:sobre;
	-O-animation-name:sobre;
	-ms-animation-name:sobre;
	animation-duration:1.5s;
	-webkit-animation-duration:1.5s;
	animation-timing-function:ease-out;
	-webkit-animation-timing-function:ease-out;	
}
@keyframes sob 
{
0%
	{
	transform: translateY(-200px);
	opacity:0.5;
	}
100%
	{
	transform: translateY(0px);
	opacity:1;
	}
}
#sob
{
	animation-name:sob;
	-webkit-animation-name:sob;
	-moz-animation-name:sob;
	-O-animation-name:sob;
	-ms-animation-name:sob;
	animation-duration:2s;
	-webkit-animation-duration:2s;
	animation-timing-function:ease-out;
	-webkit-animation-timing-function:ease-out;	
}
@keyframes so
{
0%
	{
	transform: translateY(-250px);
	opacity:0.5;
	}
100%
	{
	transform: translateY(0px);
	opacity:1;
	}
}
#so
{
	animation-name:so;
	-webkit-animation-name:so;
	-moz-animation-name:so;
	-O-animation-name:so;
	-ms-animation-name:so;
	animation-duration:2.5s;
	-webkit-animation-duration:2.5s;
	animation-timing-function:ease-out;
	-webkit-animation-timing-function:ease-out;	
}
@keyframes satis
{
0%
	{
	transform: translateY(-150px);
	opacity:0.5;
	}

100%
	{
	transform: translateY(0px);
	opacity:1;
	}
}
#satis
{
	animation-name:satis;
	-webkit-animation-name:satis;
	-moz-animation-name:satis;
	-O-animation-name:satis;
	-ms-animation-name:satis;
	animation-duration:2s;
	-webkit-animation-duration:2s;
	animation-timing-function:ease-out;
	-webkit-animation-timing-function:ease-out;	
}
@media screen and (max-width:800px)
{
@keyframes slide 
{
0%
	{
	transform:scale(2.0);
	opacity:0.5;
	}
12.5% 	
	{
	transform:scale(0.1);
	opacity:1;
	}
25%
	{	
	transform:scale(2.0);
	
	}
37.5%
	{	
	transform:scale(1.0);
	
	}
50%
	{
	transform:rotate(20deg);
	
	}
75%
	{
	transform:rotate(-20deg);
	
	}
100%
	{
	transform:rotate(0);
	
	}
}
.slide
{
	animation-name:slide;
	-webkit-animation-name:slide;
	-moz-animation-name:slide;
	-O-animation-name:slide;
	-ms-animation-name:slide;
	animation-duration:8s;
	animation-delay:2s;
	-webkit-animation-duration:8s;
	animation-timing-function:ease-out;
	-webkit-animation-timing-function:ease-out;	
}
}
@keyframes result 
{
0%
	{	
	opacity:0;
	transform: scale(0.1);	
	}
25%	
	{
	opacity:0.5;	
	transform: scale(1.0);
	transform: translateX(100px);
	}
50%
	{
	opacity:0.8;	
	transform: scale(1.0);
	transform: translateX(-100px);
	}
100%
	{
	opacity:1;	
	transform: scale(1.0);
	transform: translateX(0px);
	}
}
.result
{
	animation-name:result;
	-webkit-animation-name:result;
	-moz-animation-name:result;
	-O-animation-name:result;
	-ms-animation-name:result;
	animation-duration:1s;
	-webkit-animation-duration:1s;
	animation-timing-function:ease-out;
	-webkit-animation-timing-function:ease-out;	
}
@keyframes mens 
{
0%
 
	{
	transform:scale(0);			
	opacity:0.5;
	}
25%
	{
	transform:scale(1.0);	
	opacity:1;
	}
75%
	{	
	transform:translateX(-40px);
	}
100%
	{
	transform:translateX(0px);
	}
}
.mens
{
	animation-name:mens;
	-webkit-animation-name:mens;
	-moz-animation-name:mens;
	-O-animation-name:mens;
	-ms-animation-name:mens;
	animation-duration:2s;
	animation-iteration-count:2;
	animation-delay:4s;
	-webkit-animation-duration:2s;
	animation-timing-function:ease-out;
	-webkit-animation-timing-function:ease-out;	
}
@media screen and (max-width:3000px)
{
.slide
{
	margin-top:3%;
	width:30%;
}
}
@media screen and (max-width:800px)
{
.slide
{
	margin-top:25%;
	width:50%;
}
}
@media screen and (max-width:400px)
{
.slide
{
	margin-top:35%;
	width:60%;
}
}
@media screen and (max-width:300px)
{
.slide
{
	margin-top:50%;
	width:30%;
}
}
@keyframes alime 
{
0%	
	{
	background-image:linear-gradient(to right,#433E82,#ffffff);
	opacity:0.5;
	}
50%
	{
	background-image:linear-gradient(to left,#433E82,#ffffff);
	opacity:1;
	}
100%
	{
	background-color:0;
	}
}
.alime
{
	animation-name:alime;
	-webkit-animation-name:alime;
	-moz-animation-name:alime;
	-O-animation-name:alime;
	-ms-animation-name:alime;
	animation-duration:1s;
	animation-iteration-count:infinite;
	animation-delay:5s;
	-webkit-animation-duration:1s;
	animation-timing-function:ease-out;
	-webkit-animation-timing-function:ease-out;	
}
.alime
{
	border:none;
	font-family:calibri;
	top:80px;
	position:relative;
	width:30%;
	padding:5px;
	border-radius:10px;
	color:#433E82;
}
@keyframes servi
{
0%	
	{
	box-shadow:0px;
	}
20%
	{
	box-shadow:0px 0px 1px 1px rgb(216,68,68);
	}
40%
	{
	box-shadow:0px 0pxx 2px 2px rgb(216,68,68);
	}
60%
	{
	box-shadow:0px 0px 3px 3px rgb(216,68,68);
	}
80%	
	{
	box-shadow:0px 0px 2px 2px rgb(216,68,68);
	}
100%
	{
	box-shadow:0px 0px 1px 1px rgb(216,68,68);
	}
}
.servi
{
	animation-name:servi;
	-webkit-animation-name:servi;
	-moz-animation-name:servi;
	-O-animation-name:servi;
	-ms-animation-name:servi;
	animation-duration:3s;
	animation-iteration-count:infinite;
	animation-delay:5s;
	-webkit-animation-duration:3s;
	animation-timing-function:ease-out;
	-webkit-animation-timing-function:ease-out;	
}
@media screen and (max-width:400px)
{
.alime
{
	border:none;
	font-family:calibri;
	top:80px;
	position:relative;
	width:80%;
	padding:5px;
	border-radius:10px;
	font-size:15px;
	color:#433E82;
}
}
@media screen and (max-width:800px)
{
.alime
{
	border:none;
	font-family:calibri;
	top:80px;
	position:relative;
	width:80%;
	padding:5px;
	border-radius:10px;
	font-size:15px;
	color:#433E82);
}
}
@keyframes fi 
{
from 
	{	
	opacity:0.5;
	transform: translateY(100px);
	}
to 
	{
	opacity:1;
	transform: translateY(0px);
	}
}
.fi
{
	animation-name:fi;
	-webkit-animation-name:fi;
	-moz-animation-name:fi;
	-O-animation-name:fi;
	-ms-animation-name:fi;
	animation-duration:1.5s;
	-webkit-animation-duration:1.5s;
	animation-timing-function:ease-out;
	-webkit-animation-timing-function:ease-out;	
}
@keyframes cat
{
from 
	{	
	opacity:0.5;
	transform: translateY(100px);
	background-image:linear-gradient(to right,#FAFEC2,#9DD296);
	}
to 
	{
	opacity:1;
	transform: translateY(0px);
	}
}
.cat
{
	animation-name:cat;
	-webkit-animation-name:cat;
	-moz-animation-name:cat;
	-O-animation-name:cat;
	-ms-animation-name:cat;
	animation-duration:2s;
	-webkit-animation-duration:2s;
	animation-timing-function:ease-out;
	-webkit-animation-timing-function:ease-out;	
}
@keyframes but1 
{
from 
	{	
	opacity:0.5;
	transform: translateY(100px);
	}
to 
	{
	opacity:1;
	transform: translateY(0px);
	}
}
.but1
{
	animation-name:but1;
	-webkit-animation-name:but1;
	-moz-animation-name:but1;
	-O-animation-name:but1;
	-ms-animation-name:but1;
	animation-duration:2s;
	-webkit-animation-duration:2s;
	animation-timing-function:ease-out;
	-webkit-animation-timing-function:ease-out;	
}
@keyframes but2 
{
from 
	{	
	opacity:0.5;
	transform: translateY(100px);
	}
to 
	{
	opacity:1;
	transform: translateY(0px);
	}
}
.but2
{
	animation-name:but2;
	-webkit-animation-name:but2;
	-moz-animation-name:but2;
	-O-animation-name:but2;
	-ms-animation-name:but2;
	animation-duration:2.2s;
	-webkit-animation-duration:2.2s;
	animation-timing-function:ease-out;
	-webkit-animation-timing-function:ease-out;	
}
@keyframes but3
{
from 
	{	
	opacity:0.5;
	transform: translateY(100px);
	}
to 
	{
	opacity:1;
	transform: translateY(0px);
	}
}
.but3
{
	animation-name:but3;
	-webkit-animation-name:but3;
	-moz-animation-name:but3;
	-O-animation-name:but3;
	-ms-animation-name:but3;
	animation-duration:2.4s;
	-webkit-animation-duration:2.4s;
	animation-timing-function:ease-out;
	-webkit-animation-timing-function:ease-out;	
}
@keyframes but4 
{
from 
	{	
	opacity:0.5;
	transform: translateY(100px);
	}
to 
	{
	opacity:1;
	transform: translateY(0px);
	}
}
.but4
{
	animation-name:but4;
	-webkit-animation-name:but4;
	-moz-animation-name:but4;
	-O-animation-name:but4;
	-ms-animation-name:but4;
	animation-duration:2.6s;
	-webkit-animation-duration:2.6s;
	animation-timing-function:ease-out;
	-webkit-animation-timing-function:ease-out;	
}
@keyframes but5 
{
from 
	{	
	opacity:0.5;
	transform: translateY(100px);
	}
to 
	{
	opacity:1;
	transform: translateY(0px);
	}
}
.but5
{
	animation-name:but5;
	-webkit-animation-name:but5;
	-moz-animation-name:but5;
	-O-animation-name:but5;
	-ms-animation-name:but5;
	animation-duration:2.8s;
	-webkit-animation-duration:2.8s;
	animation-timing-function:ease-out;
	-webkit-animation-timing-function:ease-out;	
}
@keyframes but6
{
from 
	{	
	opacity:0.5;
	transform: translateY(100px);
	}
to 
	{
	opacity:1;
	transform: translateY(0px);
	}
}
.but6
{
	animation-name:but6;
	-webkit-animation-name:but6;
	-moz-animation-name:but6;
	-O-animation-name:but6;
	-ms-animation-name:but6;
	animation-duration:3s;
	-webkit-animation-duration:3s;
	animation-timing-function:ease-out;
	-webkit-animation-timing-function:ease-out;	
}
@keyframes but7
{
from 
	{	
	opacity:0.5;
	transform: translateY(100px);
	}
to 
	{
	opacity:1;
	transform: translateY(0px);
	}
}
.but7
{
	animation-name:but6;
	-webkit-animation-name:but6;
	-moz-animation-name:but6;
	-O-animation-name:but6;
	-ms-animation-name:but6;
	animation-duration:3.2s;
	-webkit-animation-duration:3.2s;
	animation-timing-function:ease-out;
	-webkit-animation-timing-function:ease-out;	
}
@keyframes but8
{
from 
	{	
	opacity:0.5;
	transform: translateY(100px);
	}
to 
	{
	opacity:1;
	transform: translateY(0px);
	}
}
.but8
{
	animation-name:but6;
	-webkit-animation-name:but6;
	-moz-animation-name:but6;
	-O-animation-name:but6;
	-ms-animation-name:but6;
	animation-duration:3.4s;
	-webkit-animation-duration:3.4s;
	animation-timing-function:ease-out;
	-webkit-animation-timing-function:ease-out;	
}


@keyframes chav
{
0% 
	{	
	transform:translateX(100px);	
	}
50% 
	{	
	transform:translateX(0px);
	color:rgb(250,254,194);	
	}
100%	
	{	
	transform:translateX(100px);	
	}
}
.chav
{
	animation-name:chav;
	-webkit-animation-name:chav;
	-moz-animation-name:chav;
	-O-animation-name:chav;
	-ms-animation-name:chav;
	animation-duration:5s;
	animation-iteration-count:infinite;
	-webkit-animation-duration:5s;
	animation-timing-function:ease-out;
	-webkit-animation-timing-function:ease-out;	
}
#setup_button {
    display: none;
}

@keyframes atencao 
{
from 
	{	
	opacity:0.5;
	transform: translateX(-400px);
	}
to 
	{
	opacity:1;
	transform: translateX(0px);
	}
}
#atencao
{
	animation-name:atencao;
	-webkit-animation-name:atencao;
	-moz-animation-name:atencao;
	-O-animation-name:atencao;
	-ms-animation-name:atencao;
	animation-duration:1s;
	-webkit-animation-duration:1s;
	animation-timing-function:ease-in;
	-webkit-animation-timing-function:ease-in;	
}

@keyframes mos 
{
from 
	{	
	transform: translate3d(50px, 50px, 100px) rotateX(15deg) rotateY(25deg);
	opacity:0;
	}
to 
	{
	transform: translate3d(0px, 0px, 0px);
	opacity:1;
	}
}
.mos
{
	animation-name:mos;
	-webkit-animation-name:mos;
	-moz-animation-name:mos;
	-O-animation-name:mos;
	-ms-animation-name:mos;
	animation-duration:700ms;
	-webkit-animation-duration:700ms;
	animation-timing-function:ease-out;
	-webkit-animation-timing-function:ease-in;	
}