@keyframes pular{
0%{bottom:0vw;}
10%{bottom:1vw;}
20%{bottom:0vw;}
30%{bottom:1vw;}
40%{bottom:0vw;}
50%{bottom:1vw;}
60%{bottom:0vw;}
70%{bottom:0vw;}
80%{bottom:0vw;}
90%{bottom:0vw;}
100%{bottom:0vw;}
}
/*Start - Global*/
*{
margin:0vw;
padding:0vw;
text-decoration: unset;
color: black;
}
body{
margin:0;
padding:0;
font-family: "DM Sans", Helvetica, Arial, sans-serif;
font-size: 1.2vw;
line-height: 1.5vw;
color:var(--preto04);
background-color:var(--transp);
overflow-x: hidden;
cursor:default;
}
button{
border:0vw;
}
iframe{
width:100%;
height:100%;
border:0vw;
}

/*Start - Scrollbar*/
*{
scrollbar-width: thin;
scrollbar-color: var(--branco02) var(--rosa_tati);
}
::-webkit-scrollbar{
background-color:var(--rosa_tati);
width:8px;
}
::-webkit-scrollbar-thumb{
background-color:var(--branco02);
}
/*End - Scrollbar*/

.btn-amarelo{
background-color:var(--vermelho_tati);
height: 4.1vw;
border-radius: 5vw;
text-align: center;
font-size: 1.2vw;
font-family: "DM Sans";
font-weight: 600;
line-height: 4.1vw;
color: var(--branco);
cursor:pointer;
transition:all 0.2s ease-in-out;
}
.btn-amarelo:hover{
background-color:var(--vermelho_tati);
transition:all 0.2s ease-in-out;
}
/*End - Global*/

/*Start - menu*/
.menu{
width:100%;
height:9.6vw;
background-color:var(--teste00);
position: fixed;
z-index: 999;
transition: all 0.2s ease-in-out;
}
.menu-logo{
width:21vw;
height:100%;
background-color:var(--teste00);
margin: 0 auto;
text-align: center;
font-family: "Dancing Script";
line-height: 9.6vw;
font-size: 3.4vw;
transition: all 0.2s ease-in-out;
color: var(--preto);
}
.menu-on{
height:5vw;
background-color:var(--preto_lente05);
transition: all 0.2s ease-in-out;
}
.menu-on .menu-logo{
color: var(--branco);
font-size:2vw;
line-height:5vw;
transition: all 0.2s ease-in-out;
}
/*End - menu*/

/*Start - home-01*/
.home-01{
width:100%;
height:37.7vw;
background-color:var(--teste00);
float:left;
padding-top: 8.6vw;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
background-image: linear-gradient(to top right, rgb(184,190,202), rgb(210,217,223));
}
.home-01-box{
width:38vw;
height:30vw;
background-color:var(--teste00);
float:left;
margin-left: 10.2vw;
margin-top: 0vw;
overflow: auto;
scrollbar-width: thin;
scrollbar-color: rgba(195, 94, 84,0.1) rgba(0,0,0,0.05);
}
.home-01-box:hover{
scrollbar-color: rgba(195, 94, 84,1) rgba(0,0,0,0.2);
}
.home-01-box::-webkit-scrollbar{
background-color:rgba(0,0,0,0.05);
width:8px;
}
.home-01-box::-webkit-scrollbar-thumb{
background-color:rgba(195, 94, 84, 0.1);
}
.home-01-box:hover::-webkit-scrollbar{
background-color:rgba(0,0,0,0.2);
width:8px;
}
.home-01-box:hover::-webkit-scrollbar-thumb{
background-color:rgba(195, 94, 84, 1);
}
.home-01-box h1{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
margin: 0vw;
color: var(--preto);
font-size: 2.3vw;
font-family: Alata;
line-height: 3vw;
}
.home-01-box p{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
color: var(--cinza-medio-sesc);
font-size: 1.3vw;
margin-top: 2vw;
line-height: 1.7vw;
}
.home-01-box .btn-amarelo{
width:28vw;
margin-top: 2.1vw;
}
.home-01-video{
width:45.5vw;
height:25.1vw;
background-color:var(--teste00);
float:left;
margin-left: 7.5vw;
margin-top: 9.9vw;
border: 0.5vw solid var(--vermelho_tati);
}
.imagem{
width:48vw;
height:30vw;
background-color:var(--teste00);
float:left;
background-repeat:no-repeat;
background-position:center center;
background-size:53% auto;
}
.home-01-assinatura{
font-family:'Dancing Script';
color: var(--vermelho_tati) !important;
font-size: 4.3vw !important;
line-height: 5vw !important;
}
/*End - home-01*/

