@charset "UTF-8";
/* CSS Document */
/*#################################################################################################### 
/ GERAIS
/###################################################################################################*/
html {
	box-sizing: border-box;
}
body, html {
	margin:0;
	padding: 0;
	height: 100%;
	color: #000;
	font-family: 'Montserrat', sans-serif;
	position: relative;
	-webkit-font-smoothing: antialiased; 
	font-weight: 500;
	-moz-osx-font-smoothing: grayscale;
}
body {
	overflow-x: hidden;
}
input, textarea, select {
	font-family: 'Montserrat', sans-serif;
	display: block;
	outline: none;
}
input[type="submit"],
input[type="submit"]:hover {
	-webkit-transition: 0.3s ease-out;
}
*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, figure {
    margin: 0;
    padding: 0;
	display: block;
}
a {
	color: #000;
	-webkit-transition: 0.3s ease-out;
}
a:hover, a:active, a:focus {
    outline: 0 !important;
    color: #000;
}
a:hover {
	text-decoration: none;
}
.row::before,
.row::after{
	display: inline-block !important;
}
/*#################################################################################################### 
/ NAV-MOBILE
/###################################################################################################*/
#menu-mobile {
    background: #4e0000;
    position: absolute;
	z-index: 10000;
    left: -320px;
	width: 320px;
	min-height: 100%;
	overflow:hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
	-webkit-transition: 0.3s ease-out;
	display: none;
}
#menu-mobile div{
	display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #C4A577;
}
#menu-mobile p{
	margin-left: 20px;
    text-transform: uppercase;
    color: #C4A577;
    font-size: 14px;
    font-weight: bold;
}
#menu-mobile #close{
	background: url(images/bg-nav-close-mobile.png) center center no-repeat;
    width: 50px;
    height: 50px;
    opacity: 1;
}
#menu-mobile #close:hover{
	opacity: 1;
}
#menu-mobile nav ul {
	position:relative;
	float:left;
	width: 100%;
	height: 100%;
    padding: 0;
    list-style: none;
    display: block;
}
#menu-mobile nav ul li {
	position:relative;
	float:left;
	width: 100%;
    margin: 0;
    display: block;
    border-bottom: 1px solid #C4A577;
}
#menu-mobile nav ul li a{
	font-size: 16px;
	color: #fff;
	font-weight: 400;
	float: left;
	padding: 15px 20px;
}
#menu-mobile nav ul li a:hover{
	font-weight: 600;
}
#menu-mobile nav ul li ul {
	border-top: 1px solid #C4A577;
	padding: 15px 20px;
}
#menu-mobile nav ul li ul li{
	margin:0 0 10px 0;
	padding: 0;
	border:0;
}
#menu-mobile nav ul li ul li a{
	margin:0;
	padding: 0;
	color: #E3D6C1;
	border:0;
}
#menu-mobile nav ul li ul li:last-child{
	margin-bottom: 0px;
}
header #nav{
	background: url(images/bg-nav-mobile.png) center center no-repeat;
    width: 50px;
    height: 50px;
    display: none;
    margin: 0 auto;
}
/*#################################################################################################### 
/ HEADER
/###################################################################################################*/
header {
	position: relative;
	z-index: 99;
	width: 100%;
	float:left;
	height: auto;
	padding: 50px 0;
	display: block;
}
header .logo{
	width: 100%;
	margin-bottom: 30px;
}
header h1{
	color: #DD117B;
	font-size: 34px;
	font-weight: 700;
	margin-bottom: 30px;
	line-height: 1.2em;
	text-align: left;
}
header span{
	display: block;
	font-size: 40px;
}
header h2{
	color: #E67817;
	font-size: 33px;
	line-height: 1em;
	text-align: left;
}
header .box{
	margin-top: 65px;
	width: 90%;
	float: right;
	background-color: #fff;
	padding: 30px 45px 30px 30px;
	box-shadow: 5px 5px 0px #00000026;
}
header .box h3{
	color: #000;
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 30px;
}
header .box input[type="text"],
header .box input[type="email"]{
	width: 100%;
	border: 1px solid #707070;
	height: 50px;
	margin-top: 20px;
	padding: 10px;
	font-size: 16px !important;
}
header .box input[type="text"]:focus,
header .box input[type="email"]:focus{
	border: 1px solid #dd117b;
}
header label{
	display: flex;
	margin-bottom: 20px;
}
header label input{
	margin: 0 10px 0 0;
}
header label span{
	line-height: 1em;
	font-size: 14px;
}
header .col-bg{
	background: url(images/bg-topo.png) top left no-repeat;
}
header .box input[type="submit"]{
	background-color: #E67817;
	color: #fff;
	border: 0;
	padding: 10px 25px;
	margin: 0 auto;
}
header .box input[type="submit"]:hover{
	background-color: #dd117b;
}
header .aceite{
    display: flex;
    align-items: center;
}
header .aceite .wpcf7-list-item{
    margin: 7px 10px 0 0;
}
header span.accept{
	font-size: 14px;
	max-width: 100%;
}
/*#################################################################################################### 
/ SOBRE A AULA
/###################################################################################################*/
#sobre-a-aula {
	position: relative;
	z-index: 99;
	width: 100%;
	float:left;
	height: auto;
	padding: 50px 0 80px 0;
	display: block;
}
#sobre-a-aula img{
	width: 100%;
	box-shadow: 5px 5px 0px #00000026;
}
#sobre-a-aula h2::before{
	content: "";
	width: 45px;
	height: 45px;
	display: inline-block;
	background: url(images/bolinhas.png) center center no-repeat;
	background-size: contain;
	margin-right: 15px;
}
#sobre-a-aula h2{
	color: #000;
	font-size: 38px;
	font-weight: 700;
	margin-bottom: 30px;
	display: flex;
	align-items: center;
}
#sobre-a-aula p{
	font-size: 18px;
	color: #000;
	margin-bottom: 20px;
}
#sobre-a-aula .bt{
	background-color: #E67817;
	color: #fff;
	border: 0;
	padding: 10px 25px;
	margin: 0 auto;
	display: inline-block;
}
#sobre-a-aula .bt:hover{
	background-color: #dd117b;
}
/*#################################################################################################### 
/ CONTEÚDO
/###################################################################################################*/
#conteudo {
	position: relative;
	z-index: 99;
	width: 100%;
	float:left;
	height: auto;
	padding: 50px 0;
	display: block;
	background-color: #E67817;
}
#conteudo h3{
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    line-height: 1em;
    text-align: center;
    width: 33.3%;
    padding: 0 10px;
}
#conteudo .beneficios{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#conteudo .maternidade::before{
	content: "";
	display: block;
	background: url(images/ico-maternidade.png) center center no-repeat;
	width: 150px;
	height: 150px;
	background-size: contain;
	margin: 0 auto 20px auto;
}
#conteudo .dificuldades::before{
	content: "";
	display: block;
	background: url(images/ico-atencao.png) center center no-repeat;
	width: 150px;
	height: 150px;
	background-size: contain;
	margin: 0 auto 20px auto;
}
#conteudo .tecnicas::before{
	content: "";
	display: block;
	background: url(images/ico-amamentacao.png) center center no-repeat;
	width: 150px;
	height: 150px;
	background-size: contain;
	margin: 0 auto 20px auto;
}
#conteudo .preparacao::before{
	content: "";
	display: block;
	background: url(images/ico-preparacao.png) center center no-repeat;
	width: 150px;
	height: 150px;
	background-size: contain;
	margin: 0 auto 20px auto;
}
#conteudo .indicacoes::before{
	content: "";
	display: block;
	background: url(images/ico-falsas-indicacoes.png) center center no-repeat;
	width: 150px;
	height: 150px;
	background-size: contain;
	margin: 0 auto 20px auto;
}
#conteudo .fisiologia::before{
	content: "";
	display: block;
	background: url(images/ico-fisiologia.png) center center no-repeat;
	width: 150px;
	height: 150px;
	background-size: contain;
	margin: 0 auto 20px auto;
}
#conteudo .humanizado::before{
	content: "";
	display: block;
	background: url(images/ico-humanizado.png) center center no-repeat;
	width: 150px;
	height: 150px;
	background-size: contain;
	margin: 0 auto 20px auto;
}
#conteudo .tipos::before{
	content: "";
	display: block;
	background: url(images/ico-tipos.png) center center no-repeat;
	width: 150px;
	height: 150px;
	background-size: contain;
	margin: 0 auto 20px auto;
}
#conteudo .vacinas::before{
	content: "";
	display: block;
	background: url(images/ico-vacinas-e-testes.png) center center no-repeat;
	width: 150px;
	height: 150px;
	background-size: contain;
	margin: 0 auto 20px auto;
}
#conteudo .sinais::before{
	content: "";
	display: block;
	background: url(images/ico-sinais-de-alerta.png) center center no-repeat;
	width: 150px;
	height: 150px;
	background-size: contain;
	margin: 0 auto 20px auto;
}
#conteudo .higiene::before{
	content: "";
	display: block;
	background: url(images/ico-higiene.png) center center no-repeat;
	width: 150px;
	height: 150px;
	background-size: contain;
	margin: 0 auto 20px auto;
}
#conteudo .desengasgo::before{
	content: "";
	display: block;
	background: url(images/ico-manobras-engasgo.png) center center no-repeat;
	width: 150px;
	height: 150px;
	background-size: contain;
	margin: 0 auto 20px auto;
}

