@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700,900&display=swap"); *{
outline: none !important;
}
a{
cursor: pointer;
}
a,
.call-to,
header .logo img,
header .menu-principal,
header .menu-principal > ul > li > ul,
.telefone,
.scroll,
.form-control,
body.paginas-internas .listagem-servicos li > a h3,
.pagination .page-numbers{	
-webkit-transition: all 350ms ease-in-out;
-moz-transition: all 350ms ease-in-out;
-ms-transition: all 350ms ease-in-out;
-o-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}
a:hover, 
a:focus{
text-decoration: none;
color: #0b6724;
}
body{
font: 17px 'Montserrat', sans-serif;
font-weight: 300;
line-height: 1.5em;
color: #2d3039;
width: 100%;
overflow-x: hidden;
position: relative;
}
.call-to{
background-color: #3b3c51; border-radius: 50px;
padding: 30px 50px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 5px;
cursor: pointer;
font-size: 19px;
position: relative;
margin-top: 30px;
display: inline-block;
}
.degrade,
body.paginas-internas .listagem-servicos li > a:hover h3{ background: #fad542; background: -moz-linear-gradient(left, #fad542 0%, #e79174 100%); background: -webkit-linear-gradient(left, #fad542 0%,#e79174 100%); background: linear-gradient(to right, #fad542 0%,#e79174 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fad542', endColorstr='#e79174',GradientType=1 ); color: #3b3c51;
}
.call-to:hover,
.call-to:focus{
opacity: 0.8;
color: #fff;
}	
.padding-0{
padding: 0 !important;
}
section{
padding: 100px 0;
position: relative;
}
.botao-fixo{
position: relative;
}
.botao-fixo .orcamento-online{
position: fixed;
right: 0;
top: calc(50% - 51.5px);
z-index: 99;
font-size: 13px;
font-weight: 300;
letter-spacing: 1.5px;
text-align: center;
border-radius: 50px 0 0 50px;
padding: 15px 60px 20px 60px;
}
.botao-fixo .orcamento-online strong{
font-size: 31px;
font-weight: 900;
letter-spacing: 1.5px;
}
body.paginas-internas .botao-fixo .orcamento-online{
color: #fff;
top: 29%;
} header{
background-color: #fff;
z-index: 9999;
position: sticky;
width: 100%;
top: 0;
left: 0;
}
header .container > .row{
justify-content: space-between;
}
header .logo{
height: 100px;
display: flex;
align-items: center;
justify-content: flex-end;
width: 18%;
}
header .logo .abrir-menu{
padding: 10px 12px;
margin-right: 0;
background: #ebaa4a;
color: #fff;
border-radius: 5px;
display: none;
margin-top: 10px;
}
header .logo img{
width: 100%;
}
header .menu{
display: flex;
align-items: center;
width: 78%;
}
header .menu-principal{	
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
header .menu-principal >  ul{
list-style: none;
padding: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: space-between;
}
header .menu-principal >  ul > li{
padding: 15px;
position: relative;
}
header .menu-principal > ul > li > a{
font-weight: 500;
color: #23243e;
position: relative;
font-size: 13px;
display: inline-block;
text-transform: uppercase;
letter-spacing: 1.5px;
padding-bottom: 15px;
border-bottom: 1px solid transparent;
}
header .menu-principal ul > li > a:hover,
header .menu-principal ul > li.current-menu-item > a,
header .menu-principal ul > li.filhos:hover > a{
font-weight: 700;
border-bottom-color: #f8cf46;
}
header .menu-principal ul > li.filhos:hover{
background-color: #f8d046;
border-radius: 0 20px 0 0;
}
header .menu-principal > ul > li > ul{ background: #f8d046; background: -moz-linear-gradient(-45deg, #f8d046 0%, #e68e76 100%); background: -webkit-linear-gradient(-45deg, #f8d046 0%,#e68e76 100%); background: linear-gradient(135deg, #f8d046 0%,#e68e76 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8d046', endColorstr='#e68e76',GradientType=1 ); position: absolute;
list-style: none;
padding: 30px 15px;
border-top: 1px solid #fff;
width: 260px;
left: 0;
border-radius: 0 0 0 20px;
text-align: left;
text-transform: none;
top: 56px;
display: none;
}
header .menu-principal > ul > li > ul > li > a{
color: #23243e;
text-transform: inherit;
font-size: 13px;
font-weight: 400;
padding: 10px 25px;
display: block;
}
header .menu-principal > ul > li > ul > li > a:hover,
header .menu-principal > ul > li > ul > li > a:focus{
color: #f9d244;
background-color: #23243e;
border-radius: 8px;
font-weight: 400;
}
div.telefone{	
display: flex;
align-items: center;
margin-bottom: 15px;
}
div.telefone p{	
display: inline-block;
margin-left: 15px;
color: #23243e;
font-weight: 300;
font-size: 19px;
margin-bottom: 0;
}
div.telefone p strong{	
font-weight: 700;
}
div.telefone img{	
width: 30px;
}
header.fixar{
border-bottom: 1px solid #ffc000;
}
header.fixar .logo{
height: 70px;
}
header.fixar .logo > div{
padding: 0;
text-align: center;
}
header.fixar .logo img{
width: 80%;
}
header.fixar .telefone{
zdisplay: none !important;
}
header.fixar .menu-principal > ul{
zwidth: 100%;
} .banner-principal{
list-style: none;
position: relative;
margin: 0;
padding: 0;
}
.banner-principal:after{
background-image: url(//www.trilight.com.br/wp-content/themes/trilight/img/detalhe-banner.png);
background-repeat: no-repeat;
background-size: 100%;
position: absolute;
width: 100%;
height: 192px;
bottom: -18%;
left: 0;
content: "";
}
.banner-principal li{
height: 780px;
background-size: cover;
background-position: center;
}
.banner-principal li a {
display: flex;
height: 100%;
align-items: center;
}
section#banner{
padding: 0;
}
section#banner .owl-theme .owl-nav {
margin-top: 0px;
}
section#banner .owl-controls{
position: absolute;
width: auto;
bottom: 15%;
right: 20%;
z-index: 1;
}
.owl-controls .owl-dots{
display: flex;
}
.owl-controls .owl-dot{
margin-right: 25px;
border-radius: 100%;
display: flex;
align-items: center;
}
.owl-controls .owl-dot span{
width: 15px;
height: 15px;
display: block;
background: transparent;
border-radius: 100%;
background-color: transparent;
border: 2px solid #e5e7e2;
}
.owl-controls .owl-dot.active span{
background: #e5e7e2;
}
.scroll{
position: absolute;
left: 18.5%;
bottom: -129px;
width: 199px;
height: 172px;
display: table;
z-index: 1;
}
.scroll:hover{
opacity: 0.8;
}
h2.titulo-principal {
color: #3b3c51;
font-size: 35px;
font-weight: 700;
margin-bottom: 20px;
}
.branco{
color: #fff !important;
} section#empresa{
background-image: url(//www.trilight.com.br/wp-content/themes/trilight/img/fundo-sobre.png);
background-position: bottom center;
background-repeat: no-repeat;
background-size: 52.5%;
}
section#empresa p{
font-size: 19px;
color: #62707e;
}
section#empresa .call-to{
margin-top: 130px;
} section#servicos{
background-image: url(//www.trilight.com.br/wp-content/themes/trilight/img/fundo-produtos.jpg);
background-position: bottom center;
background-color: #3b3c51;
background-repeat: no-repeat;
}
body.home section#servicos:after,
footer:before,
section#empresa .diretrizes:before{
content: "";
background-image: url(//www.trilight.com.br/wp-content/themes/trilight/img/elipse.png);
background-repeat: no-repeat;
height: 171px;
width: 280px;
bottom: 0;
position: absolute;
left: 0;
}
section#servicos .titulo-principal + p{
color: #fff;
font-size: 23px;
}
section#servicos .listagem-servicos{
position: relative;
padding: 0;
list-style: none;
margin: 120px 0 50px 0;
display: flex;
justify-content: space-between;
}
.listagem-servicos li{
display: flex;
justify-content: flex-end;
}
.listagem-servicos li > a{
display: block;
text-align: center;
width: 250px;
}
.listagem-servicos li .foto{
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 250px;
border-radius: 50%;
position: relative;
width: 250px;
}
.listagem-servicos li .foto:before{
content: "";
background-image: url(//www.trilight.com.br/wp-content/themes/trilight/img/detalhe-produto.png);
background-repeat: no-repeat;
height: 307px;
width: 130px;
top: -27px;
position: absolute;
left: -82px;
}
.listagem-servicos li > a:hover .foto{
border: 10px solid #ebaa4a;
}
.listagem-servicos li > a:hover .foto:before{
background-image: url(//www.trilight.com.br/wp-content/themes/trilight/img/detalhe-produto-hover.png);
top: -37px;
left: -90px;
}
.listagem-servicos li h3{
font-size: 21px;
font-weight: 300;
color: #fff;
text-align: center;
margin-top: 35px;
} .listagem-midias{
padding: 0;
list-style: none;
margin: 0;
position: relative;
}
.listagem-midias li{
padding: 80px;
}
.listagem-midias li a{
color: #fff;
}
.listagem-midias li a h3,
.listagem-midias li a span{
font-weight: 900;
font-size: 35px;
text-transform: uppercase;
margin-bottom: 30px; 
}
.listagem-midias li a p{
height: 102px;
overflow: hidden;
}
.listagem-midias li a span{
margin: 20px 0 0 0; 
background: rgba(255,255,255,0.2);
border-radius: 50%;
padding: 30px;
display: inline-block;
}
.midias .owl-nav {
position: absolute;
padding: 0;
display: flex;
justify-content: space-between;
left: 15px;
right: 15px;
top: 80%;
}
.midias .owl-theme .owl-nav [class*="owl-"]{
display: block;
padding: 0;
background-repeat: no-repeat;
background-position: center;
text-indent: -99999px;
width: 33px;
height: 27px;
}
.midias .owl-theme .owl-nav .owl-prev{
background-image: url(//www.trilight.com.br/wp-content/themes/trilight/img/left.png);
}
.midias .owl-theme .owl-nav .owl-next{
background-image: url(//www.trilight.com.br/wp-content/themes/trilight/img/right.png);
right: 0;
}
section#midia{ background: #da7a8e; background: -moz-linear-gradient(left, #da7a8e 0%, #dec73e 100%); background: -webkit-linear-gradient(left, #da7a8e 0%,#dec73e 100%); background: linear-gradient(to right, #da7a8e 0%,#dec73e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da7a8e', endColorstr='#dec73e',GradientType=1 ); padding: 0;
}
section#midia .fundo-midia{
background-image: url(//www.trilight.com.br/wp-content/themes/trilight/img/fundo-midia.png);
background-position: left bottom;
background-repeat: no-repeat;
}
section#midia .fundo-midia .texto{
padding: 200px 100px;
color: #fff;
}
section#midia .fundo-midia .texto + div{
background-size: cover;
background-repeat: no-repeat;
}
section#midia .scroll{
bottom: -40px;
} body.home section#blog{
background-color: #f4f8fb;
}
body.home section#blog:before{
content: "";
background-image: url(//www.trilight.com.br/wp-content/themes/trilight/img/elipse-midia.png);
background-repeat: no-repeat;
height: 362px;
width: 663px;
top: -255px;
position: absolute;
right: 0;
}
.listagem-blog{
list-style: none;
padding: 0;	
margin-top: 80px;
}
.listagem-blog li a{
display: block;
margin: 15px 0;
-webkit-box-shadow: 0px 0px 20px 0px rgba(214,225,234,1);
-moz-box-shadow: 0px 0px 20px 0px rgba(214,225,234,1);
box-shadow: 0px 0px 20px 0px rgba(214,225,234,1);
background-color: #fff;
}
.listagem-blog li .foto{
height: 280px;
background-size: cover;
background-position: center;
position: relative;
}
.listagem-blog li .texto{
padding: 30px;
}
.listagem-blog li .texto .data{
font-size: 13px;
padding: 10px 0;
color: #bebec0;
display: block;
}
.listagem-blog li .texto h5{
font-size: 21px;
color: #3b3c51;
font-weight: 500;
}
.listagem-blog li .texto p{
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
color: #2d3039;
font-weight: 300;
margin-top: 30px;
}
.listagem-blog li .texto p img{
margin-left: 30px;
}
.listagem-blog li a:hover .texto p img{
opacity: 0.3;
} section#clientes{
padding-bottom: 150px;
}
section#clientes ul.listagem-convenios{
margin: 80px auto 0 auto;
list-style: none;
padding: 0;
}
section#clientes ul.listagem-convenios li{
padding: 15px;
}
section#clientes ul.listagem-convenios li div{
height: 145px;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 20px 0px rgba(232,232,232,1);
-moz-box-shadow: 0px 0px 20px 0px rgba(232,232,232,1);
box-shadow: 0px 0px 20px 0px rgba(232,232,232,1);
display: flex;
align-items: center;
justify-content: center;
padding: 15px;
} footer{
position: relative;
}
footer:before,
section#empresa .diretrizes:before{
top: -171px;
}
footer .contato{
position: relative;
background-color: #3b3c51;
background-image: url(//www.trilight.com.br/wp-content/themes/trilight/img/fundo-produtos.jpg);
background-repeat: no-repeat;
background-position: bottom -1px left;
padding: 100px;
}
footer .contato:after{
content: "";
background-image: url(//www.trilight.com.br/wp-content/themes/trilight/img/detalhe-rodape.png);
background-repeat: no-repeat;
height: 81px;
width: 113px;
top: -37px;
position: absolute;
right: -39px;
z-index: 9;
}
footer .interessado{
background-image: url(//www.trilight.com.br/wp-content/themes/trilight/img/fundo-rodape.jpg);
background-repeat: no-repeat;
background-position: bottom right;
background-size: contain;
padding: 100px;
}
footer .infos{
padding: 0;
margin: 60px 0;
}
footer .infos li{
display: flex;
align-items: center;
margin-bottom: 30px;
}
footer p{
font-size: 18px;
color: #3b3c51;
margin-bottom: 0;
margin-left: 20px;
}
footer p strong{
font-size: 35px;
font-weight: 700;
}
footer #copyright{
background-color: #3b3c51;
padding: 50px 0;
}
footer #copyright p{
font-size: 11px;
text-transform: uppercase;
color: #dddbdb;
margin: 0;
font-weight: 400;
}
footer #copyright a{
color: #dddbdb;
} .form-control{	
height: 48px;
border-radius: 8px;
color: #000;
background-color: #fff;
font-size: 13px;
border: 1px solid transparent;
}
.form-control:hover,
.form-control:focus{
border-color: #ffc000;
box-shadow: none;
}
textarea{
height: 100px !important;
}
form .call-to{
border: none;
}
div.wpcf7-response-output{
font-size: 14px;
border: none;
border-radius: 10px;
line-height: 20px;
padding: 12px 20px;
margin: 0 auto;
}
.wpcf7-validation-errors,
.wpcf7-mail-sent-ng{
display: table !important;
color: #ff0300;
background: #ffd5dd;
}
.wpcf7-mail-sent-ok{
color: #8dbd5b;
background: #defde9;
display: table !important;
background-image: url(//www.trilight.com.br/wp-content/themes/trilight/img/check.png);
background-repeat: no-repeat;
background-position: 15px center;
padding-left: 50px !important;
} section#trilha{
background-size: cover;
background-position: center;
background-repeat: no-repeat;
font-size: 13px;
font-weight: 600;
padding: 0;
color: #f9d442;
position: relative;
text-align: center;
}
section#trilha .fundo{
background-color: rgba(35,36,62,0.8);
padding: 70px 0;
}
section#trilha h2.titulo-principal{
color: #f9d442;
font-weight: 700;
text-transform: uppercase;
}
section#trilha ul{
display: inline-block;
list-style-type: disc;
padding: 0;
}
section#trilha ul li{
float: left;
padding-right: 30px;
}
section#trilha ul li:first-child{
zdisplay: inline;
padding-left: 0;
list-style: none;
}
section#trilha p{
display: inline;
}
section#trilha a{
color: #fff;
font-weight: 300;
}
section#trilha a:hover,
section#trilha a:focus{
text-decoration: underline;
} body.paginas-internas section#empresa,
body.paginas-internas section#blog,
section#detalhe-blog,
section#detalhe-servicos{
background-image: url(//www.trilight.com.br/wp-content/themes/trilight/img/fundo-empresa.jpg);
background-repeat: no-repeat;
background-position: top right;
background-size: contain;
padding-bottom: 0;
}
section#empresa .img-principal{
zposition: absolute;
z-index: 9;
border-radius: 20px;
margin-top: 50px;
width: 1140px;
}
section#empresa .diretrizes{
background-color: #e48f83;
position: relative;
margin-top: 400px;
padding: 230px 0 80px 0;
}
section#empresa .diretrizes .listagem-diretrizes{
list-style: none;
padding: 0;
}
section#empresa .diretrizes .listagem-diretrizes li{
display: flex;
align-items: flex-start;
}
section#empresa .diretrizes .listagem-diretrizes li > div{
padding: 0 15px;
}
section#empresa .diretrizes .listagem-diretrizes li p{
max-height: 105px;
overflow: hidden;
font-size: 15px;
color: #fff;
}
section#empresa .diretrizes .listagem-diretrizes li h5{
font-size: 25px;
font-weight: 700;
color: #ecf0f4;
text-transform: uppercase;
position: relative;
margin-bottom: 25px;
}
section#empresa .diretrizes .listagem-diretrizes li h5:after{
content: "";
height: 1px;
width: 12%;
bottom: -5px;
position: absolute;
left: 0;
background-color: #fff;
}
section#empresa .estrutura{
background-image: url(//www.trilight.com.br/wp-content/themes/trilight/img/fundo-galeria.jpg);
background-repeat: no-repeat;
background-position: bottom right;
position: relative;
padding: 100px 0 230px 0;
}
section#empresa .estrutura ul.galeria-fotos{
list-style: none;
padding: 0;
margin-top: 50px;
}
section#empresa .estrutura ul.galeria-fotos li{
padding: 15px;
}
section#empresa .estrutura ul.galeria-fotos li .foto{
height: 280px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 20px;
} body.paginas-internas section#servicos{
background: #fff;
padding-bottom: 0;
}
body.paginas-internas section#servicos h2.titulo-principal{
font-size: 30px;
position: relative;
display: inline-block;
}
body.paginas-internas section#servicos h2.titulo-principal:after{
content: "";
height: 1px;
width: 48px;
bottom: -15px;
position: absolute;
left: calc(50% - 24px);
background-color: #f6c84c;
}
body.paginas-internas section#servicos .listagem-servicos{
margin: 70px 0 0 0;
}
body.paginas-internas section#servicos .produto{
padding-top: 70px;
}
body.paginas-internas section#servicos .produto:nth-child(odd){
background-color: #f4f8fb;
}
body.paginas-internas section#servicos .produto:last-child{
padding-bottom: 100px;
}
body.paginas-internas section#servicos .listagem-servicos li{
margin-bottom: 70px;
}
body.paginas-internas section#servicos .listagem-servicos li > a{
width: 200px;
}
body.paginas-internas .listagem-servicos li > a h3{
background-color: #454767;
border-radius: 50px;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 3px;
font-weight: 700;
padding: 20px;
}
body.paginas-internas section#servicos .listagem-servicos li .foto{
width: 200px;
height: 200px;
}
body.paginas-internas section#servicos .listagem-servicos li .foto:before{
top: -22px;
left: -65px;
background-size: 80%;
}
body.paginas-internas section#servicos .listagem-servicos li > a:hover .foto:before{
top: -32px;
left: -75px;
} section#detalhe-servicos{
padding-top: 50px;
}
section#detalhe-servicos .infos h2.titulo-principal{
font-weight: 900;
margin-top: 50px;
}
section#detalhe-servicos .fotos ul{
list-style: none;
padding: 0;
margin: 0;
}
section#detalhe-servicos .fotos ul li{
padding: 5px;
}
section#detalhe-servicos .fotos ul li .foto{
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 10px;
height: 90px;
}
section#detalhe-servicos .fotos ul li img{
}
section#detalhe-servicos .call-to{
font-size: 12px;
letter-spacing: 1px;
padding: 15px 25px;	
}
section#detalhe-servicos .call-to.whatsapp{
background-color: #00972b;
background-image: url(//www.trilight.com.br/wp-content/themes/trilight/img/whatsapp.png);
background-position: left 25px center;
background-repeat: no-repeat;
padding-left: 55px;
}
section#detalhe-servicos .vantagens{
background-color: #f7f7f7;
padding: 80px 0;
margin-top: 50px;
}
section#detalhe-servicos .vantagens h2.titulo-principal,
section#detalhe-servicos .relacionados h2.titulo-principal{
font-size: 25px;
font-weight: 700;
}
.lista-vantagens{
padding: 0;
}
.lista-vantagens li{
list-style: none;
padding: 15px;
}
.lista-vantagens li p{
font-size: 16px;
font-weight: 700;
line-height: 22px;
color: #3b3c51;
margin: 0;
}
.lista-vantagens li > div{
background-color: #fff;
border-radius: 5px;
padding: 30px 30px 30px 80px;
display: flex;
align-items: center;
-webkit-box-shadow: 0px 0px 20px 0px rgba(232,232,232,1);
-moz-box-shadow: 0px 0px 20px 0px rgba(232,232,232,1);
box-shadow: 0px 0px 20px 0px rgba(232,232,232,1);
}
.lista-vantagens li > div:before{
content: "";
background-image: url(//www.trilight.com.br/wp-content/themes/trilight/img/check.jpg);
background-repeat: no-repeat;
background-position: center;
width: 35px;
height: 35px;
margin-left: -55px;
margin-right: 20px;
position: absolute;
display: inline-block;
border-radius: 100%;
border: 1px solid #fece02;
}
section#detalhe-servicos .relacionados{
padding: 80px 0;
margin-bottom: 50px;
}
section#detalhe-servicos .relacionados .listagem-servicos{
margin-top: 50px;
}
.modal{
width: 40%;
border-radius: 20px;
padding: 100px;
background-image: url(//www.trilight.com.br/wp-content/themes/trilight/img/fundo-galeria.jpg);
background-position: center;
background-repeat: no-repeat;
}
.modal .form-control{
background-color: #f3f3f3;
}
.modal .form-control:hover,
.modal .form-control:focus{
background-color: #fff;
} body.paginas-internas section#blog{
padding-bottom: 150px;
}
body.paginas-internas .listagem-blog{
margin-top: 30px;
}
section#blog .busca{
display: flex;
align-items: center;
}
section#blog .busca p{
font-size: 15px;
color: #3b3c51;
margin-right: 50px;
}
section#blog .busca p img{
margin-right: 15px;
}
section#blog .busca form{
width: 76%;
position: relative;
}
.busca input{
border: 2px solid #fdc703;
}
.busca button{
background-image: url(//www.trilight.com.br/wp-content/themes/trilight/img/busca.jpg);
background-repeat: no-repeat;
background-color: transparent;
text-indent: -99999px;
position: absolute;
top: 8px;
right: 22px;
border: none;
width: 29px;
height: 29px;
cursor: default;	
} section#detalhe-blog{
padding-bottom: 100px;
}
section#detalhe-blog .conteudo{
-webkit-box-shadow: 0px 0px 20px 0px rgba(214,225,234,1);
-moz-box-shadow: 0px 0px 20px 0px rgba(214,225,234,1);
box-shadow: 0px 0px 20px 0px rgba(214,225,234,1);
padding: 0;
}
section#detalhe-blog .conteudo .foto{
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: 385px;
}
section#detalhe-blog .conteudo .data{
font-size: 13px;
color: #f9d442;
background-color: #2d3039;
padding: 10px 35px;
display: inline-block;
margin-top: -25px;
margin-left: 50px;
}
section#detalhe-blog .conteudo .titulo-texto{
padding: 50px;
}
section#detalhe-blog .texto h1,
section#detalhe-blog .texto h2,
section#detalhe-blog .texto h3,
section#detalhe-blog .texto h4,
section#detalhe-blog .texto h5,
section#detalhe-blog .texto h6{
font-weight: 900;
color: #0b6724;
margin: 30px 0;
text-transform: inherit !important;
}
section#detalhe-blog .texto ul{
padding: 0;
display: table;
}
section#detalhe-blog .texto ul li{
list-style: none;
}
section#detalhe-blog .texto ul li:before{
content:"•";
color: #0b6724;
font-size: 30px;
vertical-align: sub;
padding-right: 15px;
}
section#detalhe-blog .sidebar{
padding-left: 50px;
}
section#detalhe-blog .sidebar .box{
margin-bottom: 50px;
}
section#detalhe-blog .sidebar .box h6{
font-size: 17px;
text-transform: uppercase;
color: #3b3c51;
border-left: 4px solid #fad542;
padding-left: 15px;
font-weight: 600;
line-height: 25px;
margin-bottom: 30px;
}
section#detalhe-blog .sidebar ul,
section#detalhe-blog .sidebar .tags .links{
padding-left: 20px;
}
section#detalhe-blog .sidebar ul li{
list-style: none;
margin-bottom: 15px;
}
section#detalhe-blog .sidebar ul li a{
font-size: 17px;
color: #2d3039;
}
section#detalhe-blog .sidebar .tags a{
background: #f6b900;
text-transform: uppercase;
color: #fff;
border-radius: 10px;
padding: 5px 30px;
font-weight: 600;
display: inline-block;
margin-bottom: 5px;
} .pagination{
display: table;
margin: 50px auto 0 auto;
}
.pagination .nav-links{
padding: 10px;
display: flex;
align-items: center;
}
.pagination .page-numbers{	
color: #dcdedf;
font-size: 17px;
font-weight: 900;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
}
.pagination .page-numbers.prev,
.pagination .page-numbers.next{
font-size: 14px;
font-weight: 300;
width: auto;
color: #071635;
margin: 0 20px;
}
.pagination .page-numbers.current, 
.pagination .page-numbers:hover{
background: #fcb201;
color: #fff;
border-radius: 100%;
}
.pagination .page-numbers.next:hover,
.pagination .page-numbers.prev:hover{
background: none;
text-decoration: underline;
color: #071635;
}
.screen-reader-text{
display: none;
} .menu-responsivo {
display: none;
background: #007320;
color: #fff;
width: 30px;
height: 30px;
align-items: center;
justify-content: center;
margin-right:20px;
}
.fechar-menu {
position: absolute;
top: 10px;
right: 310px;
background: #fff;
display: none;
align-items: center;
justify-content: center;
color: #222;
width: 30px;
height: 30px;
}
.menu-responsivo:hover,
.menu-responsivo:focus{
color: #fff;
}
@media only screen and (max-width: 1366px) {
section#midia .fundo-midia{
background-position: left -140px bottom;
}
section#midia .fundo-midia .texto{
padding: 200px 60px;
}
body.home section#blog:before{
background-size: 80%;
right: -133px;
top: -203px;
}
footer .contato{
padding: 100px 80px;
}
footer .contato > div,
footer .interessado > div{
max-width: 82.667%;
}
footer .contato > div{
margin-left: 17.333%;
}
footer .interessado{
padding: 100px 50px;
background-size: 90%;
}
}
@media only screen and (max-width: 1200px) {
.call-to{
padding: 20px 40px;
letter-spacing: 3px;
font-size: 15px;
}
.botao-fixo .orcamento-online{
padding: 10px 10px 15px 25px;
font-size: 12px;
}
.botao-fixo .orcamento-online strong{
font-size: 25px;
}
header .menu-principal > ul > li{
padding: 15px 5px;
}
header .menu-principal > ul > li > a{
font-size: 12px;
padding: 3px 5px;
letter-spacing: 1px;
}
div.telefone{
margin-bottom: 0;
}
div.telefone p{
font-size: 16px;
margin-left: 10px;
}
.banner-principal li{
height: 500px;
}
.listagem-servicos li .foto{
width: 200px;
height: 200px;
}
.listagem-servicos li .foto:before{
top: -21px;	
left: -65px;
background-size: 80%;
}
.listagem-servicos li > a{
width: 200px;
}
.listagem-servicos li > a:hover .foto:before{
top: -32px;
left: -74px;
}
.listagem-midias li{
padding: 60px;
}
.listagem-midias li a h3, 
.listagem-midias li a span{
font-size: 30px;
}
.listagem-midias li a span{
padding: 20px 23px;
}
section#empresa .img-principal{
width: 960px;
}
section#empresa .diretrizes{
margin-top: 300px;
padding-bottom: 60px;
}
}
@media only screen and (max-width: 1140px) {
}
@media only screen and (max-width: 991px) {
section{
padding: 70px 0;
}
div.telefone,
body.home .listagem-servicos li:last-child,
section#midia .fundo-midia .texto + div,
body.home .listagem-blog li:last-child{
display: none;
}
.banner-principal li{
height: 380px;
}
.scroll{
bottom: -142px;
}
.scroll img{
width: 70%;
}
body.home section#servicos:after, 
footer:before, 
section#empresa .diretrizes:before{
background-size: 80%;
bottom: -34px;
}
section#empresa .call-to{
margin-top: 50px;
}
section#midia .fundo-midia{
background-size: cover;
background-position: left -70px bottom;
}
section#midia .fundo-midia .texto{
padding: 60px 60px 105px 60px;
}
body.home section#blog:before{
background-size: 60%;
right: -265px;
top: -153px;
}
section#midia .scroll{
bottom: -80px;
}
footer:before, 
section#empresa .diretrizes:before{
top: -137px;
}
footer .contato > div{
max-width: 100%;
margin-left: 0;
}
footer .contato,
section#empresa .estrutura{
padding: 60px;
}
footer .interessado{
padding: 60px 40px;
}
footer p{
margin-left: 0;
}
footer p strong{
font-size: 30px;
}
footer .infos{
margin: 30px 0;
}
footer .infos p{
margin-left: 20px;
}
section#trilha .fundo{
padding: 50px 0;
}
section#empresa .img-principal{
width: 720px;
}
section#empresa .diretrizes{
margin-top: 190px;
padding-bottom: 40px;
}
section#empresa .estrutura ul.galeria-fotos li .foto{
height: 180px;
}
section#blog .busca form{
width: 75%;
}
section#detalhe-blog .sidebar{
padding-left: 20px;
}
section#detalhe-blog .conteudo .titulo-texto{
padding: 30px;
}
section#detalhe-servicos .fotos ul li .foto{
height: 60px;
}
}
@media only screen and (max-width: 767px) {
.botao-fixo,
body.home section#servicos:after, 
footer:before, 
section#empresa .diretrizes:before,
body.home section#blog:before,
footer .contato:after,
.listagem-servicos li .foto:before,
section#trilha{
display: none;
}
section{
padding: 50px 0;
}
h2.titulo-principal{
font-size: 30px;
}
header{
border-bottom: 1px solid #ffc000;
}
header .logo{
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
height: 70px;
}
header .logo .img-logo{
float: left;
}
header .logo img{
width: 80%;
}
header .logo .abrir-menu{
display: inline-block;
float: right;
}
header .logo > div{
width: 100%;
}
.menu-responsivo, 
.fechar-menu{		
display: flex;
}
header .menu-principal{
width: 100%;
position: fixed;	
top: 0;
left: 0;
background: rgba(0,0,0,0.85);
height: 100vh;
z-index: 99;
display: none;
margin: 0;
}
header .menu-principal > ul{
display: block;
width: 300px;
background: #fff;
height: 100vh;
padding: 20px;
margin-top: 0;
-moz-transform: translateX(300px);
-webkit-transform: translateX(300px);
-o-transform: translateX(-300px);
-ms-transform: translateX(300px);
transform: translateX(300px);
-webkit-transition: all 350ms ease-in-out;
-moz-transition: all 350ms ease-in-out;
-ms-transition: all 350ms ease-in-out;
-o-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
float: right;
}
header .menu-principal ul li a{
display: block;
text-align: left;
color: #515151;
font-size: 16px;
border: none;
border-bottom: 2px solid transparent;
border-radius: 0;
}
header .menu-principal ul li {
margin-left: 0;
padding: 8px 0;
}
header .menu-principal ul.transform{
-moz-transform: translateX(0px);
-webkit-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
header .menu-principal > ul > li > ul{
background: transparent;
position: initial;
display: block;
padding: 0;
}
header .menu-principal > ul > li > ul > li > a{
padding: 0 25px;
}
header .menu-principal ul > li.filhos:hover{
background: transparent;
}
header .menu-principal > ul > li > ul > li > a:hover, 
header .menu-principal > ul > li > ul > li > a:focus{
background: transparent;
color: #000;
border-radius: 0;
}
header .row{
width: 100%;
margin: 0;
}
.banner-principal li{
height: 280px;
}
section#banner .owl-controls{
right: 5%;
}
.owl-controls .owl-dot{
margin-right: 15px;
}
section#midia .fundo-midia{
background: none;
}
section#midia .fundo-midia .texto,
section#clientes,
section#detalhe-blog{
padding-bottom: 60px;
}
.listagem-blog,
section#clientes ul.listagem-convenios,
section#detalhe-blog .sidebar{
margin-top: 30px;
}
body.home .listagem-blog li:last-child{
display: block;
}
section#servicos .listagem-servicos,
section#detalhe-servicos .relacionados .listagem-servicos{
margin-top: 50px;
padding: 0;
}
footer .interessado > div{
max-width: 100%;
}
footer #copyright{
padding: 30px 0;
}
footer #copyright p{
float: none !important;
text-align: center;
}
section#empresa .img-principal{
max-width: 100%;
position: initial;
}
section#empresa .diretrizes{
margin-top: 60px;
}
section#empresa .diretrizes{
padding-top: 60px;
}
section#empresa .diretrizes .listagem-diretrizes li{
margin-bottom: 20px;
}
section#blog .busca form{
width: 65%;
}
.listagem-blog li .texto{
padding: 20px;
}
.listagem-blog li .texto .data{
padding-top: 0;
}
.listagem-blog li .texto p{
margin-top: 15px;
}
body.paginas-internas .listagem-servicos li{
justify-content: center;
margin-bottom: 30px !important;
}
form .call-to{
display: table;
margin: 0 auto;
}
.modal{
width: 70%;
padding: 20px;
}
footer .interessado{
background: none;
}
}
@media only screen and (max-width: 550px) {
header .menu-principal ul{
width: 220px;
-moz-transform: translateX(220px);
-webkit-transform: translateX(220px);
-o-transform: translateX(220px);
-ms-transform: translateX(220px);
transform: translateX(220px);
}
.fechar-menu{
right: 230px;
}
section#servicos .listagem-servicos{
display: block;
}
.listagem-servicos li{
justify-content: center;
margin-bottom: 30px;
}
body.home section#servicos .listagem-servicos li:last-child{
display: flex;
}
.listagem-midias li{
text-align: center;
}
footer .contato,
footer .interessado{
padding: 40px;
}
section#midia .fundo-midia .texto{
padding: 40px 60px;
}
section#trilha .fundo{
padding: 30px 0;
}
section#empresa .estrutura ul.galeria-fotos li{
max-width: 100%;
display: inline-table;
}
.listagem-blog li .foto,
section#detalhe-blog .conteudo .foto{
height: 250px;
}
section#detalhe-blog{
padding: 0;
}
section#detalhe-blog .conteudo{
box-shadow: none;
}
}[class^="wp-block-"]:not(.wp-block-gallery) figcaption {
font-style: italic;
margin-bottom: 1.5em;
text-align: left;
}
.rtl [class^="wp-block-"]:not(.wp-block-gallery) figcaption {
text-align: right;
}  p.has-drop-cap:not(:focus)::first-letter {
font-size: 5em;
margin-top: 0.075em;
} .wp-block-image {
margin-bottom: 1.5em;
}
.wp-block-image figure {
margin-bottom: 0;
margin-top: 0;
}
.wp-block-image figure.alignleft {
margin-right: 1.5em;
}
.wp-block-image figure.alignright {
margin-left: 1.5em;
} .wp-block-gallery {
margin-bottom: 1.5em;
}
.wp-block-gallery figcaption {
font-style: italic;
}
.wp-block-gallery.aligncenter {
display: flex;
margin: 0 -8px;
} .wp-block-quote:not(.is-large):not(.is-style-large) {
border: 0;
padding: 0;
}
.wp-block-quote.alignleft p:last-of-type,
.wp-block-quote.alignright p:last-of-type {
margin-bottom: 0;
}
.wp-block-quote cite {
color: inherit;
font-size: inherit;
} .wp-block-audio audio {
display: block;
width: 100%;
} .wp-block-cover-image.alignright,
.wp-block-cover.alignright,
.wp-block-cover-image.alignleft,
.wp-block-cover.alignleft,
.wp-block-cover-image.aligncenter,
.wp-block-cover.aligncenter {
display: flex;
} .wp-block-file .wp-block-file__button {
background-color: #222;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
display: inline-block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
margin-top: 2em;
padding: 0.7em 2em;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
white-space: nowrap;
}
.wp-block-file .wp-block-file__button:hover,
.wp-block-file .wp-block-file__button:focus {
background-color: #767676;
-webkit-box-shadow: none;
box-shadow: none;
}  .wp-block-code {
background: transparent;
border: 0;
padding: 0;
} .wp-block-pullquote {
border: 0;
}
.wp-block-pullquote__citation,
.wp-block-pullquote cite {
font-size: inherit;
text-transform: none;
} .wp-block-table thead th {
border-bottom: 2px solid #bbb;
padding-bottom: 0.5em;
}
.wp-block-table tr {
border-bottom: 1px solid #eee;
}
.wp-block-table th,
.wp-block-table td {
border: 0;
}
.rtl .wp-block-table th,
.rtl .wp-block-table td {
text-align: right;
}  .wp-block-button .wp-block-button__link {
-webkit-box-shadow: none;
box-shadow: none;
display: inline-block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
line-height: 1.66;
margin-top: 2em;
padding: 0.7em 2em;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
white-space: nowrap;
}
.entry-content .wp-block-button__link {
background-color: #222;
color: #fff;
}
.entry-content .is-style-outline .wp-block-button__link:not(.has-background) {
background-color: transparent;
}
.entry-content .is-style-outline .wp-block-button__link:not(.has-text-color) {
color: #222;
}
.colors-dark .wp-block-button__link {
background-color: #fff;
color: #000;
}
.entry-content .wp-block-button__link:hover,
.entry-content .wp-block-button__link:focus,
.entry-content .is-style-outline .wp-block-button__link:not(.has-background):hover,
.entry-content .is-style-outline .wp-block-button__link:not(.has-background):focus {
background-color: #767676;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
}
.colors-dark .entry-content .wp-block-button__link:hover,
.colors-dark .entry-content .wp-block-button__link:focus,
.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-background):hover,
.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-background):focus {
background-color: #bbb;
color: #000;
}
.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color) {
color: #fff;
}
.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color):hover,
.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color):focus {
color: #222;
}
.colors-custom .entry-content .wp-block-button__link,
.colors-custom .entry-content .wp-block-button__link:hover,
.colors-custom .entry-content .wp-block-button__link:focus,
.colors-dark .entry-content .wp-block-button__link,
.colors-dark .entry-content .wp-block-button__link:hover,
.colors-dark .entry-content .wp-block-button__link:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.colors-custom .entry-content .wp-block-button__link:hover,
.colors-custom .entry-content .wp-block-button__link:focus {
color: #fff;
} .wp-block-separator {
border: 0;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 100px;
} .wp-block-media-text {
margin-bottom: 1.5em;
}
.wp-block-media-text *:last-child {
margin-bottom: 0;
}  .wp-block-archives.aligncenter,
.wp-block-categories.aligncenter,
.wp-block-latest-posts.aligncenter {
list-style-position: inside;
text-align: center;
} .wp-block-latest-comments article {
margin-bottom: 4em;
}
.blog:not(.has-sidebar) #primary .wp-block-latest-comments article,
.archive:not(.page-one-column):not(.has-sidebar) #primary .wp-block-latest-comments article,
.search:not(.has-sidebar) #primary .wp-block-latest-comments article {
float: none;
width: 100%;
}
.wp-block-latest-comments .avatar,
.wp-block-latest-comments__comment-avatar {
border-radius: 0;
}
.wp-block-latest-comments a {
-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
}
.wp-block-latest-comments__comment-meta {
font-size: 16px;
font-size: 1rem;
margin-bottom: 0.4em;
}
.wp-block-latest-comments__comment-author,
.wp-block-latest-comments__comment-link {
font-weight: 700;
text-decoration: none;
}
.wp-block-latest-comments__comment-date {
color: #767676;
font-size: 10px;
font-size: 0.625rem;
font-weight: 800;
letter-spacing: 0.1818em;
margin-top: 0.4em;
text-transform: uppercase;
}
.editor-block-list__block .wp-block-latest-comments__comment-excerpt p {
font-size: 14px;
font-size: 0.875rem;
} .entry-content .has-pale-pink-color {
color: #f78da7;
}
.entry-content .has-pale-pink-background-color,
.wp-block-button.is-style-outline .has-pale-pink-background-color:link {
background-color: #f78da7;
}
.entry-content .has-vivid-red-color {
color: #cf2e2e;
}
.entry-content .has-vivid-red-background-color,
.wp-block-button.is-style-outline .has-vivid-red-background-color:link {
background-color: #cf2e2e;
}
.entry-content .has-luminous-vivid-orange-color {
color: #ff6900;
}
.entry-content .has-luminous-vivid-orange-background-color,
.wp-block-button.is-style-outline .has-luminous-vivid-orange-background-color:link {
background-color: #ff6900;
}
.entry-content .has-luminous-vivid-amber-color {
color: #fcb900;
}
.entry-content .has-luminous-vivid-amber-background-color,
.wp-block-button.is-style-outline .has-luminous-vivid-amber-background-color:link {
background-color: #fcb900;
}
.entry-content .has-light-green-cyan-color {
color: #7bdcb5;
}
.entry-content .has-light-green-cyan-background-color,
.wp-block-button.is-style-outline .has-light-green-cyan-background-color:link {
background-color: #7bdcb5;
}
.entry-content .has-vivid-green-cyan-color {
color: #00d084;
}
.entry-content .has-vivid-green-cyan-background-color,
.wp-block-button.is-style-outline .has-vivid-green-cyan-background-color:link {
background-color: #00d084;
}
.entry-content .has-pale-cyan-blue-color {
color: #8ed1fc;
}
.entry-content .has-pale-cyan-blue-background-color,
.wp-block-button.is-style-outline .has-pale-cyan-blue-background-color:link {
background-color: #8ed1fc;
}
.entry-content .has-vivid-cyan-blue-color {
color: #0693e3;
}
.entry-content .has-vivid-cyan-blue-background-color,
.wp-block-button.is-style-outline .has-vivid-cyan-blue-background-color:link {
background-color: #0693e3;
}
.entry-content .has-very-light-gray-color {
color: #eee;
}
.entry-content .has-very-light-gray-background-color,
.wp-block-button.is-style-outline .has-very-light-gray-background-color:link {
background-color: #eee;
}
.entry-content .has-cyan-bluish-gray-color {
color: #abb8c3;
}
.entry-content .has-cyan-bluish-gray-background-color,
.wp-block-button.is-style-outline .has-cyan-bluish-gray-background-color:link {
background-color: #abb8c3;
}
.entry-content .has-very-dark-gray-color {
color: #313131;
}
.entry-content .has-very-dark-gray-background-color,
.wp-block-button.is-style-outline .has-very-dark-gray-background-color:link {
background-color: #313131;
}