/*Start - home-02*/
.home-02{
width:100%;
height:57.3vw;
background-color:var(--preto04);
float:left;
background-repeat: no-repeat;
background-position: left top;
background-size: cover;
display: none;
}
.home-02 h2{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
color: var(--branco);
font-family: Alata;
margin-top: 14vw;
line-height: 8vw;
text-align: center;
font-size: 5.4vw;
position: relative;
}
.home-02-counter{
width:45vw;
height:16vw;
background-color:var(--teste00);
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
}
.home-02-counter-numero{
width:100%;
height:10.4vw;
background-color:var(--teste00);
float:left;
text-align: center;
line-height: 14.8vw;
font-size: 6.7vw;
color: var(--vermelho_tati);
}
.home-02-counter-texto{
width:100%;
height:5vw;
background-color:var(--teste00);
float:left;
color: var(--branco);
line-height: 5vw;
text-align: center;
font-size: 2.8vw;
}
.home-02 .btn-amarelo{
width:45vw;
display: flex;
align-items: center;
justify-content: center;
margin:0 auto;
margin-top: 6.4vw;
}
.home-02-base{
width:100%;
height:8.9vw;
background-color:var(--teste00);
float:left;
background-repeat: no-repeat;
background-position: left bottom;
background-size: 100%;
}
/*End - home-02*/

/*Start - home-03*/
.home-03{
width:100%;
height:auto;
background-color:var(--rosa_tati);
float:left;
padding-bottom: 5vw;
}
.home-03 h2{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
text-align: center;
font-size: 3.7vw;
line-height: 5vw;
font-family: Alata;
margin-bottom: 1vw;
margin-top: 10vw;
}
.home-03-grid-box{
width:75vw;
height:auto;
background-color:var(--teste00);
margin: 0 auto;
display: flex;
flex-flow:row wrap;
align-items: flex-start;
justify-content: space-around;
}
.home-03-grid-item{
width:37.5vw;
height:auto;
background-color:var(--teste00);
margin-bottom: 0.5vw;
margin-top: 0.5vw;
}
.home-03-grid-linha{
width:100%;
height:24.1vw;
background-color:var(--teste00);
float:left;
}
.home-03-grid-icone{
width:30%;
height:10vw;
background-color:var(--teste00);
float:left;
text-align:center;
line-height: 10vw;
}
.home-03-grid-icone svg{
height:7vw;
vertical-align:middle;
}
.home-03-grid-titulo{
width:70%;
height:auto;
background-color:var(--teste00);
float:left;
text-align: left;
font-size: 1.6vw;
font-weight: 600;
line-height: 3.4vw;
}
.home-03-grid-texto{
width:70%;
height:7.6vw;
background-color:var(--teste00);
float:left;
text-align: left;
color: var(--cinza);
font-size: 1.2vw;
line-height: 1.8vw;
}
.home-03-texto{
width:46vw;
height:26vw;
background-color:var(--teste00);
margin: 0 auto;
display: table;
}
.home-03 .btn-amarelo{
width:75vw;
margin: 0 auto;
display: table;
margin-top: 1.3vw;
}
/*End - home-03*/