#conteudo .primeiro::before{
	content: "";
	display: block;
	background: url(images/ico-1.png) center center no-repeat;
	width: 150px;
	height: 150px;
	background-size: contain;
	margin: 0 auto 20px auto;
}
#conteudo .segundo::before{
	content: "";
	display: block;
	background: url(images/ico-2.png) center center no-repeat;
	width: 150px;
	height: 150px;
	background-size: contain;
	margin: 0 auto 20px auto;
}
#conteudo .terceiro::before{
	content: "";
	display: block;
	background: url(images/ico-3.png) center center no-repeat;
	width: 150px;
	height: 150px;
	background-size: contain;
	margin: 0 auto 20px auto;
}
#conteudo .quarto::before{
	content: "";
	display: block;
	background: url(images/ico-4.png) center center no-repeat;
	width: 150px;
	height: 150px;
	background-size: contain;
	margin: 0 auto 20px auto;
}
#conteudo .quinto::before{
	content: "";
	display: block;
	background: url(images/ico-5.png) center center no-repeat;
	width: 150px;
	height: 150px;
	background-size: contain;
	margin: 0 auto 20px auto;
}
#conteudo .sexto::before{
	content: "";
	display: block;
	background: url(images/ico-6.png) center center no-repeat;
	width: 150px;
	height: 150px;
	background-size: contain;
	margin: 0 auto 20px auto;
}
#conteudo .setimo::before{
	content: "";
	display: block;
	background: url(images/ico-7.png) center center no-repeat;
	width: 150px;
	height: 150px;
	background-size: contain;
	margin: 0 auto 20px auto;
}
#conteudo .oitavo::before{
	content: "";
	display: block;
	background: url(images/ico-8.png) center center no-repeat;
	width: 150px;
	height: 150px;
	background-size: contain;
	margin: 0 auto 20px auto;
}
/*#################################################################################################### 
/ PROFESSORA
/###################################################################################################*/
#professora {
	position: relative;
	z-index: 99;
	width: 100%;
	float:left;
	height: auto;
	padding: 50px 0;
	display: block;
}
#professora img{
	width: 100%;
	box-shadow: 5px 5px 0px #00000026;
	margin-bottom: 20px;
}
#professora h2{
	color: #000;
	font-size: 38px;
	font-weight: 700;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}
