/*
Theme Name: Body Pilates
Theme URI: https://bodypilates.com.br
Author: I9 Criações
Author URI: https://i9criacoes.com.br
Description: Tema WordPress Body Pilates
Version: 1.0
Text Domain: bp
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root {
  --page: #F1F1F1;
  --primary: #712621;
  --completed: #28a745;
  --text: #5B5B5F;
}
* {
scrollbar-color: rgb(223, 227, 232) rgb(249, 250, 251);
scrollbar-width: thin;
margin: 0px;
padding: 0px;
box-sizing: border-box;
font-family: "Montserrat", sans-serif;
}
html, body{
font-family: "Montserrat", sans-serif;
background-color:var(--page);
color:var(--text);
margin:0;
padding:0;
}
ul{
margin:0;
padding:0;
}
ul li{
padding:0;
margin:0;
list-style: none;
}
img{
max-width: 100%;
height:auto;
border:0;
outline: 0;
}
button, input, a, select{
outline: 0 !important;
border:0;
text-decoration: none;
}
button{
background-color:var(--primary);
color:#fff;
transition:all .2s linear;
font-weight: 700;
}
button:hover{
opacity: 0.8;
}
h1, h2, h3, h4, h5, h6{
color:var(--primary);
font-weight: 700;
}
.loading {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000;
visibility: hidden;
opacity: 0;
transition: all .2s ease-out;
background: #ffffff;
display: flex;
align-items: center;
justify-content: center;
flex-wrap:wrap;
}
.loading > div img{
max-width: 140px;
}
.loading > div{
width:100%;
text-align: center;
}
.loading.active{
opacity:1;
visibility:visible;
transition: all .2s ease-out;	
}
.loading .logo-loading{
animation: pulse 0.7s infinite;
margin: 0 auto 25px;
animation-direction: alternate;
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -webkit-filter: brightness(100%);
  }
  100% {
    -webkit-transform: scale(1.1);
    -webkit-filter: brightness(200%);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
    filter: brightness(100%);
  }
  100% {
    transform: scale(1.1);
    filter: brightness(110%);
  }
}
header.bp_header{
position:relative;
width:100%;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #5B5B5F1A;
z-index:99;
top:0;
left:0;
max-height:100px;
}
header.bp_header.sticky {
-webkit-animation: headerSlideDown .35s forwards;
animation: headerSlideDown .35s forwards;
position: sticky;
box-shadow: 0 0 10px rgb(13,13,13,.2);
}
header .content-header{
display:flex;
align-items:center;
justify-content:space-between;
transition:all .2s linear;
padding:20px 0;
}
header .content-header .logo a img{
max-width:128px;
}
header .content-header a.btn_contato{
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #71262180;
border-radius: 26px;
width: 190px;
height: 46px;
font: normal normal 700 18px/21px Montserrat;
letter-spacing: 0px;
color: var(--primary);
transition: all .2s linear;
}
header .content-header a.btn_contato:hover{
background-color:var(--primary);
color:#fff;
}
header .content-header .menu_nav_header ul li a{
font: normal normal 300 18px/20px Montserrat;
letter-spacing: 0px;
color: #5B5B5F;
padding:5px 25px;
transition:all .2s linear;
}
header .content-header .menu_nav_header ul li a:hover{
color:var(--primary);
}
header .content-header .menu_nav_header ul li.current_page_item a, header .content-header .menu_nav_header ul li.current_page_parent a{
font-weight:700;
color:var(--primary);
}
.menu_mobile {
width: 27px;
height: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
cursor: pointer;
}
.menu_mobile span {
display: block;
width: 27px;
height: 3px;
background-color: #5B5B5F;
border-radius: 2px;
transition: all 0.3s ease;
}
.menu_mobile.active span:nth-child(1) {
transform: translateY(8.5px) rotate(45deg);
}
.menu_mobile.active span:nth-child(2) {
opacity: 0;
}
.menu_mobile.active span:nth-child(3) {
transform: translateY(-8.5px) rotate(-45deg);
}
footer{
position:relative;
background-color:#fff;
}
footer .content-footer{
display:flex;
justify-content:space-between;
padding:50px 0;
}
footer .content-footer .logo-rodape{
max-width:200px;
}
footer .content-footer .col-rodape h2{
text-align: left;
font: normal normal bold 22px/24px Montserrat;
letter-spacing: 0px;
color: #712621;
margin:0 0 15px;
}
footer .content-footer .col-rodape ul li:not(:last-child){
margin:0 0 8px;
}
footer .content-footer .col-rodape ul li a{
font-size:18px;
color:#5B5B5F;
font-weight:300;
transition:all .2s linear;
}
footer .content-footer .col-rodape ul li a:hover{
color:var(--primary);
}
footer .copyright{
position:relative;
border-top:1px solid rgb(0,0,0,.1);
padding:25px 0;
display:flex;
align-items:center;
justify-content:center;
}
footer .copyright .sociais{
position:absolute;
right:0;
top:50%;
transform:translatey(-50%);
}
footer .copyright .sociais ul{
display:flex;
align-items:center;
justify-content:flex-end;
}
footer .copyright .sociais ul li:not(:last-child){
margin-right:8px;
}
footer .copyright .sociais ul li a{
display:flex;
align-items:center;
justify-content:center;
width:36px;
height:36px;
background-color:var(--primary);
border-radius:50%;
color:#fff;
font-size:18px;
transition:all .2s linear;
}
footer .copyright .sociais ul li a:hover{
opacity:0.8;
}
footer .copyright span{
font-size:16px;
color:#5B5B5F;
font-weight:300;
}
section#topo{
height:calc(100vh - 100px);
position:relative;
background-size:cover;
background-position:center bottom;
background-repeat:no-repeat;
padding:110px 0 60px;
}
section#topo:before{
content:"";
width:100%;
height:60%;
position:absolute;
top:0;
left:0;
background: linear-gradient(180deg,rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0) 100%);
}
section#topo:after{
content:"";
width:100%;
height:20%;
position:absolute;
bottom:0;
left:0;
background: linear-gradient(180deg,rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 0.75) 50%, rgba(241, 241, 241, 1) 100%);
}
section#topo h1{
position:relative;
font-size:70px;
line-height:80px;
text-align:center;
margin: 0 auto 20px;
max-width: 970px;
}
section#topo h2{
position:relative;
text-align:center;
font-size:26px;
line-height:34px;
margin:0 auto 30px;
max-width:650px;
font-weight:300;
color:#5B5B5F;
}
section#topo a.btn-topo-home{
border-radius: 50px;
width: 400px;
height: 62px;
font: normal normal 700 22px/24px Montserrat;
letter-spacing: 0px;
background-color: var(--primary);
color:#fff;
transition: all .2s linear;
position:relative;
margin:0 auto;
}
section#topo a.btn-topo-home:hover{
opacity:0.8;
}
.video-wrapper {
position: relative;
display: inline-block;
width: 100%;
cursor: pointer;
overflow: hidden;
border-radius: 50px;
height:460px;
}
.video-cover {
display: block;
width: 100%;
height: auto;
}
.play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 120px;
height: 120px;
transition:all .4s linear;
}
.video-wrapper:hover .play-button{
transform: translate(-50%, -50%) scale(1.07);
}
section#video{
padding:60px 0 60px;
}
section#video .row .col-12.col-md-8{
padding-left:50px;
}
section#video .row{
align-items:center;
}
section#video .texto-video h2{
font-size:60px;
font-weight:700;
line-height:60px;
margin-bottom:25px;
}
section#video .texto-video p{
font-size:22px;
color:#5B5B5F;
font-weight:300;
line-height:34px;
margin:0 0 35px;
max-width:370px;
}
section#video .texto-video a.btn-saiba-mais{
border-radius: 50px;
width: 220px;
height: 58px;
font: normal normal 700 20px/24px Montserrat;
letter-spacing: 0px;
background-color: var(--primary);
color:#fff;
transition: all .2s linear;
position:relative;
}
.video-container {
overflow: hidden;
position: relative;
width: 100%;
height:460px;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50px;
}
section#beneficios{
padding:50px 0 60px;
}
section#beneficios h2, section#cursos h2, section#depoimentos h2{
font-size:54px;
text-align:center;
max-width:660px;
margin:0 auto 20px;
}
section#beneficios h3, section#cursos h3, section#depoimentos h3{
font-size:22px;
line-height:32px;
font-weight:300;
max-width:800px;
text-align:center;
margin:0 auto 60px;
color:var(--text);
}
section#beneficios .benefits {
width:100%;
}
section#cursos{
padding:60px 0 60px;
}
section#mec, section#depoimentos{
padding:60px 0;
}
.box-mec{
width:100%;
background: linear-gradient(254deg,rgba(143, 51, 45, 1) 0%, rgba(113, 38, 33, 1) 50%);
position:relative;
border-radius:50px;
padding:110px 90px;
}
.box-mec .image-mec{
position:absolute;
bottom:0;
right:50px;
max-width: 635px;
}
.box-mec h2{
text-align: left;
font: normal normal bold 55px/64px Montserrat;
letter-spacing: 0px;
color: #FFFFFF;
max-width:500px;
margin:0 0 20px;
}
.box-mec p{
text-align: left;
font: normal normal 300 22px/34px Montserrat;
letter-spacing: 0px;
color: #FFFFFFCC;
max-width:500px;
margin:0
}
section#depoimentos h3{
max-width: 490px;
margin:0 auto 20px;
}
section#blog-call{
padding:60px 0 70px;
}
section#blog-call .title-section{
display:flex;
justify-content:space-between;
align-items:center;
margin:0 0 50px;
}
section#blog-call .title-section h2{
font-size:54px;
line-height:60px;
text-align:left;
max-width:460px;
margin:0;
}
section#blog-call .title-section h3{
font-size:22px;
line-height:32px;
font-weight:300;
max-width:475px;
text-align: right;
color:var(--text);
margin:0;
}
.slides-depo{
overflow:hidden;
}
.swiper-slide .depoimento{
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #5B5B5F33;
border-radius: 32px;
padding:40px 50px 30px 50px;
height: 100%;
display: flex;
flex-direction: column;
justify-content:space-between;
}
.swiper-slide .depoimento p{
font-size:16px;
line-height:24px;
font-weight:300;
margin:0;
padding-bottom:20px;
flex:1;
display:flex;
align-items:center;
}
.swiper-slide .depoimento .depoente{
display:flex;
align-items:center;
}
.swiper-slide .depoimento .depoente .image{
width:60px;
height:60px;
margin-right:20px;
}
.swiper-slide .depoimento .depoente .image img{
width:100%;
height:100%;
object-fit:cover;
border-radius:50%;
}
.swiper-slide .depoimento .depoente .texto{
width:calc(100% - 80px);
}
.swiper-slide .depoimento .depoente .texto h4{
font-size:20px;
margin:0;
}
.swiper-slide .depoimento .depoente .texto span{
display:block;
font-size:16px;
font-weight:300;
}
.nav-depoimentos{
display: flex;
align-items: center;
justify-content: flex-end;
padding: 0 20px 20px;
gap:0 15px;
}
.nav-depoimentos .arrow-depo{
display:flex;
align-items:center;
justify-content:center;
width:40px;
height:40px;
border-radius:50%;
background-color:#fff;
color:var(--primary);
transition:all .2s linear;
cursor:pointer;
font-size:20px;
}
.nav-depoimentos .arrow-depo:hover{
opacity:0.7;
}
.posts-home{
display:flex;
gap:30px;
flex-wrap:wrap;
}
.posts-home article.post-card{
width:calc(33.3333% - 20px);
background-color:#fff;
border-radius:30px;
overflow:hidden;
}
.posts-home article.post-card .image-post{
width:100%;
height:220px;
overflow:hidden;
border-radius:30px 30px 0 0;
position:relative;
}
.posts-home article.post-card .image-post img{
width:100%;
height:100%;
object-fit:cover;
transition:all .6s linear;
}
.posts-home article.post-card:hover .image-post img{
transform:scale(1.08);
}
.posts-home article.post-card .content-post h2 a{
color:var(--primary);
transition:all .2s linear;
}
.posts-home article.post-card .content-post h2 a:hover{
opacity:0.8;
}
.posts-home article.post-card .image-post a.link-post{
position:absolute;
width:100%;
height:100%;
z-index:2;
top:0;
left:0;
}
.posts-home article.post-card .content-post{
padding:30px;
}
.posts-home article.post-card .content-post h2{
text-align: left;
font: normal normal 700 24px/32px Montserrat;
letter-spacing: 0px;
margin:0 0 20px;
display: -webkit-box;
-webkit-line-clamp: 2; 
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.posts-home article.post-card .content-post .excerpt{
font-weight:300;
line-height:24px;
font-size:16px;
margin:0 0 30px;
}
.posts-home article.post-card .content-post a.btn-ler{
font-size:20px;
font-weight:700;
color:var(--primary);
display:flex;
align-items:center;
transition:all .2s linear;
}
.posts-home article.post-card .content-post a.btn-ler i{
font-size:15px;
margin-left:10px;
transition:all .2s linear;
}
.posts-home article.post-card .content-post a.btn-ler:hover i{
transform:translatex(6px);
}
.posts-home article.post-card .content-post a.btn-ler:hover{
opacity:0.9;
text-decoration:underline;
}
.toggle-wrapper {
position: relative;
display: flex;
background: #FFFFFF;
border-radius: 30px;
overflow: hidden;
padding:8px;
}
.toggle-bg {
position: absolute;
top: 8px;
bottom: 8px;
left: 8px;
width: calc(50% - 8px);
background: #f2eeed;
border-radius: 30px;
transition: transform 0.3s ease;
z-index: 0;
}
.toggle-btn {
position: relative;
flex: 1;
background: none;
border: none;
padding: 12px 30px;
font-size: 20px;
cursor: pointer;
border-radius: 9999px;
font-weight: 300;
color: var(--text);
z-index: 1;
flex: 1 0 50%;
text-align: center;
white-space: nowrap; 
transition: color 0.3s ease, font-weight 0.3s ease;
}
.toggle-btn.active {
font-weight: 700;
color: var(--primary);
}
section#cursos .toggle-wrapper{
max-width:500px;
margin:0 auto 30px;
}
.box_collections {
display: grid;
grid-template-columns: 100%;
}
.do-collection__item {
opacity: 0;
max-height:0;
transform: translateY(50px);
z-index: 0;
transition: all .3s linear;
grid-area: 1/1/2/2;
}
.do-collection__item.active {
transition-delay: .3s;
opacity: 1;
z-index: 1;
transform: translateY(0px);
max-height:10000px;
}
.lista-cursos{
display:flex;
gap:30px;
flex-wrap:wrap;
}
.lista-cursos article.curso-card{
width:calc(33.3333% - 20px);
background-color:#fff;
border-radius:30px;
overflow:hidden;
}
.lista-cursos article.curso-card .image-curso{
width:100%;
height:220px;
overflow:hidden;
border-radius:30px 30px 0 0;
position:relative;
}
.lista-cursos article.curso-card .image-curso a.link-post{
position:absolute;
width:100%;
height:100%;
z-index:2;
top:0;
left:0;
}
.lista-cursos article.curso-card .image-curso img{
width:100%;
height:100%;
object-fit:cover;
transition:all .6s linear;
}
.lista-cursos article.curso-card:hover .image-curso img{
transform:scale(1.08);
}
.lista-cursos article.curso-card .image-curso .tag{
position:absolute;
top:22px;
left:20px;
background-color:var(--primary);
color:#fff;
font-weight:700;
font-size:16px;
border-radius:20px;
padding:5px 15px;
}
.lista-cursos article.curso-card .image-curso .nivel{
position:absolute;
top:22px;
right:20px;
background-color:#fff;
color:var(--primary);
font-weight:700;
font-size:16px;
border-radius:20px;
padding:5px 15px;
}
.lista-cursos article.curso-card .content-curso{
padding:30px;
}
.lista-cursos article.curso-card .content-curso h2, section#cursos .lista-cursos article.curso-card .content-curso h2{
text-align: left;
font: normal normal 700 24px/32px Montserrat;
letter-spacing: 0px;
margin:0 0 10px;
display: -webkit-box;
-webkit-line-clamp: 2; 
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
article.curso-card .content-curso h2 a{
color:var(--primary);
transition:all .2s linear;
}
article.curso-card .content-curso h2 a:hover{
opacity:0.8;
}
.lista-cursos article.curso-card .content-curso .description{
font-weight:300;
line-height:24px;
font-size:16px;
margin:0 0 15px;
}
.lista-cursos article.curso-card .content-curso .preco{
color:#5B5B5F;
font-weight:700;
font-size:18px;
margin:0 0 20px;
}
.lista-cursos article.curso-card .content-curso a.btn-ver-curso{
font-size:20px;
font-weight:700;
color:#fff;
background-color:var(--primary);
border-radius:50px;
display:flex;
align-items:center;
justify-content:center;
height:54px;
transition:all .2s linear;
}
.lista-cursos article.curso-card .content-curso a.btn-ver-curso:hover{
opacity:0.9;
}
a.btn-ver-todos{
display:flex;
align-items:center;
justify-content:center;
background-color:var(--primary);
color:#fff;
font-weight:700;
font-size:18px;
width:180px;
height:54px;
border-radius:50px;
margin:40px auto 0;
transition:all .2s linear;
}
a.btn-ver-todos:hover{
opacity:0.8;
}
.content-post .cargo-membro{
font-weight:700;
font-size:18px;
margin:-10px 0 20px;
color:#5B5B5F;
}
section#blog-call .title-section.title-equipe h2{
max-width:400px;
}
section#video-institucional h1{
text-align: center;
font: normal normal bold 70px/80px Montserrat;
max-width:1100px;
letter-spacing: 0px;
color: #712621;
margin:0 auto 30px;
}
section#video-institucional h2{
text-align: center;
font: normal normal 300 24px/38px Montserrat;
letter-spacing: 0px;
max-width:880px;
margin:0 auto 40px;
color: #5B5B5F;
}
section#video-institucional .video-wrapper{
max-width:880px;
margin:0 auto;
display:block;
}
section#video-institucional{
padding:60px 0 50px;
}
section#header-page{
position:relative;
padding:8vh 0 8vh;
overflow:hidden;
}
section#header-page h1{
text-align: left;
font: normal normal bold 66px/76px Montserrat;
letter-spacing: 0px;
margin:0 0 28px;
color: #712621;
}
section#header-page h2{
text-align: left;
font: normal normal 300 24px/34px Montserrat;
letter-spacing: 0px;
color: #5B5B5F;
margin:0;
}
section#header-page .container{
position:relative;
z-index:5;
}
section#header-page .image-bg{
position:absolute;
top:0;
right:0;
z-index:0;
width:100%;
height:100%;
}
section#header-page .image-bg img{
width:100%;
height:100%;
object-fit:cover;
}
section#header-page:before{
content:"";
z-index:1;
position:absolute;
width:80%;
height:100%;
background: transparent linear-gradient(90deg, rgb(255,255,255,0.95) 20%, rgb(255,255,255,.6) 50%, rgb(255,255,255,0) 100%) 0% 0% no-repeat padding-box;
top:0;
left:0;
}
section#header-page:after{
content:"";
width:100%;
height:20%;
position:absolute;
bottom:0;
left:0;
background: linear-gradient(180deg,rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 0.75) 50%, rgba(241, 241, 241, 1) 100%);
z-index:2;
}
section#header-page.header-contato{
padding-bottom:13vh;
}
section#header-page.header-contato h1{
max-width:450px;
}
section#header-page.header-contato h2{
max-width:500px;
}
section#card-contato{
padding:0 0 60px;
position:relative;
z-index:5;
margin-top:-90px;
}
.cards-contato{
display:flex;
align-items:stretch;
justify-content:space-between;
gap:30px;
flex-wrap:wrap;
}
.cards-contato .card-contato{
width:calc(33.3333% - 20px);
background: #FFFFFF 0% 0% no-repeat padding-box;
border-radius: 30px;
padding:30px 40px;
}
.cards-contato .card-contato .icone{
width:50px;
margin:0 0 15px;
}
.cards-contato .card-contato h2{
font-size:22px;
}
.cards-contato .card-contato p{
margin:0;
font-weight:300;
line-height:26px;
}
.cards-contato .card-contato p a{
color:var(--texto);
font-weight:300;
line-height:26px;
}
section#contato{
padding:40px 0 60px;
}
section#contato .maps{
overflow:hidden;
border-radius:30px;
margin:0 0 30px;
}
section#contato .card-localizacao{
width:100%;
background: #FFFFFF 0% 0% no-repeat padding-box;
border-radius: 30px;
padding:30px 40px;
display:flex;
align-items:flex-start;
}
section#contato .card-localizacao .icone{
width:50px;
margin-right:20px;
}
section#contato .card-localizacao .texto{
width:calc(100% - 70px);
}
section#contato .card-localizacao .texto h2{
font-size:22px;
}
section#contato .card-localizacao .texto p{
margin:0;
font-weight:300;
line-height:26px;
}
.form-contato h2{
font-size:40px;
margin:0 0 20px;
}
.form-contato p{
font-size:18px;
font-weight:300;
max-width:540px;
}
.form-contato form{
max-width:520px;
}
.input-contato{
position:relative;
padding:15px 0;
}
.input-contato .input label{
position:absolute;
left:30px;
top:50%;
transform: translateY(-50%);
transition: 0.3s ease;
font-size:16px;
transition:all .2s linear;
}
.input-contato .input{
position:relative;
width:100%;
border-bottom:1px solid #ccc;
padding:10px 0 5px;
display:flex;
align-items:center;
}
.input-contato .input i{
font-size:16px;
color:#888;
margin-right:10px;
width:18px;
display:flex;
align-items:center;
justify-content:center;
}
.input-contato .input input{
width:100%;
flex:1;
background-color:transparent;
color:#555;
font-size:16px;
}
.input-contato .input textarea{
width:100%;
flex:1;
background-color:transparent;
color:#555;
font-size:16px;
border:0;
height:60px;
resize:none;
outline:none;
}
.form-contato .submit-area{
text-align:center;
margin-top:15px;
}
.form-contato .submit-area button.btn-submit{
padding:12px 36px;
border-radius:50px;
font-size:18px;
transition:all .2s linear;
cursor:pointer;
}
.input-contato .input input:focus + label,
.input-contato .input input:not(:placeholder-shown) + label {
transform: translateY(-150%);
font-size: 0.85rem;
}
.input-contato:focus-within .input {
border-color: var(--primary);
}
.input-contato:focus-within i {
color: var(--primary);
}
.input-contato:focus-within label {
transform: translateY(-150%);
font-size: 0.85rem;
color: var(--primary);
}
.input-contato.message:focus-within label {
transform: translateY(-220%);
}
section#faq-contato{
padding:50px 0 70px;
}
section#faq-contato .text-faq h2{
font-size:40px;
margin:0 0 20px;
max-width:300px;
}
section#faq-contato .text-faq p{
font-size:18px;
font-weight:300;
max-width:340px;
}
.perguntas .pergunta{
background-color:#fff;
border-radius:24px;
margin:0 0 15px;
padding:20px 28px;
}
.perguntas .pergunta .question{
display:flex;
align-items:center;
justify-content:space-between;
}
.perguntas .pergunta .question h3{
width:100%;
flex:1;
text-align: left;
font: normal normal 700 18px/22px Montserrat;
letter-spacing: 0px;
margin:0;
color: #5B5B5F;
}
.perguntas .pergunta .question .open{
width:32px;
height:32px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background-color:var(--primary);
color:#fff;
transition:all .2s linear;
}
.perguntas .pergunta[aria-expanded="true"] .question .open{
transform:rotate(180deg);
}
.perguntas .pergunta .resposta{
padding-top:10px;
font-size:15px;
font-weight:300;
max-width:calc(100% - 40px);
}
section#header-page.header-blog .text-header h1{
max-width:700px;
font-size:48px;
line-height:60px;
margin:0 0 20px;
}
section#header-page.header-blog .text-header h2{
font-size:22px;
max-width:700px;
margin:0 0 25px;
}
section#header-page.header-blog .text-header a.btn-ver-materia{
background-color:var(--primary);
color:#fff;
font-size:18px;
font-weight:700;
border-radius:50px;
display:flex;
align-items:center;
justify-content:center;
width:300px;
height:54px;
transition:all .2s linear;
}
section#header-page.header-blog .text-header a.btn-ver-materia:hover{
opacity:0.8;
}
section#posts{
padding:60px 0;
}
button.btn-ver-mais{
display: flex;
align-items: center;
justify-content: center;
background-color: var(--primary);
color: #fff;
font-weight: 700;
font-size: 18px;
width: 180px;
height: 54px;
border-radius: 50px;
margin: 40px auto 0;
transition: all .2s linear;
}
button.btn-ver-mais:hover{
opacity:0.8;
}
section#newsletter{
padding:60px 0;
}
.box-newsletter{
background-color:#fff;
border-radius:50px;
display:flex;
align-items:center;
overflow:hidden;
margin:0 0 40px;
}
.box-newsletter .text{
padding:50px 10px 50px 115px;
}
.box-newsletter .text h2{
font-size: 40px;
margin: 0 0 20px;
}
.box-newsletter .text p{
font-size: 18px;
font-weight: 300;
max-width: 650px;
}
.box-newsletter .text form{
max-width:500px;
}
.box-newsletter .image{
position:relative;
width:100%;
flex:1;
}
.box-newsletter .image:after{
content:"";
background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 60%);
position:absolute;
left:0;
top:0;
width:80%;
height:100%;
}
.box-newsletter .text form .input-contato{
margin-bottom:20px;
}
.box-newsletter .text form button.btn-submit{
padding: 12px 36px;
border-radius: 50px;
font-size: 18px;
transition: all .2s linear;
cursor: pointer;
}
section#header-page .pin-blog{
display:flex;
align-items:center;
justify-content:center;
gap:10px;
background-color:#F2EEED;
border-radius:30px;
height:44px;
font-size:18px;
color:var(--primary);
width:130px;
margin:0 0 20px;
}
section#header-page .pin-blog .icon{
max-width:24px;
}
section#header-page.header-single-blog h1{
max-width: 80%;
font-size: 48px;
line-height: 60px;
min-height: 120px;
}
section#header-page.header-single-blog{
padding-bottom:4vh;
}
.sidebar-blog{
position:sticky;
left:0;
top:130px;
}
section#content-single{
padding:60px 0;
}
.content-artigo{
padding-right:50px;
}
.content-artigo strong{
font-weight:700;
}
.content-artigo{
font-size:16px;
font-weight:300;
line-height:24px;
}
.content-artigo h1{
font-size:34px;
margin:0 0 20px;
}
.content-artigo h2{
font-size:30px;
margin:0 0 20px;
}
.content-artigo h3{
font-size:26px;
margin:0 0 20px;
}
.content-artigo h4{
font-size:22px;
margin:0 0 20px;
}
.content-artigo h5{
font-size:18px;
margin:0 0 20px;
}
.busca-blog{
width:100%;
margin:0 0 30px;
}
.busca-blog .input-busca{
background-color:#fff;
width:100%;
border-radius:50px;
padding:15px 20px;
display:flex;
align-items:center;
}
.busca-blog .input-busca i{
font-size:18px;
margin-right:10px;
}
.busca-blog .input-busca input{
width:100%;
flex:1;
font-size:16px;
color:#555;
background-color:#fff;
}
.box-categorias{
background-color:#fff;
border-radius:30px;
padding:24px 30px;
}
.box-categorias h2{
font-size:26px;
margin:0 0 20px;
}
.box-categorias ul li{
padding:10px 0;
border-bottom:1px solid rgb(13,13,13,.1);
}
.box-categorias ul li a{
font-size:18px;
color:var(--text);
font-weight:300;
transition:all .2s linear;
}
.box-categorias ul li a:hover{
color:var(--primary);
font-weight:400;
}
.box-categorias ul li:last-child{
border-bottom:0;
}
section#relacionados{
padding:0 0 80px;
}
section#relacionados h2.title{
font-size: 42px;
text-align: center;
margin: 0 auto 20px;
}
section#relacionados h3{
font-size: 20px;
line-height: 30px;
font-weight: 300;
text-align: center;
margin: 0 auto 60px;
color: var(--text);
}
section#topo-busca{
padding:40px 0 0;
}
section#topo-busca h1{
font-size:32px;
}
#local-select, #estado-select{
display: none;
}
.loading__circle {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.7);
display: none;
justify-content: center;
align-items: center;
z-index: 9999;
}
.loading__circle-spinner {
border: 4px solid #f3f3f3;
border-top: 4px solid var(--primary);
border-radius: 50%;
width: 50px;
height: 50px;
animation: loading__circle-spin 0.6s linear infinite;
}
@keyframes loading__circle-spin {
  to {
    transform: rotate(360deg);
  }
}
section#header-page.header-cursos h1{
font-size:48px;
line-height:52px;
max-width:480px;
}
section#header-page.header-cursos h2{
font-size:20px;
line-height:28px;
max-width:530px;
margin:0;
}
section#header-page.header-cursos.presencial h2{
max-width:460px;
}
section#header-page.header-cursos{
padding:12vh 0 14vh;
}
section#cursos-online{
padding:60px 0;
}
.base-filtros{
background: #FFFFFF;
border-radius: 30px;
padding:8px;
margin:0 0 50px;
}
.filtros-online, .abas-curso{
position: relative;
display: flex;
overflow: hidden;
padding: 0;
height:50px;
margin:0;
}
.filtros-online .filter-bg, .abas-curso .aba-btn{
position: absolute;
top: 0;
left: 0;
height:100%;
width: 20%;
background: #f2eeed;
border-radius: 30px;
transition: transform 0.3s ease;
z-index: 0;
}
.filter-btn{
position: relative;
flex: 1;
background: none;
border: none;
padding: 0 20px;
height:100%;
font-size: 18px;
cursor: pointer;
border-radius: 9999px;
font-weight: 300;
color: var(--text);
z-index: 1;
flex: 1 0 20%;
text-align: center;
white-space: nowrap;
transition: color 0.3s ease, font-weight 0.3s ease;
}
.abas-curso .aba-btn {
position: relative;
flex: 1;
background: none;
border: none;
padding: 0 20px;
height:100%;
font-size: 18px;
cursor: pointer;
border-radius: 9999px;
font-weight: 300;
color: var(--text);
z-index: 1;
flex: 1 0 25%;
text-align: center;
white-space: nowrap;
transition: color 0.3s ease, font-weight 0.3s ease;
}
section#cursos-presencial{
padding:0 0 70px;
}
.abas-curso .aba-bg{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 25%;
background: #f2eeed;
border-radius: 30px;
transition: transform 0.3s ease;
z-index: 0;
}
.filter-btn.active, .abas-curso .aba-btn.active {
font-weight: 700;
color: var(--primary);
}
.filtros-presenciais .box-filtros{
background: #FFFFFF 0% 0% no-repeat padding-box;
border-radius: 48px;
padding:30px 40px;
margin:-90px auto 50px;
position:relative;
z-index:5;
}
.filtros-presenciais .box-filtros h2{
text-align: center;
font: normal normal bold 34px/44px Montserrat;
letter-spacing: 0px;
margin:0 auto 7px;
}
.filtros-presenciais .box-filtros h3{
text-align: center;
font: normal normal 300 20px/30px Montserrat;
letter-spacing: 0px;
color: #5B5B5F;
margin:0 auto 15px;
}
.filtros-presenciais .box-filtros h3 strong{
font-weight:700;
}
.filtros-presenciais .box-filtros form{
display:flex;
align-items:center;
justify-content:center;
max-width:900px;
margin:0 auto;
padding:15px 0 20px;
}
.filtros-presenciais .box-filtros form .select-form{
width:calc(50% - 110px);
margin-right:20px;
position:relative;
}
.filtros-presenciais .box-filtros form .submit-form{
width:100%;
flex:1;
}
.filtros-presenciais .box-filtros form .submit-form button{
width:100%;
border-radius:50px;
display:flex;
align-items:center;
justify-content:center;
height:50px;
cursor:pointer;
}
.select2.select2-container{
width:100% !important;
}
.select2-search.select2-search--dropdown{
display:none;
}
.select2-hidden-accessible{
display: none;
}
.select2-selection__rendered{
width: 100%;
line-height: 150%;
transition: box-shadow .15s ease,border-color .15s ease;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-clip: padding-box;
display: flex;
align-items: center;
flex-wrap:wrap;
border-bottom:2px solid #ccc;
padding:5px 10px;
font-size:18px;
font-weight:300;
background-color:#fff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(91,91,95,1)'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
background-repeat:no-repeat;
background-size:30px;
background-position:center right;
cursor:pointer;
height:50px;
}
section#form .card-form .input-contato .input .select2-selection__rendered{
border:0;
height:auto;
color: #555;
font-size: 16px;
padding:5px;
font-weight:normal;
background-size:28px;
}
.select2-selection[aria-expanded="true"] .select2-selection__rendered{
border-color:var(--primary);
}
.select2-selection__rendered li{
height: 100%;
display: flex;
align-items: center;
}
.select2-selection__rendered li.select2-selection__choice{
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
background-color: #ae001d;
color: #fff;
padding: 0 10px 3px 6px;
border-radius: 20px;
height: 22px;
line-height: 1;
font-size: 14px;
}
.select2-selection__rendered li.select2-selection__choice .select2-selection__choice__remove{
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
line-height: 1;
width: 14px;
height: 14px;
padding-bottom: 1px;
cursor: pointer;
}
.select2 + .select2-container{
width:100%;
z-index:99;
transform: translatey(7px);
}
.select2-dropdown{
width: 100% !important;
display: flex;
border: 0;
border-radius: .5rem;
background-color: #fff;
overflow: hidden;
box-shadow: 0 0 15px rgba(13, 13, 13, 0.1);
padding: 10px 10px;
}
.select2-dropdown .select2-results{
overflow: auto;
max-height: 240px;
}
.select2-dropdown .select2-results, .select2-dropdown .select2-results ul{
width:100%;
}
.select2-dropdown .select2-results ul li{
padding: 10px 15px;
font-size: 16px;
cursor: pointer;
font-weight: 400;
border-radius: 0.5rem;
background-color: transparent;
margin-bottom: 3px;
}
.select2-dropdown .select2-results ul li.select2-results__option.select2-results__option--highlighted{
background-color: rgb(113, 38, 33);
color:#fff;
font-weight:500
}
.select2-dropdown .select2-results ul li.select2-results__option[aria-selected="true"]{
background-color: rgb(113, 38, 33);
color:#fff;
opacity:0.4;
pointer-events:none;
}
.select2-selection__placeholder{
color:var(--text);
}
section#header-page.header-single-curso{
padding:10vh 0;
}
section#header-page.header-single-curso .pin-blog{
width:auto;
padding:0 20px;
display:inline-flex;
}
section#header-page.header-single-curso h1{
font-size:46px;
line-height:54px;
margin:0 0 20px;
}
section#header-page.header-single-curso h2{
font-size:22px;
line-height:34px;
max-width:600px;
}
section#topo-curso .base-filtros{
margin:0 0 30px;
}
.infos-curso{
padding:0 20px 30px;
}
.infos-curso h2{
font-size:36px;
line-height:40px;
margin:0 0 30px;
}
.infos-curso ul li{
font-size:18px;
line-height:26px;
margin-bottom:15px;
position:relative;
padding-left:30px;
}
.infos-curso ul li:before{
content:"";
width:20px;
height:20px;
background-image:url('https://sitedocliente.com.br/bp/wp-content/themes/bodypilates/images/check_list.png');
background-size:100%;
background-position:center;
position:absolute;
left:0;
top:4px;
}
.box-preco{
width:100%;
background: #FFFFFF 0% 0% no-repeat padding-box;
border-radius: 49px;
padding:30px 50px;
margin-top:95px;
}
.box-preco .title-curso span{
display:block;
text-align:center;
font-weight:300;
font-size:20px;
}
.box-preco .title-curso strong{
display:block;
text-align:center;
font-size:20px;
}
.box-preco .title-curso{
border-bottom:1px solid #ccc;
padding-bottom:15px;
}
.box-preco .preco{
padding:15px 0;
}
.box-preco .preco span{
display:block;
font-size:18px;
}
.box-preco .preco .valor{
display:flex;
align-items:flex-end;
padding:15px 0;
}
.box-preco .preco .valor span{
text-align: left;
font: normal normal 700 30px/30px Montserrat;
letter-spacing: 0px;
color: var(--primary);
margin-right:10px
}
.box-preco .preco .valor strong{
font: normal normal 700 48px/42px Montserrat;
letter-spacing: 0px;
color: var(--primary);
display:flex;
align-items:flex-end;
}
.box-preco .preco .valor strong span{
font-size:38px;
line-height:34px;
}
.box-preco .argumentos{
margin:0 0 30px;
}
.box-preco .argumentos ul li{
display:flex;
margin-bottom:15px;
align-items:center;
}
.box-preco .argumentos ul li .icon{
width:20px;
margin-right:10px;
}
.box-preco .argumentos ul li span{
width:10%;
flex:1;
font-size:16px;
line-height:20px;
}
.box-preco a.btn-acao{
background-color:var(--primary);
color:#fff;
font-weight:700;
font-size:18px;
height:52px;
border-radius:50px;
transition:all .2s linear;
}
.box-preco a.btn-acao:hover{
opacity:0.8;
}
.title-secao h2{
font-size: 54px;
text-align: center;
margin: 0 auto 20px;
}
.title-secao h3{
font-size: 22px;
line-height: 32px;
font-weight: 300;
text-align: center;
margin: 0 auto 50px;
color: var(--text);
}
section#relacionados .title-secao h3{
max-width: 730px;
}
section#faq .title-secao h3{
max-width:600px;
}
section#faq{
padding:60px 0;
}
section#faq .perguntas{
max-width:880px;
margin:0 auto;
}
.box-certificado{
border-radius: 49px;
background-color: #fff;
display: flex;
align-items: center;
padding: 50px 120px;
}
.box-certificado .texto-certificado{
width:100%;
flex:1;
}
.box-certificado .texto-certificado h2{
text-align: left;
font: normal normal bold 50px/60px Montserrat;
letter-spacing: 0px;
margin:0 0 20px;
}
.box-certificado .texto-certificado p{
font-size:20px;
line-height:32px;
font-weight:300;
margin:0;
}
.box-certificado .certificado-img{
width:240px;
padding-left:40px;
}
section#certificado{
padding:30px 0 0px;
}
section#garantia{
padding:60px 0 40px;
}
.infos-garantia{
display:flex;
align-items:center;
}
.infos-garantia .selo-garantia{
width:35%;
}
.infos-garantia .texto-garantia{
width:65%;
text-align:center;
padding-left:50px;
}
.infos-garantia .texto-garantia h2{
font: normal normal bold 56px/66px Montserrat;
letter-spacing: 0px;
margin:0 0 20px;
}
.infos-garantia .texto-garantia h3{
font-size:22px;
font-weight:300;
color:#5B5B5F;
line-height:36px;
max-width:640px;
margin:0 auto 30px;
}
.infos-garantia .texto-garantia a.btn-acao{
background-color:var(--primary);
color:#fff;
font-weight:700;
font-size:18px;
height:52px;
width:300px;
border-radius:50px;
margin:0 auto;
transition:all .2s linear;
}
.infos-garantia .texto-garantia a.btn-acao:hover{
opacity:0.8;
}
section#header-page.header-single-curso.presencial{
padding-top:8vh;
}
section#header-page.header-single-curso a.btn-acao{
background-color:var(--primary);
color:#fff;
font-weight:700;
font-size:18px;
height:52px;
width:300px;
border-radius:50px;
margin:30px 0 0;
transition:all .2s linear;
display:flex;
align-items:center;
justify-content:center;
}
section#header-page.header-single-curso a.btn-acao:hover{
opacity:0.8;
}
.box-preco .title-curso{
text-align:center;
}
.box-preco .title-curso .periodo{
display:inline-flex;
padding:20px;
height:40px;
font-weight:700;
background-color:rgb(113, 38, 33,.1);
align-items:center;
justify-content:center;
border-radius:50px;
border:1px solid #ccc;
color:var(--primary);
margin:10px auto 0;
}
section#dados-curso{
padding:60px 0;
}
section#dados-curso .title-secao h2{
max-width:800px;
}
section#dados-curso .title-secao h3{
max-width:1000px;
}
.card-dado{
display:flex;
align-items:flex-start;
max-width:760px;
margin:0 auto;
}
.card-dado .icone{
width:60px;
margin-right:25px;
}
.card-dado .texto{
width:100%;
flex:1;
padding-top:8px;
}
.card-dado .texto h2{
font-size:34px;
line-height:38px;
margin:0 0 18px;
}
.card-dado .texto ul li{
font-size:20px;
line-height:24px;
font-weight:300;
margin-bottom:10px;
}
.card-dado:not(:last-child){
margin-bottom:30px;
padding-bottom:20px;
border-bottom:1px solid #ccc
}
section#form{
padding:50px 0;
}
section#form .card-form{
background-color:#fff;
border-radius:30px;
padding:50px 100px;
}
section#form .card-form .input-contato .input label{
left:5px;
opacity:0.6;
}
section#form .card-form .input-contato .input input{
padding:5px;
}
section#form .card-form .input-contato .input select{
width:100%;
background-color: transparent;
color: #555;
font-size: 16px;
appearance:none;
display:none;
}
section#form .card-form .input-contato .input{
position:relative;
}
section#form .card-form .area-submit{
text-align:center;
padding:25px 0 0;
}
section#form .card-form .area-submit button.submit-form{
background-color: var(--primary);
color: #fff;
font-weight: 700;
font-size: 18px;
height: 54px;
border-radius: 50px;
transition: all .2s linear;
padding:0 40px;
cursor:pointer;
}
section#form .card-form .area-submit button.submit-form:hover{
opacity:0.8;
}
section#cursos-presencial{
position:relative;
z-index:6;
}
.alert{
padding: 8px 15px !important;
font-size: 15px !important;
}


@media(min-width:992px){
section#beneficios .benefits-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
section#beneficios .benefits-carousel{
display: none;
}
section#beneficios .benefit-item .icon{
width: 60px;
height: 60px;
background: #6b1d1d;
color: #fff;
display:block;
margin: 0 0 20px;
border-radius: 50%;
font-size: 1.5rem;
}
section#beneficios .benefit-item h3{
font-size:24px;
font-weight:700;
margin:0 0 15px;
text-align:left;
color:var(--primary);
}
section#beneficios .benefit-item p{
font-size:18px;
line-height:28px;
font-weight:300;
margin:0;
}
section#beneficios .benefit-item:nth-child(n+4){
border-top:1px solid rgb(0,0,0,.1);
}
section#beneficios .benefit-item:nth-child(2), section#beneficios .benefit-item:nth-child(5){
border-left:1px solid rgb(0,0,0,.1);
border-right:1px solid rgb(0,0,0,.1);
}
section#beneficios .benefit-item:nth-child(1){
padding:0 30px 40px 0;
}
section#beneficios .benefit-item:nth-child(2){
padding:0 30px 30px 30px;
}
section#beneficios .benefit-item:nth-child(3){
padding:0 0 40px 30px;
}
section#beneficios .benefit-item:nth-child(4){
padding:35px 30px 5px 0;
}
section#beneficios .benefit-item:nth-child(5){
padding:35px 30px 5px 30px;
}
section#beneficios .benefit-item:nth-child(6){
padding:35px 0 5px 30px;
}

}

@media(max-width:1500px){
.container{
width:100%;
max-width: 1260px;
}
header .content-header .logo a img {
max-width: 120px;
}	
header .content-header .menu_nav_header ul li a {
font: normal normal 300 16px/18px Montserrat;
padding: 5px 22px;
}	
header .content-header a.btn_contato {
width: 170px;
height: 42px;
font: normal normal 700 16px/18px Montserrat;
}	
header .content-header .logo{
width:170px;
}
section#topo{
padding:40px 0 60px;
}	
section#topo h1 {
font-size: 50px;
line-height: 60px;
}	
section#topo h2 {
font-size: 22px;
line-height: 32px;
max-width: 550px;
}	
section#topo a.btn-topo-home {
border-radius: 50px;
width: 360px;
height: 54px;
font: normal normal 700 20px/24px Montserrat;
}	
section .container{
transform:scale(0.9);
}	
.video-cover{
height:100%;
object-fit:cover;
}	
section#video {
padding: 30px 0 0;
}	
section#beneficios {
padding: 50px 0 0;
}	
section#cursos {
padding: 20px 0 0;
}	
.box-mec .image-mec{
max-width:560px;
}	
.box-mec h2 {
text-align: left;
font: normal normal bold 50px/58px Montserrat;
}	
.box-mec{
padding:90px;
}	
section#mec{
padding:60px 0 0;
}	
sectioN#depoimentos{
padding:40px 0 0;
}	
section#blog-call {
padding: 30px 0 30px;
}	
section#video-institucional{
padding:0;
}	
section#video-institucional h1 {
font: normal normal bold 64px/76px Montserrat;
max-width: 960px;
}	
section#video-institucional h2 {
font: normal normal 300 22px/34px Montserrat;
max-width: 830px;
}	
footer .content-footer .col-rodape h2 {
font: normal normal bold 20px/22px Montserrat;
}	
footer .content-footer .col-rodape ul li a {
font-size: 16px;
}	
footer .copyright span {
font-size: 15px;
}	
section#header-page h1 {
font: normal normal bold 56px/64px Montserrat;
}	
section#header-page h2 {
font: normal normal 300 22px/30px Montserrat;
}	
section#header-page.header-contato h2 {
max-width: 475px;
}	
section#header-page.header-contato {
padding-bottom: 15vh;
}	
section#contato {
padding: 0px 0 20px;
}	
section#faq-contato {
padding: 30px 0 50px;
}	
footer .content-footer .logo-rodape {
max-width: 180px;
}	
section#header-page.header-blog .text-header h1 {
max-width: 660px;
font-size: 42px;
line-height: 50px;
}	
section#header-page.header-blog .text-header h2 {
font-size: 20px;
max-width: 615px;
}	
section#posts {
padding: 20px 0 0;
}	
section#newsletter {
padding: 30px 0;
}	
section#header-page.header-single-blog h1 {
font-size: 42px;
line-height: 50px;
min-height:90px;
}	
section#content-single, section#cursos-presencial{
padding:0;
}	
section#cursos-online {
padding: 0 0 30px;
}	
.page-id-12 section#mec{
padding-bottom:40px;
}	
.page-id-14 section#mec {
padding: 20px 0 40px;
}	
section#header-page.header-single-curso h1 {
font-size: 42px;
line-height: 50px;
margin: 0 0 20px;
}
section#header-page.header-single-curso h2 {
font-size: 20px;
line-height: 30px;
max-width: 560px;
}
section#header-page.header-single-curso {
padding: 9vh 0 9vh;
}	
section#garantia {
padding: 0px;
}	
section#faq {
padding: 40px 0 0;
}	
.lista-cursos article.curso-card .image-curso .tag, .lista-cursos article.curso-card .image-curso .nivel{
font-size:15px;
}	
section#dados-curso, section#form {
padding: 0;
}	

}

@media(max-width:992px){
section .container {
transform: scale(1);
}
header .content-header .logo a img {
max-width: 105px;
}
header .content-header{
padding: 14px 0;
}
.container{
padding:0 20px;
}
section#topo{
max-height:620px;
}
section#topo h1 {
font-size: 30px;
line-height: 36px;
}	
section#topo h2 {
font-size: 18px;
line-height: 25px;
max-width: 320px;
}	
section#topo .container{
height: 100%;
z-index: 6;
position: relative;
}	
section#topo a.btn-topo-home {
border-radius: 50px;
width: 300px;
height: 50px;
font: normal normal 700 16px/20px Montserrat;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}	
section#topo {
padding: 32px 0 10px;
}	
section#video {
padding: 50px 0 50px;
}
section#video .texto-video h2 {
font-size: 32px;
font-weight: 700;
line-height: 36px;
margin-bottom: 25px;
text-align: center;
}	
section#video .texto-video p {
font-size: 18px;
color: #5B5B5F;
font-weight: 300;
line-height: 28px;
margin: 0 auto 30px;
max-width: 340px;
text-align: center;
}	
section#video .texto-video a.btn-saiba-mais {
width: 100%;
max-width:370px;
height: 48px;
font: normal normal 700 18px/20px Montserrat;
margin: 30px auto 0;
}	
section#video .row .col-12.col-md-8 {
padding: 0;
}	
.play-button{
width:68px;
height:68px;
}
.video-wrapper{
height:220px;
border-radius:26px;
}
.video-container{
height:220px;
}	
.video-container iframe {
border-radius: 26px;
}	
section#beneficios {
padding: 50px 0;
background-color: #FFF;
}	
section#beneficios h2, section#cursos h2{
font-size: 32px;
max-width: 255px;
}	
section#beneficios h3, section#cursos h3{
font-size:18px;
max-width:345px;
margin:0 auto 40px;
line-height: 26px;
}	
.toggle-btn {
padding: 10px 15px;
font-size: 15px;
}	
.lista-cursos article.curso-card {
width: 100%;
border-radius: 25px;
max-width: 360px;
margin: 0 auto;
}	
.lista-cursos article.curso-card .content-curso {
padding: 28px 22px;
}	
.lista-cursos article.curso-card .content-curso a.btn-ver-curso {
font-size: 18px;
}	
.lista-cursos article.curso-card .image-curso .tag, .lista-cursos article.curso-card .image-curso .nivel {
font-size: 14px;
}	
.lista-cursos article.curso-card .content-curso h2, section#cursos .lista-cursos article.curso-card .content-curso h2 {
font: normal normal 700 22px/30px Montserrat;
}	
a.btn-ver-todos {
font-size: 16px;
width: 100%;
height: 50px;
max-width:370px;
}	
.box-mec {
padding: 0;
border-radius: 34px;
}	
.box-mec .image-mec {
max-width: calc(100% - 10px);
position: relative;
right: auto;
left: -15px;
width: 100%;
}	
.box-mec .image-mec img{
width:100%;
}	
.box-mec .texto-mec{
padding: 50px 30px 30px;
}	
.box-mec h2 {
text-align: center;
font: normal normal bold 32px/40px Montserrat;
}	
.box-mec p {
text-align: center;
font: normal normal 300 18px/28px Montserrat;
letter-spacing: 0px;
color: #FFFFFFCC;
max-width: 268px;
margin: 0 auto;
}	
section#depoimentos{
background-color:#fff;
padding:50px 0;
}	
section#mec {
padding: 60px 0 50px;
}	
section#depoimentos h2 {
font-size: 32px;
text-align: center;
max-width: 300px;
margin: 0 auto 20px;
}	
section#depoimentos h3 {
max-width: 298px;
margin: 0 auto 40px;
font-size: 18px;
line-height: 28px;
}	
.nav-depoimentos{
display:none;
}	
.swiper-slide .depoimento {
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #5B5B5F33;
border-radius: 24px;
padding: 20px 25px 30px 25px;
}	
.swiper-slide .depoimento .depoente .texto h4 {
font-size: 18px;
margin: 0;
}	
.swiper-slide .depoimento .depoente .texto span {
display: block;
font-size: 14px;
font-weight: 300;
line-height: 18px;
}	
.swiper-slide .depoimento .depoente .image {
width: 50px;
height: 50px;
margin-right: 15px;
}	
.depo-pagination, .benefits-pagination{
display: flex;
align-items: center;
justify-content: center;
padding: 30px 0 0;
}
.depo-pagination .swiper-pagination-bullet, .benefits-pagination .swiper-pagination-bullet{
opacity:1;
width:10px;
height:10px;
margin:0 6px;
background-color:#5B5B5F26;
}	
.depo-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .benefits-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
background-color:#71262166;
}	
section#blog-call {
padding: 50px 0;
}	
section#blog-call .title-section {
margin: 0 0 40px;
flex-wrap: wrap;
}	
section#blog-call .title-section h2 {
font-size: 32px;
line-height: 36px;
text-align: center;
max-width: 320px;
margin: 0 auto 15px;
}	
section#blog-call .title-section h3 {
font-size: 18px;
line-height: 27px;
font-weight: 300;
max-width: 330px;
text-align: center;
color: var(--text);
margin: 0 auto;
}	
.posts-home article.post-card {
width: 100%;
background-color: #fff;
border-radius: 20px;
overflow: hidden;
max-width: 370px;
margin: 0 auto;
}	
.posts-home article.post-card .image-post, .lista-cursos article.curso-card .image-curso {
border-radius: 20px 20px 0 0;
}	
.posts-home article.post-card .content-post h2 {
font: normal normal 700 22px/29px Montserrat;
}	
.posts-home article.post-card .content-post {
padding: 28px 22px;
}	
.posts-home article.post-card .content-post a.btn-ler {
font-size: 18px;
}	
.posts-home article.post-card .content-post a.btn-ler i {
font-size: 14px;
}
.posts-home article.post-card .content-post .excerpt {
margin: 0 0 20px;
}	
footer .content-footer {
padding: 40px 0 65px;
flex-wrap: wrap;
}	
footer .content-footer .logo-rodape {
max-width: 130px;
margin:0 0 20px;
}	
footer .content-footer .col-rodape{
width:100%;
margin:0 0 20px;
}	
footer .content-footer .col-rodape h2 {
font: normal normal bold 18px/22px Montserrat;
}	
footer .copyright{
padding:15px;
}	
footer .copyright span {
font-size: 13px;
}	
footer .copyright .sociais {
position: absolute;
right: auto;
top: -34px;
left: 0;
}	
section#cursos {
padding: 50px 0 0;
}	
.benefits-slide{
overflow:hidden;
}
.benefit-item{
padding:0 10px;
}
.benefit-item .icon{
width: 50px;
height: 50px;
margin: 0 0 15px;
}	
section#beneficios .benefit-item h3{
text-align:left;
font-weight:700;
color:var(--primary);
margin:0 0 15px;
font-size:20px;
}	
section#beneficios .benefit-item p{
font-size: 16px;
font-weight: 300;
margin:0;
}	
section#video-institucional {
padding: 50px 0;
}	
section#video-institucional h1 {
font: normal normal bold 32px/40px Montserrat;
max-width: 960px;
margin: 0 auto 20px;
}	
section#video-institucional h2 {
font: normal normal 300 18px/28px Montserrat;
max-width: 830px;
}	
.content-post .cargo-membro{
font-size:16px;
}	
.cards-contato .card-contato {
width: 100%;
border-radius: 20px;
padding: 22px 30px;
max-width: 370px;
margin: 0 auto;
text-align: center;
}
.cards-contato{
gap:20px;
}
.cards-contato .card-contato .icone {
width: 50px;
margin: 0 auto 15px;
}	
.cards-contato .card-contato p {
line-height: 24px;
}	
section#header-page.header-contato h1 {
max-width: 290px;
font: normal normal bold 36px/40px Montserrat;
text-align: center;
margin: 0 auto 15px;
}	
section#header-page.header-contato h2 {
max-width: 475px;
font: normal normal 300 18px/26px Montserrat;
text-align: center;
}	
section#header-page.header-contato {
background-color: #fff;
padding: 50px 0 0;
}	
section#card-contato{
margin-top:0;
}	
section#header-page .image-bg {
position: relative;
top: 0;
right: 0;
z-index: 0;
width: calc(100% + 50%);
height: 270px;
left: -50%;
}
section#header-page .image-bg:before{
content:"";
width:100%;
height: 50%;
background: linear-gradient(180deg,rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
position:absolute;
left:0;
top:0;
}
section#header-page::before{
display:none;
}	
section#header-page::after{
height:15%;
}	
.form-contato h2 {
font-size: 32px;
margin: 0 0 20px;
text-align: center;
}	
.form-contato p {
font-size: 18px;
font-weight: 300;
max-width: 540px;
text-align: center;
}	
.form-contato .submit-area {
text-align: center;
margin: 15px 0 40px;
}	
.form-contato .submit-area button.btn-submit{
width:100%;
}	
section#contato .maps {
border-radius: 20px;
margin:0;
}	
section#contato .maps iframe{
height:300px;
}	
section#contato .card-localizacao{
display:none;
}	
section#faq-contato .text-faq h2 {
font-size: 32px;
margin: 0 auto 20px;
max-width: 300px;
text-align: center;
}	
section#faq-contato .text-faq p {
font-size: 18px;
font-weight: 300;
max-width: 340px;
text-align: center;
margin:0 auto 30px;
}	
.perguntas .pergunta {
background-color: #fff;
border-radius: 15px;
margin: 0 0 15px;
padding: 15px 15px;
}	
.perguntas .pergunta .question h3{
font: normal normal 700 16px/20px Montserrat;
}	
.perguntas .pergunta .question .open {
width: 26px;
height: 26px;
font-size: 14px;
margin-left: 10px;
}	
.perguntas .pergunta .resposta p{
font-size:15px;
margin:0;
}	
section#header-page{
background-color:#fff;
}	
section#header-page.header-blog .image-bg, section#header-page.header-single-blog .image-bg{
width:100%;
left:0;
}	
section#header-page{
padding:50px 0 0;
}	
section#header-page.header-blog .text-header h1 {
font-size: 32px;
line-height: 38px;
text-align: center;
}	
section#header-page.header-blog .text-header h2 {
font-size: 18px;
line-height: 26px;
text-align: center;
}	
section#header-page.header-blog a.btn-ver-materia, section#header-page.header-single-curso a.btn-acao {
background-color: var(--primary);
color: #fff;
font-size: 16px;
font-weight: 700;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
max-width:350px;
height: 50px;
transition: all .2s linear;
position:absolute;
bottom:20px;
left:50%;
transform:translatex(-50%);
z-index:6;
}	
section#posts {
padding: 50px 0 50px;
}
.box-newsletter {
background-color: #fff;
border-radius: 20px;
flex-wrap: wrap;
}	
.box-newsletter .text {
padding: 30px 20px;
}	
.box-newsletter .text h2 {
font-size: 32px;
margin: 0 auto 20px;
text-align: center;
}	
.box-newsletter .text p {
font-size: 18px;
font-weight: 300;
max-width: 650px;
text-align: center;
}	
.box-newsletter .text form button.btn-submit {
width: 100%;
}	
.box-newsletter .image::after {
content: "";
background: linear-gradient(180deg,rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 60%);
width: 100%;
height: 50%;
}	
.box-newsletter .image{
height:280px;
}	
section#header-page .pin-blog {
height: 40px;
font-size: 16px;
width: 110px;
margin: 0 auto 20px;
}	
section#header-page .pin-blog .icon {
max-width: 20px;
}	
section#header-page.header-single-blog h1 {
font-size: 30px;
line-height: 36px;
min-height: 90px;
max-width: 100%;
text-align: center;
}	
section#header-page.header-single-blog {
padding-bottom: 0;
}	
section#content-single, section#cursos-presencial {
padding: 40px 0 40px;
}	
.content-artigo {
padding-right: 0;
}	
.content-artigo h2 {
font-size: 28px;
margin: 0 0 20px;
}	
.content-artigo h1{
font-size:30px;
margin:0 0 20px;
}
.content-artigo h2{
font-size:26px;
margin:0 0 20px;
}
.content-artigo h3{
font-size:22px;
margin:0 0 20px;
}
.content-artigo h4{
font-size:18px;
margin:0 0 20px;
}
.content-artigo h5{
font-size:16px;
margin:0 0 20px;
}	
.sidebar-blog{
padding-top:50px;
}	
.box-categorias h2 {
font-size: 24px;
margin: 0 0 20px;
}	
.box-categorias ul li a {
font-size: 16px;
}	
section#relacionados h2.title {
font-size: 30px;
text-align: center;
margin: 0 auto 20px;
max-width: 320px;
}	
section#relacionados h3 {
font-size: 18px;
line-height: 27px;
}	
section#topo-busca h1 {
font-size: 24px;
}	
section#header-page.header-cursos {
padding: 50px 0 0;
}	
section#header-page.header-cursos h1 {
font-size: 32px;
line-height: 36px;
margin:0 auto 20px;
text-align: center;
}	
section#header-page.header-cursos h2 {
font-size: 18px;
line-height: 26px;
max-width: 345px;
margin: 0 auto;
text-align: center;
}	
.base-filtros{
position:relative;
}	
.base-filtros .select2-selection__rendered {
border-bottom: 0;
padding: 5px 15px;
background-color: #fff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(113,38,33,1)'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
background-position:center right 10px;
height: 40px;
}	
section#cursos-online {
padding: 40px 0 30px;
position: relative;
z-index: 5;
}	
.filtros-presenciais .box-filtros {
background: #FFFFFF 0% 0% no-repeat padding-box;
border-radius: 26px;
padding: 30px 20px 20px;
margin: -70px auto 50px;
position: relative;
z-index: 5;
}	
.filtros-presenciais .box-filtros h2 {
font: normal normal bold 28px/35px Montserrat;
}	
.filtros-presenciais .box-filtros h3 {
font: normal normal 300 16px/25px Montserrat;
}	
.filtros-presenciais .box-filtros form{
flex-wrap:wrap;
}	
.filtros-presenciais .box-filtros form .select-form {
width: 100%;
position: relative;
margin: 0 auto 20px;
max-width: 300px;
}	
.filtros-presenciais .box-filtros form .submit-form button {
width: 100%;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
height: 50px;
cursor: pointer;
max-width: 300px;
margin: 15px auto 0;
}	
.select2-selection__rendered{
height:44px;
font-size:16px;
background-size: 26px;
}	
.select2-dropdown .select2-results ul li {
padding: 8px 15px;
font-size: 15px;
}	
button.btn-ver-mais {
font-size: 16px;
width: 100%;
height: 48px;
max-width: 342px;
}	
section#header-page.header-single-curso {
padding: 50px 0 0;
text-align: center;
}
section#header-page.header-single-curso h1 {
font-size: 30px;
line-height: 36px;
margin: 0 auto 20px;
text-align: center;
}	
section#header-page.header-single-curso h2 {
font-size: 18px;
line-height: 26px;
max-width: 560px;
text-align: center;
}	
.box-preco{
margin-top:0;
border-radius: 30px;
padding: 30px 24px;
}	
section#topo-curso{
padding:30px 0 50px;
}	
.box-preco .title-curso span, .box-preco .title-curso strong{
font-size:18px;
}	
.box-preco .preco span{
font-size:16px;
text-align:center;
}	
.box-preco .preco .valor span {
font: normal normal 700 26px/26px Montserrat;
}	
.box-preco .preco .valor strong {
font: normal normal 700 44px/38px Montserrat;
}	
.box-preco .preco .valor strong span {
font-size: 34px;
line-height: 30px;
}	
.box-preco .preco .valor{
justify-content:center;
}	
.box-preco .argumentos ul li span {
font-size: 15px;
line-height: 18px;
}	
.infos-garantia .texto-garantia h2 {
font: normal normal bold 28px/34px Montserrat;
letter-spacing: 0px;
margin: 0 0 20px;
}	
.infos-garantia .texto-garantia h3 {
font-size: 18px;
line-height: 26px;
margin: 0px auto 335px;
}	
.infos-garantia .selo-garantia {
width: 300px;
position: absolute;
left: 50%;
transform: translatex(-50%);
bottom: 85px;
}	
.infos-garantia .texto-garantia {
width: 100%;
text-align: center;
padding-left: 0;
}	
section#garantia {
padding: 20px 0 60px;
}	
.box-certificado {
border-radius: 26px;
padding: 0;
flex-direction: column;
}	
.box-certificado .certificado-img {
width: 130px;
padding-left: 0;
margin: 0 auto 30px;
}	
.box-certificado .texto-certificado {
padding: 40px 30px 30px;
}	
.box-certificado .texto-certificado h2 {
text-align: center;
font: normal normal bold 32px/35px Montserrat;
}	
.box-certificado .texto-certificado p {
font-size: 18px;
line-height: 26px;
font-weight: 300;
margin: 0;
text-align: center;
}	
.title-secao h2 {
font-size: 32px;
text-align: center;
margin: 0 auto 20px;
}	
.title-secao h3 {
font-size: 18px;
line-height: 26px;
}	
section#faq {
padding: 60px 0 40px;
}	
.dados-mobile{
width: 100%;
background: #FFFFFF 0% 0% no-repeat padding-box;
border-radius: 30px;
padding: 10px 20px;
margin-top:35px;
}	
.accordion-item{
padding: 20px 0;
border-bottom: 1px solid #ccc;
}	
.accordion-item:last-child{
border:0;
}	
.accordion-item .title{
display:flex;
align-items:center;
justify-content:space-between;
}	
.accordion-item .title span{
width:100%;
flex:1;
font-size:22px;
line-height:26px;
color:var(--primary);
font-weight:700;
}	
.accordion-item .title .icon{
width:28px;
height:28px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background-color:var(--primary);
color:#fff;
font-size:15px;
transition:all .2s linear;
}	
.accordion-item .title[aria-expanded="true"] .icon{
transform:rotate(180deg);
}	
.accordion-item .content{
padding-top:25px;
}	
.accordion-item .content ul li{
position:relative;
font-size:15px;
line-height:20px;
margin-bottom:15px;
font-weight:300;
padding-left: 22px;
}	
.accordion-item .content ul li::before {
content: "";
width: 16px;
height: 16px;
background-image: url('images/check_list.png');
background-size: 100%;
background-position: center;
position: absolute;
left: 0;
top: 4px;
}	
.card-dado .icone {
width: 44px;
margin-right: 15px;
}	
.card-dado .texto {
padding-top: 0;
}	
.card-dado .texto h2 {
font-size: 26px;
line-height: 32px;
margin: 0px 0 15px;
}	
.card-dado .texto ul li {
font-size: 16px;
line-height: 20px;
font-weight: 300;
margin-bottom: 15px;
}
.card-dado:not(:last-child) {
margin-bottom: 24px;
padding-bottom: 8px;
border-bottom: 1px solid #ccc;
}	
section#form{
padding:55px 0 50px;
}	
section#form .card-form {
background-color: #fff;
border-radius: 22px;
padding: 10px 26px 30px;
}	
.mobile-menu{
position: absolute;
width: 100vw;
height: 100vh;
left: 0;
top: 100%;
visibility: hidden;
max-height: 0;
z-index: 50;
opacity: 0;
color: var(--texto);
font-size: 18px;
transform: scale(0.9);
transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, visibility 0.25s ease-in-out, max-height 0s linear 0.25s;
will-change: transform;
}	
.mobile-menu[aria-hidden="false"] {
opacity: 1;
visibility: visible;
transform: scale(1);
transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1), visibility 0.4s linear;
max-height: calc(100vh - 78px);
top: 100%;
}	
.mobile-menu .icon--nav-triangle-borderless {
position: absolute;
bottom: 100%;
right: 26px;
width: 18px;
height: 8px;
z-index: 1;
}	
.mobile-menu__inner {
position: relative;
max-width: 100vw;
height: 100%;
overflow: hidden;
}	
.mobile-menu__panel {
position: relative;
height: 100%;
background: #f4f4f4;
overflow-y: auto;
overflow-x: hidden;
-ms-scroll-chaining: none;
overscroll-behavior: none;
-webkit-overflow-scrolling: touch;
transition: transform 500ms cubic-bezier(0.23, 1, 0.32, 1), visibility 500ms cubic-bezier(0.23, 1, 0.32, 1);
}	
.mobile-menu__section:not(:last-child) {
border-bottom: 1px solid #ccc;
}
.mobile-menu__section {
padding: 16px 20px;
}	
.mobile-menu__section ul.mobile-menu__nav li a{
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 10px 0 10px 0;
background-color: transparent;
color:var(--text);
}	
.mobile-menu__section ul.mobile-menu__nav li.current_page_parent a, .mobile-menu__section ul.mobile-menu__nav li.current_page_item a{
font-weight:700;
color:var(--primary);
}	
.mobile-menu .sociais ul{
display:flex;
align-items:center;
}
.mobile-menu .sociais ul li:not(:last-child){
margin-right:8px;
}
.mobile-menu .sociais ul li a{
display:flex;
align-items:center;
justify-content:center;
width:36px;
height:36px;
background-color:var(--primary);
border-radius:50%;
color:#fff;
font-size:18px;
transition:all .2s linear;
}

}