@charset "UTF-8";
/* CSS Document */

/* Header */
span.tarja {
    clear: both;
    display: block;
    background: #FFD800;
    padding: 15px 0;
    margin: 0 auto 50px auto;
}
header.header {
    background: #000000;
    padding: 0 0 50px 0;
}
.header img.logo {
    clear: both;
    display: block;
    width: 25%;
    margin: 0 auto 35px auto;
}
.header .tarja p {
    font-size: 18px;
    text-align: center;
    color: red;
    font-weight: 600;
    margin: 0 auto;
}
/* Header */

/* Plano */
section.plano {
    background: #000000;
    padding: 25px 0 50px 0;
}
.plano h1 {
    text-align: center;
    color: #ffffff;
    font-weight: 900;
    font-size: 35px;
    line-height: 1.4;
    margin: 0 auto 25px auto;
}
.plano span {
    color: #FFD800;
}
.plano h2 {
    text-align: center;
    color: #ffffff;
    font-size: 25px;
    margin: 0 auto 25px auto;
}
.plano h3 {
    text-align: center;
    color: #ffffff;
    font-size: 20px;
    margin: 0 auto 25px auto;
}
a.cta {
    clear: both;
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 20px;
    padding: 25px 0;
    background: #FF6E00;
    color: #ffffff;
    font-weight: 700;
    width: 45%;
    margin: 0 auto 35px auto;
    border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
}
.blob {
	transform: scale(1);
	animation: pulse-black 2s infinite;
}
.blob.green {
	box-shadow: 0 0 0 0 rgba(255, 10, 0, 1);
	animation: pulse-green 2s infinite;
}

@keyframes pulse-green {
	0% {
		transform: scale(0.99);
		box-shadow: 0 0 0 0 rgba(255, 10, 0, 0.7);
	}
	
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255, 10, 0, 0);
	}
	
	100% {
		transform: scale(0.99);
		box-shadow: 0 0 0 0 rgba(255, 10, 0, 0);
	}
}
/* Plano */

/* Antes e depois */
section.antesdepois {
    padding: 50px 0;
}
.antesdepois h1 {
    text-align: center;
    color: #000000;
    font-weight: 900;
    font-size: 35px;
    line-height: 1.4;
    margin: 0 auto 35px auto;
}
/* Antes e depois */

/* Descubra */
section.descubra {
    padding: 50px 0;
    background: #000000;
}
.descubra img.logo {
    clear: both;
    display: block;
    width: 50%;
    margin: 115px auto 25px auto;
}
.descubra p {
    font-size: 18px;
    color: #ffffff;
    line-height: 1.6;
    text-align: center;
    margin: 0 auto 35px auto;
}
.descubra a.cta {
    width: 100% !important;
}
/* Descubra */

/* Como funciona */
section.comofunciona {
    padding: 50px 0;
}
.comofunciona h1 {
    text-align: center;
    color: #000000;
    font-size: 35px;
    line-height: 1.4;
    font-weight: 900;
    margin: 0 auto 35px auto;
}
.comofunciona p {
    text-align: center;
    line-height: 1.6;
}
.comofunciona img.adp {
    clear: both;
    display: block;
    width: 50%;
    margin: 0 auto 35px auto;
}
/* Como funciona */

/* Resultados */
section.resultados {
    background: #000000;
    padding: 0 0 50px 0;
}
.resultados h1 {
    text-align: center;
    color: #000000;
    font-size: 35px;
    line-height: 1.4;
    font-weight: 900;
    margin: 0 auto;
}
.resultados h2 {
    text-align: center;
    color: #FFD800;
    font-size: 35px;
    line-height: 1.4;
    font-weight: 700;
    margin: 0 auto 25px auto;
}
/* Resultados */

/* Expert */
section.expert {
    padding: 50px 0;
}
.expert h1 {
    text-align: center;
    color: #000000;
    font-size: 35px;
    line-height: 1.4;
    font-weight: 900;
    margin: 0 auto 35px auto;
}
.expert img {
    clear: both;
    display: block;
    width: 50%;
    margin: 0 auto 35px auto;
}
.expert h2 {
    text-align: center;
    color: #000000;
    font-size: 25px;
    line-height: 1.4;
    font-weight: 700;
    margin: 0 auto 15px auto;
}
.expert p {
    text-align: center;
    line-height: 1.6;
    font-size: 18px;
}
/* Expert */

/* Alunas */
section.alunas {
    padding: 0 0 50px 0;
    background: #000000;
}
.alunas h1 {
    text-align: center;
    color: #000000;
    font-size: 35px;
    line-height: 1.4;
    font-weight: 900;
    margin: 0 auto
}
.alunas h2 {
    text-align: center;
    color: #FFD800;
    font-size: 35px;
    line-height: 1.4;
    font-weight: 700;
    margin: 25px auto;
}
.alunas h3 {
    text-align: center;
    color: #ffffff;
    font-size: 20px;
    line-height: 1.4;
    margin: 0 auto 35px auto;
}
/* Alunas */

/* Footer */
footer.footer {
    border-top: solid 1px #FFD800;
    background: #000000;
    padding: 50px 0;
}
.footer p {
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    margin: 0;
}
/* Footer */

/* Responsivo */
@media (max-width: 700px) {
    .header .tarja p {
        font-size: 16px;
    }
    .header img.logo {
        width: 55%;
        margin: 0 auto 25px auto;
    }    
    .plano h1, .plano h2, .antesdepois h1, .comofunciona h1, .expert h1, .alunas h2 {
        font-size: 20px;
        margin: 0 auto 25px auto;
    }
    a.cta {
        width: 100% !important;
        font-size: 18px;
    }
    .plano h3 {
        font-size: 18px;
        margin: 0 auto 20px auto;
    }
    img.col-sm-3.col-md-3.col-lg-3.img-fluid {
        margin: 0 auto 20px auto;
    }
    .descubra img.logo {
        margin: 0 auto 25px auto;
    }
    .comofunciona img.adp, .expert img {
        width: 100%;
        margin: 0 auto 25px auto;
    }
    .resultados h1, .alunas h1 {
        font-size: 20px;
    }
    .resultados .video {
        clear: both;
        display: block;
        margin: 0 auto 25px auto;
    }    
}
/* Responsivo */