@font-face {
font-display: swap;
font-family: "Bebas Neue";
src: url(//treinamento.patrickoficial.com.br/wp-content/themes/o_plano_treinamento/assets/fonts/BebasNeue.otf) format("truetype");
}
* {
margin: 0px;
padding: 0px;
border: none;
font: inherit;
list-style: none;
background: none;
text-decoration: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type=submit], button {
cursor: pointer;
}
body {
color: #ffffff;
text-align: center;
background-color: #000000;
font-family: "Montserrat", sans-serif;
}
body a {
display: inline-block;
text-decoration: none;
}
body p {
letter-spacing: 1px;
}
body form {
position: relative;
display: block;
width: 87%;
margin: 0 auto;
}
body form > input, body form button {
position: relative;
display: block;
width: 95%;
margin: 0 auto;
color: #1db380;
text-align: left;
font-weight: 500;
font-size: 0.6vw;
margin-top: 0.2vw;
letter-spacing: 0.2px;
padding: 0.4vw 0.8vw;
border-radius: 0.4vw;
background-color: #022b1f;
border: #1a8e67 2px solid;
}
body form > input:first-of-type {
margin-top: 0vw;
}
body form button {
position: relative;
border: none;
color: #ffffff;
font-size: 0.7vw;
margin-top: 0.3vw;
text-align: center;
text-transform: uppercase;
padding: 0.55vw 0.8vw 0.75vw 0.8vw;
background: linear-gradient(to right, #215d03, #04eb91);
}
body form button b {
z-index: 0;
}
body form button input {
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
opacity: 0;
width: 101%;
height: 101%;
overflow: hidden;
border-radius: 0.4vw;
border: #1a8e67 2px solid;
background-image: url(//treinamento.patrickoficial.com.br/wp-content/themes/o_plano_treinamento/assets/images/loading.gif);
background-position: center center;
background-repeat: no-repeat;
background-size: auto 60%;
background-color: #1a8e67;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-moz-transition: 0.3s ease-out;
-o-transition: 0.3s ease-out;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
body form ::placeholder {
font-weight: 500;
font-size: 0.6vw;
color: #1db380;
}
body form span {
display: block;
color: #ffffff;
font-size: 0.6vw;
margin-top: 0.6vw;
text-transform: uppercase;
}
body form .loading {
pointer-events: none;
}
body form .loading input {
opacity: 1;
pointer-events: none;
}
body .parabens-button {
position: relative;
display: block;
margin: 0 auto;
width: 41%;
color: #ffffff;
font-size: 1.6vw;
font-weight: bold;
text-align: center;
margin-top: 5.65vw;
letter-spacing: 2.7px;
text-transform: uppercase;
}
body .parabens-button i {
position: absolute;
z-index: 1;
top: -26%;
left: -5.5%;
width: 7.9vw;
height: 7.9vw;
}
body .parabens-button i:before {
position: absolute;
content: "";
z-index: 0;
left: 50%;
top: 50%;
width: 7vw;
height: 7vw;
border-radius: 30vw;
box-shadow: -1vw -2vw 6vw 3vw rgba(3, 235, 140, 0.7);
transform: translate(-50%, -50%);
}
body .parabens-button i img {
position: absolute;
z-index: 0;
top: -13%;
left: -67%;
width: 234%;
height: auto;
}
body .parabens-button b {
position: relative;
display: block;
z-index: 0;
width: 100%;
font-weight: 600;
border-radius: 1.7vw;
border: #ffffff 2px solid;
padding: 1.5vw 1vw 1.5vw 2.7vw;
box-shadow: 0vw 0vw 0.3vw 0.2vw rgba(3, 235, 140, 0.9);
background: linear-gradient(to right, #03eb8c, #006906);
}
.container {
position: relative;
margin: 0 auto;
width: 80%;
}
.banner {
position: relative;
display: block;
z-index: 1;
width: 100%;
min-height: 28.5vw;
padding-top: 2.9vw;
}
.banner .container {
z-index: 1;
width: 53.8%;
}
.banner .container form {
display: block;
width: 39.5%;
margin-left: 0px;
min-height: 19.7vw;
margin-right: auto;
border-radius: 0.5vw;
border: #00e88f 2px solid;
padding: 0.8vw 0.5vw 0.3vw 0.5vw;
}
.banner .container form h1 {
display: flex;
gap: 5px;
color: #f9f9f9;
flex-wrap: wrap;
font-size: 2.3vw;
align-items: center;
flex-direction: row;
margin-bottom: 0.1vw;
letter-spacing: 1.5px;
justify-content: center;
font-family: "Bebas Neue";
}
.banner .container form h1 strong {
color: #00fbb1;
font-size: 2.6vw;
}
.banner .container form h2 {
font-weight: 600;
font-size: 0.82vw;
margin-bottom: 0.4vw;
text-transform: uppercase;
}
.banner .container form p {
display: block;
margin: 0 auto;
width: 90%;
line-height: 1.3;
text-align: left;
font-size: 0.62vw;
margin-bottom: 1vw;
}
.banner .container form p strong, .banner .container form p em {
color: #00fbb1;
}
.banner .container form p strong, .banner .container form p > b {
font-weight: 600;
}
.banner .container form p em b {
font-style: italic;
}
.banner .container .caracteristicas {
position: absolute;
display: block;
z-index: 0;
left: 50%;
top: 19.6vw;
width: 62.5%;
margin-top: 4vw;
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
.banner .container .caracteristicas div {
position: relative;
display: block;
width: 100%;
z-index: 0;
padding: 0.5vw 1vw;
min-height: 6.34vw;
border-radius: 1.5vw;
border: #03eb8c 2px solid;
background: linear-gradient(#03eb8c, #006906);
}
.banner .container .caracteristicas div h3 {
color: #094414;
font-size: 0.7vw;
font-weight: 700;
margin-left: -1.6vw;
margin-bottom: 0.5vw;
text-transform: uppercase;
}
.banner .container .caracteristicas div ul {
position: relative;
display: flex;
gap: 4%;
width: 100%;
flex-wrap: wrap;
align-items: start;
fex-direction: row;
justify-content: center;
}
.banner .container .caracteristicas div ul li {
width: 12%;
}
.banner .container .caracteristicas div ul li picture {
position: relative;
display: block;
z-index: 0;
width: 100%;
height: 2.8vw;
}
.banner .container .caracteristicas div ul li picture img {
position: absolute;
top: 50%;
left: 50%;
width: auto;
height: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.banner .container .caracteristicas div ul li h4 {
position: relative;
display: block;
z-index: 1;
padding: 0 5%;
color: #ffffff;
font-size: 0.55vw;
font-weight: 300;
margin-top: -0.5vw;
}
.banner .container .caracteristicas > picture {
position: absolute;
z-index: -1;
top: 1.1vw;
height: auto;
width: 10.3vw;
right: -8.7vw;
}
.banner .container .caracteristicas > picture img {
width: 100%;
height: auto;
}
.banner .bg {
position: absolute;
z-index: 0;
top: 0vw;
left: 0%;
width: 100%;
height: 100%;
}
.banner .bg img {
width: 100%;
height: auto;
}
.banner-parabens {
position: relative;
display: block;
z-index: 1;
width: 100%;
border: none;
min-height: 31.9vw;
padding-top: 3.95vw;
background-color: #000000;
}
.banner-parabens .container {
z-index: 1;
padding-bottom: 6vw;
}
.banner-parabens .container h1, .banner-parabens .container > p {
position: relative;
display: block;
z-index: 1;
margin: 0 auto;
}
.banner-parabens .container h1 {
width: 40%;
color: #00ff9a;
font-weight: 900;
font-size: 1.22vw;
margin-bottom: 3.84vw;
letter-spacing: 1.8px;
text-transform: uppercase;
}
.banner-parabens .container p {
width: 30.3%;
line-height: 1.2;
text-align: left;
font-size: 0.87vw;
}
.banner-parabens .container p strong, .banner-parabens .container p > b {
font-weight: 600;
}
.banner-parabens .container p strong, .banner-parabens .container p em {
color: #22ee9e;
}
.banner-parabens .container p em {
font-style: italic;
}
.banner-parabens .container p:last-of-type {
width: 100%;
}
.banner-parabens .container .price {
position: absolute;
z-index: 0;
right: 18.78%;
width: 12.9%;
height: auto;
bottom: -3.73vw;
line-height: 0px;
}
.banner-parabens .container .price img {
width: 100%;
height: auto;
}
.banner-parabens .bg {
position: absolute;
display: block;
z-index: 0;
top: 0%;
left: 0px;
width: 100%;
height: 100%;
border: none;
line-height: 0px;
overflow: hidden;
}
.banner-parabens .bg img {
position: absolute;
display: block;
left: 0%;
bottom: 0px;
width: 100%;
height: 100%;
object-fit: cover;
}
.depoimentos-parabens {
position: relative;
display: block;
z-index: 0;
overflow: hidden;
padding-top: 3.3vw;
padding-bottom: 4vw;
background-color: #0ee48b;
}
.depoimentos-parabens .container h2 {
display: block;
margin: auto;
width: 50%;
line-height: 1.2;
color: #04482c;
font-weight: bold;
font-size: 1.35vw;
margin-bottom: 4vw;
letter-spacing: 2.25px;
text-transform: uppercase;
}
.depoimentos-parabens .container ul {
position: relative;
display: flex;
width: 50%;
gap: 3%;
margin: 0 auto;
flex-wrap: wrap;
align-items: center;
flex-direction: row;
justify-content: center;
}
.depoimentos-parabens .container ul li {
width: 31%;
margin-top: 0.5vw;
}
.depoimentos-parabens .container ul li picture {
position: relative;
display: block;
line-height: 0;
width: 100%;
}
.depoimentos-parabens .container ul li picture img {
width: 100%;
height: auto;
}
.depoimentos-parabens .container ul li:first-of-type, .depoimentos-parabens .container ul li:nth-of-type(2), .depoimentos-parabens .container ul li:nth-of-type(3) {
margin-top: 0px;
}
.depoimentos-parabens .description {
position: relative;
display: block;
z-index: 2;
width: 100%;
margin-top: -2vw;
padding-bottom: 1vw;
}
.depoimentos-parabens .description div {
display: inline-block;
position: relative;
left: 0.1%;
width: 19.7%;
height: auto;
color: #333333;
margin: 0 auto;
margin-top: -4.2vw;
border-radius: 0.5vw;
background-color: #ffffff;
padding: 1.1vw 0% 0.9vw 0%;
}
.depoimentos-parabens .description div::before {
position: absolute;
content: "";
z-index: -1;
left: -2.5%;
top: 0vw;
width: 102%;
height: 106%;
border-radius: 0.5vw;
background-color: #00e588;
box-shadow: 1.4vw 0.2vw 1.3vw 0.2vw rgba(0, 0, 0, 0.7);
}
.depoimentos-parabens .description div h3, .depoimentos-parabens .description div p {
position: relative;
display: block;
width: 80%;
margin: 0 auto;
}
.depoimentos-parabens .description div h3 {
font-weight: 600;
font-size: 0.7vw;
margin-bottom: 0.5vw;
text-transform: uppercase;
}
.depoimentos-parabens .description div p {
font-size: 0.55vw;
font-weight: 600;
margin-top: 0.5vw;
letter-spacing: 0.5px;
}
.depoimentos-parabens .description div p strong {
font-size: 0.7vw;
font-weight: 800;
text-transform: uppercase;
}
.depoimentos-parabens .description div p em {
color: #00b56a;
font-weight: bold;
font-style: italic;
}
.depoimentos-parabens .description div p:first-of-type {
width: 80%;
margin-top: 0vw;
}
.depoimentos-parabens .parabens-button {
width: 25%;
margin-top: 3vw;
font-size: 1.2vw;
}
.depoimentos-parabens .parabens-button i {
top: -25%;
width: 6vw;
height: 6vw;
}
.depoimentos-parabens .parabens-button i:before {
display: none;
}
.depoimentos-parabens .parabens-button b {
padding: 1.2vw 1vw 1.2vw 2.5vw;
}
.depoimentos-parabens .circle-left, .depoimentos-parabens .circle-right {
position: absolute;
left: 0%;
top: -0.5vw;
width: 28.5%;
height: auto;
line-height: 0;
overflow: hidden;
}
.depoimentos-parabens .circle-left img, .depoimentos-parabens .circle-right img {
position: relative;
left: -40%;
width: 100%;
height: auto;
}
.depoimentos-parabens .circle-right {
left: initial;
right: 0%;
top: 16vw;
width: 22%;
}
.depoimentos-parabens .circle-right img {
left: initial;
right: -36%;
}
.vantagens {
position: relative;
display: block;
z-index: 0;
margin-top: -5vw;
min-height: 36.9vw;
padding-top: 12.75vw;
}
.vantagens .container {
z-index: 2;
}
.vantagens .container h2 {
color: #ffffff;
font-size: 0.92vw;
font-weight: bold;
letter-spacing: 1px;
margin-bottom: 1.25vw;
text-transform: uppercase;
}
.vantagens .container ul {
position: relative;
display: block;
width: 42.1%;
margin: 0 auto;
}
.vantagens .container ul li {
position: relative;
display: flex;
width: 100%;
flex-wrap: wrap;
margin-top: 0.8vw;
flex-direction: row;
border-radius: 0.5vw;
justify-content: start;
background-color: #00e588;
}
.vantagens .container ul li picture {
position: relative;
display: block;
width: 29.5%;
min-height: 4.2vw;
border-radius: 0.5vw;
border: #02f9d5 3px solid;
box-shadow: 1vw 0vw 1.5vw 0.5vw rgba(0, 0, 0, 0.8);
background: linear-gradient(to right, #005e00, #00e588);
}
.vantagens .container ul li picture img {
position: absolute;
top: 50%;
left: 50%;
width: auto;
height: 60%;
margin-left: 10%;
max-height: 48px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.vantagens .container ul li div {
display: flex;
gap: 2%;
width: 70%;
color: #333333;
flex-wrap: wrap;
align-items: center;
flex-direction: row;
justify-content: center;
text-transform: uppercase;
}
.vantagens .container ul li div h3 {
width: 69%;
text-align: left;
font-size: 0.7vw;
font-weight: bold;
}
.vantagens .container ul li div span {
margin-left: 5%;
font-weight: 500;
font-size: 1.6vw;
}
.vantagens .container ul li:first-of-type {
margin-top: 0vw;
}
.vantagens .description {
position: relative;
display: block;
z-index: 2;
width: 100%;
margin-top: 7.65vw;
padding-bottom: 3.3vw;
background-color: #00e588;
}
.vantagens .description div {
display: inline-block;
position: relative;
left: 0.1%;
width: 19.7%;
height: auto;
color: #333333;
margin: 0 auto;
margin-top: -4.2vw;
border-radius: 0.5vw;
background-color: #ffffff;
padding: 1.1vw 0% 0.9vw 0%;
}
.vantagens .description div::before {
position: absolute;
content: "";
z-index: -1;
left: -2.5%;
top: 0vw;
width: 102%;
height: 106%;
border-radius: 0.5vw;
background-color: #00e588;
box-shadow: 1.4vw 0.2vw 1.3vw 0.2vw rgba(0, 0, 0, 0.7);
}
.vantagens .description div h3, .vantagens .description div p {
position: relative;
display: block;
width: 80%;
margin: 0 auto;
}
.vantagens .description div h3 {
font-weight: 600;
font-size: 0.7vw;
margin-bottom: 0.5vw;
text-transform: uppercase;
}
.vantagens .description div p {
font-size: 0.55vw;
font-weight: 600;
margin-top: 0.5vw;
letter-spacing: 0.5px;
}
.vantagens .description div p strong {
font-size: 0.7vw;
font-weight: 800;
text-transform: uppercase;
}
.vantagens .description div p em {
color: #00b56a;
font-weight: bold;
font-style: italic;
}
.vantagens .description div p:first-of-type {
width: 80%;
margin-top: 0vw;
}
.vantagens .gifts {
position: absolute;
display: block;
z-index: 1;
top: 7vw;
left: 10%;
width: 18.5%;
height: auto;
}
.vantagens .gifts img {
width: 100%;
height: auto;
}
.vantagens .bg {
position: absolute;
display: block;
z-index: 0;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
overflow: hidden;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.vantagens .bg img {
position: absolute;
display: block;
top: -11.33vw;
left: 50%;
width: 100%;
height: auto;
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
.e-book {
position: relative;
display: block;
z-index: 1;
width: 100%;
padding-top: 3.1vw;
padding-bottom: 4vw;
}
.e-book .container {
z-index: 1;
}
.e-book .container h2 {
position: relative;
display: block;
margin: 0 auto;
font-size: 1.1vw;
line-height: 1.2;
font-weight: bold;
margin-bottom: 0.85vw;
letter-spacing: 2.3px;
}
.e-book .container h2 strong {
display: block;
text-transform: uppercase;
}
.e-book .container > p {
font-size: 0.6vw;
letter-spacing: 1.2px;
}
.e-book .container > div {
display: inline-table;
width: 100%;
text-align: left;
}
.e-book .container > div .book, .e-book .container > div form {
display: inline-block;
vertical-align: top;
position: relative;
}
.e-book .container > div .book {
width: 23%;
height: auto;
margin-right: 5%;
line-height: 0px;
margin-top: -0.7vw;
margin-left: 23.4%;
}
.e-book .container > div .book img {
width: 100%;
height: auto;
}
.e-book .container > div form {
width: 19.5%;
margin-top: 3.7vw;
text-align: center;
margin-left: -2.6%;
}
.e-book .container > div form > input, .e-book .container > div form button {
font-size: 0.7vw;
margin-top: 0.7vw;
text-align: center;
padding: 0.5vw 0vw 0.6vw 0vw;
}
.e-book .container > div form > input {
border: #1a8e67 1px solid;
box-shadow: 0vw 0vw 0.2vw 0.1vw #00e588;
}
.e-book .container > div form > input:first-of-type {
margin-top: 0px;
}
.e-book .container > div form button {
font-weight: 600;
font-size: 0.9vw;
margin-top: 0.5vw;
margin-bottom: 0.3vw;
padding: 0.6vw 0vw 0.9vw 0vw;
}
.e-book .container > div form ::placeholder {
font-size: 0.7vw;
}
.e-book .container > div form > p {
font-size: 0.9vw;
text-transform: uppercase;
}
.e-book .container > div form .price {
position: absolute;
display: block;
z-index: -1;
width: 14.9vw;
bottom: -3.6vw;
right: -13.85vw;
}
.e-book .container > div form .price img {
width: 100%;
height: auto;
}
.e-book .bg {
position: absolute;
display: block;
z-index: 0;
top: 0%;
left: 50%;
width: 100%;
height: 100%;
overflow: hidden;
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
.e-book .bg img {
position: absolute;
display: block;
top: 0vw;
left: 50%;
width: 100%;
height: auto;
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
.conteudo {
position: relative;
display: block;
z-index: 0;
width: 100%;
margin-top: -5vw;
padding-top: 5.85vw;
padding-bottom: 2vw;
}
.conteudo .container {
z-index: 1;
}
.conteudo .container h2 {
position: relative;
display: block;
color: #ffffff;
font-size: 1.18vw;
font-weight: 700;
margin-bottom: 1.5vw;
letter-spacing: 1.3px;
text-transform: uppercase;
}
.conteudo .container ul {
position: relative;
display: block;
width: 35.7%;
margin: 0 auto;
}
.conteudo .container ul li {
position: relative;
flex-wrap: wrap;
display: flex;
color: #333333;
border-radius: 0.8vw;
align-items: stretch;
margin-bottom: 1.31vw;
justify-content: center;
background-color: #f2f2f2;
}
.conteudo .container ul li picture {
position: relative;
width: 17.5%;
border-radius: 0.8vw;
background: linear-gradient(#08e990, #215d02);
}
.conteudo .container ul li picture img {
position: absolute;
top: 50%;
left: 50%;
width: 75%;
height: auto;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.conteudo .container ul li div {
width: 82.5%;
text-align: left;
padding: 1.5vw 3% 1.5vw 5.55%;
}
.conteudo .container ul li div h3 {
font-size: 0.78vw;
font-weight: 800;
margin-bottom: 1vw;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.conteudo .container ul li div p {
line-height: 1.2;
font-weight: 600;
font-size: 0.7vw;
}
.conteudo .container ul li div p strong {
font-weight: 800;
font-size: 0.75vw;
text-transform: uppercase;
}
.conteudo .container ul li:last-of-type {
margin-bottom: 0vw;
}
.conteudo .bg {
position: absolute;
display: block;
z-index: 0;
top: 0%;
left: 50%;
width: 100%;
height: 100%;
overflow: hidden;
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
.conteudo .bg img {
position: absolute;
display: block;
top: 0vw;
left: 50%;
width: 100%;
height: 100%;
object-fit: cover;
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
.depoimentos {
position: relative;
display: block;
width: 100%;
padding-top: 3.7vw;
padding-bottom: 3.7vw;
background-color: #00e588;
}
.depoimentos .container h2 {
color: #333333;
font-size: 1.4vw;
font-weight: bold;
margin-bottom: 1.2vw;
letter-spacing: 1.5px;
text-transform: uppercase;
}
.depoimentos .container ul {
position: relative;
display: flex;
width: 50%;
gap: 3%;
margin: 0 auto;
flex-wrap: wrap;
align-items: center;
flex-direction: row;
justify-content: center;
}
.depoimentos .container ul li {
width: 30%;
margin-top: 0.5vw;
}
.depoimentos .container ul li picture {
position: relative;
display: block;
line-height: 0;
width: 100%;
}
.depoimentos .container ul li picture img {
width: 100%;
height: auto;
}
.depoimentos .container ul li:first-of-type, .depoimentos .container ul li:nth-of-type(2), .depoimentos .container ul li:nth-of-type(3) {
margin-top: 0px;
}
.mentor {
position: relative;
display: block;
width: 100%;
overflow: hidden;
padding-top: 2vw;
padding-bottom: 2.5vw;
background-color: #00e588;
}
.mentor .container {
z-index: 1;
}
.mentor .container h2, .mentor .container > p, .mentor .container form {
display: block;
margin: 0 auto;
width: 25%;
}
.mentor .container h2 {
font-size: 1.2vw;
font-weight: bold;
margin-bottom: 1vw;
letter-spacing: 1.5px;
text-transform: uppercase;
}
.mentor .container > p {
font-size: 0.6vw;
margin-bottom: 1vw;
text-align: justify;
letter-spacing: 1px;
}
.mentor .container > p b {
font-weight: bold;
}
.mentor .container form {
margin-top: 1.5vw;
text-align: center;
}
.mentor .container form > input, .mentor .container form button {
font-size: 0.7vw;
margin-top: 0.7vw;
text-align: center;
padding: 0.5vw 0vw 0.6vw 0vw;
}
.mentor .container form > input {
border: #1a8e67 1px solid;
box-shadow: 0vw 0vw 0.2vw 0.1vw #00e588;
}
.mentor .container form > input:first-of-type {
margin-top: 0px;
}
.mentor .container form button {
font-weight: 600;
font-size: 0.7vw;
margin-top: 0.5vw;
margin-bottom: 0.3vw;
}
.mentor .container form ::placeholder {
font-size: 0.7vw;
}
.mentor .container form > p {
font-size: 0.9vw;
text-transform: uppercase;
}
.mentor .bg {
position: absolute;
display: block;
z-index: 0;
top: 0vw;
left: 50%;
width: 101%;
height: 100%;
overflow: hidden;
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
.mentor .bg img {
position: absolute;
display: block;
left: 50%;
width: 100%;
bottom: 0vw;
height: 100%;
object-fit: cover;
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
@media screen and (min-width: 701px) and (max-width: 1500px) {
body form > input, body form button {
font-size: 0.9vw;
margin-top: 0.8vw;
padding: 0.8vw 1vw;
}
body form span {
font-size: 0.8vw;
margin-top: 1vw;
}
body form ::placeholder {
font-size: 0.9vw;
}
.banner .container {
width: 70%;
}
.banner .container form {
width: 37%;
padding: 1.5vw 1vw;
border-radius: 0.8vw;
}
.banner .container form h1 {
font-size: 2.5vw;
}
.banner .container form h1 strong {
font-size: 2.8vw;
}
.banner .container form h2 {
font-size: 1vw;
}
.banner .container form p {
font-size: 0.9vw;
}
.banner .container .caracteristicas {
position: relative;
top: initial;
margin-top: 2vw;
}
.banner .container .caracteristicas div {
padding: 1vw 1.5vw;
}
.banner .container .caracteristicas div h3 {
margin-left: 0%;
font-size: 0.9vw;
margin-bottom: 0.8vw;
}
.banner .container .caracteristicas div ul li {
width: 21%;
}
.banner .container .caracteristicas div ul li picture {
height: 3.8vw;
}
.banner .container .caracteristicas div ul li h4 {
font-size: 0.8vw;
}
.vantagens .container h2 {
font-size: 1.1vw;
}
.vantagens .container ul {
width: 55%;
}
.vantagens .container ul li picture {
min-height: 6vw;
}
.vantagens .container ul li div {
padding: 1vw 0vw;
}
.vantagens .container ul li div span {
font-size: 1.8vw;
}
.vantagens .container ul li div h3 {
font-size: 0.9vw;
}
.vantagens .description div {
width: 35%;
left: initial;
}
.vantagens .description div h3 {
font-size: 1vw;
}
.vantagens .description div p {
font-size: 0.9vw;
}
.e-book .container h2, .e-book .container > p {
letter-spacing: 1px;
}
.e-book .container h2 {
font-size: 1.3vw;
}
.e-book .container > p {
font-size: 0.9vw;
}
.e-book .container > div {
width: 50%;
margin-top: 1vw;
margin-bottom: 4.5vw;
}
.e-book .container > div .book {
width: 45%;
margin-top: 0vw;
margin-left: 0%;
}
.e-book .container > div .book img {
position: relative;
top: -3vw;
left: -66%;
width: 166%;
margin-bottom: -9vw;
}
.e-book .container > div form {
width: 52%;
margin-top: 6vw;
}
.e-book .container > div form > input, .e-book .container > div form button {
font-size: 0.9vw;
margin-top: 0.8vw;
padding: 0.8vw 1vw;
}
.e-book .container > div form span {
font-size: 0.8vw;
margin-top: 1vw;
}
.e-book .container > div form ::placeholder {
font-size: 0.9vw;
}
.conteudo {
padding-top: 4vw;
padding-bottom: 4vw;
}
.conteudo .container h2 {
font-size: 1.3vw;
letter-spacing: 1px;
}
.conteudo .container ul {
width: 50%;
}
.conteudo .container ul li div h3 {
font-size: 1vw;
}
.conteudo .container ul li div p {
font-size: 0.9vw;
}
.conteudo .container ul li div p strong {
font-size: 0.95vw;
}
.depoimentos .container h2 {
font-size: 1.3vw;
letter-spacing: 1px;
}
.depoimentos .container ul {
width: 70%;
}
.mentor {
padding-top: 4vw;
padding-bottom: 5vw;
}
.mentor .container h2, .mentor .container > p, .mentor .container form {
width: 30%;
}
.mentor .container h2 {
font-size: 1.3vw;
letter-spacing: 1px;
}
.mentor .container > p {
font-size: 0.9vw;
}
.mentor .container form > input, .mentor .container form button {
font-size: 0.9vw;
margin-top: 0.8vw;
padding: 0.8vw 1vw;
}
.mentor .container form span {
font-size: 0.8vw;
margin-top: 1vw;
}
.mentor .container form ::placeholder {
font-size: 0.9vw;
}
}
@media screen and (max-width: 1500px) {
body .parabens-button {
width: 500px;
font-size: 25px;
margin-top: 90px;
}
body .parabens-button i {
top: 50%;
width: 120px;
height: 120px;
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
body .parabens-button i::before {
width: 80%;
height: 80%;
}
body .parabens-button b {
border-radius: 25px;
padding: 25px 10px 25px 30px;
}
.banner-parabens {
padding-top: 60px;
}
.banner-parabens .container {
padding-bottom: 90px;
}
.banner-parabens .container h1 {
font-size: 18px;
min-width: 450px;
letter-spacing: 1px;
margin-bottom: 60px;
}
.banner-parabens .container p {
min-width: 340px;
font-size: 13px;
}
.banner-parabens .container .price {
width: 160px;
bottom: -60px;
}
.depoimentos-parabens {
padding-top: 60px;
padding-bottom: 60px;
}
.depoimentos-parabens .container h2 {
width: 45%;
font-size: 21px;
min-width: 530px;
letter-spacing: 1px;
margin-bottom: 40px;
}
.depoimentos-parabens .container ul {
width: 70%;
min-width: 600px;
}
.depoimentos-parabens .container ul li {
width: 31%;
margin-top: 10px;
}
.depoimentos-parabens .description {
width: 45%;
margin: 0 auto;
min-width: 435px;
margin-top: -10px;
padding-bottom: 60px;
}
.depoimentos-parabens .description div {
left: 0%;
width: 80%;
margin-top: -80px;
padding: 15px 0px;
border-radius: 10px;
}
.depoimentos-parabens .description div::before {
border-radius: 10px;
box-shadow: 12px 5px 15px 3px rgba(0, 0, 0, 0.7);
}
.depoimentos-parabens .description div h3 {
font-size: 15px;
margin-bottom: 10px;
}
.depoimentos-parabens .description div p {
font-size: 13px;
margin-top: 5px;
}
.depoimentos-parabens .description div p strong {
font-size: 15px;
}
.depoimentos-parabens .parabens-button {
width: 40%;
font-size: 18px;
min-width: 400px;
margin-top: 30px;
}
.depoimentos-parabens .parabens-button i {
top: 50%;
width: 100px;
height: 100px;
}
.depoimentos-parabens .parabens-button b {
padding: 25px 10px 25px 50px;
}
}
@media screen and (max-width: 900px) {
.banner-parabens .container .price {
right: 0%;
}
.depoimentos-parabens .container h2 {
width: 80%;
min-width: 300px;
}
.depoimentos-parabens .container ul {
width: 70%;
min-width: 300px;
}
.depoimentos-parabens .container ul li {
width: 48%;
margin-top: 10px;
}
}
@media screen and (max-width: 700px) {
body form > input, body form button {
font-size: 13px;
margin-top: 10px;
padding: 10px 10px;
border-radius: 10px;
}
body form ::placeholder {
font-size: 13px;
}
body form button {
margin-top: 15px;
padding: 12px 10px;
}
body form span {
font-size: 11px;
margin-top: 15px;
}
body .parabens-button {
width: 50%;
font-size: 15px;
min-width: 350px;
}
body .parabens-button i {
top: 50%;
width: 80px;
height: 80px;
}
body .parabens-button b {
padding: 20px 10px 20px 50px;
}
body .container {
width: 80%;
}
.banner {
padding-top: 40px;
}
.banner .container {
width: 80%;
}
.banner .container form {
width: 70%;
border-radius: 10px;
padding: 15px 10px;
margin-bottom: 50px;
background-color: #000000;
}
.banner .container form h1 {
font-size: 28px;
margin-bottom: 5px;
}
.banner .container form h1 strong {
font-size: 32px;
}
.banner .container form h2 {
font-size: 13px;
margin-bottom: 5px;
}
.banner .container form p {
font-size: 13px;
text-align: center;
margin-bottom: 30px;
}
.banner .container .caracteristicas {
position: relative;
top: initial;
width: 100%;
bottom: initial;
margin-top: 0px;
}
.banner .container .caracteristicas div {
padding: 15px 10px;
}
.banner .container .caracteristicas div h3 {
margin-left: 0%;
font-size: 11px;
margin-bottom: 10px;
}
.banner .container .caracteristicas div ul li {
width: 22%;
}
.banner .container .caracteristicas div ul li picture {
height: 50px;
}
.banner .container .caracteristicas div ul li h4 {
font-size: 11px;
margin-top: -5px;
}
.banner .container .caracteristicas > picture {
top: initial;
right: 0%;
width: 200px;
bottom: -140px;
}
.banner-parabens .container h1 {
min-width: 300px;
margin-bottom: 30px;
text-shadow: 1px 1px 1px #000000;
}
.banner-parabens .container p {
width: 70%;
}
.banner-parabens .container p:first-of-type {
padding: 15px 20px;
border-radius: 15px;
background-color: #000;
}
.banner-parabens .bg img {
right: -10%;
width: auto;
height: 100%;
left: initial;
object-fit: initial;
}
.depoimentos-parabens .container ul li {
width: 100%;
}
.depoimentos-parabens .description {
width: 90%;
margin: 0 auto;
min-width: 300px;
margin-top: 20px;
}
.depoimentos-parabens .description div {
margin-top: 0px;
}
.depoimentos-parabens .parabens-button {
width: 70%;
min-width: 400px;
}
.vantagens {
margin-top: 0px;
padding-top: 190px;
}
.vantagens .container h2 {
font-size: 15px;
letter-spacing: 1px;
margin-bottom: 15px;
}
.vantagens .container ul {
width: 100%;
}
.vantagens .container ul li {
margin-top: 10px;
border-radius: 10px;
}
.vantagens .container ul li picture {
min-height: 80px;
border-radius: 10px;
}
.vantagens .container ul li picture img {
margin-left: 0px;
}
.vantagens .container ul li div {
gap: 4%;
padding: 10px 10px;
}
.vantagens .container ul li div span {
font-size: 28px;
}
.vantagens .container ul li div h3 {
width: 80%;
font-size: 13px;
}
.vantagens .description {
margin-top: 130px;
padding-bottom: 60px;
}
.vantagens .description div {
left: 0%;
width: 80%;
margin-top: -80px;
padding: 15px 0px;
border-radius: 10px;
}
.vantagens .description div::before {
border-radius: 10px;
box-shadow: 12px 5px 15px 3px rgba(0, 0, 0, 0.7);
}
.vantagens .description div h3 {
font-size: 15px;
margin-bottom: 10px;
}
.vantagens .description div p {
font-size: 13px;
margin-top: 5px;
}
.vantagens .description div p strong {
font-size: 15px;
}
.vantagens .gifts {
left: 0%;
top: 30px;
width: 200px;
}
.vantagens .bg img {
top: -36vw;
}
.e-book {
padding-top: 40px;
padding-bottom: 60px;
}
.e-book .container h2 {
font-size: 15px;
letter-spacing: 1px;
margin-bottom: 10px;
}
.e-book .container p {
font-size: 13px;
letter-spacing: 1px;
margin-bottom: 30px;
}
.e-book .container div {
position: relative;
display: flex;
gap: 4%;
width: 100%;
margin: 0 auto;
flex-wrap: wrap;
margin-top: 0px;
align-items: center;
flex-direction: row;
justify-content: center;
}
.e-book .container div .book, .e-book .container div form {
width: 53%;
margin-left: 0px;
margin-right: 0px;
}
.e-book .container div .book {
width: 43%;
margin-top: 0px;
}
.e-book .container div .book img {
width: 160%;
margin-top: -5vw;
margin-left: -62%;
margin-bottom: -9.5vw;
}
.e-book .container div form {
margin-top: 0px;
}
.e-book .container div form > input, .e-book .container div form button {
font-size: 13px;
margin-top: 10px;
padding: 10px 10px;
border-radius: 10px;
}
.e-book .container div form button {
margin-top: 15px;
padding: 12px 10px;
}
.e-book .container div form span {
font-size: 11px;
margin-top: 15px;
}
.e-book .container div form ::placeholder {
font-size: 13px;
}
.e-book .container div form .price {
top: initial;
right: -40px;
width: 130px;
bottom: -70px;
}
.conteudo {
margin-top: 0px;
padding-top: 40px;
padding-bottom: 40px;
}
.conteudo .container h2 {
font-size: 15px;
letter-spacing: 1px;
margin-bottom: 15px;
}
.conteudo .container ul {
width: 80%;
}
.conteudo .container ul li {
border-radius: 10px;
margin-bottom: 10px;
}
.conteudo .container ul li picture {
width: 20%;
border-radius: 10px;
}
.conteudo .container ul li div {
width: 80%;
padding: 20px 15px;
}
.conteudo .container ul li div h3 {
font-size: 13px;
margin-bottom: 10px;
}
.conteudo .container ul li div p {
font-size: 11px;
}
.conteudo .container ul li div p strong {
font-size: 11px;
}
.depoimentos {
padding-top: 40px;
padding-bottom: 40px;
}
.depoimentos .container h2 {
font-size: 15px;
letter-spacing: 1px;
margin-bottom: 15px;
}
.depoimentos .container ul {
width: 100%;
}
.depoimentos .container ul li {
width: 31%;
margin-top: 10px;
}
.mentor {
padding-top: 40px;
padding-bottom: 40px;
background-color: #000000;
}
.mentor .container h2, .mentor .container p, .mentor .container form {
width: 60%;
}
.mentor .container h2 {
font-size: 15px;
letter-spacing: 1px;
margin-bottom: 10px;
}
.mentor .container p {
font-size: 13px;
margin-bottom: 10px;
letter-spacing: 1px;
}
.mentor .container form {
margin-top: 30px;
border-radius: 10px;
}
.mentor .container form > input, .mentor .container form button {
width: 100%;
font-size: 13px;
margin-top: 10px;
padding: 10px 10px;
border-radius: 10px;
}
.mentor .container form button {
margin-top: 15px;
padding: 12px 10px;
}
.mentor .container form span {
font-size: 11px;
margin-top: 15px;
}
.mentor .container form ::placeholder {
font-size: 13px;
}
.mentor .bg img {
top: 0vw;
height: auto;
bottom: initial;
object-fit: initial;
}
}
@media screen and (max-width: 500px) {
body .parabens-button {
width: 100%;
font-size: 15px;
min-width: 100%;
}
body .parabens-button i {
top: 50%;
width: 70px;
height: 70px;
}
body .parabens-button b {
padding: 20px 10px 20px 40px;
}
.banner .container form {
width: 100%;
margin-top: 110px;
margin-bottom: 40px;
}
.banner .container .caracteristicas div {
border-radius: 10px;
}
.banner .container .caracteristicas div ul li {
width: 48%;
margin-top: 15px;
}
.banner .container .caracteristicas div ul li picture {
height: 65px;
}
.banner .container .caracteristicas div ul li h4 {
font-size: 13px;
}
.banner .container .caracteristicas div ul li:first-of-type, .banner .container .caracteristicas div ul li:nth-of-type(2) {
margin-top: 0px;
}
.banner-parabens .container p {
min-width: 100%;
}
.banner-parabens .container p:first-of-type {
min-width: 100%;
}
.depoimentos-parabens .parabens-button {
width: 80%;
font-size: 15px;
min-width: 80%;
}
.depoimentos-parabens .parabens-button i {
top: 50%;
width: 70px;
height: 70px;
}
.depoimentos-parabens .parabens-button b {
padding: 20px 10px 20px 40px;
}
.depoimentos-parabens .circle-left {
top: 150px;
}
.depoimentos-parabens .circle-right {
top: 300px;
}
.vantagens {
padding-top: 220px;
}
.vantagens .container ul li {
gap: 4%;
}
.vantagens .container ul li picture {
width: 20%;
}
.vantagens .container ul li picture img {
max-height: 35px;
}
.vantagens .container ul li div {
width: 72%;
padding: 10px 0px;
}
.vantagens .container ul li div span {
width: 12%;
font-size: 21px;
margin-left: 0%;
}
.vantagens .container ul li div h3 {
width: 84%;
font-size: 11px;
}
.vantagens .gifts {
top: 70px;
left: -60px;
width: 150px;
}
.e-book {
padding-bottom: 60px;
}
.e-book .container div .book, .e-book .container div form {
width: 100%;
}
.e-book .container div .book {
max-width: 200px;
margin-bottom: 20px;
}
.e-book .container div form .price {
top: initial;
right: -30px;
bottom: -60px;
}
.conteudo .container ul {
width: 100%;
}
.conteudo .container ul li picture {
width: 25%;
}
.conteudo .container ul li div {
width: 75%;
}
.depoimentos .container ul li {
width: 48%;
}
.mentor .container h2, .mentor .container p, .mentor .container form {
width: 80%;
}
}
@media screen and (max-width: 400px) {
.depoimentos .container ul li {
width: 100%;
}
}