@media only screen and (max-width:1279px) {
/*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: 4.8vw;
line-height: 6vw;
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: 16.4vw;
border-radius: 20vw;
text-align: center;
font-size: 3.6vw;
font-family: "DM Sans";
font-weight: 600;
line-height: 16.4vw;
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;
}
.box {
width: 96vw;
}
.separador {
width: 100%;
height: 6vw;
line-height: 6vw;
float: left;
margin-top: 1.5vw;
margin-bottom: 1.5vw;
}
/*End - Global*/
/*Start - menu*/
.menu {
width: 100%;
height: 20vw;
background-color: var(--teste00);
position: fixed;
z-index: 999;
transition: all 0.2s ease-in-out;
}
.menu-logo {
width: 84vw;
height: 100%;
background-color: var(--teste00);
margin: 0 auto;
text-align: center;
font-family: "Dancing Script";
line-height: 20vw;
font-size: 6.8vw;
transition: all 0.2s ease-in-out;
color: var(--preto);
}
.menu-on {
height: 18vw;
background-color: var(--preto_lente05);
transition: all 0.2s ease-in-out;
}
.menu-on .menu-logo {
color: var(--branco);
font-size: 6vw;
line-height: 18vw;
transition: all 0.2s ease-in-out;
}
/*End - menu*/
/*Start - home-01*/
.home-01 {
width: 100%;
height: 300vw;
background-color: var(--teste00);
float: left;
padding-top: 0vw;
background-repeat: no-repeat;
background-position: left top;
background-size: cover;
overflow: hidden;
padding-bottom: 21vw;
overflow:auto;
}
.home-01-box {
width: 94vw;
height: auto;
background-color: var(--teste00);
float: left;
margin-left: 3vw;
margin-top: 100vw;
position: absolute;
}
.home-01-box h1 {
width: 100%;
height: auto;
background-color: var(--teste00);
float: left;
margin: 0vw;
font-size: 7vw;
font-family: Alata;
line-height: 9vw;
text-align: center;
}
.home-01-box p {
width: 100%;
height: auto;
background-color: var(--teste00);
float: left;
font-size: 6vw;
margin-top: 8vw;
line-height: 6.8vw;
text-align: center;
}
.home-01-box .btn-amarelo {
width: 93vw;
margin-top: 8.4vw;
}
.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: 100%;
height: 100vw;
background-color: var(--teste00);
float: unset;
background-repeat: no-repeat;
background-position: center center;
background-size: 75vw auto;
position: absolute;
opacity:1;
}
.home-01-assinatura {
font-size: 14.2vw !important;
line-height: 12vw !important;
}
/*End - home-01*/
/*Start - home-02*/
.home-02 {
width: 100%;
height: 77.3vw;
background-color: var(--preto04);
float: left;
background-repeat: no-repeat;
background-position: left top;
background-size: cover;
display: block;
}
.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: 96vw;
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: 7.8vw;
line-height: 10vw;
font-family: Alata;
margin-bottom: 4vw;
margin-top: 23vw;
}
.home-03-grid-box {
width: 96vw;
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: 100%;
height: auto;
background-color: var(--teste00);
margin-bottom: 8vw;
margin-top: 8vw;
}
.home-03-grid-linha {
width: 100%;
height: 24.1vw;
background-color: var(--teste00);
float: left;
}
.home-03-grid-icone {
width: 30%;
height: 20vw;
background-color: var(--teste00);
float: left;
text-align: center;
line-height: 20vw;
}
.home-03-grid-icone svg {
height: 18vw;
vertical-align: middle;
}
.home-03-grid-titulo {
width: 70%;
height: auto;
background-color: var(--teste00);
float: left;
text-align: left;
font-size: 5.4vw;
font-weight: 600;
line-height: 6.6vw;
}
.home-03-grid-texto {
width: 70%;
height: 32vw;
background-color: var(--teste00);
float: left;
text-align: left;
color: var(--cinza);
font-size: 4.8vw;
line-height: 7.2vw;
}
.home-03-texto {
width: 46vw;
height: 26vw;
background-color: var(--teste00);
margin: 0 auto;
display: table;
}
.home-03 .btn-amarelo {
width: 96vw;
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: 20vw;
}
.home-04-box {
width: 96vw;
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: 23vw;
letter-spacing: 1.2vw;
font-size: 4.8vw;
line-height: 6vw;
}
.home-04-titulo {
width: 100%;
height: auto;
background-color: var(--teste00);
float: left;
color: var(--branco);
margin-top: 0vw;
line-height: 13vw;
font-size: 11vw;
font-family: 'Alata';
}
.home-04-texto {
width: 100%;
height: auto;
background-color: var(--teste00);
float: left;
margin-top: 8.4vw;
padding-bottom: 7.2vw;
border-bottom: 0.8vw solid var(--amarelo_tati);
}
.home-04-texto .col100 {
color: var(--branco);
font-size: 5.2vw;
line-height: 8.4vw;
}
.home-04-aula-box {
width: 100%;
height: auto;
background-color: var(--teste00);
float: left;
padding-bottom: 9.6vw;
border-bottom: 0.8vw solid var(--amarelo_tati);
}
.home-04-aula {
width: 100%;
height: auto;
background-color: var(--teste00);
float: left;
margin-top: 13.2vw;
overflow: hidden;
margin-bottom: 6vw;
}
.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: 1.2vw;
}
.home-04-aula-titulo {
width: 100%;
height: auto;
background-color: var(--teste00);
float: left;
color: var(--vermelho_tati);
font-size: 8.8vw;
font-family: 'Alata';
line-height: 12vw;
margin-top: 1vw;
}
.home-04-aula-texto {
width: 100%;
height: auto;
background-color: var(--teste00);
float: left;
margin-top: 4vw;
color: var(--branco);
font-size: 5.2vw;
line-height: 8.4vw;
}
.home-04-frase {
width: 96vw;
height: auto;
background-color: var(--teste00);
float: left;
text-align: center;
color: var(--branco);
padding-top: 11.2vw;
font-size: 8.8vw;
line-height: 12vw;
font-family: 'Alata';
margin-left: 0%;
margin-bottom: 17vw;
}
.home-04 .btn-amarelo {
width: 100%;
height: 18.8vw;
float: left;
line-height: 18.8vw;
font-weight: 400;
color: var(--branco);
font-size: 4.5vw;
letter-spacing: -0.2vw;
}
/*End - home-04*/
/*Start - home-05*/
.home-05 {
width: 100%;
height: 283vw;
background-color: var(--branco);
float: left;
padding-bottom: 16vw;
background-image: url("../img/template.png");
background-repeat: no-repeat;
background-position: center 124vw;
background-size: auto 97vw;
}
.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: 96vw;
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: 8.8vw !important;
line-height: 10vw;
padding-top: 22vw !important;
letter-spacing: 0vw;
}
.home-05 h2 {
width: 96vw;
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: 14.4vw;
line-height: 16.4vw;
padding-top: 5.6vw;
letter-spacing: -0.1vw;
}
.home-05-texto {
width: 96vw;
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: 5.2vw;
line-height: 8.4vw;
padding-top: 15.6vw;
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: 96vw;
height: 18.8vw;
line-height: 18.8vw;
font-weight: 400;
color: var(--branco);
font-size: 4.1vw;
letter-spacing: -0.2vw;
margin: 0 auto;
display: table;
margin-top: 20vw;
}
/*End - home-05*/
/*Start - home-06*/
.home-06 {
width: 100%;
height: auto;
background-color: var(--rosa_tati);
float: left;
padding-bottom: 23vw;
}
.home-06-box {
width: 96vw;
height: 100%;
background-color: var(--teste00);
margin: 0 auto;
}
.home-06-subtitulo {
width: 100%;
height: auto;
background-color: var(--teste00);
float: left;
margin-top: 24vw;
text-align: center;
color: var(--preto);
font-family: 'Alata';
font-weight: 700;
letter-spacing: 0.2vw;
font-size: 3.2vw;
line-height: 4vw;
letter-spacing: 1.6vw;
}
.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: 10vw;
line-height: 22.4vw;
padding-top: 0vw;
letter-spacing: -0.2vw;
float: left;
}
.home-06-texto {
width: 100%;
height: auto;
background-color: var(--teste00);
float: left;
margin-top: 0vw;
line-height: 8.4vw;
font-size: 6vw;
text-align: center;
}
.home-06-dep-box {
width: 100%;
height: auto;
background-color: var(--teste00);
float: left;
margin-top: 8vw;
margin-bottom: 12vw;
border-radius: 9.2vw;
display: flex;
flex-flow: column wrap;
}
.home-06-dep-card {
width: 80vw;
height: auto;
background-color: var(--branco);
float: left;
margin: 1.2vw;
padding: 6vw;
border-radius: 8vw;
font-size: 4vw;
line-height: 6vw;
box-shadow: 0vw 0.4vw 0.8vw rgb(0 0 0 / 10%);
}
.home-06 .btn-amarelo {
width: 96vw;
height: 18.8vw;
line-height: 18.8vw;
font-weight: 400;
color: var(--branco);
font-size: 4.4vw;
letter-spacing: -0.2vw;
margin: 0 auto;
display: table;
margin-top: 16vw;
}
/*End - home-06*/
/*Start - home-07*/
.home-07 {
width: 100%;
height: auto;
background-color: var(--preto04);
float: left;
padding-bottom: 20vw;
}
.home-07-box {
width: 96vw;
height: 100%;
background-color: var(--teste00);
margin: 0 auto;
}
.home-07-subtitulo {
width: 100%;
height: auto;
background-color: var(--teste00);
float: left;
margin-top: 18.4vw;
text-align: center;
color: var(--branco);
font-family: 'Alata';
font-weight: 700;
letter-spacing: 0.2vw;
font-size: 3.2vw;
line-height: 4vw;
letter-spacing: 1.6vw;
}
.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: 10vw;
line-height: 12vw;
padding-top: 6.8vw;
letter-spacing: 0.5vw;
float: left;
margin-bottom: 12vw;
}
.home-07-container {
width: 70vw;
height: auto;
background-color: var(--vermelho_tati);
margin: 0 auto;
display: table;
padding: 12vw;
box-shadow: 0vw 0.4vw 0.8vw rgb(0, 0, 0, 0.1);
}
.home-07-separador {
border: 0.4vw solid var(--branco);
margin-top: 2vw;
margin-bottom: 2vw;
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: 5.6vw;
line-height: 8.4vw;
margin-top: 1.2vw;
margin-bottom: 1.2vw;
text-align: center;
}
.home-07-linha span {
color: var(--branco_lente03);
font-family: 'DM Sans';
font-size: 6.8vw;
line-height: 8.4vw;
}
.home-07-preco {
width: 100%;
height: auto;
background-color: var(--teste00);
float: left;
color: var(--branco);
font-family: 'DM Sans';
font-size: 6.4vw;
line-height: 10.8vw;
margin-top: 1.2vw;
margin-bottom: 1.2vw;
text-align: center;
font-weight: 800;
}
.home-07-preco-realce {
font-size: 8.5vw;
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: 11.6vw;
line-height: 13.6vw;
padding-top: 19.6vw;
font-family: "Alata";
letter-spacing: 0vw;
text-align: center;
}
.home-07 .btn-amarelo {
width: 96vw;
height: 18.8vw;
line-height: 18.8vw;
font-weight: 400;
color: var(--branco);
font-size: 4.6vw;
letter-spacing: -0.2vw;
margin: 0 auto;
display: table;
margin-top: 16vw;
box-shadow: 0vw 0.4vw 0.8vw rgb(0 0 0 / 10%);
}
/*End - home-07*/
/*Start - home-08*/
.home-08 {
width: 100%;
height: auto;
background-color: var(--rosa_tati);
float: left;
padding-bottom: 16vw;
}
.home-08-frase {
width: 96vw;
height: auto;
background-color: var(--teste00);
text-align: center;
color: var(--cinza-medio-sesc);
font-weight: 400;
margin: 0 auto;
display: table;
font-size: 5.2vw;
line-height: 8.4vw;
letter-spacing: 0vw;
padding-top: 40vw;
}
.home-08-texto {
width: 96vw;
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: 5.2vw;
line-height: 8.4vw;
padding-top: 8vw;
letter-spacing: 0vw;
}
.home-08-promessa {
width: 96vw;
height: auto;
background-color: var(--teste00);
color: var(--preto);
font-weight: 900;
margin: 0 auto;
display: table;
font-size: 10vw;
line-height: 10vw;
padding-top: 8vw;
font-family: "Open Sans";
letter-spacing: 0vw;
text-align: center;
}
.home-08 .btn-amarelo {
width: 96vw;
height: 18.8vw;
line-height: 18.8vw;
font-weight: 400;
color: var(--branco);
font-size: 4.4vw;
letter-spacing: -0.2vw;
margin: 0 auto;
display: table;
margin-top: 12vw;
}
.home-08-imagem {
width: 52vw;
height: 52vw;
background-color: var(--teste00);
margin: 0 auto;
display: table;
padding-top: 12vw;
}
.home-08-imagem svg {
height: 48vw;
fill: var(--amarelo_tati);
}
/*End - home-08*/
/*Start - home-09*/
.home-09 {
width: 100%;
height: auto;
background-color: var(--branco);
float: left;
padding-bottom: 20vw;
}
.home-09 .col50 {
width: 100%;
}
.home-09-subtitulo {
width: 100%;
height: auto;
background-color: var(--teste00);
float: left;
margin-top: 23.6vw;
text-align: left;
color: var(--preto);
font-family: 'Alata';
font-weight: 700;
letter-spacing: 0.2vw;
font-size: 3.2vw;
line-height: 4vw;
letter-spacing: 1.6vw;
}
.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: 11vw;
line-height: 22.4vw;
padding-top: 2.7vw;
letter-spacing: -0.2vw;
float: left;
}
.home-09-texto {
width: 100%;
height: auto;
background-color: var(--teste00);
float: left;
margin-top: 3vw;
line-height: 8.4vw;
font-size: 4.8vw;
text-align: justify;
}
.home-09-imagem {
width: 80vw;
height: 112vw;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
margin-left: 0vw;
margin: 0 auto;
margin-top: 10vw;
}
/*End - home-09*/
/*Start - home-10*/
.home-10 {
width: 100%;
height: auto;
background-color: var(--preto04);
float: left;
padding-bottom: 20vw;
}
.home-10-subtitulo {
width: 100%;
height: auto;
background-color: var(--teste00);
float: left;
margin-top: 18.4vw;
text-align: center;
color: var(--branco);
font-family: 'Alata';
font-weight: 700;
letter-spacing: 0.2vw;
font-size: 3.2vw;
line-height: 4vw;
letter-spacing: 1.6vw;
}
.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: 8vw;
line-height: 15vw;
padding-top: 6.8vw;
letter-spacing: 0.5vw;
float: left;
margin-bottom: 6vw;
}
.home-10 .btn-amarelo {
width: 96vw;
height: 18.8vw;
line-height: 18.8vw;
font-weight: 400;
color: var(--branco);
font-size: 4.4vw;
letter-spacing: -0.2vw;
margin: 0 auto;
display: table;
margin-top: 16vw;
}
.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: 8vw;
}
.gaveta {
width: 100%;
height: auto;
background-color: var(--teste00);
float: left;
margin-top: 1.2vw;
margin-bottom: 1.2vw;
}
.gaveta-pergunta {
width: 94%;
height: auto;
line-height: 8vw;
background-color: var(--cinza04);
float: left;
font-weight: 800;
font-size: 5.2vw;
padding: 3%;
border-top-left-radius: 4vw;
border-top-right-radius: 4vw;
border-bottom-left-radius: 4vw;
border-bottom-right-radius: 4vw;
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: 8vw;
height: 8vw;
background-color: var(--teste00);
float: right;
text-align: center;
transition: all 0.2s ease-in-out;
}
.gaveta-chevron svg {
height: 4vw;
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: 4vw;
border-bottom-right-radius: 4vw;
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;
display: none;
}
.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: auto;
background-color: var(--preto04);
float: left;
padding-bottom: 10vw;
}
.footer-texto {
width: 100%;
height: auto;
background-color: var(--teste00);
float: left;
text-align: center;
margin-top: 10vw;
color: var(--cinza);
}
.footer-logo {
width: 96vw;
height: 100%;
background-color: var(--teste00);
margin: 0 auto;
text-align: center;
font-family: "Dancing Script";
line-height: 22.4vw;
font-size: 13.6vw;
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;
display: none;
}
.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*/
/*Start - formulario*/
.home-01-formulario {
width: 100%;
height: auto;
background-color: var(--teste00);
float: left;
}
.home-01-input {
width: 84vw;
height:15vw;
line-height:15vw;
float: left;
margin-bottom: 3vw;
border: 0vw;
border-radius: 5vw;
padding-left: 3vw;
padding-right: 3vw;
font-size:5vw;
}
.home-01-btn {
width: 90vw;
height: 15vw;
line-height: 15vw;
float: left;
margin-bottom: 3vw;
border: 0vw;
border-radius: 5vw;
font-size: 5vw;
color: white;
text-transform: uppercase;
cursor: pointer;
}
/*End - formulario*/
}