html, body {
width: 100%;
height: 100%;
min-height: 100%;
min-width: 100%;
font-family: 'Raleway', sans-serif;
}
body {
position: relative;
}
/* ALL */
.middleblock {
width: 100%;
max-width: 1130px;
margin: 0 auto 120px;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
}
.bundle {
width: 300px !important;
display: block;
text-decoration: none;
border: solid 2px #cdcdcd;
background-color: #f9f9f9;
margin: 10px 20px;
height: 550px;
text-decoration: none !important;
}
.icon {
margin: 50px auto 20px;
width: 70%;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-position: center;
height: 130px;
}
.titleproduct{
box-sizing: border-box;
color: rgb(88, 88, 85);
font-family: "Raleway", sans-serif;
font-size: 26px;
font-weight: 500;
letter-spacing: 0.3px;
line-height: 28.6px;
margin-bottom: 0px;
margin-top: 20px;
text-align: center;
}
.step-10 h3 {
margin-bottom: 0;
font-size: 26px;
letter-spacing: 0.3px;
}
.subprice {
color: #26BD13;
}
.bundle > .percent{
color: #FFF;
background-color: #119C00;
padding: 10px 0;
text-transform: uppercase;
font-weight: bold;
}
.bundle > .percent > b{
font-size: 30px
}
.tac {
text-align: center;
}
.bundle h3{
color: #000;
font-weight: bold;
}
.bundle{
padding: 10px;
}
.bundle.bundle-active{
border: solid 10px #119C00;
height: 600px;
}
.button-bundles {
width: 85%;
height: 60px;
margin: 20px auto;
margin-top: 20px;
color: #fff;
font-size: 20px;
background-color: #119C00;
text-decoration: none;
text-align: center;
padding-top: 14px;
box-sizing: border-box;
border-radius: 7px;
text-transform: uppercase;
font-weight: 700;
}
.bundle:hover {
border: solid 10px #119C00;
cursor: pointer;
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.12);
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.12);
}
.btn-highlight {
background: #26BD13;
color: #ffffff;
text-decoration: none;
outline: none;
margin-top: 10px;
border: none;
text-align: left;
}
.btn-highlight span {
display: block;
}
.btn-highlight span.upper {
text-transform: uppercase;
font-size: 26px;
font-weight: 800;
margin-bottom: 0;
}
.btn-highlight span.lower {
font-size: 16px;
margin-top: 0;
line-height: 20px;
}
.btn-highlight:hover,
.btn-highlight:focus,
.btn-highlight:active {
background-color: #26BD13;
border-color: rgba(134,0,0,1);
color: #ffffff;
}
.title-highlight {
font-size: 34px;
font-weight: 800;
color: #ad0000;
margin-bottom: 0;
}
.title-highlight-description {
display: block;
font-size: 18px;
font-weight: 600;
margin-bottom: 50px;
}
.red-light {
color: #e52d27;
}
.red-dark {
color: #ad0000;
}
.red-vdark {
color: #860000;
}
/* BAR */
.bar {
padding: 15px 0;
}
.bar figure img {
width: 300px;
height: auto;
}
.bar a:hover,
.bar a:focus,
.bar a:active {
background-color: #860000;
border-color: #860000;
color: #ffffff;
}
.bar i {
font-size: 40px;
float: left;
color: #cac7c7;
margin-right: 10px;
margin-top: 5px;
}
.bar p {
margin-top: 5px;
}
/* BAR DISCOUNT */
.bar-discount {
background: #119C00;
text-align: center;
font-size: 18px;
color: #fff;
padding: 10px;
width: 100%;
}
.bar-discount.fixed {
position: fixed;
top: 0;
left:0;
z-index: 999;
}
.bar-discount p {
margin: 0;
}
.bar-discount p a {
font-weight: 800;
text-decoration: none;
outline: none;
color: inherit;
margin: 0;
}
/* STEP-1 */
.step-1 {
width: 100%;
height: auto;
background-color: #000000;
padding: 80px 0 100px 0;
color: #ffffff;
background-image: url(../img/step-1-bg.jpg);
background-size: cover;
position: relative;
}
.step-1 .size {
position: absolute;
width: 1150px;
left: 50%;
bottom: -50px;
margin-left: -575px;
}
.step-1 h2 {
font-weight: 800;
margin-bottom: 0;
}
.step-1 h1 {
font-weight: 800;
margin-top: 5px;
}
.step-1 ul {
list-style-type: none;
margin: 0;
margin-top: 30px;
}
.step-1 img {
margin-top: 20px;
}
.step-1 ul li {
font-size: 16px;
padding: 3px 0;
list-style-image: url("../img/list-icon.png");
}
.step-1 a {
margin-top: 20px;
}
/* STEP-2 */
.step-2 {
width: 100%;
height: auto;
padding: 100px 0 60px 0;
color: #323232;
}
.step-2 .title-highlight-description {
margin-bottom: 30px;
}
.step-2 figure {
text-align: center;
}
.step-2 figure img {
width: 250px;
height: auto;
margin-top: 40px;
display: inline-block;
}
/* STEP-3 */
.step-3 {
width: 100%;
height: auto;
padding: 60px 0 80px 0;
color: #323232;
background: #f8f8f8;
border-top: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
}
.step-3 figure {
text-align: center;
min-height: 120px;
margin-top: 30px;
}
.step-3 figure.padding-fix {
padding-top: 20px;
}
.step-3 h3 {
font-weight: 800;
font-size: 20px;
}
.step-3 p {
font-size: 17px;
margin-top: 20px;
}
/* STEP-4 */
.step-4 {
width: 100%;
height: auto;
padding: 80px 0 60px 0;
color: #323232;
position: relative;
}
.step-4 > a {
position: absolute;
left: 50%;
top: -45px;
text-align: center;
left: 50%;
margin-left: -240px;
z-index: 9;
}
.step-4 .step-4-penis {
width: 100%;
height: auto;
}
.step-4 .step-4-venosos {
width: 100%;
height: auto;
}
.step-4 .diviser {
position: relative;
}
.step-4 .diviser hr {
border-color: #cccbcb;
margin: 80px 0;
position: relative;
}
.step-4 .diviser a {
position: absolute;
left: 50%;
top: -45px;
text-align: center;
left: 50%;
margin-left: -240px;
z-index: 9;
}
.step-4 .box {
padding: 10px;
background: #f8f8f8;
border: 1px solid #e8e8e8;
min-height: 450px;
margin-top: 80px;
position: relative;
}
.step-4 .box span {
display: block;
width: 60px;
height: 60px;
font-size: 35px;
background-color: #ad0000;
color: #ffffff;
font-weight: 800;
text-align: center;
position: absolute;
left: 50%;
top: -32px;
margin-left: -30px;
}
.step-4 .box h3 {
text-align: center;
font-weight: 800;
font-size: 20px;
margin-top: 40px;
}
.step-4 .box p {
text-align: center;
}
/* STEP-5 */
.step-5 {
width: 100%;
height: auto;
padding: 60px 0;
color: #ffffff;
background-image: url(../img/step-5-bg.jpg);
background-size: cover;
}
.step-5 figure {
text-align: center;
}
.step-5 figure img {
width: auto;
}
.step-5 figure.ins img {
width: 200px;
height: auto;
margin-top: 50px;
}
.step-5 .title-highlight {
color: #ffffff;
margin-bottom: 50px;
}
.step-5 p {
font-size: 18px;
line-height: 22px;
}
.step-5 h3 {
text-align: center;
font-weight: 800;
font-size: 20px;
margin-top: 40px;
}
/* STEP-6 */
.step-6 {
width: 100%;
height: auto;
padding: 60px 0;
color: #323232;
}
.step-6 p {
font-size: 18px;
line-height: 22px;
}
.step-6 p.quote {
padding: 10px;
font-size: 16px;
background: #f8f8f8;
border: 1px solid #e8e8e8;
display: table;
}
.step-6 p.quote img {
width: 120px;
height: auto;
margin-right: 15px;
}
.step-6 figure img {
margin-top: 100px;
}
/* STEP-7 */
.step-7 {
width: 100%;
height: auto;
padding: 60px 0;
color: #323232;
background: #f8f8f8;
border-top: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
text-align: center;
}
.step-7 .owl-carousel .owl-item img {
width: 200px;
height: auto;
display: inline-block;
}
.step-7 .owl-carousel h2 {
font-weight: 800;
font-size: 32px;
}
.step-7 .owl-carousel p {
font-size: 18px;
margin-top: 30px;
}
.step-7 .owl-carousel span.user {
display: block;
color: #ad0000;
padding: 6px 20px;
border-radius: 20px;
font-weight: 600;
}
.step-7 .step-7-control-previous {
display: block;
color: #ad0000;
outline: none;
text-decoration: none;
font-size: 40px;
margin-top: 80px;
}
.step-7 .step-7-control-next {
display: block;
color: #ad0000;
outline: none;
text-decoration: none;
font-size: 40px;
margin-top: 80px;
}
/* METRICS */
.metrics {
background-color: #050102;
width: 100%;
height: auto;
padding: 250px 0;
background-image: url(../img/metrics.jpg);
background-repeat: no-repeat;
background-position: center;
}
/* STEP 8 */
.step-8 {
width: 100%;
height: auto;
padding: 60px 0;
color: #323232;
}
.step-8 h1 {
text-align: left;
}
.step-8 span {
text-align: left;
}
.step-8 p:not(.soft-text) {
font-size: 18px;
margin-top: 30px;
padding-left: 80px;
position: relative;
}
.step-8 p:before {
position: absolute;
top: 0;
left: 0;
background: url(../img/step-8-icons.png) no-repeat;
padding-bottom: 6px;
height: 65px;
content: ' ';
margin: 0 auto;
}
.step-8 p.step-8-icon-1:before {
width: 52px;
background-position: -103px 0;
}
.step-8 p.step-8-icon-2:before {
width: 50px;
}
.step-8 p.step-8-icon-3:before {
width: 51px;
background-position: -51px 0;
}
.step-8 p.step-8-icon-4:before {
width: 62px;
background-position: -156px 0;
}
.step-8 a {
margin-top: 50px;
}
.step-8 figure.computer img {
position: absolute;
left: -200px;
z-index: -1;
top: -70px;
}
/* STEP-9 */
.step-9 {
width: 100%;
height: auto;
padding: 60px 0;
color: #323232;
background: #f8f8f8;
border-top: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
}
.step-9 h1 {
text-align: left;
}
.step-9 span {
text-align: left;
}
.step-9 p {
font-size: 17px;
margin-top: 20px;
text-align: left;
}
.step-9 figure {
text-align: center;
position: relative;
}
.step-9 figure img.bottle {
width: 240px;
height: auto;
display: inline-block;
margin-top: 50px;
}
.step-9 figure img.garanted {
position: absolute;
left: 0;
top: 0;
}
/* STEP 10 */
.step-10 {
width: 100%;
height: auto;
padding: 60px 0;
color: #ffffff;
background-image: url(../img/step-5-bg.jpg);
background-size: cover;
}
.step-10 ul {
list-style-type: none;
margin: 0;
margin-top: 30px;
}
.step-10 h3 {
margin-bottom: 0;
font-size: 26px;
letter-spacing: 0.3px;
}
.step-10 h2 {
font-size: 50px;
font-weight: 800;
margin-top: 0;
}
.step-10 h2 span {
color: #ff2222;
}
.step-10 ul li {
font-size: 16px;
padding: 3px 0;
list-style-image: url(../img/list-icon-white.png);
}
.step-10 figure {
text-align: center;
}
.step-10 figure img {
width: 160px;
height: auto;
}
.step-10 .box-form {
padding: 30px;
background-color: rgba(137,0,0,0.5);
-webkit-box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.17);
box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.17);
position: relative;
margin-top: 20px;
}
.step-10 .box-form .arrow {
position: absolute;
left: 30px;
top: -15px;
background-image: url(../img/step-10-arrow.png);
width: 132px;
height: 143px;
text-align: center;
line-height: 21px;
padding-top: 10px;
}
.step-10 .box-form .arrow span {
font-size: 30px;
font-weight: 800;
}
.step-10 h1 {
font-weight: 800;
text-align: center;
margin-top: 0;
margin-bottom: 30px;
}
.step-10 h1 span {
color: #ff2222;
}
/* STEP 11 */
.step-11 {
width: 100%;
float: left ;
height: auto;
padding: 40px 0;
color: #323232;
margin-top: 50px;
}
.step-11 hr {
}
.step-11 figure {
text-align: center;
}
.step-11 figure img {
width: 300px;
height: auto;
}
.step-11 ul {
display: inline-block;
margin: 0;
padding: 0;
list-style-type: none;
margin-bottom: 20px;
}
.step-11 ul li {
float: left;
margin-left: 15px;
}
.step-11 ul li:first-child {
margin-left: 0;
}
.step-11 ul li:a {
outline: none;
text-decoration: none;
}
/* COPYRIGHT */
.copyright-footer {
margin: 0;
font-size: 15px;
}
/* BAR CHECKOUT */
.bar-chekout {
background-color: #ad0000;
padding: 15px 0;
}
.bar-chekout h2.notice {
font-weight: 800;
color: #ffffff;
margin: 0;
text-align: center;
line-height: 40px;
}
.bar-chekout p.notice {
color: #ffffff;
text-align: center;
font-size: 15px;
line-height: 22px;
margin: 0;
}
/* BAR CHECKOUT CARD */
.bar-chekout-card {
background-color: #ad0000;
padding: 15px 0;
}
.bar-chekout-card h2.notice {
font-weight: 800;
color: #ffffff;
margin: 0;
text-align: center;
line-height: 40px;
}
.bar-chekout-card p.notice {
color: #ffffff;
text-align: center;
font-size: 15px;
line-height: 22px;
margin: 0;
}
/* CONTENT CHECKOUT */
.content-checkout {
width: 100%;
height: auto;
padding: 60px 0;
}
.content-checkout .box-form {
padding: 30px;
-webkit-box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.17);
box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.17);
position: relative;
margin-top: 20px;
background: #f3f3f3;
border: 1px solid #cecece;
margin-top: 90px;
position: relative;
}
.content-checkout .box-form .arrow {
position: absolute;
left: 30px;
top: -15px;
background-image: url(../img/step-10-arrow.png);
width: 132px;
height: 143px;
text-align: center;
line-height: 21px;
padding-top: 10px;
color: #ffffff;
}
.content-checkout .box-form .arrow span {
font-size: 30px;
font-weight: 800;
}
.content-checkout .box-form h1 {
font-weight: 800;
text-align: left;
margin-top: 0;
margin-bottom: 50px;
padding-left: 140px;
font-size: 30px;
}
.content-checkout .box-form h1 span {
color: #ff2222;
}
.content-checkout .box-form a {
width: 100%;
text-align: center;
}
.content-checkout .title-highlight {
text-align: center;
padding-bottom: 40px;
margin-top: 0;
}
.content-checkout .benefits {
text-align: center;
margin-top: 20px;
}
.content-checkout .benefits span {
display: block;
font-weight: bold;
}
.content-checkout .margin-info {
margin-top: 20px;
}
.content-checkout .garanted-icon {
display: inline-block;
float: right;
margin-top: 0;
margin-left: 20px;
}
.content-checkout .garanted-icon img {
width: 90px;
height: auto;
}
.content-checkout .garanted-text {
font-size: 18px;
line-height: 22px;
text-align: right;
}
.content-checkout p.stock {
font-size: 18px;
line-height: 22px;
text-align: left;
margin: 0;
}
.content-checkout p.stock .green {
font-weight: bold;
color: green;
}
.content-checkout p.stock .red {
font-weight: bold;
color: red;
}
.content-checkout .box-product {
background: #f3f3f3;
border: 1px solid #cecece;
margin-top: 90px;
position: relative;
}
.content-checkout .box-product.active {
-webkit-box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.17);
box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.17);
border: 10px solid #ff2222;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
}
.content-checkout .cartoons {
margin-top: 50px;
}
.content-checkout .clock-card {
width: auto;
margin: 0px auto 30px auto;
display: inline-block;
}
.content-checkout .flip-clock-wrapper ul li a div div.inn {
background-color: red;
color: #ffffff;
text-shadow: none;
}
.content-checkout .payments {
text-align: center;
}
.content-checkout .payments ul {
margin: 0;
padding: 0;
display: inline-block;
list-style-type: none;
margin: 20px 0;
}
.content-checkout .payments ul li {
float: left;
}
.content-checkout .payments ul li a {
display: block;
width: 100%;
height: 100%;
outline: none;
text-decoration: none;
}
.content-checkout .card-image .cart-image {
position: absolute;
right: 0;
top: 36px;
height: 30px;
width: auto;
right: 20px;
}
.content-checkout .card-image .cart {
padding-right: 80px;
}
.content-checkout .content-ticket {
display: none;
}
.content-checkout .content-ticket figure {
text-align: center;
}
.content-checkout .content-ticket figure img {
display: inline-block;
}
.content-checkout .content-ticket .infos {
list-style-type: decimal;
}
.content-checkout .value {
text-align: center;
font-size: 22px;
text-transform: uppercase;
font-weight: 800;
}
.content-checkout .box-product .bottle {
text-align: center;
margin-top: 26px;
}
.content-checkout .box-product .bottle img {
width: 150px;
height: auto;
}
.content-checkout .box-product h3 {
font-size: 26px;
font-weight: 800;
color: #ad0000;
margin-bottom: 10px;
}
.content-checkout .box-product span {
font-size: 20px;
font-weight: 800;
}
.content-checkout .box-product span i {
margin-right: 10px;
}
.content-checkout .box-product span strong {
text-decoration: line-through;
}
.content-checkout .box-product .discount {
position: absolute;
width: 101px;
height: 90px;
background-image: url(../img/content-checkout-discount.png);
left: 50%;
margin-left: -50px;
top: -60px;
z-index: 1;
}
.content-checkout .box-product .discount .percent {
color: #ad0000;
position: relative;
font-size: 30px;
font-weight: 800;
text-align: center;
top: 14px;
}
.content-checkout .box-product .discount .discount-text {
font-size: 11px;
position: relative;
font-weight: 600;
color: #ffffff;
text-align: center;
top: 5px;
}
.content-checkout .box-product .free-ship {
position: absolute;
width: 100px;
height: 99px;
background-image: url(../img/free-ship.png);
background-size: 100px 99px;
z-index: 1;
left: 51px;
top: 190px;
}
.content-checkout .box-product > a {
display: block;
width: 100%;
height: 100%;
outline: none;
color: inherit;
text-decoration: none;
padding: 30px 30px;
}
.content-checkout .summary {
background: #f3f3f3;
border: 1px solid #cecece;
margin-top: 82px;
position: relative;
display: block;
width: 100%;
height: 100%;
outline: none;
color: inherit;
text-decoration: none;
padding: 30px 30px;
}
.content-checkout .summary .alert-warning {
background-color: #dcdcdc;
border-color: #dcdcdc;
color: inherit;
}
.content-checkout .summary .alert-success {
background-color: #c6fbb0;
border-color: #c6fbb0;
color: #3c763d;
margin-bottom: 0;
}
.content-checkout .summary h2 {
font-size: 26px;
font-weight: 800;
color: #ad0000;
margin-bottom: 10px;
text-align: center;
margin-top: 0;
}
.content-checkout .summary h4 {
text-align: center;
font-weight: bold;
margin-bottom: 0;
}
.content-checkout .summary .product {
text-align: center;
font-size: 20px;
}
.content-checkout .summary .price {
text-align: center;
font-size: 20px;
}
.content-checkout .summary .title-summary {
text-align: left;
}
.content-checkout .summary .response-summary {
text-align: right;
}
.content-checkout .summary .title-total {
font-size: 15px;
text-align: center;
margin-bottom: 0;
}
.content-checkout .summary .title-price {
text-align: center;
font-size: 30px;
margin-bottom: 0;
}
/* CHECKOUT FOOTER */
.checkout-footer {
width: 100%;
height: auto;
padding: 10px 0;
}
.checkout-footer figure.checkcout-logotipo img {
width: 230px;
height: auto;
}
.checkout-footer p.copyright-text {
text-align: center;
}
.checkout-footer p.contact {
text-align: right;
margin: 0;
}
.checkout-footer .secure {
margin-top: 30px;
text-align: center;
}
.checkout-footer .secure img {
width: 310px;
height: auto;
display: inline-block;
}
/* CHECKOUT FOOTER CARD */
.checkout-footer-card {
width: 100%;
height: auto;
padding: 10px 0;
}
.checkout-footer-card figure.checkcout-logotipo img {
width: 220px;
height: auto;
}
.checkout-footer-card p.copyright-text {
text-align: center;
}
.checkout-footer-card p.contact {
text-align: right;
margin: 0;
}
/* THANKS */
.thanks-message {
width: 100%;
height: auto;
padding: 70px 0;
background-color: #ffffff;
}
.thanks-message img {
width: 190px;
height: auto;
}
.thanks-message h1 {
font-size: 43px;
color: #31c75d;
font-weight: 800;
text-align: center;
}
.thanks-message h3 {
font-size: 26px;
color: #000000;
font-weight: 500;
text-align: center;
position: relative;
margin-top: 10px;
}
.thanks-message h3 span {
color: #cc1b1b;
text-transform: uppercase;
font-weight: 800;
}
.thanks-message .btn-highlight {
width: 400px;
display: inline-block;
margin-top: 30px;
}
.thanks-message .btn-highlight .upper {
text-align: center;
}
.thanks-message .btn-highlight .lower {
text-align: center;
}
.thanks-count {
width: 100%;
height: auto;
padding: 70px 0;
background-image: url(../img/bg-thanks-count.jpg);
background-repeat: repeat;
}
.thanks-count h1 {
font-size: 29px;
color: #ffffff;
font-weight: 800;
text-align: center;
text-transform: uppercase;
}
.thanks-count h3 {
font-size: 31px;
color: #ffffff;
font-weight: 500;
text-align: center;
position: relative;
margin-top: 10px;
}
.thanks-count .clock {
width: auto;
margin: 50px auto 30px auto;
display: inline-block;
}
.thanks-count .flip-clock-divider .flip-clock-label {
color: #ffffff;
}
.thanks-count .flip-clock-wrapper ul li a div div.inn {
background-color: #ffffff;
color: #000000;
text-shadow: none;
}
.thanks-send {
width: 100%;
height: auto;
padding: 70px 0;
}
.thanks-send img.confirmacao {
margin-top: 50px;
}
.thanks-send h3 {
font-size: 24px;
color: #454545;
font-weight: 400;
text-align: center;
margin-top: 30px;
}
.thanks-faq {
width: 100%;
height: auto;
padding: 70px 0;
background-image: url(../img/thanks-bg.jpg);
}
.thanks-faq h1 {
font-size: 50px;
color: #ffffff;
font-weight: 800;
text-align: center;
text-transform: uppercase;
margin-bottom: 50px;
}
.thanks-faq h3 {
font-size: 26px;
color: #ffffff;
font-weight: 700;
text-align: left;
margin-top: 50px;
}
.thanks-faq p {
font-size: 18px;
color: #ffffff;
font-weight: 300;
text-align: left;
}
.thanks-doubt {
width: 100%;
height: auto;
padding: 70px 0;
}
.thanks-doubt h2 {
font-size: 43px;
color: #31c75d;
font-weight: 800;
text-align: center;
margin-top: 40px;
}
.thanks-doubt p {
font-size: 26px;
text-align: center;
}
.thanks-doubt p span {
display: block;
text-align: center;
font-weight: 700;
}
.thanks-footer {
width: 100%;
height: auto;
padding: 70px 0;
background-image: url(../img/thanks-bg.jpg);
}
.thanks-footer h3 {
font-size: 15px;
color: #ffffff;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 20px;
}
.thanks-footer p {
color: #ffffff;
}
/* RESPONSIVE */
@-moz-document url-prefix() {
fieldset { display: table-cell; }
}
@media only screen and (max-width : 1200px) {
}
@media only screen and (max-width : 1170px) {
.step-1 .size {
position: absolute;
width: 740px;
left: 50%;
bottom: -40px;
margin-left: -370px;
}
}
@media only screen and (max-width : 992px) {
.bar {
text-align: center;
}
.bar figure {
text-align: center;
}
.bar a {
margin: 0 auto;
width: 200px;
display: block;
margin-top: 20px;
}
.bar i {
float: none;
margin-top: 20px;
}
.bar p {
margin-top: 5px;
display: inline-block;
text-align: left;
}
.step-1 h2 {
text-align: center;
}
.step-1 h1 {
text-align: center;
}
.step-1 p {
text-align: center;
}
.step-1 ul li {
list-style-image: none;
text-align: center;
}
.btn-highlight {
margin: 0 auto;
width: 300px;
white-space: normal;
text-align: center;
display: block;
margin-top: 30px;
}
.btn-highlight span.upper {
text-transform: uppercase;
font-size: 22px;
font-weight: 800;
margin-bottom: 0;
line-height: 22px;
}
.btn-highlight span.lower {
font-size: 15px;
margin-top: 5px;
}
.title-highlight {
font-size: 30px;
font-weight: 800;
color: #ad0000;
margin-bottom: 0;
text-align: center;
}
.title-highlight-description {
text-align: center;
}
.step-7 .step-7-control-previous {
margin-top: 15px;
}
.step-7 .step-7-control-next {
margin-top: 15px;
}
.step-4 .box {
min-height: 0;
margin-top: 50px;
}
.step-4 .box-1 {
margin-top: 100px;
}
.step-4 > a {
top: -60px;
}
.step-4 .step-4-penis {
width: 60%;
height: auto;
margin: 0 auto;
display: inherit;
}
.step-4 .step-4-venosos {
width: 60%;
height: auto;
margin: 0 auto;
display: inherit;
margin-bottom: 50px;
}
.step-2 figure img {
width: 180px;
}
.step-2 p {
text-align: center;
}
.step-4 p {
text-align: center;
}
.step-5 p {
text-align: center;
}
.step-6 p {
text-align: center;
}
.step-9 p {
text-align: center;
}
.step-8 h1 {
text-align: center;
}
.step-8 span {
text-align: center;
}
.step-1 a {
margin-top: 30px;
}
.step-6 p.quote {
margin-top: 30px;
}
.metrics {
background-size: 100% auto;
}
.step-8 p {
margin-top: 90px;
padding-left: 0px;
text-align: center;
}
.step-8 p.step-8-icon-1:before {
margin-left: -26px;
}
.step-8 p:before {
position: absolute;
top: -70px;
left: 50%;
}
.step-8 p.step-8-icon-2:before {
margin-left: -25px;
}
.step-8 p.step-8-icon-3:before {
margin-left: -25px;
}
.step-8 p.step-8-icon-4:before {
margin-left: -31px;
}
.step-9 figure img.bottle {
width: 190px;
}
.step-9 h1 {
text-align: center;
margin-top: 40px;
}
.step-9 span {
text-align: center;
}
.step-9 figure img.garanted {
left: 50%;
}
.step-10 h3 {
text-align: center;
font-size: 22px;
}
.thanks-footer h3 {
text-align: center;
}
.thanks-footer p {
text-align: center;
}
.thanks-footer figure {
text-align: center;
}
.thanks-footer figure img {
display: inline-block;
}
.thanks-doubt figure img {
display: inline-block;
width: 200px;
}
.step-10 h2 {
text-align: center;
font-size: 42px;
font-weight: 800;
margin-top: 0;
}
.step-10 ul li {
list-style-image: none;
text-align: center;
}
.step-10 .box-form {
margin-top: 50px;
}
.metrics {
padding: 180px 0;
background-size: 120% auto;
}
.content-checkout .box-product .free-ship {
top: 40px;
}
}
@media only screen and (max-width : 768px) {,
.metrics {
padding: 130px 0;
background-size: 120% auto;
}
.title-highlight {
font-size: 26px;
}
.title-highlight-description {
text-align: center;
}
.thanks-message .btn-highlight {
margin: 0 auto;
width: 300px;
white-space: normal;
text-align: center;
display: block;
margin-top: 30px;
position: relative;
left: 0;
margin-left: -0px;
margin: 0 auto;
margin-top: 60px;
}
.step-1 h2 {
font-size: 20px;
}
.step-1 h1 {
font-size: 30px;
}
.step-1 .size {
position: absolute;
width: 500px;
left: 50%;
bottom: -20px;
margin-left: -250px;
}
.step-2 figure img {
width: 150px;
}
.step-4 .diviser a {
margin: 0 auto;
width: 300px;
white-space: normal;
text-align: center;
display: block;
margin-top: 30px;
position: relative;
left: 0;
margin-left: -0px;
margin: 0 auto;
margin-top: 60px;
}
.step-4 > a {
margin: 0 auto;
width: 300px;
white-space: normal;
text-align: center;
display: block;
margin-top: 30px;
position: relative;
left: 0;
margin-left: -0px;
margin: 0 auto;
margin-top: 60px;
top: -60px;
}
.content-checkout .margin-info {
text-align: center;
}
.content-checkout .box-product h3 {
text-align: center;
}
.content-checkout .box-product span {
display: block;
text-align: center;
}
.content-checkout .box-product p {
text-align: center;
}
.checkout-footer p.contact {
text-align: center;
}
.checkout-footer .checkcout-logotipo {
text-align: center;
}
.checkout-footer .checkcout-logotipo img {
margin-bottom: 15px;
}
.step-5 figure img {
width: 230px;
height: auto;
}
.content-checkout .garanted-icon {
float: none;
margin-top: 0;
margin-left: 0;
margin-bottom: 20px;
}
.content-checkout p.stock {
text-align: center;
}
.content-checkout .garanted-text {
font-size: 18px;
line-height: 22px;
text-align: center;
}
.step-7 .owl-carousel .owl-item img {
width: 180px;
height: auto;
display: inline-block;
}
.step-10 h1 {
padding-left: 140px;
text-align: left;
}
.thanks-message img {
width: 150px;
height: auto;
}
.thanks-doubt h2 {
font-size: 32px;
}
.thanks-message h1 {
font-size: 32px;
}
.thanks-message h3 {
font-size: 20px;
margin-top: 20px;
}
.thanks-doubt p {
font-size: 18px;
}
.thanks-faq h1 {
font-size: 30px;
}
.thanks-faq h3 {
font-size: 21px;
}
.thanks-send img.correios {
width: 250px;
}
.thanks-send img.confirmacao {
width: 70px;
}
.thanks-send h3 {
font-size: 20px;
}
}
@media only screen and (max-width : 480px) {
.metrics {
padding: 100px 0;
}
.bar figure img {
width: 280px;
height: auto;
}
.step-1 .size {
position: absolute;
width: 90%;
left: 50%;
bottom: -17px;
margin-left: -45%;
}
.step-10 h1 {
padding-left: 0;
text-align: center;
margin-top: 120px;
}
.step-11 ul li {
float: none;
}
.btn-highlight {
width: 280px;
}
.content-checkout .box-product span.btn-highlight {
width: 100%;
}
.checkout-footer figure img {
width: 100%;
height: auto;
}
}
@media only screen and (max-width : 320px) {
}
@media only screen and (max-width: 360px) {
.clock { margin: 0 auto; display: block; width: 100%; }
.flip-clock-wrapper ul { height: 35px; line-height: 35px; margin:2px; width: 24px !important;}
.flip-clock-wrapper ul li a div.up:after { top: 16px; }
.flip { width: 24px !important; }
.flip-clock-divider { height: 35px; width: 10px !important;}
.flip-clock-dot { height: 4px; width: 4px; left: 2px !important;}
.flip-clock-dot.top { top: 12px; }
.flip-clock-dot.bottom { bottom: 6px; }
.flip-clock-divider .flip-clock-label { font-size: 11px !important; }
.flip-clock-divider.days .flip-clock-label { right: -42px !important; }
.flip-clock-divider.hours .flip-clock-label { right: -42px !important; }
.flip-clock-divider.minutes .flip-clock-label { right: -48px !important; }
.flip-clock-divider.seconds .flip-clock-label { right: -50px !important; }
.flip-clock-wrapper ul li { line-height: 35px; }
.flip-clock-wrapper ul { width: 24px !important; }
.flip-clock-wrapper ul li a div div.inn { font-size: 21px; }
}
@media only screen and (min-width: 361px) and (max-width: 480px) {
.clock { margin: 0 auto; display: block; width: 100%; }
.flip-clock-wrapper ul { height: 35px; line-height: 35px; margin:2px; width: 30px !important;}
.flip-clock-wrapper ul li a div.up:after { top: 16px; }
.flip { width: 30px; }
.flip-clock-divider { height: 35px; width: 15px;}
.flip-clock-dot { height: 4px; width: 4px; left: 4px !important;}
.flip-clock-dot.top { top: 12px; }
.flip-clock-dot.bottom { bottom: 6px; }
.flip-clock-divider .flip-clock-label { font-size: 11px !important; }
.flip-clock-divider.days .flip-clock-label { right: -46px !important; }
.flip-clock-divider.hours .flip-clock-label { right: -46px !important; }
.flip-clock-divider.minutes .flip-clock-label { right: -55px !important; }
.flip-clock-divider.seconds .flip-clock-label { right: -55px !important; }
.flip-clock-wrapper ul li { line-height: 35px; }
.flip-clock-wrapper ul { width: 26px; }
.flip-clock-wrapper ul li a div div.inn { font-size: 21px; }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
.clock { margin: 0 auto; display: block; width: 100%; }
.flip-clock-wrapper ul { height: 50px; line-height: 50px; }
.flip-clock-wrapper ul li a div.up:after { top: 24px; }
.flip-clock-divider { height: 50px; }
.flip-clock-dot { height: 6px; width: 6px; left: 7px;}
.flip-clock-dot.top { top: 17px; }
.flip-clock-dot.bottom { bottom: 8px; }
.flip-clock-divider .flip-clock-label { font-size: 11px; }
.flip-clock-divider.days .flip-clock-label { right: -58px; }
.flip-clock-divider.hours .flip-clock-label { right: -58px; }
.flip-clock-divider.minutes .flip-clock-label { right: -64px; }
.flip-clock-divider.seconds .flip-clock-label { right: -64px; }
.flip-clock-wrapper ul li { line-height: 50px; }
.flip-clock-wrapper ul { width: 37px; }
.flip-clock-wrapper ul li a div div.inn { font-size: 30px; }
}
.red{
color: #AD2200;
font-size: 40px !important;
}
.step-11 a {
background-color: #ad0000;
border-color: #ad0000;
color: #ffffff;
text-decoration: none;
outline: none;
height: 50px;
line-height: 40px;
font-weight: bold;
}
.bar-discount.fixed{
z-index: 99;
position: fixed;
}
.card{
margin-left: 5%;
}
@media only screen and (max-width: 480px){
.card{
margin-top: 50px;
margin-left: 0;
}
}
h1{
margin-top: 0;
}
.info{
margin-top: 25px !important;
}
.ms_pop-up p:first-of-type{
margin-top: 0;
line-height: 1;
}
.ms_pop-up button{
margin-top: 75px !important;
}