/*Start - home-04*/
.home-04{
width:100%;
height:auto;
background-color:var(--preto04);
float:left;
padding-bottom: 5vw;
}
.home-04-box{
width:75.6vw;
height:100%;
background-color:var(--teste00);
margin: 0 auto;
}
.home-04-subtitulo{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
color: var(--branco);
font-weight: 700;
margin-top: 6vw;
letter-spacing: 0.3vw;
}
.home-04-titulo{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
color: var(--branco);
margin-top: 0vw;
line-height: 8vw;
font-size: 5.7vw;
font-family: 'Alata';
}
.home-04-texto{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
margin-top: 2.1vw;
padding-bottom: 1.8vw;
border-bottom: 0.2vw solid var(--amarelo_tati);
}
.home-04-texto .col100{
color:var(--branco);
font-size: 1.3vw;
line-height: 2.1vw;
}
.home-04-aula-box{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
padding-bottom: 2.4vw;
border-bottom: 0.2vw solid var(--amarelo_tati);
}
.home-04-aula{
width:32%;
height:auto;
background-color:var(--teste00);
float:left;
margin-top: 3.3vw;
overflow: hidden;
margin-bottom: 1.5vw;
}
.home-04-aula:nth-child(2),
.home-04-aula:nth-child(5),
.home-04-aula:nth-child(8),
.home-04-aula:nth-child(11){
margin-left:1.5%;
margin-right:1.5%;
}
.home-04-aula-linha{
width:100%;
float: left;
}
.home-04-aula-subtitulo{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
color: var(--branco);
font-weight: 700;
letter-spacing: 0.3vw;
}
.home-04-aula-titulo{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
color: var(--vermelho_tati);
font-size: 1.9vw;
font-family: 'Alata';
line-height: 3vw;
margin-top: 1vw;
}
.home-04-aula-texto{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
margin-top: 1vw;
color: var(--branco);
font-size: 1.25vw;
line-height: 2.1vw;
}
.home-04-frase{
width:94%;
height:9.8vw;
background-color:var(--teste00);
float:left;
text-align: center;
color: var(--branco);
padding-top: 2.8vw;
font-size: 2.2vw;
line-height: 3vw;
font-family: 'Alata';
margin-left: 3%;
}
.home-04 .btn-amarelo{
width:100%;
height:4.7vw;
float:left;
line-height: 4.7vw;
font-weight: 400;
color: var(--branco);
font-size: 1.6vw;
letter-spacing: -0.05vw;
}
/*End - home-04*/

/*Start - home-05*/
.home-05{
width:100%;
height:47vw;
background-color:var(--branco);
float:left;
padding-bottom: 4vw;
background-image:url("../img/template.png");
background-repeat:no-repeat;
background-position:center 20vw;
background-size:auto 19vw;
}
.home-05-bonus{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
margin-top: 5.9vw;
text-align: center;
color: var(--preto);
font-family: 'Alata';
font-weight: 700;
letter-spacing: 0.2vw;
}
.home-05-subtitulo{
width:70vw;
height:auto;
background-color:var(--teste00);
text-align: center;
color: var(--preto);
font-family: 'Alata';
font-weight: 400;
letter-spacing: 0.2vw;
margin: 0 auto;
display: table;
font-size: 2.2vw;
line-height: 3vw;
padding-top: 10.1vw;
letter-spacing: 0vw;
}
.home-05 h2{
width:62vw;
height:auto;
background-color:var(--teste00);
text-align: center;
color: var(--vermelho_tati);
font-family: 'Alata';
font-weight: 700;
letter-spacing: 0.2vw;
margin: 0 auto;
display: table;
font-size: 4.1vw;
line-height: 5.6vw;
padding-top: 1.4vw;
letter-spacing: -0.1vw;
}
.home-05-texto{
width:77.5vw;
height:auto;
background-color:var(--teste00);
text-align: justify;
color: var(--preto);
font-weight: 400;
letter-spacing: 0.2vw;
margin: 0 auto;
display: table;
font-size: 1.25vw;
line-height: 2.1vw;
padding-top: 3.9vw;
letter-spacing: 0vw;
}
.home-05-ainda-mais{
width:36vw;
height:auto;
background-color:var(--teste00);
color: var(--preto);
font-weight: 400;
margin: 0 auto;
display: table;
font-size: 2.9vw;
line-height: 2.5vw;
padding-top: 4.9vw;
font-family: "Alata";
letter-spacing: 0vw;
text-align: center;
}
.home-05-icone{
width:14.5vw;
height:14.5vw;
background-color:var(--teste00);
margin: 0 auto;
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
margin-top: 1.5vw;
opacity: 1;
}
.home-05-titulo{
width:50vw;
height:auto;
background-color:var(--teste00);
text-align: center;
color: var(--vermelho_tati);
font-family: 'Alata';
font-weight: 700;
letter-spacing: 0.2vw;
margin: 0 auto;
display: table;
font-size: 2.2vw;
line-height: 3.3vw;
letter-spacing: -0.05vw;
}
.home-05 .btn-amarelo{
width:75vw;
height:4.7vw;
line-height: 4.7vw;
font-weight: 400;
color: var(--branco);
font-size: 1.6vw;
letter-spacing: -0.05vw;
margin: 0 auto;
display: table;
margin-top: 5vw;
}
/*End - home-05*/