#professora p{
	font-size: 18px;
	color: #000;
	margin-bottom: 20px;
}
/*#################################################################################################### 
/ CTA
/###################################################################################################*/
#cta {
	position: relative;
	z-index: 99;
	width: 100%;
	float:left;
	height: auto;
	padding: 50px 0;
	display: block;
	background-color: #DD117B;
}
#cta h2{
	color: #fff;
	font-size: 35px;
	font-weight: 700;
	line-height: 1em;
	text-align: left;
}
#cta .bt{
	background-color: #fff;
	color: #DD117B;
	border: 0;
	padding: 10px 25px;
	margin: 0 auto;
	display: inline-block;
}
#cta .bt:hover{
	background-color: #E67817;
	color: #fff;
}
/*#################################################################################################### 
/ ANJOS DE LEITE
/###################################################################################################*/
#anjos-de-leite {
	position: relative;
	z-index: 99;
	width: 100%;
	float:left;
	height: auto;
	padding: 80px 0;
	display: block;
}
#anjos-de-leite h2{
	color: #000;
	font-size: 38px;
	font-weight: 700;
	margin-bottom: 30px;
	text-align: center;
}
#anjos-de-leite p{
	font-size: 18px;
	color: #000;
	margin-bottom: 20px;
}
#anjos-de-leite img{
    width: 100%;
    margin: 0 auto 20px auto;
    display: block;
    box-shadow: 5px 5px 0px #00000026;
}
/*#################################################################################################### 
/ BIOGRAFIA
/###################################################################################################*/
#biografia {
	position: relative;
	z-index: 99;
	width: 100%;
	float:left;
	height: auto;
	padding: 0 0 80px 0;
	display: block;
}
#biografia .container{
	background: url(images/bg.png) top left no-repeat;
	background-size: contain;
}
#biografia img{
	width: 100%;
	height: auto;
}
#biografia h2{
	color: #000;
	font-size: 38px;
	font-weight: 700;
	margin-bottom: 30px;
	text-align: center;
	padding-top: 30px;
}
#biografia p{
	font-size: 18px;
	color: #000;
	margin-bottom: 20px;
	text-align: left;
}
#biografia .bt{
	background-color: #E67817;
	color: #fff;
	border: 0;
	padding: 10px 25px;
	margin: 20px auto 0 auto;
	display: inline-block;
}
#biografia .bt:hover{
	background-color: #dd117b;
}
/*#################################################################################################### 
/ BRINDE
/###################################################################################################*/
#brinde {
	position: relative;
	z-index: 99;
	width: 100%;
	float:left;
	height: auto;
	padding: 30px 0 80px 0;
	display: block;
	background: url(images/bg-poster.png) top left repeat-x;
	background-size: 100% 500px;
}
#brinde img{
	width: 100%;
	box-shadow: 5px 5px 0px #00000026;
}
#brinde h2{
	text-align: center;
	color: #DD117B;
	font-size: 35px;
	margin: 50px 0 30px 0;
	line-height: 1em;
}
#brinde h2 span{
	color: #E67817;
}
#brinde .bt{
	background-color: #E67817;
	color: #fff;
	border: 0;
	padding: 10px 25px;
	margin: 20px auto 0 auto;
	display: inline-block;
}
#brinde .bt:hover{
	background-color: #dd117b;
}
/*#################################################################################################### 
/ SORTEIO
/###################################################################################################*/
#sorteio {
	position: relative;
	z-index: 99;
	width: 100%;
	float:left;
	height: auto;
	padding: 30px 0 80px 0;
	display: block;
	background: url(images/bg-sorteio.png) top left repeat-x;
	background-size: 100% 150px;
}
#sorteio img{
	width: 100%;
}
#sorteio p{
	text-align: left;
    color: #DD117B;
    font-size: 35px;
    line-height: 1.2em;
    margin-top: 75px;
    text-align: left;
}
#sorteio span{
	display: block;
	color: #DD117B;
	margin-top: 20px;
	line-height: 1.2em;
}
#sorteio h2{
	color: #fff;
	font-size: 35px;
	font-weight: 700;
	line-height: 1em;
	text-align: left;
	margin-top: 35px;
}
#sorteio h3{
	margin-top: 75px;
	font-size: 16px;
}
#sorteio .bt{
	background-color: #E67817;
	color: #fff;
	border: 0;
	padding: 10px 25px;
	margin: 50px auto 0 auto;
	display: inline-block;
}
#sorteio .bt:hover{
	background-color: #dd117b;
}
/*#################################################################################################### 
/ AGENDA
/###################################################################################################*/
#agenda {
	position: relative;
	z-index: 99;
	width: 100%;
	float:left;
	height: auto;
	padding: 50px 0;
	display: block;
	background-color: #DD117B;
}
#agenda h2{
	color: #fff;
	font-size: 35px;
	font-weight: 700;
	line-height: 1em;
	text-align: center;
	margin-bottom: 35px;
}
#agenda .box{
	background: url(images/ico-ao-vivo.png) left center no-repeat;
	background-size: 150px;
	padding-left: 170px;
}
#agenda .box h3{
	color: #fff;
	font-size: 35px;
	font-weight: 700;
	line-height: 1em;
}
#agenda .box p{
	color: #fff;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.2em;
    margin-top: 10px;
}
#agenda ul li{
	color: #fff;
	font-size: 28px;
	font-weight: 500;
	line-height: 1.2em;	
	padding: 10px 0 10px 50px;
}
#agenda ul li:nth-child(1){
	background: url(images/ico-data.png) left center no-repeat;
	background-size: 33px;
	margin-bottom: 15px;
}
#agenda ul li:nth-child(2){
	background: url(images/ico-hora.png) left center no-repeat;
	background-size: 33px;
	margin-bottom: 15px;
}
#agenda ul li:nth-child(3){
	background: url(images/ico-zoom.png) left center no-repeat;
	background-size: 33px;
}
/*#################################################################################################### 
/ INSCRIÇÃO
/###################################################################################################*/
#inscricao {
	position: relative;
	z-index: 99;
	width: 100%;
	float:left;
	height: auto;
	padding: 100px 0;
	display: block;
}
#inscricao .container{
	background: url(images/bg.png) top left no-repeat;
	background-size: contain;
}
#inscricao h3{
	color: #000;
	font-size: 38px;
	font-weight: 700;
	margin-bottom: 30px;
}
#inscricao input[type="text"],
#inscricao input[type="email"]{
	width: 100%;
	border: 1px solid #707070;
	height: 50px;
	margin-top: 20px;
	padding: 10px;
}
#inscricao input[type="text"]:focus,
#inscricao input[type="email"]:focus{
	border: 1px solid #dd117b;
}
#inscricao label{
	display: flex;
	margin-bottom: 20px;
}
#inscricao label input{
	margin: 0 10px 0 0;
}
#inscricao label span{
	line-height: 1em;
	font-size: 14px;
}
#inscricao input[type="submit"]{
	background-color: #E67817;
	color: #fff;
	border: 0;
	padding: 10px 25px;
	margin: 0 auto;
}
#inscricao input[type="submit"]:hover{
	background-color: #dd117b;
}
#inscricao .aceite{
    display: flex;
    align-items: center;
}
#inscricao .aceite .wpcf7-list-item{
    margin: 7px 10px 0 0;
}
#inscricao span.accept{
	font-size: 14px;
	max-width: 100%;
}
/*#################################################################################################### 
/ FOOTER
/###################################################################################################*/
footer {
	position: relative;
	z-index: 99;
	width: 100%;
	float:left;
	height: auto;
	padding: 25px 0;
	display: block;
	background-color: #E67817;
}
footer p{
	color: #fff;
	line-height: 1em;
	font-weight: 700;
}

.wpcf7-not-valid-tip{
	font-size: 16px !important;
	text-align: center !important;
}