@charset "UTF-8";
/* CSS Document */
html { scroll-behavior: smooth;}
* {margin:0px;padding:0px; box-sizing: border-box;border: 0 none;outline: 0;font-family: "Quicksand", sans-serif;}
img {max-width: 100%;height: auto;}
li {list-style: none;}
body {background:#131313;}
h1, h2, h3, h4, h5, h6, a {font-family: "Inter", sans-serif;padding: 0px;margin:0px;color:#deddd0;font-weight: 300;}
h1, h2 {letter-spacing: -1px;}
h2 {text-align: center;}
p {line-height: 1.8em;letter-spacing: -0.2px; font-size: 1em;color:#131313;margin-bottom: 15px;text-align: left;}
.bt_buy {padding:25px 5px;border-radius: 15px;background-color: #63C360;font-size:1.2em;color:#ffffff;text-decoration: none;display: block;font-weight: 700;letter-spacing: -0.7px;transition-duration: 0.3s;text-align: center;width: 100%;box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1);}
.bt_buy:hover {background-color: #333333;transition-duration: 0.3s;}
.bt_align {margin:0px auto;text-align: center;max-width: 500px;}
.clear {clear: both;}
.space {display: block;height: 20px;}
.highlight {text-decoration: underline #713fff 5px;font-weight: 700;font-family:  "Inter", sans-serif;}
.green {color:#ccff00;font-weight: 700;font-family:  "Inter", sans-serif;}
.align-div {max-width: 1200px;margin:0px auto;padding:15px;}
.align-div-2 {max-width: 900px;margin:0px auto;padding:15px;}
.align-title {max-width: 800px;margin:0px auto;padding:15px;}
li {font-size:1em;color:#deddd0;font-family: "Quicksand", sans-serif;line-height: 1.8em;letter-spacing: -0.2px;}
.align-center {text-align: center;}
.deg {background: linear-gradient(90deg, #deddd0 30%, #deddd0 51%);background-clip: text !important;-webkit-background-clip: text !important;color: transparent !important;-webkit-text-fill-color: transparent;font-family: "Inter", sans-serif;font-weight: 700;}

#warning {background: red;padding:10px;text-align: center;}
#warning h5 {font-size:1em;color:#fff;font-weight: 300;line-height: 1.5em;}
#warning strong {font-weight: 700;}


#header {background:url("../ofim-imagens/bg_header.jpg") no-repeat #131313;padding:180px 15px 75px 15px;background-position: top right; background-repeat: no-repeat;background-size: cover;}
#header-left {max-width: 45%;}
#header img {margin-bottom: 15px;}
#header h6 {font-size: 1em;line-height: 1.7em;font-weight: 400;margin-bottom: 5px;text-align: left;font-family: "Quicksand", sans-serif;letter-spacing: 0px;color: #deddd0;}
#header h1 {font-size: 3em;line-height: 1.05em;margin-bottom: 15px;text-align: left;color: #deddd0;}
#header h1 strong {font-weight: 700;font-family: "Inter", sans-serif;color:#ccff00;}
#header h2 {font-size: 1em;line-height: 1.5em;font-weight: 400;margin-bottom: 15px;text-align: left;font-family: "Quicksand", sans-serif;letter-spacing: 0px;color: #deddd0;}

#pain {margin: 0px auto;padding:25px 15px 25px 15px;}
#pain h2 {font-size:2.5em;line-height: 1.1em;margin-bottom: 30px;text-align: center;color:#f6f6f6;font-weight: 300;}
#pain h3 {font-size:1em;line-height: 1.6em;font-weight: 600;margin-bottom: 15px;color:#f6f6f6;text-align: left;}
#pain h4 {font-size:1.5em;line-height: 1.3em;font-weight: 700;margin-bottom: 15px;color:#f6f6f6;}
#pain p {color:#f6f6f6;}
#pain-photo {width: 47%;float: left;}
#pain-text {width: 47%;float: right;text-align: left;}


#steps {padding:15px 15px 50px 15px;}
#steps h3 {font-size:1.2em;line-height: 1.5em;font-weight: 300;margin-bottom: 0px;text-align: center;color:#f6f6f6;}
#steps h2 {font-size:3em;line-height: 1em;margin-bottom: 5px;color:#f6f6f6;}
#steps li {display: block;float: left;padding:2%;max-width:29%;text-align: center;border-radius: 15px;margin:2%;border:1px solid #333333;}
#steps h4 {font-size: 1.4em;line-height: 1.4em;margin-bottom:1px;color:#f6f6f6;font-weight: 700;}
#steps p {font-size: 1em;color:#f6f6f6;text-align: center;}

#theplan-elx {padding:75px 0px;background: #270b76;}
#theplan-elx h4 {color: #deddd0;text-align: center;font-size: 1.5em;line-height: 1.1em;margin-bottom: 5px;font-weight: 700;}
#theplan-elx h2 {color: #713fff;text-align: center;font-size: 3em;line-height: 1.1em;margin-bottom: 0px;}
#theplan-elx h3 {font-size:1.1em;color:#deddd0;text-align: center;font-weight: 400;margin-bottom: 50px;}
#theplan-elx .preco {font-size:1.2em;color:#deddd0;font-weight: 300;margin-bottom: 25px;text-align: center;display: block;}
#theplan-photo {display: block;width: 45%;float: left;}
#theplan-box {display: block;width: 45%;float: right;}
#theplan-elx p {color: #deddd0;margin-bottom: 15px;}
#theplan-elx h6 {color:#713fff;font-weight: 500;font-size: 1.1em;text-align: left;margin-bottom: 0px;}
#theplan-elx h5 {font-size:1.4em;color:#deddd0;line-height: 1.4em; margin-bottom: 5px;text-align: left;font-weight: 700;}
#theplan-elx .grade {display: block;}
#theplan-elx .grade li {background:url("../ofim-imagens/ico-bullet.webp") no-repeat 0px 3px;text-align: left;font-family: "Quicksand", sans-serif;letter-spacing: -0.2px;color:#deddd0;margin-bottom: 10px;padding-left: 25px;}
.reviews-box li {padding:2%;max-width: 33%;float: left;display: block;}
.reviews-box li img {border-radius: 15px;}

#theplan-rmx {padding:50px 0px;background: #ccff00;}
#theplan-rmx h4 {color: #131313;text-align: center;font-size: 1.5em;line-height: 1.1em;margin-bottom: 5px;font-weight: 700;}
#theplan-rmx .preco {font-size:1.2em;color:#131313;font-weight: 300;margin-bottom: 25px;text-align: center;display: block;}

#theplan-rmx h2 {color: #131313;text-align: center;font-size: 3em;line-height: 1.1em;margin-bottom: 10px;}
#theplan-rmx h3 {font-size:1.1em;color:#deddd0;text-align: center;font-weight: 400;margin-bottom: 50px;}
#theplan-photo {display: block;width: 45%;float: right;}
#theplan-box {display: block;width: 45%;float: left;}
#theplan-rmx p {color: #131313;margin-bottom: 15px;}
#theplan-rmx h6 {color:#131313;font-weight: 500;font-size: 1.1em;text-align: left;margin-bottom: 0px;}
#theplan-rmx h5 {font-size:1.4em;color:#131313;line-height: 1.4em; margin-bottom: 5px;text-align: left;font-weight: 700;}
#theplan-rmx .grade {display: block;}
#theplan-rmx .grade li {background:url("../ofim-imagens/ico-bullet.webp") no-repeat 0px 3px;text-align: left;font-family: "Quicksand", sans-serif;letter-spacing: -0.2px;margin-bottom: 10px;padding-left: 25px;color:#131313;}
.reviews-box li {padding:2%;max-width: 33%;float: left;display: block;}
.reviews-box li img {border-radius: 15px;}

#specialgift {padding:75px 15px;}
#specialgift h2 {font-size:2.5em;line-height: 1.2em;margin-bottom: 5px;text-align: center;}
#specialgift h3 {font-size:1.1em;text-align: center;font-weight: 400;color:#deddd0;margin-bottom: 5px;}
#specialgift .preco {font-size:1.2em;color:#deddd0;font-weight: 300;margin-bottom: 25px;text-align: center;display: block;}
#specialgift h2 strong {color: #ffffff;font-weight: 700;font-family: "Inter", sans-serif;letter-spacing: -1px;}

#change {text-align: center;padding:25px 15px 75px 15px;}
#change h3 {font-size:1.3em;line-height: 1.5em;margin-bottom: 25px;color:#deddd0;font-weight: 500;}
#change h2 {font-size:2.5em;line-height: 1.2em;margin-bottom: 10px;color:#deddd0;}
#change h4 {font-size:2em;line-height: 1.2em;margin-bottom: 15px;color:#deddd0;}
#change p {color:#f6f6f6;}
.change-text {margin: 0px auto; max-width: 600px;}
#change .reviews-box li {padding:1%;max-width: 20%;float: left;display: block;}
#change p strong {font-weight: 700;color:#ccff00;}


.real-benefits-box {display: block;border-radius: 15px;background: #131313;}
#specialgift-content {width: 48%;float: left;}
#specialgift-photo {width: 48%;float: right;padding-top: 25px;margin-bottom:15px;}
#specialgift-photo img {border-radius: 15px;}
#specialgift-content h4 {font-size:1em;line-height: 1.2em;margin-bottom: 5px;text-align: left;font-weight: 500;color:#deddd0;}
#specialgift-content h6 {font-size:1.5em;line-height: 1.4em;margin-bottom: 10px;text-align: left;color:#deddd0;}
#specialgift-content p {color:#deddd0;}

#register {padding:50px 15px 50px 15px;text-align: center;}
#register-box {border-radius: 15px;padding:40px;max-width:700px;margin:0px auto;text-align: center;box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.1);border:1px solid #ccc;background: #f6f6f6;}
.bt_buy_giant {max-width: 700px;margin: 0px auto; padding:25px 10px;border-radius: 15px;background-color: #63C360;font-size:1.2em;color:#ffffff;text-decoration: none;display: block;font-weight: 700;letter-spacing: -0.7px;text-align: center;width: 100%;box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1);transition-duration: 0.3s;}
.bt_buy_giant:hover {background-color: #131313;transition-duration: 0.3s;}
#register h2 {font-size:3.5em;line-height: 1em;margin-bottom: 10px;color:#deddd0;}
#register h5 {line-height: 1.4em;font-size: 1em;margin-bottom: 50px;text-align: center;font-weight: 400;color:#deddd0;}
#register #register-box-list {display: block;margin-bottom: 20px;}
#register #register-box-list li {text-align: left;font-family: "Quicksand", sans-serif;line-height: 1.8em;letter-spacing: -0.2px; font-size: 0.9em;color:#131313;background:url("../ofim-imagens/ico-seta.webp") no-repeat 0px 20px;list-style:none;padding-left: 25px;padding-top:12px;padding-bottom:12px;border-bottom: 1px solid #ddd;}
.register-01 {display: block;text-align: center;font-size: 1em;font-family:  "Inter", sans-serif;line-height: 1em;font-weight: 700;}
.register-02 {display: block;text-align: center;font-size: 3.5em;font-family:  "Inter", sans-serif;font-weight: 800;line-height: 1.2em;color:#270b76;}
.register-03 {display: block;text-align: center;font-size: 1.2em;font-family:  "Inter", sans-serif;line-height: 1em;margin-bottom: 25px;color:#555555;}
.change {line-height: 1.5em;color: red;font-size: 1em;margin-top: 25px;text-align: center;font-weight: 400;}
#benefits {margin:0px auto;margin-top: 50px;max-width: 700px;}
#benefits li {float: left;width:25%;text-align: center;display: block;}
#benefits li img {margin-bottom: 5px;max-width: 40px;}
#benefits li h6 {line-height: 1.3em;color: #131313;display: block;font-size: 0.9em;text-align: center;font-weight: 400;}
#guarantee-box {max-width: 500px;margin: 0px auto;margin-top: 20px;}
#guarantee-box h4 {font-size:1.4em;line-height: 1.4em;margin-bottom: 15px;color:#deddd0;font-weight: 500;}
#guarantee-box p {color:#deddd0;text-align: center;}

#faq {padding:25px 15px 50px 15px;}
#faq-box {max-width: 900px;margin:0px auto;}
#faq h2 {font-size:3em;line-height: 1.1em;margin-bottom: 10px;text-align: center;color:#deddd0;}
.faq-question {background:url("../ofim-imagens/ico-faq.webp") no-repeat 10px center;cursor: pointer;outline: none;transition: 0.4s;padding:15px 15px 15px 36px;background-color: #232323;margin-bottom: 10px;border-radius: 15px;}
.faq-question:hover {background-color: #333333;transition: 0.4s;}
.faq-question p {margin-bottom: 0px;font-weight: 800;color:#deddd0;}
.faq-answer {padding:15px 15px 15px 36px;margin-bottom: 10px;display: none;overflow: hidden;transition: 0.4s;}
.faq-answer p {color:#deddd0;}

footer {text-align: center;padding:50px 0px 75px 0px;}
address  {font-size: 0.9em;text-align: center;line-height: 1.8em;margin-bottom: 10px;font-style: normal;color: #deddd0;}
footer p {font-size: 0.7em;text-align: center;line-height: 2.2em;color: #deddd0;}
footer img {margin-bottom: 15px;}


@media only screen and (max-width: 600px) {
    .align-div {max-width: 100%;margin:0px auto;padding:15px;}
    .align-div-2 {max-width: 100%;margin:0px auto;padding:15px;}
    .align-title {max-width: 100%;margin:0px auto;padding:15px;}
    
    #warning h5 {font-size:0.9em;color:#fff;font-weight: 300;}
    #warning strong {font: 1em;}
    #header-left {max-width: 100%;}
    #header h1 {font-size: 2.5em;line-height: 1em;text-align: center;}
    #header h6 {text-align: center;display: none;}
    #header h2 {text-align: center;}
    #header {background:url("../ofim-imagens/bg_header_mob.jpg") top right no-repeat #131313;padding:300px 15px 50px 15px;background-position: top center;}

    #change h2 {font-size:2em;line-height: 1.1em;margin-bottom: 10px;}
    #change .reviews-box li {padding:1%;max-width: 50%;}
    
    .reviews-box li {padding:2%;max-width: 46%;}
    #specialgift-photo, #specialgift-content, #theplan-box, #theplan-photo {display: block;width: 100%;float: none;}
    #theplan-elx h2, #theplan-rmx h2 {font-size: 2em;}
    #specialgift h2 {font-size: 2em;}
    #steps li {float: none;padding:2%;max-width:92%;margin:2%;}    
    #pain-photo {width: 100%;float: none;}
    #pain-text {width: 100%;float: none;}
	#benefits li {float: left;width:50%;padding:10px;}
    #register h2, #real-benefits h2, #reviews-01 h2, #hook h2, #steps h2, #reviews-02 h2, #faq h2, #bonus h2, #theplan h2 {font-size:2em;line-height: 1.2em;}
    #register-box {padding:20px;}
	#register .mockup-content {float: none;width: 100%;margin-bottom: 10px;}
	#register #register-box-list {float: none;width: 100%;}
    #faq {padding:25px 15px 75px 15px;}
    #real-benefits ul li {display: block;float: left;width:98%;margin:1%;}
    #real-benefits ul {padding:25px;display: block;float: none;width: 100%;}
}