/*Start - home-06*/
.home-06{
width:100%;
height:auto;
background-color:var(--rosa_tati);
float:left;
padding-bottom: 4vw;
}
.home-06-box{
width:75.6vw;
height:100%;
background-color:var(--teste00);
margin: 0 auto;
}
.home-06-subtitulo{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
margin-top: 5.9vw;
text-align: center;
color: var(--preto);
font-family: 'Alata';
font-weight: 700;
letter-spacing: 0.2vw;
font-size: 0.8vw;
line-height: 1vw;
letter-spacing: 0.4vw;
}
.home-06 h2{
width:100%;
height:auto;
background-color:var(--teste00);
text-align: center;
color: var(--vermelho_tati);
font-family: 'Alata';
font-weight: 700;
font-size: 5.6vw;
line-height: 5.6vw;
padding-top: 1.7vw;
letter-spacing: -0.05vw;
float: left;
}
.home-06-texto{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
margin-top: 3vw;
line-height: 2.1vw;
font-size: 1.5vw;
text-align: center;
}
.home-06-dep-box{
width:100%;
height:23.2vw;
background-color:var(--teste00);
float:left;
margin-top: 4vw;
margin-bottom: 4vw;
border-radius: 2.3vw;
display: flex;
flex-flow: column wrap;
}
.home-06-dep-card{
width:15.1vw;
height:auto;
background-color:var(--branco);
float:left;
margin: 0.3vw;
padding: 1.5vw;
border-radius: 2vw;
font-size: 1vw;
line-height: 1.5vw;
box-shadow: 0vw 0.1vw 0.223vw rgba(0,0,0,0.1);
}
.home-06 .btn-amarelo{
width:75vw;
height:4.7vw;
line-height: 4.7vw;
font-weight: 400;
color: var(--branco);
font-size: 1.6vw;
letter-spacing: -0.05vw;
margin: 0 auto;
display: table;
margin-top: 4vw;
}
/*End - home-06*/

/*Start - home-07*/
.home-07{
width:100%;
height:auto;
background-color:var(--preto04);
float:left;
padding-bottom: 5vw;
}
.home-07-box{
width:75.4vw;
height:100%;
background-color:var(--teste00);
margin: 0 auto;
}
.home-07-subtitulo{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
margin-top: 4.6vw;
text-align: center;
color: var(--branco);
font-family: 'Alata';
font-weight: 700;
letter-spacing: 0.2vw;
font-size: 0.8vw;
line-height: 1vw;
letter-spacing: 0.4vw;
}
.home-07 h2{
width:100%;
height:auto;
background-color:var(--teste00);
text-align: center;
color: var(--branco);
font-family: 'Alata';
font-weight: 700;
font-size: 5.6vw;
line-height: 5.6vw;
padding-top: 1.7vw;
letter-spacing: 0.15vw;
float: left;
margin-bottom: 7vw;
}
.home-07-container{
width:36vw;
height:auto;
background-color:var(--vermelho_tati);
margin: 0 auto;
display: table;
padding: 3vw;
box-shadow: 0vw 0.1vw 0.223vw rgba(0,0,0,0.1);
}
.home-07-separador{
border: 0.1vw solid var(--branco);
margin-top: 0.5vw;
margin-bottom: 0.5vw;
float:left;
width:100%;
}
.home-07-linha{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
color: var(--branco);
font-family: 'DM Sans';
font-size: 1.4vw;
line-height: 2.1vw;
margin-top: 0.6vw;
margin-bottom: 0.6vw;
text-align: left;
}
.home-07-linha span{
color: var(--branco_lente03);
font-family: 'DM Sans';
font-size: 1.7vw;
line-height: 2.1vw;
}
.home-07-preco{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
color: var(--branco);
font-family: 'DM Sans';
font-size: 2vw;
line-height: 2.7vw;
margin-top: 0.3vw;
margin-bottom: 0.3vw;
text-align: center;
font-weight: 800;
}
.home-07-preco-realce{
font-size:2.7vw;
color:var(--branco);
}
.home-07-promessa{
width:100%;
height:auto;
background-color:var(--teste00);
color: var(--branco);
font-weight: 400;
margin: 0 auto;
display: table;
font-size: 2.9vw;
line-height: 3.4vw;
padding-top: 4.9vw;
font-family: "Alata";
letter-spacing: 0vw;
text-align: center;
}
.home-07 .btn-amarelo{
width:75vw;
height:4.7vw;
line-height: 4.7vw;
font-weight: 400;
color: var(--branco);
font-size: 1.6vw;
letter-spacing: -0.05vw;
margin: 0 auto;
display: table;
margin-top: 4vw;
box-shadow: 0vw 0.1vw 0.223vw rgba(0,0,0,0.1);
}
/*End - home-07*/

