/*
Theme Name: Terra Nostra Cidadanias
Theme URI: https://tncidadania.com.br
Author: I9 Criações
Author URI: https://i9criacoes.com.br
Description: Tema WordPress Terra Nostra Cidadanias
Version: 1.0
Text Domain: tncidadania
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
*/
:root {
  --page: #FFFFFF;
  --primary: #202852;
  --secondary: #009246;
  --alt: #ff5857;
  --completed: #28a745;
  --text: #63626e;
}
* {
scrollbar-color: rgb(223, 227, 232) rgb(249, 250, 251);
scrollbar-width: thin;
margin: 0px;
padding: 0px;
box-sizing: border-box;
font-family: "Archivo", sans-serif;
}
html, body{
font-family: "Archivo", 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.header-tn{
width: 100%;
position: relative;
top: 0;
left: 0;
background-color: #fff;
z-index:999;
}
header.header-tn.sticky {
-webkit-animation: headerSlideDown .35s forwards;
animation: headerSlideDown .35s forwards;
position: sticky;
top: 0;
width: 100%;
z-index: 1001;
box-shadow: 0 0 14px rgba(13, 13, 13, 0.15);
}
@-webkit-keyframes headerSlideDown {
  0% {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
  }
  to {
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
}
@keyframes headerSlideDown {
  0% {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
  }
  to {
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
}
.container{
max-width:1260px;
padding:0 15px;
width:100%;
}
header.header-tn .container-header{
max-width: 100%;
width: 1260px;
padding: 0 15px;
margin: 0 auto;
}
header.header-tn .container-header .content-header{
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0;
}
header.header-tn .container-header .content-header .logo a{
display:flex;
align-items:center;
justify-content:center;
}
header.header-tn .container-header .content-header .logo a img{
max-width:180px;
transition:all .2s linear;
}
header.header-tn.sticky .container-header .content-header .logo a img{
max-width:140px;
}
header.header-tn .container-header .content-header .menu-links ul#menu-menu-principal{
display: flex;
align-items: center;
justify-content: center;
gap: 30px;
}
header.header-tn .container-header .content-header .menu-links ul#menu-menu-principal li.principais{
position:relative;
padding:10px 0;
}
header.header-tn .container-header .content-header .menu-links ul#menu-menu-principal li.principais a{
color: #333;
font-size: 15px;
text-transform: uppercase;
font-family: 'Archivo', sans-serif;
font-weight: 500;
transition: all .2s linear;
position: relative;
padding: 7px 10px;
}
header.header-tn .container-header .content-header .menu-links ul#menu-menu-principal li .mega-menu-wrapper {
position: absolute;
top: calc(100% + 10px);
left: 50%;
transform:translatex(-50%) translatey(-20px);
display: block;
opacity:0;
visibility:hidden;
transition:all .2s linear;
width: max-content;
padding: 30px 30px 20px;
background-color: white;
background: #fafafa;
border-radius: 20px;
box-shadow: 0px 0px 10px rgba(32, 40, 82,.3);
}
header.header-tn .container-header .content-header .menu-links ul#menu-menu-principal li .mega-menu-wrapper .service-menu-arrow {
position: absolute;
top: -24px;
left: calc(50% - 45px);
transform:translatex(-50%);
width: 48px;
height: 48px;
transform: rotate(45deg) translate(50%);
background-color: #fafafa;
border-radius: 4px;
}
header.header-tn .container-header .content-header .menu-links ul#menu-menu-principal li.submenu-servicos .mega-menu-wrapper{
left:-505px;
transform:translatey(-20px);
width:1260px;
}
header.header-tn .container-header .content-header .menu-links ul#menu-menu-principal li.submenu-servicos:hover .mega-menu-wrapper{
transform:translatey(0px);
}
header.header-tn .container-header .content-header .menu-links ul#menu-menu-principal li.submenu-servicos .mega-menu-wrapper .service-menu-arrow{
left: calc(50% - 112px);
}
header.header-tn .container-header .content-header .menu-links ul#menu-menu-principal li:hover .mega-menu-wrapper {
opacity:1;
visibility:visible;
transform:translatex(-50%) translatey(0px);
}
header.header-tn .container-header .content-header .menu-links ul#menu-menu-principal li.submenu-servicos .mega-menu-wrapper .mega-menu-columns {
display: flex;
justify-content:space-between;
gap: 10px;
}
header.header-tn .container-header .content-header .menu-links ul#menu-menu-principal li .mega-menu-wrapper .mega-column {
flex: 1;
}
header.header-tn .container-header .content-header .menu-links ul#menu-menu-principal li a.mega-title {
display:block;
font-weight: 400;
font-size: 14px;
color: #2d2d2d;
transition:all .2s linear;
text-transform: uppercase;
font-family: 'Archivo', sans-serif;
padding:0;
margin:0 0 10px;
}
header.header-tn .container-header .content-header .menu-links ul#menu-menu-principal li.submenu-servicos .mega-menu-wrapper a.mega-title {
display:block;
font-weight: 600;
font-size: 15px;
color: var(--primary);
text-transform: uppercase;
transition:all .2s linear;
font-family: 'Archivo', sans-serif;
padding:0;
margin:0 0 15px;
}
header.header-tn .container-header .content-header .menu-links ul#menu-menu-principal .sub-menu li{
line-height:18px;
margin-bottom:15px;
}
header.header-tn .container-header .content-header .menu-links ul#menu-menu-principal .sub-menu li a{
font-size: 13px;
font-family: 'Archivo', sans-serif;
color: #2d2d2d;
text-transform: uppercase;
transition:all .2s linear;
padding:0;
font-weight:400;
}
header.header-tn .container-header .content-header .menu-links ul#menu-menu-principal .sub-menu{
border-left: solid 1px var(--primary);
padding-left: 10px;
}
header.header-tn .container-header .content-header .menu-links ul#menu-menu-principal .sub-menu li a:hover, header.header-tn .container-header .content-header .menu-links ul#menu-menu-principal li a.mega-title:hover{
color: var(--primary);
text-decoration:underline;
}
header.header-tn .container-header .content-header .sociais{
display: flex;
align-items: center;
justify-content: flex-end;
gap:7px;
}
header.header-tn .container-header .content-header .sociais a{
display:flex;
align-items:center;
justify-content:center;
width:30px;
height:30px;
border-radius:50%;
transition:all .2s linear;
font-size:18px;
color:rgb(255,255,255);
background-color:var(--primary);
position:relative;
}
header.header-tn .container-header .content-header .sociais a:hover{
transform:scale(1.05);
}
header.header-tn .container-header .content-header .sociais a.link-linkedin, header.header-tn .container-header .content-header .sociais a.link-face{
font-size:16px;
}
header.header-tn .container-header .content-header .menu-links ul#menu-menu-principal li.principais > a::after {
content: "";
transform-origin: 100%;
background: var(--primary);
width: 100%;
height: 3px;
transition: transform .5s;
position: absolute;
bottom: 0px;
left: 0;
transform: scaleX(0);
border-radius: 5px;
}
header.header-tn .container-header .content-header .menu-links ul#menu-menu-principal li.principais:hover > a::after, header.header-tn .container-header .content-header .menu-links ul#menu-menu-principal li.principais.current-menu-item > a:after {
transform: scaleX(1);
transform-origin: left;
}
header.header-tn .container-header .content-header .menu-links ul#menu-menu-principal li.principais:hover > a, header.header-tn .container-header .content-header .menu-links ul#menu-menu-principal li.principais.current-menu-item > a{
color:var(--primary);
}
header.header-tn .container-header .content-header .menu-links ul#menu-menu-principal li.principais > a i{
font-size:14px;
transition:all .2s linear;
}
header.header-tn .container-header .content-header .menu-links ul#menu-menu-principal li.principais:hover i{
transform:rotate(180deg);
}
footer{
background-color:var(--primary);
position:relative;
background-image: url("images/img-rodape.png");
background-position: bottom right;
background-repeat: no-repeat;
padding:40px 0 25px;
}
footer .content-footer{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:30px;
margin-bottom:50px;
}
footer .content-footer .sobre a{
display:flex;
margin:0 0 20px;
}
footer .content-footer .sobre p{
color:rgb(255,255,255);
font-size:15px;
max-width:320px;
}
footer .content-footer .contatos h2, footer .content-footer .certificacoes h2{
font-weight:700;
color:rgb(255,255,255);
margin:0 0 20px;
font-size:16px;
}
footer .content-footer .contatos p{
color:rgb(255,255,255);
font-size:15px;
}
footer .content-footer .selos{
display:flex;
align-items:flex-start;
gap:10px;
}
footer .content-footer .selos a{
display:flex;
align-items:center;
justify-content:center;
}
footer .content-footer .selos a img{
max-width:100px;
max-height:130px
}
footer .content-footer .contatos .sociaisFooter{
display: flex;
align-items: center;
justify-content: flex-start;
gap: 7px;
}
footer .content-footer .contatos .sociaisFooter a {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 50%;
transition: all .2s linear;
font-size: 18px;
color: var(--primary);
background-color: rgb(255,255,255);
position: relative;
}
footer .content-footer .contatos .sociaisFooter a:hover{
transform:scale(1.05);
}
footer .copyright{
display:flex;
align-items:center;
justify-content:center;
color:rgb(255,255,255);
font-size:13px;
}
.bannerHome{
display:flex;
align-items:center;
justify-content:center;
margin-bottom:50px;
}
h2.title-after{
font-weight: 700;
font-size: 32px;
position: relative;
margin: 0 0 20px;
padding-bottom: 7px;
}
h2.title-after:after{
content: "";
width: 50px;
height: 5px;
background-color: #009246;
position: absolute;
border-radius: 10px;
bottom: 0;
left: 0;
}
.text-tradicao{
margin:0 auto 70px
}
.text-tradicao p{
font-size:18px;
}
.image_block_1{
position:relative;
width:100%;
margin-bottom:90px;
}
.image_block_1 .image-box{
padding-left: 70px;
position:relative;
}
.image_block_1 .image-box::before {
position: absolute;
content: '';
width: 26px;
height: 133px;
left: 15px;
top: 0px;
border-radius: 10px;
background: var(--alt);
}
.image_block_1 .image-box .image-1{
border-radius: 10px;
}
.image_block_1 .image-box .image-2{
position:absolute;
bottom: -20px;
right: 180px;
border-radius:10px;
max-width:450px;
}
.image_block_1 .image-box .ballonMessage{
position:absolute;
width: 290px;
left: -55px;
border-radius:10px;
top: 160px;
border-bottom-right-radius: 0px;
box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
background-color:rgb(255,255,255);
display:flex;
align-items:center;
padding:20px 30px 15px;
gap:25px;
}
.image_block_1 .image-box .ballonMessage .icon-box{
font-size: 65px;
line-height:1;
color:var(--alt);
}
.image_block_1 .image-box .ballonMessage h5{
font-size:18px;
line-height:24px;
font-weight:700;
margin:0;
}
.image_block_1 .image-box .ballonMessage::before {
position: absolute;
content: '';
background: #fff;
width: 28px;
height: 19px;
right: 0px;
bottom: -19px;
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 0%);
}
.jornada360{
padding-right:50px;
padding-top:30px;
}
.jornada360 h4{
font-weight:700;
font-size:18px;
color:var(--alt);
margin:0 0 5px;
}
.jornada360 h2{
font-size:40px;
max-width:520px;
margin:0 0 20px;
}
.jornada360 p{
font-size:18px;
max-width:420px;
margin:0 0 30px;
}
.jornada360 ul li{
display:flex;
align-items:center;
gap:10px;
margin:0 0 15px;
font-size:18px;
}
.jornada360 ul li .icon{
color:var(--alt);
}
.jornada360 ul li span{
display:flex;
flex:1;
line-height: 24px;
}
.jornada360 ul{
margin:0 0 30px;
}
a.btn-acao {
display: flex;
align-items: center;
justify-content: center;
background-color: var(--primary);
color: #fff;
font: normal normal 500 20px/25px Archivo;
letter-spacing: -0.92px;
height: 54px;
border-radius: 5px;
position: relative;
transition: all .5s linear;
overflow: hidden;
width: 390px;
padding-left: 30px;
}
a.btn-acao .icone {
background-color: var(--alt);
position: absolute;
width: 50px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
left: 0;
top: 0;
}
a.btn-acao:hover{
transform:scale(1.05);
box-shadow: 0 0 25px rgba(21, 127, 251, 0.6);
}
section#beneficios{
background-color: #f4f4f4;
padding: 60px 0 5px;
}
.beneficiosList{
margin:35px 0 50px;
width:100%;
}
.beneficiosList .beneficio-btn{
border:none;
width:100%;
padding:14px 20px;
text-align:left;
cursor:pointer;
background:#e9e9e9;
color:var(--text);
border-radius:4px;
font-weight:500;
line-height:1.5;
font-size:18px;
margin:0 auto 12px;
position:relative;
}
.beneficiosList .beneficio-btn i{
position:absolute;
right:20px;
top:50%;
transform:translatey(-50%);
transition:all .3s linear;
}
.beneficiosList .beneficio-btn[aria-expanded="true"]{
background:var(--primary);
color:rgb(255,255,255);
}
.beneficiosList .beneficio-btn[aria-expanded="true"] i{
transform:translatey(-50%) rotate(180deg);
}
.content-beneficio{
padding:15px 30px 20px;
font-size:18px;
line-height:26px;
}
.content-beneficio ul{
padding-left:15px;
margin-bottom:20px;
}
.content-beneficio ul li{
position:relative;
margin-bottom:5px;
padding-left:15px;
}
.content-beneficio ul li:before{
content:"";
width:7px;
height:7px;
border-radius:50%;
position:absolute;
left:0;
top:9px;
background-color:var(--text);
}
section#contato{
background-color:var(--primary);
padding:40px 0 35px;
}
section#contato h2{
color:rgb(255,255,255);
font-size:28px;
}
section#contato .img-contato{
border-radius:10px;
width:100%;
height:300px;
object-fit:cover;
margin-bottom:20px;
}
section#contato p{
color:rgb(255,255,255);
font-size:17px;
margin:0 0 16px;
padding:0 15px;
}
section#contato .row{
align-items:center;
}
.form-tn{
padding:15px 0 10px 30px;
}
.wrapper-tn{
position:relative;
width:100%;
margin-bottom:16px;
}
.wrapper-tn label.label-tn{
position:relative;
display:flex;
align-items:center;
gap:3px;
font-size: 15px;
text-align: left;
margin: 0 10px 6px 0;
line-height: 18px;
color: rgb(255,255,255);
font-weight: 600;
font-family: "Archivo", sans-serif;
}
.wrapper-tn .input-tn, .wrapper-tn .select-tn{
width:100%;
background-color:rgb(255,255,255);
border-radius: 8px;
height: 44px;
padding: 5px 15px;
font-size: 14px;
color: #000;
border: 1px solid #ccc;
font-family: "Archivo", sans-serif;
}
.wrapper-tn.has-error .input-tn, .wrapper-tn.has-error .select-tn{
border-color:#ff0000;
}
.wrapper-tn.has-error .error, .wrapper-tn.has-error .error{
color:#ff0000;
font-size:13px;
display:block;
padding:1px 3px;
}
.wrapper-tn .select-tn{
appearance:none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(85,85,85,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-size: 20px;
background-repeat: no-repeat;
background-position: center right 5px;
}
button.btnSubmit-tn{
width: 100%;
height: 48px;
border-radius: 8px;
border: 0;
outline: none;
background-color:var(--secondary);
background-image: none;
text-shadow: none;
color: #fff;
font-size: 15px;
text-transform: uppercase;
font-weight: 600;
font-family: "Archivo", sans-serif;
margin: 15px auto 0;
transition: all .2s linear;
}
button.btnSubmit-tn:hover{
background-color: #009246;
}
.s-hidden {
visibility:hidden;
padding-right:10px;
}
.select {
cursor: pointer;
display: inline-block;
position: relative;
appearance: none;
width: 100%;
padding: 0;
margin-bottom: 0px;
border: 0;
transition: box-shadow 150ms ease 0s, border-color 150ms ease 0s, padding 150ms ease 0s !important;
background-color: transparent !important;
}
.styledSelect {
position: absolute;
top: 50%;
right: 0;
bottom: 0;
left: 0;
background-color: transparent;
padding: 0;
transform: translateY(-50%);
height: 100%;
opacity: 0;
color:#555;
z-index: 5;
}
.styledSelect:active, .styledSelect.active {
background-color:transparent;
}
.options {
display:none;
position:absolute;
top:100%;
width: 100%;
left: 0;
z-index:999;
padding:0 0;
list-style:none;
border:1px solid #ccc;
background-color: #ffffff;
border-radius:7px;
-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
max-height: 220px;
overflow-y: auto;
color:#000;
font-size:16px;
margin: 0 !important;
}
.options li {
padding:0 6px;
margin:0 0;
padding:0 10px;
height:32px;
font-size:15px;
display:flex;
align-items:center;
color:#000;
}
.options li:hover{
background:#009246;
color:#fff;
}
section#faq{
padding:50px 0 10px;
}
section#faq p.subtitle, section#videos p.subtitle{
font-size:18px;
margin:0 0 30px;
}
section#videos {
background-color: #f4f4f4;
padding: 60px 0;
}
section#videos .videos{
gap:30px;
margin: 0 auto;
}
.video-container{
width:calc(33.3333% - 20px);
border:1px solid #ccc;
padding:5px;
position:relative;
height:560px;
display:none;
}
.video-container.show{
display:block;
}
.video-container .cover{
width:100%;
position:relative;
height:100%;
}
.video-container .cover img{
width:100%;
height:100%;
object-fit: cover;
}
.video-container .cover .play-btn{
position: absolute;
width:100%;
height:100%;
display: flex;
align-items: center;
justify-content: center;
opacity:0.8;
cursor: pointer;
background-color: transparent;
transition: all .3s linear;
top:0;
left:0;
}
.video-container .cover .play-btn img{
width:70px;
height:auto;
transition: all .4s linear;
}
.video-container .cover .play-btn:hover img{
transform:scale(1.05);
}
.video-container video {
width: 100%;
height:100%;
object-fit: cover;
display: none;
}
.video-loader {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.6);
display: flex;
align-items: center;
justify-content: center;
z-index: 5;
border-radius: 8px;
}
.video-loader .spinner {
width: 40px;
height: 40px;
border: 3px solid #fff;
border-top-color: transparent;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
  to { transform: rotate(360deg); }
}
section#blog {
padding: 60px 0;
}
p.subtitle{
font-size:18px;
margin:0 0 30px;
}
.postsGrid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}
.postCard{
background:#fff;
border-radius:12px;
overflow:hidden;
}
.postImage img{
width:100%;
height:200px;
object-fit:cover;
display:block;
}
.postDate{
display:block;
margin:12px 10px 10px;
font-size:14px;
opacity:.7;
}
.postTitle{
padding:0 10px;
margin-bottom:15px;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
text-overflow:ellipsis;
font-size:18px;
line-height:26px;
}
.postTitle a{
color:var(--primary);
transition:all .2s linear;
}
.postCard:hover .postTitle a, .postCard:hover .continueReading{
color:var(--secondary);
}
.postExcerpt{
padding:0 10px;
margin:0 0 15px;
font-size:15px;
line-height:22px;
	display:-webkit-box;
-webkit-line-clamp:4;
-webkit-box-orient:vertical;
overflow:hidden;
text-overflow:ellipsis;
}
.continueReading{
display:inline-block;
padding:0 10px;
font-weight:500;
font-size:15px;
color:var(--alt);
transition:all .2s linear;
}
.blogButton{
text-align:center;
margin-top:50px;
}
.blogButton a{
display:flex;
align-items:center;
justify-content:center;
background-color:var(--primary);
color:#fff;
width:110px;
height:44px;
border-radius:10px;
margin:0 auto;
transition:all .2s linear;
}
.blogButton a:hover{
background-color:var(--secondary);
}
.timeline{
margin-bottom:70px;
}
section#fundador{
background-color:#f4f4f4;
padding:50px 0;
}
.fundador{
display:flex;
align-items:center;
justify-content:center;
gap:50px;
}
.fundador .image{
width:340px;
}
.fundador .jornada360{
width:100%;
flex:1;
max-width:600px;
}
.fundador .jornada360 h2.title-after{
margin-bottom:50px;
}
.fundador .jornada360 ul li:not(:last-child){
margin-bottom:35px;
}
section#diferenciais{
padding:50px 0;
}
section#diferenciais .items{
display:flex;
justify-content:space-between;
}
section#diferenciais .items .item{
width:33.3333%;
padding:0 25px;
}
section#diferenciais .items .item .icon{
max-width:90px;
margin:0 auto 20px;
}
section#diferenciais .items .item .text{
font-size:18px;
text-align:center;
color:var(--primary);
max-width:340px;
}
section#diferenciais h2.title-after{
text-align:center;
margin:0 auto 30px;
}
section#diferenciais h2.title-after:after{
left:50%;
transform:translatex(-50%);
}
section#direitos{
padding:50px 0;
background-color:#f4f4f4;
}
section#direitos .items{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
section#direitos .items .item{
width:33.3333%;
padding:25px;
}
section#direitos .items .item .icon{
max-width:130px;
margin:0 auto 20px;
}
section#direitos .items .item .text{
font-size:18px;
text-align:center;
color:var(--primary);
max-width:350px;
}
section#porques{
padding:50px 0;
background-color:var(--primary);
}
section#porques h2.title-after{
color:rgb(255,255,255);
text-align:center;
margin:0 auto 30px;
}
section#porques h2.title-after:after{
left:50%;
transform:translatex(-50%);
}
section#porques .items{
display:flex;
justify-content:center;
flex-wrap:wrap;
}
section#porques .items .item{
width:33.3333%;
padding:25px;
}
section#porques .items .item .icon{
max-width:130px;
margin:0 auto 20px;
}
section#porques .items .item .text{
font-size:18px;
text-align:center;
color:rgb(255,255,255);
max-width:350px;
}
.page-de-servico{
padding:0 0 40px;
}
.page-de-servico h2{
font-weight: 700;
font-size: 34px;
position: relative;
margin: 0 0 20px;
padding-bottom: 7px;
}
.page-de-servico h2:after{
content: "";
width: 50px;
height: 5px;
background-color: #009246;
position: absolute;
border-radius: 10px;
bottom: 0;
left: 0;
}
.page-de-servico p{
font-size:18px;
margin:0 auto 20px;
}
.page-de-servico h3 {
position: relative;
font-weight: 700;
color: var(--primary);
margin: 30px 0 20px;
transition: all 500ms ease;
font-size: 24px;
}
.page-de-servico h3:after{
content: "";
width: 40px;
height: 4px;
background-color: var(--primary);
position: absolute;
border-radius: 10px;
bottom: -5px;
left: 0;
}
.page-de-servico ul {
padding-left: 15px;
margin-bottom: 20px;
}
.page-de-servico ul li {
font-size: 18px;
line-height: 26px;
position: relative;
margin-bottom: 10px;
padding-left: 15px;
}
.page-de-servico ul li::before {
content: "";
width: 7px;
height: 7px;
border-radius: 50%;
position: absolute;
left: 0;
top: 9px;
background-color: var(--text);
}
.especialistaBox{
display:flex;
align-items:center;
justify-content:space-between;
}
.especialistaBox h4{
position: relative;
font-weight: 700;
color: var(--primary);
transition: all 500ms ease;
font-size: 28px;
margin:0;
}
.especialistaBox p{
margin:0;
font-size:18px;
}
section#especialista{
padding:40px 0;
background-color:#f4f4f4;
}
.items-midia{
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
gap:50px;
padding:0 0 50px;
}
.items-midia article{
width:calc(25% - 38px);
}
.items-midia article a.image-midia{
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 20px;
}
.items-midia article a.link-midia{
display:flex;
align-items:center;
justify-content:center;
background-color: #DDDDDD;
height:40px;
border-radius:10px;
color:var(--primary);
font-weight:700;
font-size:16px;
transition:all .2s linear;
}
.items-midia article a.link-midia:hover{
background-color:var(--primary);
color:rgb(255,255,255);
}
.pagination{
display:flex;
align-items:center;
justify-content:center;
margin:15px auto 50px;
gap:5px;
}
.pagination .page-numbers{
display:flex;
align-items:center;
justify-content:center;
width:28px;
height:28px;
background-color:#DDDDDD;
border-radius:5px;
color:var(--primary);
font-size:13px;
font-weight:600;
transition:all .2s linear;
}
.pagination .page-numbers.current, .pagination .page-numbers:hover{
background-color:var(--primary);
color:rgb(255,255,255);
}
.bannerBlog img{
width:100%;
height:600px;
max-width:1920px;
object-fit:cover;
}
.content-single h2, .content-single h2 b, .content-single h1, .content-single h1 b{
position: relative;
font-weight: 700;
color: var(--primary);
margin:0 0 20px;
transition: all 500ms ease;
font-size: 24px;
}
.content-single h3 {
position: relative;
font-weight: 700;
color: var(--primary);
margin:0 0 20px;
transition: all 500ms ease;
font-size: 20px;
}
.content-single h4 {
position: relative;
font-weight: 700;
color: var(--primary);
margin:0 0 20px;
transition: all 500ms ease;
font-size: 18px;
}
.content-single h5 {
position: relative;
font-weight: 700;
color: var(--primary);
margin:0 0 20px;
transition: all 500ms ease;
font-size: 16px;
}
.content-single ul {
padding-left: 15px;
margin-bottom: 20px;
}
.content-single ul li {
font-size: 16px;
line-height: 24px;
position: relative;
margin-bottom: 10px;
padding-left: 15px;
}
.content-single ul li::before {
content: "";
width: 7px;
height: 7px;
border-radius: 50%;
position: absolute;
left: 0;
top: 9px;
background-color: var(--text);
}
.content-single p{
font-size:16px;
line-height:24px;
color:var(--text);
}
.content-single p strong, .content-single p b{
color:var(--primary);
font-weight:700;
}
.content-single{
padding:0 0 50px;
}
.alert{
padding: 8px 15px !important;
font-size: 14px !important;
}
.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 #202852;
border-radius: 50%;
width: 50px;
height: 50px;
animation: loading__circle-spin 0.6s linear infinite;
}
@keyframes loading__circle-spin {
  to {
    transform: rotate(360deg);
  }
}
.success{
background-color: #ecf7ee;
border-radius: 20px;
padding: 30px;
text-align: center;
max-width:80%;
margin:0 auto;
}
.success .icon{
margin:0 auto 20px;
}
.success .icon svg{
width:66px;
height:66px;
}
section#contato .success h2{
font-size: 24px;
color: var(--primary);
font-weight: 600;	
}
.success h3{
font-size: 20px;
font-weight: 500;
}

