html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
} html {
line-height: 1;
} ol, ul {
list-style: none;
} table {
border-collapse: collapse;
border-spacing: 0;
} caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
} q, blockquote {
quotes: none;
} q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none;
} a img {
border: none;
} article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
} body {
width: 100%;
*zoom: 1;
} body:before, body:after {
content: "";
display: table;
} body:after {
clear: both;
} * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: none;
margin: 0;
} *:active {
outline: none;
} input[type="submit"] {
cursor: pointer;
} body {
text-align: center;
background-color: #000000;
font-family: "Montserrat", sans-serif;
} body h1, body h2 {
display: inline-block;
position: relative;
color: #ffffff;
font-size: 2vw;
font-weight: 500;
line-height: 1.3;
text-transform: uppercase;
} body h1 strong, body h2 strong {
color: #67ff07;
font-weight: bold;
} body h1 strong b, body h2 strong b {
font-size: 2.15vw;
} body h1 {
width: 80%;
margin-bottom: 1vw;
} body h2 {
width: 100%;
letter-spacing: 0.2vw;
} body h2 > b {
font-size: 1.7vw;
font-weight: bold;
} body h2 u {
position: relative;
display: inline;
line-height: 1;
text-decoration: none;
} body h2 u:before {
position: absolute;
content: "";
left: 0%;
width: 100%;
height: 3px;
bottom: -2px;
background-color: #ffffff;
} body .h2_strong {
font-size: 2.23vw;
} body p {
color: #ffffff;
font-size: 1.2vw;
} body p b {
font-weight: bold;
} body p em {
font-style: italic;
} body .container {
position: relative;
z-index: 1;
width: 65%;
margin: 0 auto;
} body .container > p {
color: #ffffff;
font-size: 1vw;
margin-bottom: 3.7vw;
letter-spacing: 0.1vw;
text-transform: uppercase;
} body .container .p_subtitle {
font-size: 1.18vw;
letter-spacing: 0.1vw;
} body .container ul {
display: inline-table;
position: relative;
width: 75.6%;
} body .container ul li {
position: relative;
width: 100%;
padding: 0.06vw;
text-align: left;
min-height: 7.4vw;
padding-top: 1.8vw;
padding-left: 22.8%;
margin-bottom: 2.6vw;
padding-bottom: 0.8vw;
border: #ffffff 2px solid;
} body .container ul li i {
position: absolute;
top: 0.6vw;
left: -4.1%;
color: #181818;
width: 11.9vw;
height: 5.4vw;
font-weight: bold;
background-color: #67ff07;
text-transform: uppercase;
border-top-left-radius: 0.8vw;
border-bottom-right-radius: 0.8vw;
} body .container ul li i span, body .container ul li i img {
position: absolute;
top: 50%;
left: 50%;
font-size: 3.3vw;
font-weight: 800;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} body .container ul li i img {
width: auto;
height: 80%;
} body .container ul li h3 {
color: #ffffff;
font-size: 1.3vw;
font-weight: bold;
margin-bottom: 0.6vw;
letter-spacing: 0.06vw;
text-transform: uppercase;
} body .container ul li p {
width: 80%;
color: #ffffff;
font-size: 1vw;
font-weight: 500;
line-height: 1.3;
letter-spacing: 0.03vw;
} body .container ul li button {
position: absolute;
cursor: pointer;
width: 3.4vw;
right: -1.7vw;
height: 3.4vw;
bottom: -1.8vw;
border-radius: 0.3vw;
background-color: #000000;
border: #ffffff 3px solid;
box-shadow: 0.1vw 0.1vw 0.4vw 0.2vw rgba(0, 0, 0, 0.5);
-moz-transition: ease-out 0.3s;
-o-transition: ease-out 0.3s;
-webkit-transition: ease-out 0.3s;
transition: ease-out 0.3s;
} body .container ul li button:before, body .container ul li button:after {
position: absolute;
content: "";
-moz-transition: ease-out 0.3s;
-o-transition: ease-out 0.3s;
-webkit-transition: ease-out 0.3s;
transition: ease-out 0.3s;
} body .container ul li button:before {
opacity: 1;
top: 0vw;
right: 0%;
width: 88%;
height: 88%;
background-color: #303030;
} body .container ul li button:after {
opacity: 0;
left: 0%;
top: 0vw;
width: 100%;
height: 100%;
background-image: url(//priceaction.patrickoficial.com.br/wp-content/themes/mestres_10x/images/icons/check_branco.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: 60%;
} body .container ul li .selected {
background-color: #269437;
} body .container ul li .selected:before {
opacity: 0;
} body .container ul li .selected:after {
opacity: 1;
} body .container ul li:last-of-type {
margin-bottom: 0vw;
} body .button {
position: relative;
display: block;
z-index: 1;
padding: 1vw;
width: 42.7vw;
height: 8.8vw;
color: #ffffff;
margin: 0 auto;
font-size: 2vw;
font-weight: 800;
padding-top: 2.8vw;
border-radius: 30vw;
text-decoration: none;
padding-bottom: 3.2vw;
letter-spacing: 0.05vw;
text-transform: uppercase;
background-color: #00cc01;
border: #03fa4f 0.4vw solid;
box-shadow: 0vw 0vw 0vw 0vw rgba(2, 253, 7, 0.3);
text-shadow: 0.1vw 0.5vw 0.6vw rgba(0, 0, 0, 0.5);
background-image: linear-gradient(to right, #007900, #00cc01);
-webkit-animation: pulse 1.5s infinite;
-moz-animation: pulse 1.5s infinite;
-ms-animation: pulse 1.5s infinite;
-o-animation: pulse 1.5s infinite;
animation: pulse 1.5s infinite;
-moz-transition: ease-out 0.5s;
-o-transition: ease-out 0.5s;
-webkit-transition: ease-out 0.5s;
transition: ease-out 0.5s;
}
@-webkit-keyframes pulse {
0% {
-moz-transform: scale(0.95);
-ms-transform: scale(0.95);
-webkit-transform: scale(0.95);
transform: scale(0.95);
}
70% {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
box-shadow: 0vw 0vw 30px 15px rgba(2, 253, 7, 0.3);
}
100% {
-moz-transform: scale(0.95);
-ms-transform: scale(0.95);
-webkit-transform: scale(0.95);
transform: scale(0.95);
box-shadow: 0vw 0vw 0vw 0vw rgba(2, 253, 7, 0.3);
}
} body .bg {
position: absolute;
z-index: 0;
top: 0%;
left: 0%;
width: 100%;
height: auto;
line-height: 0;
} body .bg img {
width: 100%;
height: auto;
} body .pg {
position: relative;
width: 100%;
} header {
padding-top: 3.9vw;
} header a {
position: relative;
display: block;
z-index: 1;
width: 12.9vw;
margin: 0 auto;
} header a img {
width: 100%;
height: auto;
} .banner {
margin-top: 2.3vw;
} .banner .container > div {
display: inline-block;
position: relative;
width: 88.5%;
height: auto;
} .banner .container > div h1 {
width: 100%;
} .banner .container > div .video, .banner .container > div iframe {
position: relative;
display: block;
width: 100%;
height: auto;
line-height: 0;
} .banner .container > div .video img, .banner .container > div iframe img {
width: 100%;
height: auto;
} .banner .container > div iframe {
height: 32vw;
} .banner .container > div .results {
vertical-align: middle;
display: inline-block;
position: relative;
width: 31%;
height: auto;
line-height: 0;
overflow: hidden;
margin-left: 0.5%;
margin-right: 0.5%;
margin-bottom: 2vw;
border-radius: 1.5vw;
} .banner .container > div .results img {
width: 100%;
height: auto;
} .banner .container > div .play {
position: absolute;
top: 50%;
left: 50%;
margin: 0vw;
padding: 0vw;
width: 7.9vw;
height: 7.9vw;
cursor: pointer;
overflow: hidden;
border-radius: 30vw;
background-color: #67ff07;
-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 > div .play:before {
position: absolute;
content: "";
top: 0%;
left: 0%;
width: 100%;
height: 100%;
margin-left: 5%;
background-image: url(//priceaction.patrickoficial.com.br/wp-content/themes/mestres_10x/images/icons/play.png);
background-position: center top 90%;
background-repeat: no-repeat;
background-size: 60%;
} .caminhos {
padding-top: 6.5vw;
padding-bottom: 3.8vw;
} .caminhos:before {
position: absolute;
content: "";
left: 50%;
width: 6.7%;
bottom: 0vw;
height: 0.5vw;
background-color: #67ff07;
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
} .caminhos .container h2 {
margin-bottom: 1vw;
} .caminhos .bg {
margin-top: -8vw;
} .objetivos {
display: inline-block;
margin-top: 8vw;
padding-bottom: 5vw;
background-color: #67ff07;
} .objetivos .container {
z-index: 3;
} .objetivos .container h2 {
margin-bottom: 0.8vw;
} .objetivos .container h2 b {
color: #181818;
} .objetivos .container > p {
color: #181818;
font-weight: 600;
margin-bottom: 4.3vw;
} .objetivos .container ul li {
padding-left: 28.8%;
border: #181818 2px solid;
} .objetivos .container ul li i {
background-color: #181818;
border-top-left-radius: 0vw;
border-bottom-right-radius: 0vw;
} .objetivos .container ul li p {
color: #181818;
font-size: 1.1vw;
font-weight: bold;
} .objetivos .results {
display: inline-block;
position: absolute;
z-index: 2;
line-height: 0;
} .objetivos .results img {
width: 100%;
height: auto;
} .objetivos .result01 {
left: 0%;
top: -14.55vw;
width: 30.9vw;
} .objetivos .result02 {
right: 0%;
top: 2.4vw;
width: 24.6vw;
} .objetivos .result03 {
left: 0%;
top: 31.25vw;
width: 22.7vw;
} .objetivos .result04 {
top: 34.4vw;
right: 0%;
width: 23vw;
} .objetivos .bg {
z-index: 1;
top: -13.9vw;
} .ciclo {
padding-top: 5.1vw;
padding-bottom: 6.3vw;
} .ciclo .container h2 {
margin-bottom: 10.2vw;
} .ciclo .container h2 strong {
color: #ffffff;
} .ciclo .container h2:before {
position: absolute;
content: "";
left: 50%;
width: 54%;
height: 0.5vw;
bottom: -1.5vw;
background-color: #ff0100;
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
} .ciclo .container section {
display: inline-table;
position: relative;
width: 100%;
text-align: right;
} .ciclo .container section > div {
display: inline-block;
vertical-align: top;
position: relative;
} .ciclo .container section .image {
width: 35%;
margin-right: 6%;
text-align: center;
} .ciclo .container section .image h3 {
display: block;
width: 100%;
height: auto;
color: #ff1d42;
font-size: 1vw;
line-height: 1.1;
font-weight: bold;
margin-top: 3.1vw;
margin-bottom: 0.95vw;
text-transform: uppercase;
} .ciclo .container section .image h3 b {
display: block;
font-size: 2.1vw;
} .ciclo .container section .image .circle {
display: inline-block;
position: relative;
width: 19.3vw;
height: 19.3vw;
} .ciclo .container section .image .circle:before {
position: absolute;
content: "";
z-index: 0;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
border-radius: 50vw;
border: #ff1d42 thin solid;
background-color: rgba(255, 29, 66, 0.1);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .ciclo .container section .image .circle h4, .ciclo .container section .image .circle i {
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .ciclo .container section .image .circle h4 {
color: #ffffff;
font-size: 0.7vw;
line-height: 1.7;
font-weight: bold;
text-transform: uppercase;
} .ciclo .container section .image .circle i img {
z-index: 0;
width: 100%;
height: auto;
} .ciclo .container section .image .circle .title1 {
top: 33%;
left: 7%;
width: 50%;
} .ciclo .container section .image .circle .title2 {
top: 34%;
left: 94%;
width: 57%;
} .ciclo .container section .image .circle .title3 {
top: 83.8%;
width: 68%;
} .ciclo .container section .image .circle .seta1 {
left: 2%;
top: 62%;
width: 4vw;
} .ciclo .container section .image .circle .seta1 img {
-webkit-transform: rotateZ(10deg);
-moz-transform: rotateZ(10deg);
-ms-transform: rotateZ(10deg);
-o-transform: rotateZ(10deg);
transform: rotateZ(10deg);
} .ciclo .container section .image .circle .seta2 {
top: 10.6%;
left: 50%;
width: 7vw;
} .ciclo .container section .image .circle .seta2 img {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
} .ciclo .container section .image .circle .seta3 {
top: 61.5%;
left: 97.8%;
width: 3.5vw;
} .ciclo .container section .image .circle .seta3 img {
-webkit-transform: rotateZ(55deg);
-moz-transform: rotateZ(55deg);
-ms-transform: rotateZ(55deg);
-o-transform: rotateZ(55deg);
transform: rotateZ(55deg);
} .ciclo .container section .desc {
width: 58.3%;
color: #ffffff;
text-align: left;
} .ciclo .container section .desc h3 {
line-height: 1.2;
font-size: 1.8vw;
font-weight: bold;
margin-bottom: 0.8vw;
text-transform: uppercase;
} .ciclo .container section .desc p {
text-align: justify;
line-height: 1.2;
margin-bottom: 1.2vw;
text-align-last: left;
} .ciclo .container section .desc p b {
display: block;
} .ciclo .container section .desc p u {
color: #fc0100;
font-weight: bold;
} .tempo .container {
z-index: 3;
width: 71.5%;
} .tempo .container .title {
position: relative;
width: 100%;
margin-bottom: 7.6vw;
padding-bottom: 2.4vw;
} .tempo .container .title:before {
position: absolute;
content: "";
left: 50%;
width: 49%;
bottom: 0vw;
height: 0.5vw;
background-color: #ff0100;
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
} .tempo .container .title h2 {
margin-bottom: 0.5vw;
} .tempo .container .title h2 strong {
color: #ffffff;
} .tempo .container .title p {
text-transform: initial;
} .tempo .container ul {
width: 100%;
text-align: right;
} .tempo .container ul li {
display: inline-block;
width: 68.4%;
padding-top: 1vw;
padding-left: 15.5%;
} .tempo .container ul li i {
width: 11.7vw;
background-color: initial;
background-image: linear-gradient(to right, #010300 25%, #3e3b3a);
} .tempo .container ul li i img {
width: 5.6vw;
height: auto;
} .tempo .container ul li h3 {
line-height: 1.2;
font-size: 1.45vw;
margin-bottom: 0.5vw;
} .tempo .container ul li p {
width: 97%;
} .tempo i {
position: absolute;
z-index: 2;
} .tempo i img {
width: 100%;
height: auto;
} .tempo .loss {
left: 0%;
top: 22.9vw;
width: 8.5vw;
} .tempo .close {
right: 0%;
top: 26.2vw;
width: 15.8vw;
} .tempo .fundo, .tempo .fundo_vermelho {
position: absolute;
height: auto;
} .tempo .fundo img, .tempo .fundo_vermelho img {
width: 100%;
height: auto;
} .tempo .fundo {
opacity: 0.9;
z-index: 1;
left: 1.3%;
top: 12.3vw;
width: 50.55%;
} .tempo .fundo_vermelho {
z-index: 0;
left: 0%;
width: 67%;
opacity: 0.3;
top: -21.5vw;
} .patrick {
padding-top: 19.2vw;
} .patrick .container {
display: inline-table;
text-align: left;
} .patrick .container section {
display: inline-block;
vertical-align: top;
position: relative;
width: 63.65%;
margin-left: 2%;
} .patrick .container section h2 {
margin-bottom: 2.6vw;
} .patrick .container section h2:before {
position: absolute;
content: "";
left: 0%;
width: 100%;
height: 0.5vw;
bottom: -1.25vw;
background-color: #67ff07;
} .patrick .container section h2 strong {
color: #ffffff;
} .patrick .container section p {
font-size: 1.34vw;
line-height: 1.2;
text-align: justify;
margin-bottom: 1.35vw;
text-align-last: left;
} .patrick .container section p u {
font-weight: bold;
} .patrick .container section ul {
width: 103.3%;
margin-left: -2.9%;
margin-top: 0.43vw;
} .patrick .container section ul li {
border: none;
padding: 1.2vw;
min-height: 0vw;
padding-top: 0.3vw;
margin-bottom: 1.5vw;
padding-left: 1.06vw;
padding-bottom: 0.4vw;
border-top-left-radius: 1vw;
border: #016516 0.3vw solid;
} .patrick .container section ul li h3, .patrick .container section ul li p {
z-index: 1;
} .patrick .container section ul li h3 {
line-height: 1.2;
font-size: 1.73vw;
margin-bottom: 0vw;
letter-spacing: 0.04vw;
} .patrick .container section ul li h3 b {
color: #67ff07;
} .patrick .container section ul li p {
width: 95%;
font-size: 1.15vw;
margin-bottom: 0vw;
} .patrick .container picture {
position: absolute;
width: 47.8%;
top: -0.75vw;
right: -4.5%;
} .patrick .container picture img {
width: 100%;
height: auto;
} .patrick .bg {
top: -16.2vw;
} .grafico {
padding-top: 10.2vw;
} .grafico .container h2 {
width: 85%;
font-size: 2.3vw;
margin-bottom: 6.6vw;
letter-spacing: 0.1vw;
} .grafico .container h2:before {
position: absolute;
content: "";
left: 50%;
width: 64%;
height: 0.5vw;
bottom: -1.7vw;
background-color: #67ff07;
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
} .grafico .container h2 strong {
color: #ffffff;
} .grafico .container h2 strong u {
display: initial;
text-decoration: underline;
} .grafico .container h2 strong u:before {
display: none;
} .grafico .container p {
display: inline-block;
width: 65%;
line-height: 1.3;
font-size: 1.25vw;
margin-bottom: 1.2vw;
text-transform: initial;
} .grafico .container p strong {
color: #67ff07;
font-weight: bold;
} .grafico .container p b {
color: #181818;
background-color: #67ff07;
} .grafico .bg {
top: 2.7vw;
} .o_metodo {
padding-top: 11.95vw;
} .o_metodo .container > picture {
display: inline-block;
position: relative;
width: 100%;
margin-bottom: 4.5vw;
} .o_metodo .container > picture:before {
position: absolute;
content: "";
left: 50%;
width: 24%;
height: 0.5vw;
bottom: -1.95vw;
background-color: #67ff07;
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
} .o_metodo .container > picture > img {
display: inline-block;
position: relative;
width: 27.6vw;
} .o_metodo .container > p {
display: inline-block;
width: 95%;
font-size: 2.1vw;
font-weight: 500;
line-height: 1.2;
letter-spacing: 0vw;
margin-bottom: 7.7vw;
} .o_metodo .container > p u {
color: #67ff07;
font-weight: bold;
} .o_metodo .container section {
display: inline-table;
position: relative;
width: 100%;
text-align: left;
margin-bottom: 5.9vw;
} .o_metodo .container section picture, .o_metodo .container section div {
vertical-align: middle;
display: inline-block;
position: relative;
} .o_metodo .container section picture {
width: 37.4%;
margin-left: 10.5%;
} .o_metodo .container section picture img {
width: 100%;
height: auto;
} .o_metodo .container section > div {
width: 46.1%;
height: 23.4vw;
overflow: hidden;
text-align: left;
margin-top: 0.2vw;
margin-left: -2.9%;
border-radius: 2.8vw;
border: #0af821 0.3vw solid;
box-shadow: -0.9vw 3.1vw 2.1vw 0.5vw rgba(0, 0, 0, 0.7);
} .o_metodo .container section > div:before {
position: absolute;
content: "";
z-index: 0;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
opacity: 0.8;
background-image: linear-gradient(to right, rgba(62, 59, 58, 0.8) -85%, #000000);
} .o_metodo .container section > div div {
position: absolute;
z-index: 1;
top: 50%;
left: 0%;
width: 100%;
padding-left: 4.05vw;
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
} .o_metodo .container section > div div h3 {
display: inline-block;
position: relative;
color: #0af821;
font-size: 2vw;
font-weight: 800;
margin-left: 1.2%;
padding-left: 3.6vw;
margin-bottom: 2.7vw;
text-transform: uppercase;
} .o_metodo .container section > div div h3 i {
position: absolute;
top: 25%;
width: 3vw;
height: 3vw;
left: -5.55%;
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
} .o_metodo .container section > div div h3 i img {
width: 100%;
height: auto;
} .o_metodo .container section > div div p {
font-weight: 500;
font-size: 1.45vw;
margin-bottom: 0.5vw;
text-transform: uppercase;
} .o_metodo .container section > div div p b {
font-weight: 800;
} .o_metodo .container section > div div p:last-of-type {
margin-bottom: 0vw;
} .o_metodo .container section:nth-of-type(even) > div {
z-index: 2;
margin-left: 7.3%;
} .o_metodo .container section:nth-of-type(even) > div div {
padding-left: 2.5vw;
} .o_metodo .container section:nth-of-type(even) picture {
z-index: 1;
width: 38.9%;
margin-left: -2.2%;
} .o_mestre {
padding-top: 5.1vw;
} .o_mestre .container section {
position: relative;
display: block;
width: 100%;
text-align: left;
min-height: 17vw;
padding-left: 34.9%;
margin-bottom: 2.5vw;
} .o_mestre .container section picture {
position: absolute;
top: 50%;
left: 0%;
width: 40.7%;
margin-top: 0.8vw;
margin-left: -5.8%;
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
} .o_mestre .container section picture img {
width: 100%;
height: auto;
} .o_mestre .container section:last-of-type {
margin-bottom: 0vw;
} .o_mestre .container div {
display: inline-block;
position: relative;
width: 85%;
} .o_mestre .container div h2 {
font-size: 2.11vw;
margin-bottom: 3.1vw;
letter-spacing: 0.1vw;
} .o_mestre .container div h2 strong {
color: #ffffff;
} .o_mestre .container div h2:before {
position: absolute;
content: "";
left: 0%;
width: 100%;
height: 0.5vw;
bottom: -0.7vw;
background-color: #67ff07;
} .o_mestre .container div p {
line-height: 1.1;
text-align: justify;
margin-bottom: 1.5vw;
} .o_mestre .container div p u {
font-weight: bold;
} .o_mestre .container div p:last-of-type {
margin-bottom: 0vw;
} .o_mestre .container ul {
width: 60%;
} .o_mestre .container ul li {
border: none;
min-height: auto;
padding-top: 0vw;
padding-left: 0%;
margin-bottom: 1vw;
padding-bottom: 0vw;
} .o_mestre .container ul li h3 {
font-size: 1.4vw;
margin-bottom: 0.1vw;
} .o_mestre .container ul li h3 b {
color: #67ff07;
} .o_mestre .container ul li p {
width: 100%;
font-size: 0.9vw;
} .o_mestre .down, .o_mestre .up {
position: absolute;
z-index: 0;
} .o_mestre .down img, .o_mestre .up img {
width: 100%;
height: auto;
} .o_mestre .down {
left: 0%;
} .o_mestre .down01 {
top: -5.35vw;
width: 20.4vw;
} .o_mestre .down02 {
top: 17vw;
width: 15.5vw;
} .o_mestre .up {
right: 0%;
} .o_mestre .up01 {
top: -1.4vw;
width: 9.9vw;
} .o_mestre .up02 {
top: 15.9vw;
width: 15.7vw;
} .o_mestre .oldman {
position: absolute;
z-index: 1;
right: 0%;
top: -27vw;
width: 46.1%;
} .o_mestre .oldman img {
width: 100%;
height: auto;
filter: grayscale(1);
} .acertividade {
padding-top: 6.9vw;
} .acertividade .container h2 {
width: 96.5%;
line-height: 1.2;
font-size: 2.3vw;
text-align: justify;
margin-bottom: 4.1vw;
letter-spacing: 0.1vw;
text-transform: initial;
} .acertividade .container h2 strong {
color: #06fb18;
font-weight: 800;
} .acertividade .container p {
display: inline-block;
width: 96.5%;
font-size: 1.3vw;
line-height: 1.3;
text-align: justify;
text-transform: initial;
} .resultados {
padding-top: 4.3vw;
} .resultados .container {
z-index: 2;
} .resultados .container h2 {
width: 80%;
font-size: 2.1vw;
margin-bottom: 3.1vw;
letter-spacing: 0.1vw;
} .resultados .container h2 strong {
color: #ffffff;
} .resultados .container h2:before {
position: absolute;
content: "";
left: 50%;
width: 67%;
height: 0.5vw;
bottom: -1.33vw;
background-color: #67ff07;
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
} .resultados .container > p {
font-size: 1.2vw;
font-weight: 500;
margin-bottom: 5.4vw;
text-transform: initial;
} .resultados .container ul {
display: inline-table;
position: relative;
width: 100%;
} .resultados .container ul li {
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;
width: 29.8%;
border: none;
line-height: 0;
padding-top: 0vw;
padding-left: 0vw;
margin-right: 3.4%;
padding-right: 0vw;
padding-bottom: 0vw;
margin-bottom: 6.6vw;
border-radius: 2.7vw;
box-shadow: -0.2vw 1.1vw 2.1vw 0.5vw rgba(0, 0, 0, 0.4);
} .resultados .container ul li picture {
position: relative;
width: 100%;
line-height: 0;
} .resultados .container ul li picture img {
width: 100%;
height: auto;
} .resultados .container ul li:nth-of-type(3n+3), .resultados .container ul li:last-of-type {
margin-right: 0%;
} .resultados .results {
position: absolute;
z-index: 1;
} .resultados .results img {
width: 100%;
height: auto;
} .resultados .result01 {
right: 0%;
top: 30.2vw;
width: 18.4%;
} .resultados .result02 {
left: 0%;
top: 41.75vw;
width: 30.7%;
} .resultados .result03 {
left: 0%;
top: 66vw;
width: 20.7%;
} .resultados .result04 {
right: 0%;
top: 68.4vw;
width: 25.8%;
} .resultados .result05 {
left: 1.6%;
width: 48%;
top: 84.8vw;
} .o_culpado {
padding-top: 0.2vw;
} .o_culpado .container h2 {
line-height: 1.2;
margin-bottom: 1.8vw;
letter-spacing: 0.1vw;
text-transform: initial;
} .o_culpado .container h2 strong u {
text-decoration: underline;
} .o_culpado .container h2 strong u:before {
display: none;
} .o_culpado .container > p {
line-height: 1.2;
font-size: 1.4vw;
margin-bottom: 2vw;
text-align: justify;
text-transform: initial;
} .efeitos {
padding-top: 7.45vw;
} .efeitos .container h2 {
font-size: 2.5vw;
margin-bottom: 1.1vw;
letter-spacing: 0.1vw;
} .efeitos .container h2 strong {
color: #06fb18;
font-weight: 800;
} .efeitos .container p {
font-size: 1.3vw;
margin-bottom: 6vw;
text-transform: initial;
} .efeitos .container ul li {
display: inline-block;
vertical-align: top;
position: relative;
border: none;
width: 17.7vw;
height: 14.5vw;
padding-top: 0vw;
padding-left: 0vw;
border-radius: 2vw;
margin-right: 4.9%;
padding-right: 0vw;
padding-bottom: 0vw;
margin-bottom: 1.7vw;
background-image: linear-gradient(#013102, #158001, #4fb105);
} .efeitos .container ul li:nth-of-type(2n+2), .efeitos .container ul li:last-of-type {
margin-right: 0%;
} .efeitos .container ul li div {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
padding-left: 7%;
padding-right: 7%;
text-align: center;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .efeitos .container ul li div i {
position: relative;
display: block;
left: initial;
top: initial;
width: 6.5vw;
height: 5.5vw;
margin: 0 auto;
margin-top: -1.5vw;
margin-bottom: 0.3vw;
border-top-left-radius: 0vw;
border-bottom-right-radius: 0vw;
background-color: transparent;
} .efeitos .container ul li div i img {
position: absolute;
top: initial;
left: 50%;
bottom: 0vw;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
} .efeitos .container ul li div h3 {
width: 100%;
color: #ffffff;
line-height: 1.2;
font-size: 1.3vw;
font-weight: bold;
margin-bottom: 0vw;
text-transform: initial;
} .efeitos > picture {
position: absolute;
z-index: 0;
left: 0%;
top: 12.7vw;
width: 69.9%;
} .efeitos > picture img {
width: 100%;
height: auto;
} .price_action {
padding-top: 7.8vw;
padding-bottom: 7.5vw;
} .price_action .container h2 {
width: 95%;
line-height: 1.2;
font-size: 1.8vw;
text-align: justify;
letter-spacing: 0vw;
margin-bottom: 4.9vw;
text-align-last: center;
} .price_action .container h2:before {
position: absolute;
content: "";
left: 50%;
width: 27.5%;
height: 0.5vw;
bottom: -1.45vw;
background-color: #67ff07;
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
} .price_action .container h2 strong {
color: #ffffff;
} .price_action .pc {
display: inline-block;
position: relative;
z-index: 1;
width: 77%;
line-height: 0;
margin-left: 10.7%;
} .price_action .pc img {
width: 100%;
height: auto;
} .price_action .bg {
z-index: 0;
} .aprendizado {
padding-bottom: 8.8vw;
} .aprendizado .container:before {
position: absolute;
content: "";
top: -1vw;
left: 50%;
width: 96vw;
height: 60vw;
background-image: url(//priceaction.patrickoficial.com.br/wp-content/themes/mestres_10x/images/luz_verde.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
} .aprendizado .container h2, .aprendizado .container > p, .aprendizado .container section {
position: relative;
z-index: 1;
} .aprendizado .container h2 {
margin-bottom: 0.9vw;
letter-spacing: 0.1vw;
} .aprendizado .container h2 strong {
color: #ffffff;
} .aprendizado .container > p {
font-size: 1.55vw;
letter-spacing: 0vw;
margin-bottom: 8.1vw;
} .aprendizado .container .pictures {
display: inline-table;
width: 100%;
} .aprendizado .container .pictures:before {
position: absolute;
content: "";
left: 50%;
top: -1.6vw;
width: 26.3%;
height: 0.5vw;
background-color: #67ff07;
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
} .aprendizado .container .pictures picture {
display: inline-block;
vertical-align: top;
position: relative;
width: 31%;
height: 29.6vw;
margin-top: 5vw;
overflow: hidden;
margin-right: 1.6%;
border-radius: 0.6vw;
} .aprendizado .container .pictures picture img {
position: absolute;
top: 50%;
left: 50%;
width: 100.8%;
height: 100.8%;
object-fit: cover;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .aprendizado .container .pictures picture:nth-of-type(3n+3), .aprendizado .container .pictures picture:last-of-type {
margin-right: 0%;
} .aprendizado .container .pictures picture:nth-of-type(3n+2) {
margin-top: 0vw;
} .aprendizado .container .gift {
position: relative;
display: block;
width: 17.1vw;
height: 12.7vw;
margin: 0 auto;
margin-top: -2vw;
border-radius: 2vw;
background-image: linear-gradient(#013102, #158001, #4fb105);
} .aprendizado .container .gift div {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: auto;
margin-top: 0.2vw;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .aprendizado .container .gift div img {
position: relative;
display: block;
width: 5.7vw;
height: auto;
margin: 0 auto;
margin-bottom: 1vw;
} .aprendizado .container .gift div h3 {
display: inline-block;
width: 70%;
color: #ffffff;
font-size: 1.2vw;
line-height: 1.2;
font-weight: bold;
text-transform: uppercase;
} .metodo {
padding-bottom: 7.8vw;
} .metodo .container h2 {
width: 96%;
line-height: 1.1;
font-size: 1.8vw;
text-align: justify;
letter-spacing: 0vw;
margin-bottom: 3.6vw;
text-align-last: center;
} .metodo .container ul {
width: 91%;
} .metodo .container ul li {
display: inline-table;
position: relative;
width: 96.5%;
border: none;
min-height: 0vw;
margin-left: 3.1%;
padding-right: 1vw;
padding-left: 4.6vw;
padding-top: 1.15vw;
margin-bottom: 1.5vw;
padding-bottom: 1.15vw;
background-color: #34d700;
} .metodo .container ul li img {
position: absolute;
top: 50%;
left: -3%;
width: 6.2vw;
height: auto;
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
} .metodo .container ul li p {
position: relative;
width: 100%;
color: #181818;
font-weight: 600;
font-size: 1.33vw;
letter-spacing: 0vw;
} .metodo .container ul li:nth-of-type(2) {
background-color: #7bff53;
} .metodo .container ul li:last-of-type {
background-color: #acfe90;
} .metodo > picture {
position: absolute;
display: block;
line-height: 0;
} .metodo > picture img {
width: 100%;
height: auto;
} .metodo .circle01 {
left: 0%;
top: -1.7vw;
width: 14.8%;
} .metodo .circle02 {
top: -1.55vw;
right: 0.7%;
width: 10.9%;
} .metodo .circle03 {
right: 0%;
top: 12.5vw;
width: 12.6%;
} .promocao {
padding-bottom: 10.3vw;
} .promocao .container h2 {
color: #01ff00;
font-size: 1.86vw;
font-weight: bold;
margin-bottom: 2vw;
letter-spacing: 0vw;
} .promocao .container h3 {
display: block;
width: 89.5%;
height: 8.3vw;
margin: 0 auto;
color: #ffffff;
font-weight: 600;
font-size: 1.39vw;
padding-top: 0.5vw;
background-image: url(//priceaction.patrickoficial.com.br/wp-content/themes/mestres_10x/images/faixa.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100%;
} .promocao .container h3 b {
position: relative;
display: block;
margin: 0 auto;
font-size: 4.5vw;
font-weight: 800;
margin-bottom: 0.45vw;
letter-spacing: 0.2vw;
text-transform: uppercase;
text-shadow: 0.6vw 0.3vw 0.6vw rgba(0, 0, 0, 0.7);
} .promocao .container h3 b:before {
position: absolute;
content: "";
z-index: 1;
top: 58%;
left: 50%;
width: 50%;
height: 4px;
background-color: #000000;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .promocao .container p {
display: inline-block;
position: relative;
width: 84%;
line-height: 1.2;
font-size: 1.3vw;
letter-spacing: 0;
text-align: justify;
margin-bottom: 1.2vw;
text-transform: initial;
text-align-last: center;
} .promocao .container p:last-of-type {
margin-bottom: 3.7vw;
} .bonus {
overflow: hidden;
padding-bottom: 6.7vw;
} .bonus:before, .bonus:after {
position: absolute;
display: block;
content: "";
z-index: 2;
top: 25vw;
width: 0vw;
height: 0vw;
border-radius: 30vw;
border: #F00 thin solid;
box-shadow: 0vw 0vw 25vw 12vw rgba(2, 253, 7, 0.2);
} .bonus:before {
left: -5%;
} .bonus:after {
right: -5%;
} .bonus .container {
z-index: 3;
} .bonus .container h2 {
font-size: 2.4vw;
letter-spacing: 0vw;
margin-bottom: 3.15vw;
} .bonus .container h2 strong {
color: #ffffff;
} .bonus .container h2 strong u {
font-weight: 800;
} .bonus .container ul {
width: 90.6%;
margin-left: 0.6%;
} .bonus .container ul li {
display: inline-table;
min-height: auto;
padding-top: 1.6vw;
margin-bottom: 1.8vw;
padding-left: 1.95vw;
border-radius: 0.2vw;
padding-right: 2.2vw;
padding-bottom: 1.6vw;
background-color: #181818;
border: #434442 0.2vw solid;
border-top-left-radius: 1vw;
border-bottom-right-radius: 1vw;
background-image: linear-gradient(to right, #000000 20%, #181818, #222723);
} .bonus .container ul li h3 {
display: inline-table;
position: relative;
width: 100%;
margin-bottom: 0vw;
} .bonus .container ul li h3:before {
position: absolute;
content: "";
top: 59%;
width: 67%;
height: 0vw;
right: 13.3%;
border-top: #ffffff 0.2vw dashed;
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
} .bonus .container ul li h3 b {
vertical-align: middle;
display: inline-block;
position: relative;
width: 88%;
color: #02fd07;
} .bonus .container ul li h3 b:last-of-type {
width: 12%;
font-weight: 800;
} .bonus .container ul li:nth-of-type(3) h3:before {
width: 40.8%;
} .bonus .container ul li:nth-of-type(3) h3:before {
width: 40.8%;
} .bonus .container ul li p {
width: 100%;
text-align: justify;
} .bonus .gifts {
position: absolute;
z-index: 1;
left: 0%;
top: 4.4vw;
width: 17.7vw;
} .bonus .gifts img {
width: 100%;
height: auto;
} .bonus .bg {
top: -8.7vw;
} .valor {
padding-bottom: 3.67vw;
} .valor .container h2 {
font-size: 2.3vw;
margin-bottom: 2.1vw;
letter-spacing: 0.1vw;
} .valor .container h2:before {
position: absolute;
content: "";
left: 50%;
width: 29.5%;
height: 0.3vw;
bottom: -0.8vw;
background-color: #00cc01;
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
} .valor .container h2 strong {
color: #ffffff;
font-weight: 800;
} .valor .container h3 {
display: inline-table;
position: relative;
color: #ffffff;
width: 100%;
margin-bottom: 1vw;
letter-spacing: 0.2vw;
text-transform: uppercase;
} .valor .container h3 > b, .valor .container h3 strong {
vertical-align: middle;
display: inline-block;
position: relative;
} .valor .container h3 > b {
font-size: 2.8vw;
font-weight: 600;
margin-top: 2.1vw;
margin-right: 0.5%;
} .valor .container h3 strong {
font-size: 5.9vw;
font-weight: bold;
} .valor .container h3 strong b {
font-size: 9.2vw;
} .valor .container h4 {
display: inline-block;
color: #ffffff;
font-size: 1.8vw;
margin-bottom: 1.5vw;
text-transform: uppercase;
} .valor .container .button {
margin-bottom: 3.05vw;
} .valor .container picture {
display: inline-block;
position: relative;
width: 45%;
line-height: 0;
} .valor .container picture img {
width: 100%;
height: auto;
} .garantia {
padding-bottom: 11vw;
} .garantia .container > picture {
display: inline-block;
position: relative;
width: 47.7%;
line-height: 0;
margin-bottom: 5.2vw;
} .garantia .container > picture:before {
position: absolute;
content: "";
z-index: 0;
top: 50%;
left: 50%;
width: 0vw;
height: 0vw;
box-shadow: 0vw 1vw 10vw 10vw rgba(194, 122, 1, 0.8);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .garantia .container > picture img {
position: relative;
z-index: 1;
width: 100%;
height: auto;
} .garantia .container p {
display: inline-block;
width: 85.8%;
color: #494544;
font-size: 0.9vw;
line-height: 1.1;
font-weight: 500;
letter-spacing: 0;
margin-bottom: 1.1vw;
} .garantia .container p:last-of-type {
text-align: justify;
margin-bottom: 6.1vw;
text-align-last: center;
} .garantia section {
display: inline-table;
position: relative;
z-index: 1;
width: 100%;
margin-bottom: 6.4vw;
} .garantia section picture {
display: inline-block;
vertical-align: top;
position: relative;
width: 19.3%;
height: 28.3vw;
line-height: 0;
overflow: hidden;
margin-right: 2.3%;
border-radius: 2.5vw;
} .garantia section picture img {
position: absolute;
top: 50%;
left: 50%;
width: 101%;
height: 101%;
object-fit: cover;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .garantia section picture:nth-of-type(3n+3), .garantia section picture:last-of-type {
margin-right: 0%;
} .garantia .button {
border: #d29c00 0.4vw solid;
box-shadow: 0vw 0vw 0vw 0vw rgba(194, 122, 1, 0.6);
background-image: linear-gradient(to right, #c27a01, #d46101);
-webkit-animation: pulse_laranja 1.5s infinite;
-moz-animation: pulse_laranja 1.5s infinite;
-ms-animation: pulse_laranja 1.5s infinite;
-o-animation: pulse_laranja 1.5s infinite;
animation: pulse_laranja 1.5s infinite;
}
@-webkit-keyframes pulse_laranja {
0% {
-moz-transform: scale(0.95);
-ms-transform: scale(0.95);
-webkit-transform: scale(0.95);
transform: scale(0.95);
}
70% {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
box-shadow: 0vw 0vw 30px 15px rgba(194, 122, 1, 0.6);
}
100% {
-moz-transform: scale(0.95);
-ms-transform: scale(0.95);
-webkit-transform: scale(0.95);
transform: scale(0.95);
box-shadow: 0vw 0vw 0vw 0vw rgba(194, 122, 1, 0.6);
}
} .garantia .bg {
top: initial;
bottom: 0vw;
z-index: -1;
}
@media screen and (min-width: 501px) and (max-width: 700px) { body h1, body h2, body .h2_strong {
font-size: 3.8vw !important;
line-height: 1.4 !important;
letter-spacing: 0px !important;
} body h1 {
width: 100%;
margin-bottom: 2vw;
} body h2 > b {
font-size: 3.2vw;
} body h2 strong b {
font-size: 3.8vw;
} body h2 strong u {
text-decoration: underline;
} body h2 strong u:before {
display: none;
} body h3, body h4, body p {
line-height: 1.3 !important;
letter-spacing: 0px !important;
} body .container {
width: 80%;
} body .container > p, body .container .p_subtitle {
font-size: 2.5vw !important;
} body .container > p {
margin-bottom: 6vw;
} body .container ul {
width: 90%;
} body .container ul li {
padding: 3.5vw;
min-height: 0vw;
padding-top: 2.5vw;
margin-bottom: 4vw;
padding-left: 20.5vw;
padding-bottom: 2.5vw;
} body .container ul li i {
top: 50%;
width: 20vw;
height: 13vw;
border-top-left-radius: 2vw;
border-bottom-right-radius: 2vw;
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
} body .container ul li i span {
font-size: 5.8vw;
} body .container ul li h3 {
font-size: 2.3vw;
margin-bottom: 1vw;
} body .container ul li p {
width: 100%;
font-size: 2.1vw;
} body .button {
width: 62vw;
height: auto;
font-size: 3.2vw;
padding-top: 4vw;
padding-bottom: 4vw;
} header {
padding-top: 8vw;
} header a {
width: 26vw;
} .banner {
margin-top: 0vw;
padding-top: 6vw;
} .banner .container div {
width: 100%;
} .banner .container div .results {
width: 40%;
margin-left: 0.8%;
margin-right: 0.8%;
margin-bottom: 4vw;
} .banner .container div .play {
width: 12vw;
height: 12vw;
} .caminhos {
padding-top: 12vw;
padding-bottom: 12vw;
} .caminhos:before {
width: 10%;
height: 5px;
} .caminhos .container h2 {
margin-bottom: 2vw;
} .objetivos {
margin-top: 12vw;
padding-top: 12vw;
padding-bottom: 46vw;
} .objetivos .result01 {
top: -16vw;
width: 46vw;
} .objetivos .result02 {
top: -11vw;
width: 35vw;
} .objetivos .result03 {
top: initial;
width: 42vw;
bottom: 10vw;
} .objetivos .result04 {
top: initial;
bottom: 0vw;
width: 42vw;
} .objetivos .container h2 {
margin-bottom: 1vw;
} .objetivos .container h2 b {
display: inline-block;
width: 70%;
} .objetivos .container > p {
margin-bottom: 6vw;
} .objetivos .container ul li {
padding-right: 4vw;
margin-bottom: 5vw;
} .objetivos .container ul li p {
font-size: 2.1vw;
} .objetivos .container ul li button {
right: -3vw;
width: 6vw;
height: 6vw;
bottom: -3vw;
border-radius: 1vw;
} .ciclo {
padding-top: 10vw;
padding-bottom: 10vw;
} .ciclo .container h2 {
margin-bottom: 10vw;
} .ciclo .container h2:before {
width: 60%;
height: 5px;
bottom: -3vw;
} .ciclo .container section {
width: 90%;
text-align: center;
} .ciclo .container section .image, .ciclo .container section .desc {
width: 100%;
} .ciclo .container section .image {
margin-right: 0vw;
margin-bottom: 5vw;
} .ciclo .container section .image .circle {
width: 50vw;
height: 50vw;
} .ciclo .container section .image .circle h4 {
font-size: 1.8vw;
} .ciclo .container section .image .circle .seta1 {
top: 58%;
width: 8vw;
} .ciclo .container section .image .circle .seta2 {
width: 13vw;
} .ciclo .container section .image .circle .seta3 {
width: 8.5vw;
} .ciclo .container section .image .circle .title3 {
width: 68%;
} .ciclo .container section .image h3 {
margin-top: 0vw;
font-size: 3.2vw;
margin-bottom: 3vw;
} .ciclo .container section .image h3 b {
font-size: 6.2vw;
} .ciclo .container section .desc {
text-align: justify;
} .ciclo .container section .desc h3, .ciclo .container section .desc p {
text-align-last: center;
} .ciclo .container section .desc h3 {
font-size: 2.5vw;
margin-bottom: 4vw;
} .ciclo .container section .desc p {
font-size: 2.1vw;
margin-bottom: 2vw;
} .ciclo .container section .desc p:last-of-type {
margin-bottom: 0vw;
} .tempo .container .title {
padding-bottom: 4vw;
margin-bottom: 8vw;
} .tempo .container .title h2 {
margin-bottom: 1vw;
} .tempo .container .title:before {
width: 60%;
height: 5px;
} .tempo .container ul {
width: 90%;
margin-right: -35%;
} .tempo .container ul li {
width: 100%;
padding: 3.5vw;
padding-top: 2.5vw;
padding-left: 18.5vw;
padding-bottom: 2.5vw;
} .tempo .container ul li i {
width: 17vw;
height: 12vw;
} .tempo .container ul li i img {
width: 8vw;
} .tempo .container ul li h3 {
font-size: 2.3vw;
margin-bottom: 1vw;
} .tempo .loss {
top: 64vw;
width: 10vw;
} .tempo .close {
top: 80vw;
width: 18vw;
} .tempo .fundo {
top: 38vw;
left: -20%;
width: 85%;
} .tempo .fundo_vermelho {
z-index: 1;
left: -25%;
width: 90%;
top: -3.5vw;
} .patrick {
overflow: hidden;
padding-top: 21vw;
} .patrick .container section {
width: 100%;
margin-left: 0%;
} .patrick .container section h2, .patrick .container section p {
width: 50%;
} .patrick .container section h2 {
margin-bottom: 6vw;
} .patrick .container section h2:before {
height: 5px;
} .patrick .container section p {
font-size: 2.1vw;
margin-bottom: 2vw;
} .patrick .container section ul {
width: 100%;
margin-top: 6vw;
margin-left: 0%;
} .patrick .container section ul li {
padding: 2.5vw;
margin-bottom: 2vw;
border-top-left-radius: 3vw;
} .patrick .container section ul li h3 {
font-size: 2.5vw;
margin-bottom: 1vw;
} .patrick .container section ul li p {
width: 100%;
font-size: 2.1vw;
margin-bottom: 0vw;
} .patrick .container section ul li:last-of-type {
margin-bottom: 0vw;
} .patrick .container picture {
top: 6vw;
width: 60%;
right: -12.5%;
} .patrick .bg {
top: -8vw;
} .grafico .container h2 {
width: 100%;
margin-bottom: 9vw;
} .grafico .container h2:before {
width: 60%;
height: 5px;
bottom: -3vw;
} .grafico .container p {
width: 100%;
font-size: 2.1vw;
margin-bottom: 2vw;
} .grafico .container p:last-of-type {
margin-bottom: 0vw;
} .grafico .bg {
top: 50vw;
} .o_metodo {
padding-top: 12vw;
} .o_metodo .container > picture {
margin-bottom: 8vw;
} .o_metodo .container > picture:before {
width: 30%;
height: 5px;
bottom: -3vw;
} .o_metodo .container > picture > img {
width: 45vw;
} .o_metodo .container > p {
width: 100%;
margin-bottom: 10vw;
} .o_metodo .container section {
width: 80%;
padding-top: 74vw;
text-align: center;
} .o_metodo .container section picture {
position: absolute;
top: 0vw;
left: 0%;
width: 100%;
height: 69vw;
margin-left: 0%;
overflow: hidden;
} .o_metodo .container section picture img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .o_metodo .container section > div {
width: 100%;
height: 35vw;
margin-left: 0%;
} .o_metodo .container section > div div {
padding-left: 4vw;
padding-right: 4vw;
border-radius: 4vw;
text-align: center;
} .o_metodo .container section > div div h3 {
margin-left: 0%;
font-size: 3.2vw;
padding-left: 8vw;
margin-bottom: 4vw;
} .o_metodo .container section > div div h3 i {
top: 45%;
left: 0%;
width: 6vw;
height: 6vw;
} .o_metodo .container section > div div p {
font-size: 2.1vw;
margin-bottom: 1vw;
} .o_metodo .container section:nth-of-type(even) picture {
width: 100%;
margin-left: 0%;
} .o_metodo .container section:nth-of-type(even) > div {
margin-top: 0vw;
margin-left: 0%;
} .o_metodo .container section:last-of-type > div {
height: 46vw;
} .o_mestre .container {
z-index: 2;
} .o_mestre .container section {
width: 80%;
margin: 0 auto;
padding-left: 0%;
padding-top: 36vw;
text-align: center;
margin-bottom: 8vw;
} .o_mestre .container section picture {
left: 50%;
top: -10vw;
width: 80%;
margin-left: 0%;
margin-top: 0vw;
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
} .o_mestre .container section div {
width: 100%;
text-align: center;
} .o_mestre .container section div h2 {
margin-bottom: 6vw;
} .o_mestre .container section div h2:before {
height: 5px;
margin-bottom: -2vw;
} .o_mestre .container section div p {
font-size: 2.1vw;
margin-bottom: 3vw;
text-align-last: center;
} .o_mestre .container section ul {
width: 100%;
} .o_mestre .container section ul li {
text-align: center;
padding-right: 0vw;
margin-bottom: 3vw;
} .o_mestre .container section ul li h3 {
font-size: 2.5vw;
margin-bottom: 1vw;
} .o_mestre .container section ul li p {
font-size: 2.1vw;
} .o_mestre .container section ul li:last-of-type {
margin-bottom: 0vw;
} .o_mestre .container section:last-of-type {
margin-bottom: 0vw;
} .o_mestre .down01 {
top: 74vw;
width: 30vw;
} .o_mestre .down02 {
top: 108vw;
width: 20vw;
} .o_mestre .up01 {
top: 52vw;
width: 14vw;
} .o_mestre .up02 {
top: 73vw;
width: 25vw;
} .o_mestre .oldman {
z-index: -1;
width: 80%;
overflow: hidden;
margin-top: -30vw;
} .o_mestre .oldman img {
margin-right: -50%;
} .acertividade {
padding-top: 10vw;
} .acertividade .container h2 {
margin-bottom: 6vw;
text-align-last: center;
} .acertividade .container p {
margin-bottom: 0vw;
text-align-last: center;
} .resultados {
padding-top: 21vw;
} .resultados .container h2 {
width: 100%;
margin-bottom: 6vw;
} .resultados .container h2:before {
width: 60%;
height: 5px;
bottom: -2vw;
} .resultados .container p {
margin-bottom: 8vw;
} .resultados .container ul li {
width: 46%;
margin-right: 4%;
} .resultados .container ul li:nth-of-type(2n+2) {
margin-right: 0%;
} .resultados .container ul li:nth-of-type(3n+3) {
margin-right: 3%;
} .resultados .container ul li:last-of-type {
margin-right: 0%;
} .resultados .result01 {
top: 2vw;
width: 30%;
} .resultados .result02 {
top: 0vw;
width: 40%;
} .resultados .result03 {
top: 334vw;
width: 32%;
} .resultados .result04 {
top: 288vw;
width: 34%;
} .resultados .result05 {
left: 2%;
top: 352vw;
width: 55%;
} .o_culpado {
padding-top: 38vw;
} .o_culpado .container h2 {
margin-bottom: 4vw;
} .o_culpado .container > p {
margin-bottom: 3vw;
text-align-last: center;
} .o_culpado .container > p:last-of-type {
margin-bottom: 0vw;
} .efeitos {
padding-top: 12vw;
} .efeitos .container h2 {
margin-bottom: 3vw;
} .efeitos .container > p {
margin-bottom: 8vw;
} .efeitos .container ul li {
width: 47%;
height: 30vw;
margin-bottom: 2vw;
} .efeitos .container ul li div i {
top: 6vw;
width: 65%;
height: 14.5vw;
} .efeitos .container ul li div h3 {
font-size: 2.5vw;
} .efeitos > picture {
width: 100%;
overflow: hidden;
margin-left: -28%;
margin-top: -26vw;
} .efeitos > picture img {
width: 150%;
} .price_action {
padding-top: 12vw;
padding-bottom: 10vw;
} .price_action .container h2 {
width: 100%;
margin-bottom: 10vw;
} .price_action .container h2:before {
width: 60%;
height: 5px;
bottom: -2vw;
} .price_action .pc {
width: 90%;
margin-left: 10%;
} .price_action .bg {
top: 18vw;
overflow: hidden;
} .price_action .bg img {
width: 120%;
margin-left: -10%;
} .aprendizado {
padding-bottom: 12vw;
} .aprendizado .container:before {
top: 9vw;
} .aprendizado .container h2 {
margin-bottom: 3vw;
} .aprendizado .container > p {
margin-bottom: 14vw;
} .aprendizado .container .pictures {
width: 60%;
} .aprendizado .container .pictures:before {
top: -5vw;
} .aprendizado .container .pictures picture {
width: 100%;
height: 71vw;
margin-top: 0vw;
margin-right: 0%;
border-radius: 1vw;
margin-bottom: 4vw;
} .aprendizado .container .gift {
width: 30vw;
height: 30vw;
margin-top: 4vw;
} .aprendizado .container .gift div img {
width: 13vw;
margin-bottom: 2vw;
} .aprendizado .container .gift div h3 {
font-size: 2.5vw;
} .metodo {
padding-bottom: 12vw;
} .metodo .container h2 {
width: 100%;
margin-bottom: 6vw;
} .metodo .container ul {
width: 100%;
} .metodo .container ul li {
padding-left: 10vw;
padding-top: 2vw;
margin-bottom: 3vw;
padding-right: 2vw;
padding-bottom: 2vw;
} .metodo .container ul li img {
left: -5%;
width: 10vw;
} .metodo .container ul li p {
font-size: 2.3vw;
} .metodo .circle01 {
top: -29vw;
width: 20%;
} .metodo .circle02 {
top: -48vw;
width: 18%;
} .metodo .circle03 {
top: -31vw;
width: 16%;
} .promocao {
padding-bottom: 10vw;
} .promocao .container h2 {
margin-bottom: 4vw;
} .promocao .container h3 {
width: 120%;
height: 15vw;
font-size: 2.8vw;
margin-left: -10%;
} .promocao .container h3 b {
font-size: 8.2vw;
margin-top: -1vw;
margin-bottom: -0.5vw;
} .promocao .container h3 b:before {
width: 50%;
} .promocao .container p {
width: 100%;
margin-bottom: 3vw;
} .promocao .container p:last-of-type {
margin-bottom: 6vw;
} .bonus {
padding-bottom: 45vw;
} .bonus:before, .bonus:after {
top: 126vw;
} .bonus .container h2 {
width: 70%;
margin-bottom: 6vw;
} .bonus .container ul {
width: 100%;
margin-left: 0%;
} .bonus .container ul li {
padding-top: 3vw;
padding-left: 3vw;
padding-right: 3vw;
margin-bottom: 3vw;
padding-bottom: 3vw;
border-top-left-radius: 3vw;
border-bottom-right-radius: 3vw;
} .bonus .container ul li h3 {
font-size: 2.8vw;
margin-bottom: 2vw;
} .bonus .container ul li h3:before {
top: 50%;
width: 51%;
right: 20%;
} .bonus .container ul li h3 b {
width: 82%;
} .bonus .container ul li h3 b:last-of-type {
width: 18%;
} .bonus .container ul li:nth-of-type(3) h3:before {
width: 12%;
} .bonus .container ul li:last-of-type h3:before {
width: 55%;
} .bonus .gifts {
top: 106vw;
width: 26vw;
} .valor {
margin-top: -26vw;
padding-bottom: 14vw;
} .valor .container h2 {
margin-bottom: 4vw;
} .valor .container h2:before {
width: 40%;
height: 5px;
bottom: -2vw;
} .valor .container h3 {
margin-bottom: 0vw;
} .valor .container h3 b {
font-size: 4.2vw;
margin-top: 6.1vw;
} .valor .container h3 strong {
font-size: 7.8vw;
} .valor .container h3 strong b {
font-size: 16.2vw;
} .valor .container h4 {
font-size: 2.8vw;
margin-bottom: 6vw;
} .valor .container .button {
margin-bottom: 6vw;
} .valor .container picture {
width: 70%;
} .garantia {
padding-bottom: 16vw;
} .garantia .container > picture {
width: 70%;
margin-bottom: 8vw;
} .garantia .container > picture:before {
box-shadow: 0vw 0vw 24vw 22vw rgba(194, 122, 1, 0.8);
} .garantia .container p {
width: 100%;
margin-bottom: 2vw;
font-size: 1.8vw !important;
} .garantia .container p:last-of-type {
margin-bottom: 10vw;
} .garantia section {
width: 90%;
margin-bottom: 10vw;
} .garantia section picture {
width: 30.5%;
height: 54vw;
margin-right: 4%;
margin-bottom: 4vw;
border-radius: 6.5vw;
} .garantia section picture:last-of-type {
margin-bottom: 0vw;
}
}
@media screen and (min-width: 100px) and (max-width: 500px) { body h1, body h2, body .h2_strong {
font-size: 5.2vw !important;
line-height: 1.4 !important;
letter-spacing: 0px !important;
} body h1 {
width: 100%;
margin-bottom: 4vw;
} body h2 > b {
font-size: 5.2vw;
} body h2 strong b {
font-size: 5.2vw;
} body h2 strong u {
text-decoration: underline;
} body h2 strong u:before {
display: none;
} body h3, body h4, body p {
line-height: 1.3 !important;
letter-spacing: 0px !important;
} body .container {
width: 90%;
} body .container > p, body .container .p_subtitle {
font-size: 3.5vw !important;
} body .container > p {
margin-bottom: 10vw;
} body .container ul {
width: 100%;
} body .container ul li {
padding: 5vw;
min-height: 0vw;
padding-top: 5vw;
margin-bottom: 4vw;
padding-left: 27vw;
padding-bottom: 5vw;
} body .container ul li i {
top: 50%;
width: 26vw;
height: 16vw;
border-top-left-radius: 2vw;
border-bottom-right-radius: 2vw;
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
} body .container ul li i span {
font-size: 9.8vw;
} body .container ul li h3 {
font-size: 3.2vw;
margin-bottom: 2vw;
} body .container ul li p {
width: 100%;
font-size: 2.8vw;
} body .button {
width: 76vw;
height: auto;
font-size: 3.8vw;
padding-top: 5.5vw;
padding-bottom: 5.5vw;
} header {
position: absolute !important;
top: 10%;
left: 0%;
width: 100%;
padding-top: 0vw;
} header a {
width: 44vw;
} .banner {
height: 100vh;
margin-top: 0vw;
padding-top: 0vw;
} .banner .container {
position: absolute;
top: 55%;
left: 50%;
-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 div {
width: 100%;
} .banner .container div .results {
width: 47%;
margin-left: 1%;
margin-right: 1%;
margin-bottom: 6vw;
} .banner .container div .play {
width: 12vw;
height: 12vw;
} .caminhos {
padding-top: 0vw;
padding-bottom: 16vw;
} .caminhos:before {
width: 15%;
height: 5px;
} .caminhos .container h2 {
margin-bottom: 3vw;
} .caminhos .bg {
top: 18vw;
} .objetivos {
margin-top: 14vw;
padding-top: 30vw;
padding-bottom: 52vw;
} .objetivos .result01 {
top: -7vw;
width: 55vw;
} .objetivos .result02 {
top: -2vw;
width: 45vw;
} .objetivos .result03 {
top: initial;
width: 50vw;
bottom: 10vw;
} .objetivos .result04 {
top: initial;
width: 52vw;
bottom: -5vw;
} .objetivos .container h2 {
margin-bottom: 2vw;
} .objetivos .container h2 b {
display: inline-block;
width: 100%;
} .objetivos .container > p {
margin-bottom: 8vw;
} .objetivos .container ul li {
padding-right: 4vw;
margin-bottom: 5vw;
} .objetivos .container ul li p {
font-size: 3.5vw;
} .objetivos .container ul li button {
right: -4vw;
width: 8vw;
height: 8vw;
bottom: -4vw;
border-radius: 1vw;
} .ciclo {
padding-top: 14vw;
padding-bottom: 14vw;
} .ciclo .container h2 {
width: 85%;
margin-bottom: 16vw;
} .ciclo .container h2:before {
width: 60%;
height: 5px;
bottom: -6vw;
} .ciclo .container section {
width: 90%;
text-align: center;
} .ciclo .container section .image, .ciclo .container section .desc {
width: 100%;
} .ciclo .container section .image {
margin-right: 0vw;
margin-bottom: 8vw;
} .ciclo .container section .image .circle {
width: 65vw;
height: 65vw;
} .ciclo .container section .image .circle h4 {
font-size: 2.8vw;
} .ciclo .container section .image .circle .seta1 {
top: 63%;
width: 13vw;
} .ciclo .container section .image .circle .seta2 {
width: 20vw;
} .ciclo .container section .image .circle .seta3 {
top: 63%;
left: 96%;
width: 13.5vw;
} .ciclo .container section .image .circle .title3 {
width: 68%;
} .ciclo .container section .image h3 {
margin-top: 0vw;
font-size: 4.8vw;
margin-bottom: 5vw;
} .ciclo .container section .image h3 b {
font-size: 10.2vw;
} .ciclo .container section .desc {
text-align: center;
} .ciclo .container section .desc h3, .ciclo .container section .desc p {
text-align: justify;
text-align-last: center;
} .ciclo .container section .desc h3 {
display: inline-block;
width: 80%;
font-size: 3.8vw;
margin-bottom: 4vw;
} .ciclo .container section .desc p {
font-size: 2.8vw;
margin-bottom: 3vw;
} .ciclo .container section .desc p:last-of-type {
margin-bottom: 0vw;
} .tempo .container {
width: 90%;
} .tempo .container .title {
padding-bottom: 6vw;
margin-bottom: 68vw;
} .tempo .container .title h2 {
margin-bottom: 2vw;
} .tempo .container .title:before {
width: 60%;
height: 5px;
} .tempo .container ul {
width: 90%;
margin-right: 0%;
} .tempo .container ul li {
width: 100%;
padding: 3.5vw;
padding-top: 2.5vw;
padding-left: 18.5vw;
padding-bottom: 2.5vw;
} .tempo .container ul li i {
width: 17vw;
height: 12vw;
} .tempo .container ul li i img {
width: 8vw;
} .tempo .container ul li h3 {
font-size: 3.2vw;
margin-bottom: 1vw;
} .tempo .container ul li p {
width: 100%;
} .tempo .loss {
top: 30vw;
width: 14vw;
} .tempo .close {
top: 76vw;
width: 22vw;
} .tempo .fundo, .tempo .fundo_vermelho {
width: 100%;
overflow: hidden;
} .tempo .fundo img, .tempo .fundo_vermelho img {
width: 125%;
} .tempo .fundo {
z-index: 2;
left: 0%;
top: 30vw;
} .tempo .fundo_vermelho {
z-index: 1;
left: 0%;
top: -20vw;
} .patrick {
overflow: hidden;
padding-top: 14vw;
} .patrick .container {
text-align: center;
} .patrick .container section {
width: 90%;
margin-left: 0%;
} .patrick .container section h2, .patrick .container section p {
width: 100%;
} .patrick .container section h2 {
margin-bottom: 6vw;
} .patrick .container section h2:before {
height: 5px;
} .patrick .container section p {
font-size: 2.8vw;
margin-bottom: 3vw;
} .patrick .container section ul {
width: 100%;
margin-left: 0%;
margin-top: 94vw;
} .patrick .container section ul li {
padding: 4vw;
margin-bottom: 3vw;
border-top-left-radius: 4vw;
} .patrick .container section ul li h3 {
font-size: 3.8vw;
margin-bottom: 2vw;
} .patrick .container section ul li p {
width: 100%;
font-size: 3.2vw;
margin-bottom: 0vw;
} .patrick .container section ul li:last-of-type {
margin-bottom: 0vw;
} .patrick .container picture {
top: 54vw;
left: 50%;
width: 80%;
right: initial;
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
} .patrick .bg {
top: -8vw;
} .grafico {
padding-top: 14vw;
} .grafico .container h2 {
width: 100%;
margin-bottom: 11vw;
} .grafico .container h2:before {
width: 60%;
height: 5px;
bottom: -4vw;
} .grafico .container p {
width: 90%;
font-size: 2.8vw;
margin-bottom: 3vw;
} .grafico .container p:last-of-type {
margin-bottom: 0vw;
} .grafico .bg {
top: 125vw;
} .o_metodo {
padding-top: 28vw;
} .o_metodo .container > picture {
margin-bottom: 10vw;
} .o_metodo .container > picture:before {
width: 30%;
height: 5px;
bottom: -4vw;
} .o_metodo .container > picture > img {
width: 45vw;
} .o_metodo .container > p {
width: 90%;
margin-bottom: 10vw;
} .o_metodo .container section {
width: 80%;
padding-top: 82vw;
text-align: center;
margin-bottom: 10vw;
} .o_metodo .container section picture {
position: absolute;
top: 0vw;
left: 0%;
width: 100%;
height: 78vw;
margin-left: 0%;
overflow: hidden;
} .o_metodo .container section picture img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .o_metodo .container section > div {
width: 100%;
height: 42vw;
margin-left: 0%;
} .o_metodo .container section > div div {
padding-left: 4vw;
padding-right: 4vw;
border-radius: 4vw;
text-align: center;
} .o_metodo .container section > div div h3 {
margin-left: 0%;
font-size: 4.2vw;
padding-left: 8vw;
margin-bottom: 5vw;
} .o_metodo .container section > div div h3 i {
top: 45%;
left: 0%;
width: 6vw;
height: 6vw;
} .o_metodo .container section > div div p {
font-size: 3.2vw;
margin-bottom: 2vw;
} .o_metodo .container section:nth-of-type(even) picture {
width: 100%;
margin-left: 0%;
} .o_metodo .container section:nth-of-type(even) > div {
margin-top: 0vw;
margin-left: 0%;
} .o_metodo .container section:last-of-type {
margin-bottom: 0vw;
} .o_metodo .container section:last-of-type > div {
height: 65vw;
} .o_mestre {
padding-top: 14vw;
} .o_mestre .container {
z-index: 2;
} .o_mestre .container section {
width: 100%;
margin: 0 auto;
padding-left: 0%;
padding-top: 52vw;
text-align: center;
margin-bottom: 24vw;
} .o_mestre .container section picture {
left: 50%;
top: -10vw;
width: 80%;
margin-left: 0%;
margin-top: 0vw;
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
} .o_mestre .container section div {
width: 100%;
text-align: center;
} .o_mestre .container section div h2 {
margin-bottom: 8vw;
} .o_mestre .container section div h2:before {
height: 5px;
margin-bottom: -2vw;
} .o_mestre .container section div p {
font-size: 3.2vw;
margin-bottom: 3vw;
text-align-last: center;
} .o_mestre .container section ul {
width: 100%;
} .o_mestre .container section ul li {
text-align: center;
padding-right: 0vw;
margin-bottom: 4vw;
} .o_mestre .container section ul li h3 {
font-size: 3.8vw;
margin-bottom: 2vw;
} .o_mestre .container section ul li p {
font-size: 3.2vw;
} .o_mestre .container section ul li:last-of-type {
margin-bottom: 0vw;
} .o_mestre .container section:last-of-type {
margin-bottom: 0vw;
} .o_mestre .down01 {
top: 95vw;
width: 33vw;
} .o_mestre .down02 {
top: 131vw;
width: 23vw;
} .o_mestre .up01 {
top: 100vw;
width: 16vw;
} .o_mestre .up02 {
top: 123vw;
width: 26vw;
} .o_mestre .oldman {
z-index: -1;
width: 80%;
overflow: hidden;
margin-top: -30vw;
} .o_mestre .oldman img {
margin-right: -50%;
} .acertividade {
padding-top: 12vw;
} .acertividade .container h2 {
text-align: center;
margin-bottom: 6vw;
text-align-last: center;
} .acertividade .container p {
margin-bottom: 0vw;
text-align-last: center;
} .resultados {
padding-top: 75vw;
padding-bottom: 65vw;
} .resultados .container h2 {
width: 100%;
margin-bottom: 8vw;
} .resultados .container h2:before {
width: 60%;
height: 5px;
bottom: -3vw;
} .resultados .container p {
display: inline-block;
width: 80%;
margin-bottom: 10vw;
} .resultados .container ul {
width: 80%;
} .resultados .container ul li {
width: 100%;
margin-right: 0%;
margin-bottom: 6vw;
border-radius: 6vw;
} .resultados .container ul li:nth-of-type(2n+2) {
margin-right: 0%;
} .resultados .container ul li:nth-of-type(3n+3) {
margin-right: 0%;
} .resultados .container ul li:last-of-type {
margin-right: 0%;
} .resultados .result01 {
top: 8vw;
width: 38%;
} .resultados .result02 {
top: 6vw;
width: 48%;
} .resultados .result03 {
top: initial;
width: 42%;
bottom: 32vw;
} .resultados .result04 {
top: 28vw;
width: 57%;
} .resultados .result05 {
top: initial;
left: 2%;
width: 67%;
bottom: 0vw;
} .o_culpado {
padding-top: 0vw;
} .o_culpado .container h2 {
margin-bottom: 5vw;
} .o_culpado .container > p {
margin-bottom: 3vw;
text-align-last: center;
} .o_culpado .container > p:last-of-type {
margin-bottom: 0vw;
} .efeitos {
overflow: hidden;
padding-top: 14vw;
} .efeitos .container h2 {
margin-bottom: 4vw;
} .efeitos .container > p {
margin-bottom: 10vw;
} .efeitos .container ul {
width: 80%;
} .efeitos .container ul li {
width: 100%;
height: 45vw;
margin-right: 0%;
margin-bottom: 4vw;
border-radius: 4vw;
} .efeitos .container ul li div i {
top: initial;
width: 65%;
height: 20vw;
margin-top: 0vw;
margin-bottom: 2vw;
-webkit-transform: translate(0%, 0%);
-moz-transform: translate(0%, 0%);
-ms-transform: translate(0%, 0%);
-o-transform: translate(0%, 0%);
transform: translate(0%, 0%);
} .efeitos .container ul li div h3 {
display: inline-block;
width: 80%;
font-size: 3.8vw;
} .efeitos > picture {
width: 100%;
overflow: hidden;
margin-left: -28%;
margin-top: -26vw;
} .efeitos > picture img {
width: 150%;
} .price_action {
overflow: hidden;
padding-top: 14vw;
padding-bottom: 10vw;
} .price_action .container h2 {
width: 100%;
text-align: center;
margin-bottom: 14vw;
} .price_action .container h2:before {
width: 60%;
height: 5px;
bottom: -4vw;
} .price_action .pc {
width: 90%;
margin-left: 10%;
} .price_action .bg {
top: 39vw;
overflow: hidden;
} .price_action .bg img {
width: 120%;
margin-left: -10%;
} .aprendizado {
padding-bottom: 16vw;
} .aprendizado .container:before {
top: 18vw;
} .aprendizado .container h2 {
margin-bottom: 4vw;
} .aprendizado .container > p {
margin-bottom: 18vw;
} .aprendizado .container .pictures {
width: 80%;
} .aprendizado .container .pictures:before {
top: -7vw;
width: 40%;
height: 5px;
} .aprendizado .container .pictures picture {
width: 100%;
height: 107vw;
margin-top: 0vw;
margin-right: 0%;
border-radius: 3vw;
margin-bottom: 6vw;
} .aprendizado .container .gift {
width: 50vw;
height: 50vw;
margin-top: 4vw;
border-radius: 4vw;
} .aprendizado .container .gift div {
margin-top: 0vw;
} .aprendizado .container .gift div img {
width: 22vw;
margin-bottom: 3vw;
} .aprendizado .container .gift div h3 {
font-size: 3.8vw;
} .metodo {
padding-bottom: 12vw;
} .metodo .container h2 {
width: 100%;
text-align: center;
margin-bottom: 8vw;
} .metodo .container ul {
width: 95%;
} .metodo .container ul li {
padding-left: 10vw;
padding-top: 3vw;
padding-right: 3vw;
margin-bottom: 4vw;
padding-bottom: 3vw;
} .metodo .container ul li img {
left: -5%;
width: 14vw;
} .metodo .container ul li p {
font-size: 3.2vw;
} .metodo .circle01 {
top: -36vw;
width: 23%;
} .metodo .circle02 {
top: -60vw;
width: 22%;
} .metodo .circle03 {
top: -40vw;
width: 18%;
} .promocao {
overflow: hidden;
padding-bottom: 12vw;
} .promocao .container h2 {
margin-bottom: 5vw;
} .promocao .container h3 {
width: 120%;
height: 24vw;
font-size: 3.5vw;
margin-left: -10%;
background-size: auto 100%;
} .promocao .container h3 b {
margin-top: -1vw;
font-size: 14.2vw;
margin-bottom: -0.5vw;
} .promocao .container h3 b:before {
width: 50%;
} .promocao .container p {
width: 100%;
margin-bottom: 3vw;
} .promocao .container p:last-of-type {
margin-bottom: 8vw;
} .bonus {
padding-bottom: 70vw;
} .bonus:before, .bonus:after {
top: 126vw;
} .bonus .container h2 {
width: 70%;
margin-bottom: 8vw;
} .bonus .container ul {
width: 100%;
margin-left: 0%;
} .bonus .container ul li {
padding-top: 4vw;
padding-left: 4vw;
padding-right: 4vw;
margin-bottom: 4vw;
padding-bottom: 4vw;
border-top-left-radius: 4vw;
border-bottom-right-radius: 4vw;
} .bonus .container ul li h3 {
font-size: 3.8vw;
margin-bottom: 3vw;
} .bonus .container ul li h3:before {
top: 76%;
right: 0%;
width: 79%;
} .bonus .container ul li h3 b {
width: 100%;
} .bonus .container ul li h3 b:last-of-type {
width: 100%;
text-align: left;
} .bonus .container ul li:nth-of-type(2) h3:before {
width: 77%;
} .bonus .container ul li:nth-of-type(3) h3:before, .bonus .container ul li:last-of-type h3:before {
width: 76%;
} .bonus .gifts {
top: initial;
bottom: 2vw;
width: 40vw;
} .valor {
margin-top: 0vw;
padding-bottom: 16vw;
} .valor .container h2 {
margin-bottom: 5vw;
} .valor .container h2:before {
width: 40%;
height: 5px;
bottom: -3vw;
} .valor .container h3 {
margin-bottom: 0vw;
} .valor .container h3 b {
font-size: 5.2vw;
margin-top: 7.1vw;
} .valor .container h3 strong {
font-size: 9.8vw;
} .valor .container h3 strong b {
font-size: 19.2vw;
} .valor .container h4 {
font-size: 3.8vw;
margin-bottom: 6vw;
} .valor .container .button {
margin-bottom: 8vw;
border: #03fa4f 0.8vw solid;
} .valor .container picture {
width: 90%;
} .garantia {
padding-bottom: 20vw;
} .garantia .container > picture {
width: 80%;
margin-bottom: 10vw;
} .garantia .container > picture:before {
box-shadow: 0vw 0vw 24vw 22vw rgba(194, 122, 1, 0.8);
} .garantia .container p {
width: 90%;
margin-bottom: 2vw;
font-size: 2.5vw !important;
} .garantia .container p:last-of-type {
margin-bottom: 12vw;
} .garantia section {
width: 90%;
margin-bottom: 10vw;
} .garantia section picture {
width: 80%;
height: 106vw;
margin-right: 0%;
margin-bottom: 6vw;
border-radius: 9vw;
} .garantia section picture:last-of-type {
margin-bottom: 0vw;
} .garantia .button {
border: #d29c00 0.8vw solid;
}
}