/*Start - home-08*/
.home-08{
width:100%;
height:auto;
background-color:var(--rosa_tati);
float:left;
padding-bottom: 4vw;
}
.home-08-frase{
width:49.5vw;
height:auto;
background-color:var(--teste00);
text-align: center;
color: var(--cinza-medio-sesc);
font-weight: 400;
margin: 0 auto;
display: table;
font-size: 1.25vw;
line-height: 2.1vw;
letter-spacing: 0vw;
padding-top: 10vw;
}
.home-08-texto{
width:74.5vw;
height:auto;
background-color:var(--teste00);
text-align: center;
color: var(--cinza-medio-sesc);
font-weight: 400;
letter-spacing: 0.2vw;
margin: 0 auto;
display: table;
font-size: 1.25vw;
line-height: 2.1vw;
padding-top: 2vw;
letter-spacing: 0vw;
}
.home-08-promessa{
width:65vw;
height:auto;
background-color:var(--teste00);
color: var(--preto);
font-weight: 900;
margin: 0 auto;
display: table;
font-size: 3.2vw;
line-height: 2.5vw;
padding-top: 2vw;
font-family: "Open Sans";
letter-spacing: 0vw;
text-align: center;
}
.home-08 .btn-amarelo{
width:75vw;
height:4.7vw;
line-height: 4.7vw;
font-weight: 400;
color: var(--branco);
font-size: 1.6vw;
letter-spacing: -0.05vw;
margin: 0 auto;
display: table;
margin-top: 3vw;
}
.home-08-imagem{
width:13vw;
height:13vw;
background-color:var(--teste00);
margin:0 auto;
display:table;
padding-top: 3vw;
}
.home-08-imagem svg{
height:12vw;
fill: var(--amarelo_tati);
}
/*End - home-08*/

/*Start - home-09*/
.home-09{
width:100%;
height:auto;
background-color:var(--branco);
float:left;
padding-bottom:5vw;
}
.home-09-subtitulo{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
margin-top: 5.9vw;
text-align: left;
color: var(--preto);
font-family: 'Alata';
font-weight: 700;
letter-spacing: 0.2vw;
font-size: 0.8vw;
line-height: 1vw;
letter-spacing: 0.4vw;
}
.home-09 h2{
width:100%;
height:auto;
background-color:var(--teste00);
text-align: left;
color: var(--preto);
font-family: 'Alata';
font-weight: 700;
font-size: 5vw;
line-height: 5.6vw;
padding-top: 2.7vw;
letter-spacing: -0.05vw;
float: left;
}
.home-09-texto{
width:92%;
height:auto;
background-color:var(--teste00);
float:left;
margin-top: 3vw;
line-height: 2.1vw;
font-size: 1.2vw;
text-align: justify;
}
.home-09-imagem{
width:37.5vw;
height:62.3vw;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
margin-left:0vw;
margin-top:5.9vw;
}
/*End - home-09*/

/*Start - home-10*/
.home-10{
width:100%;
height:auto;
background-color:var(--preto04);
float:left;
padding-bottom:5vw;
}
.home-10-subtitulo{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
margin-top: 4.6vw;
text-align: center;
color: var(--branco);
font-family: 'Alata';
font-weight: 700;
letter-spacing: 0.2vw;
font-size: 0.8vw;
line-height: 1vw;
letter-spacing: 0.4vw;
}
.home-10 h2{
width:100%;
height:auto;
background-color:var(--teste00);
text-align: center;
color: var(--branco);
font-family: 'Alata';
font-weight: 700;
font-size: 5.6vw;
line-height: 5.6vw;
padding-top: 1.7vw;
letter-spacing: 0.15vw;
float: left;
margin-bottom: 7vw;
}
.home-10 .btn-amarelo{
width:75vw;
height:4.7vw;
line-height: 4.7vw;
font-weight: 400;
color: var(--branco);
font-size: 1.6vw;
letter-spacing: -0.05vw;
margin: 0 auto;
display: table;
margin-top: 4vw;
}
.home-10 .btn-amarelo a{
color:var(--branco);
display:block;
}
/*End - home-10*/