@media(max-width:992px){
header.header-tn .container-header .content-header .logo a img {
max-width: 134px;
}	
header.header-tn .container-header .content-header .menu-mobile{
cursor:pointer;
color:var(--primary);
font-size:26px;
}	
.navegacao-mobile{
display: block;
width: 100%;
height: 100vh;
overflow: auto;
position: fixed;
top: 0;
left: 0;
background-color: rgb(255,255,255);
z-index: 1001;
padding: 0px 0 25px;
transition:all .2s linear;
transform:translatex(-100%);
}
.navegacao-mobile.show{
transform:translatex(0);
}
.close-menu{
width: 30px;
height: 30px;
font-size: 24px;
color: var(--primary);
position: absolute;
top: 25px;
right: 15px;
display: flex;
align-items: center;
justify-content: center;
cursor:pointer;
z-index:4;
}
.menu-links .menu li.principais{
padding: 0 20px;
border-bottom: 1px solid #ccc;	
}
.menu-links .menu li.principais > a{
display: flex;
align-items: center;
justify-content: flex-start;
height: 48px;
text-transform: uppercase;
color: #555;
font-weight: 500;
font-size: 15px;
position:relative;
}	
.menu-links .menu li.principais > a i{
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
z-index: 4;
right: -20px;
top: 0;
}
.menu-links .menu li.principais.current-menu-item > a{
color:var(--secondary);
}	
.menu-links .menu li.principais .mega-menu-wrapper{
max-height: 0;
opacity: 0;
visibility: hidden;
transition:all .2s linear;
}	
.menu-links .menu li.principais.opened .mega-menu-wrapper{
max-height: 5000px;
opacity: 1;
visibility: visible;
margin-bottom:15px;
}
.menu-links .menu li.principais .mega-menu-columns li a{
font-size: 13px;
color: var(--text);
text-transform: uppercase;
transition: all .2s linear;
padding: 5px 0;
font-weight: 400;
display: block;
}
.menu-links .menu li.principais.submenu-servicos .mega-menu-columns .mega-column a.mega-title{
display: block;
font-weight: 600;
font-size: 15px;
color: var(--primary);
text-transform: uppercase;
transition: all .2s linear;
padding: 0;
margin: 0;
}
.menu-links .menu li.principais.submenu-servicos .mega-menu-columns .mega-column .sub-menu, .menu-links .menu li.principais.submenu-raizes .mega-menu-columns{
border-left: solid 1px var(--primary);
padding-left: 16px;
margin-bottom:12px;
}
.menu-links .menu li.principais.submenu-servicos .mega-menu-columns .mega-column .sub-menu li a{
font-size: 13px;
color: var(--text);
text-transform: uppercase;
transition: all .2s linear;
padding: 5px 0;
font-weight: 400;
display:block;
}
.sociais {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 7px;
width:calc(100% - 30px);
padding:25px 20px;
}
.content-header .sociais{
padding:0 30px 0 0;
}
.sociais a {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 50%;
transition: all .2s linear;
font-size: 18px;
color: rgb(255,255,255);
background-color: var(--primary);
position: relative;
}	
.no-scroll {
overflow: hidden;
}
.bannerHome img{
width:100%;
}
footer .content-footer{
flex-wrap:wrap;
}	
footer .content-footer .aba-footer{
text-align:center;
width:100%;
display:flex;
flex-direction:column;
align-items:center;
}	
footer .content-footer .sobre a {
max-width: 136px;
}	
footer .content-footer .sobre p, footer .content-footer .contatos p{
font-size:14px;
}	
footer .copyright{
font-size:12px;
}	
footer .content-footer .selos a img {
max-width: 90px;
max-height: 120px;
}	
footer .content-footer .sobre p{
margin:0;
}	
h2.title-after{
font-size:22px;
}	
.text-tradicao p, .jornada360 h4, .jornada360 p, .jornada360 ul li {
font-size: 16px;
}	
h2.title-after::after {
width: 40px;
height: 3px;
}	
.text-tradicao {
margin: 0 auto 40px;
}	
.jornada360 {
padding-right: 0;
padding-top: 0;
}	
.jornada360 h2 {
font-size: 26px;
max-width: 335px;
margin: 0 0 20px;
}	
.jornada360 p{
margin:0 0 20px;
}	
.jornada360 ul li{
margin:0 0 7px;
}	
a.btn-acao {
font: normal normal 500 18px/22px Archivo;
height: 48px;
width: 330px;
max-width:100%;
margin: 0 auto 0;
}	
.image_block_1 {
margin-bottom: 70px;
margin-top: 50px;
}	
.image_block_1 .image-box {
padding-left: 50px;
position: relative;
}	
.image_block_1 .image-box::before {
width: 20px;
height: 100px;
left: 8px;
border-radius: 7px;
}	
.image_block_1 .image-box .image-2 {
bottom: -40px;
right: 50px;
max-width: calc(100% - 50px);
}	
.image_block_1 .image-box .ballonMessage {
width: 220px;
left: 0;
border-radius: 8px;
border-bottom-right-radius: 0px;
top: 120px;
padding: 16px 24px 15px;
gap: 20px;
}	
.image_block_1 .image-box .ballonMessage .icon-box {
font-size: 40px;
}	
.image_block_1 .image-box .ballonMessage h5 {
font-size: 16px;
line-height: 20px;
}	
.image_block_1 .image-box .ballonMessage::before {
width: 20px;
height: 14px;
bottom: -14px;
}	
section#beneficios {
padding: 40px 0 5px;
}	
.beneficiosList .beneficio-btn {
padding: 10px 15px;
font-size: 16px;
line-height:22px;
padding-right: 45px;
}	
.beneficiosList .beneficio-btn i{
right:15px;
}	
.content-beneficio {
font-size: 16px;
line-height: 24px;
padding: 5px 12px 10px;
}	
section#contato h2{
font-size:22px;
}	
section#contato .img-contato{
height:180px;
}	
section#contato p {
color: rgb(255,255,255);
font-size: 15px;
padding: 0 10px;
line-height: 22px;
}	
.form-tn {
padding: 10px 10px 20px;
}	
.wrapper-tn label.label-tn{
font-size:14px;
}	
section#faq p.subtitle, section#videos p.subtitle {
font-size: 16px;
margin: 0 0 30px;
}	
section#faq {
padding: 40px 0 1px;
}	
.slides-videos{
width:calc(100% + 28px);
margin:0 -14px;
padding-left:20px;
}
.video-container .cover .play-btn img {
width: 58px;
}
.video-container {
width: 100%;
}
.videos-bullets {
display: flex;
align-items: center;
justify-content: center;
}
.videos-bullets .swiper-pagination-bullet {
margin: 0 3px !important;
background-color: #ccc;
width: 10px;
height: 10px;
opacity: 1;
}
.videos-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
background-color:var(--primary);
}
.nav-videos{
padding:30px 0 0;
}	
.video-container{
display:block;
height: 420px;
}	
.video-container .cover .play-btn img {
width: 44px;
}	
section#videos {
padding: 40px 0;
overflow:hidden;
}	
section#blog {
padding: 40px 0;
}	
p.subtitle {
font-size: 16px;
margin: 0 0 30px;
}	
.postsGrid {
grid-template-columns: repeat(1,1fr);
}	
.fundador{
flex-direction:column-reverse;
gap:0px;
}	
section#fundador{
padding:30px 0;
}	
.fundador .jornada360 h2.title-after {
margin-bottom: 20px;
}	
.fundador .jornada360 ul li:not(:last-child) {
margin-bottom: 10px;
}	
.fundador .image {
width: 340px;
max-width:100%;
margin:0 auto;
}	
section#diferenciais .items, section#direitos .items, section#porques .items {
display: flex;
justify-content: center;
flex-wrap: wrap;
}	
section#diferenciais .items .item .icon {
max-width: 70px;
margin: 0 auto 10px;
}	
section#diferenciais .items .item, section#direitos .items .item, section#porques .items .item {
width: 100%;
padding: 0 25px;
}
section#diferenciais .items .item .text, section#direitos .items .item .text, section#porques .items .item .text{
font-size: 16px;
text-align: center;
max-width: 300px;
margin: 0 auto 20px;
}	
section#diferenciais, section#direitos {
padding: 40px 0 5px;
}	
section#direitos .items .item .icon, section#porques .items .item .icon {
max-width: 90px;
margin: 0 auto 10px;
}		
.page-de-servico h2 {
font-size: 22px;
}	
.page-de-servico p {
font-size: 16px;
margin: 0 auto 20px;
}	
.page-de-servico h3{
font-size:18px;
}	
.page-de-servico ul li {
font-size: 16px;
line-height: 24px;
}	
.especialistaBox {
justify-content: center;
flex-wrap: wrap;
}	
.especialistaBox h4{
font-size:22px;
text-align:center;
margin:0 auto 10px;
}	
.especialistaBox p{
font-size:16px;
text-align:center;
margin:0 auto 20px;
}	
.items-midia{
gap:25px;
}	
.items-midia article {
width: calc(50% - 13px);
}	
.items-midia article a.link-midia{
height:36px;
font-size:14px;
}	
header.header-tn.sticky .container-header .content-header .logo a img {
max-width: 115px;
}	
.bannerBlog img {
height: 200px;
}	
.content-single h2, .content-single h2 b, .content-single h1, .content-single h1 b{
font-size:22px;
}	
.content-single h3 {
font-size: 18px;
}
.content-single h4 {
font-size: 16px;
}
.content-single h5 {
font-size: 14px;
}	
	

}