/*Start - apresentacao*/
.apresentacao{
width:100vw;
height:100vh;
background-color:var(--branco);
float:left;
overflow: hidden;
}
.apresentacao-box{
width:40vw;
height:100%;
background-color:var(--teste00);
float:left;
}
.apresentacao-avatar-box{
width:12vw;
height:11.4vw;
background-color:var(--vermelho_tati);
border-radius: 10vw;
margin: 0 auto;
margin-top: 5vw;
padding-top: 0.5vw;
}
.apresentacao-avatar{
width:10vw;
height:10vw;
background-color:var(--teste00);
border: 0.5vw solid var(--branco);
border-radius: 10vw;
margin:0 auto;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.apresentacao-box h1{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
text-align: center;
margin-top: 5vw;
font-size: 3vw;
line-height: 5vw;
font-family: Alata;
}
.apresentacao-box p{
width:100%;
height:auto;
background-color:var(--teste00);
float: left;
text-align: center;
}
.apresentacao-box a{
  display: block;
}
.apresentacao-video{
width:50vw;
height:29vw;
background-color:var(--teste02);
float:left;
border: 1vw solid var(--vermelho_tati);
margin-top: 13vw;
}
.apresentacao-video iframe{
width:100%;
height:100%;
}
/*End - apresentacao*/

/*Start - gaveta*/
.gaveta-box{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
margin-top:2vw;
margin-bottom:2vw;
}
.gaveta{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
margin-top:0.3vw;
margin-bottom:0.3vw;
}
.gaveta-pergunta{
width:94%;
height:auto;
line-height:2vw;
background-color:var(--cinza04);
float:left;
font-weight:800;
font-size:1.3vw;
padding:3%;
border-top-left-radius:1vw;
border-top-right-radius:1vw;
border-bottom-left-radius:1vw;
border-bottom-right-radius:1vw;
cursor:pointer;
transition:all 0.2s ease-in-out;
}
.gaveta-pergunta:hover{
background-color:var(--cinza03);
transition:all 0.2s ease-in-out;
}
.gaveta-chevron{
width:2vw;
height:2vw;
background-color:var(--teste00);
float:right;
text-align:center;
transition:all 0.2s ease-in-out;
}
.gaveta-chevron svg{
height:1vw;
vertical-align:middle;
transition:all 0.2s ease-in-out;
}
.gaveta-resposta{
width:94%;
height:auto;
background-color:var(--cinza03);
float:left;
padding:3%;
border-top-left-radius:0vw;
border-top-right-radius:0vw;
border-bottom-left-radius:1vw;
border-bottom-right-radius:1vw;
cursor:default;
transition:all 0.2s ease-in-out;
display:none;
}
.gaveta-pergunta-on{
border-bottom-left-radius:0vw;
border-bottom-right-radius:0vw;
margin-bottom:0vw;
}
.gaveta-pergunta-on svg{
fill:var(--vermelho_tati);
transform:rotate(180deg);
transition:all 0.2s ease-in-out;
}
/*End - gaveta*/

/*Start - Counter*/
.counter{
width:29vw;
height:auto;
background-color:var(--teste00);
position:absolute;
top:1.7vw;
right:0vw;
}
.counter-titulo{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
color: var(--preto);
font-family: Alata;
margin-top: 0vw;
line-height: 2vw;
text-align: center;
font-size: 1.2vw;
position: relative;
}
.counter-numero{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
text-align: center;
line-height: 2.7vw;
font-size: 2vw;
color: var(--vermelho_tati);
}
.counter-texto{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
color: var(--preto);
line-height: 1.7vw;
text-align: center;
font-size: 1vw;
}
/*End - Counter*/

/*Start - footer*/
.footer{
width:100%;
height:12.5vw;
background-color:var(--preto04);
float:left;
}
.footer-texto{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
text-align: center;
margin-top: 2vw;
color: var(--cinza);
}
.footer-logo{
width:21vw;
height:100%;
background-color:var(--teste00);
margin: 0 auto;
text-align: center;
font-family: "Dancing Script";
line-height: 5.6vw;
font-size: 3.4vw;
transition: all 0.2s ease-in-out;
color: var(--vermelho_tati);
}
.footer-logo svg{
height:2vw;
}
/*End - footer*/

/*Start - mouse*/
.mouse{
width:3vw;
height:3vw;
line-height:3vw;
background-color:var(--teste00);
bottom:0vw;
position:absolute;
left: 50%;
transform: translate(-50%, -50%);
text-align:center;
animation:pular 3s ease-in-out infinite;
}
.mouse svg{
height:3vw;
fill:var(--vermelho_tati);
}
/*End - mouse*/

/*Start - home-base*/
.home-base{
width:100%;
height:2000vw;
background-color:var(--teste00);
float:left;
}
/*End - home-base*/