*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;        
}
:root {  
    --branco: #ffffff;
    --preto: #000000;
    --bordo: #651028;
    --bordoClaro: #4C0B1E;
    --vermelho: #E42141;
    --salmao: #f7f2e7;
    --creme : #CE9F55;
    --cinzaEscuro: #232323;
    --cinzaClaro: #f8f8f8;
}

body{
    padding: 0 !important;
    margin: 0 !important;
}
main{
    margin: 0 !important;
    padding: 0 !important;
}
figure img{
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto !important;
}
/* CORES */
.cor-branco{ color: var(--branco);}
.cor-salmao{ color:var(--salmao);}
.bg-salmao{ background-color:var(--salmao);}
.bg-branco{  background-color: var(--branco);}
.bg-preto{ background-color: var(--preto);}
.bg-cinza{ background-color: var(--cinzaEscuro); }
.bg-cinzaClaro{ background-color: var(--cinzaClaro); }
#h-pos {    
    color: var(--preto);    
    font-family: "Barlow", sans-serif;
    font-size: 18px;
}
#h-pos a{
    text-decoration: none;
}
#h-pos figure{
    padding: 0;
    margin: 0;
    position: relative;
}
#h-pos figure img{
    max-width: 100%;
height: auto;
}
footer{            
    background: var(--bordo);    
}

footer nav{
    display: block;
    clear: both;
    width: 100%;
}

footer a{
    color: #fff !important;;
}
footer .sep{
    display: none !important;
}
.text-align-left{ text-align: left;}
.text-align-center{ text-align: center !important;}
.text-align-right{ text-align: right;}
#h-pos img{
    display: block;
    height: auto;
    max-width: 100%;
}
#h-pos figure img{
    max-width: 100%;
    height: auto;
}
#h-pos article{
    padding: 0 20px;
}
#h-pos article p,
#h-pos article ol li,
#h-pos article ul li{
    line-height: 160%;
    margin-bottom: 20px;
}

/* CLASSES DE APOIO */
#back-top {
    padding: 12px 12px 8px 12px;
     
    -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
    text-align: center !important;
    position: fixed; 
    display:none;     border: 1px dashed rgba(255,255,255,.3);
    background-color: rgba(0,0,0,.3);
    bottom: 10px; 
    right:10px; 
    width:auto;
    opacity: .7;
}
#back-top:hover{
    background-color: rgba(0,0,0,.6);
}
#back-top:active {
    background:none;
}
#back-top {
    display: block; 
    text-decoration: none;
}
.grecaptcha-badge { 
    visibility: hidden !important;
}
.centraliza{
    margin: 0px auto;
}
.convenio{
color:#000;
}
.cta .btn-comum{    
    width: auto;    
    padding: 18px 28px 18px 28px;    
    color: var(--branco);
    background: var(--vermelho);
    font-size: 18px;
    font-weight: 600;
    -webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
position: relative;
}
.cta .btn-comum:hover{
    color: var(--branco);        
    background-color: var(--bordo);
    
}


.cta .wats{    
    width: auto;    
    padding: 18px 28px 18px 70px;    
    color: var(--branco);
    background: var(--vermelho) url("../img/whatsapp.png") no-repeat 20px center;
    font-size: 18px;
    font-weight: 600;
    -webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
position: relative;
}
.cta .wats:hover{
    color: var(--branco);        
    background-color: var(--bordo);
    
}
.cta .wats2{
    width: auto;    
    padding: 18px 28px 18px 70px;    
    color: var(--branco);
    background: var(--bordo) url("../img/whatsapp.png") no-repeat 20px center;
    font-size: 18px;
    font-weight: 600;
    -webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
position: relative;
}
.cta .wats2:hover{
    color: var(--branco);        
    background-color: var(--vermelho);    
}
.cta .matricule{
    width: auto;    
    padding: 18px 28px 18px 28px;    
    color: var(--branco);
    background: var(--vermelho);
    font-size: 18px;
    font-weight: 600;
    -webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
position: relative;
}
.cta .matricule:hover{
    color: var(--branco);        
    background-color: var(--bordo);       
}
.texto-adicional{
    position: relative;
    z-index: 8;
}
.texto-adicional a{
    color: #fff !important;
}
.font-xsmall{
    font-size: 12px;
}
.font-small{
    font-size: 15px;
}
.font-large{
    font-size: 25px;
}
.font-xlarge{
    font-size: 35px;
}
.font-xxlarge{
    font-size: 50px;
    line-height: 140%;
}
.font-light, .font-light *{
    font-weight: 400 !important;
}
.ulReset{margin: 0; padding: 0; list-style: none;}
.relativo{position: relative;}
.spacer-med{display: block; height: 75px;}
.spacer-small{display: block; height: 40px;}
.v-align-middle{
    justify-content: center;
    align-self: center;
}
.cover{
	-webkit-backface-visibility: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

/* BOTOES PADRÃO */
.btn-01{    
    width: auto;
    display: table;
    padding: 9px 28px 9px 28px;    
    color: var(--branco);
    background: var(--vermelho);
    font-size: 18px;
    font-weight: 600;
    -webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
position: relative;
}
.btn-01:hover{
    transform: scale(0.92);
    color: var(--bordo);        
    background: var(--branco);
}

/* EFEITOS */
#h-pos *,
.anima{
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; 
}
/*==================================================
FLEX GRID
====================================================*/
.flex-v {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.flex-h {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
}
/*==================================================
HEADER
====================================================*/
.btn-nav{
    position: absolute;
    top: 10px;
    right: 5px;
    z-index: 6;
    width: 34px;
    display: none;
    cursor: pointer;
}
.btn-nav *{
    fill: var(--creme);
}
.btn-nav:hover *{
    fill: var(--branco);
}
.barra-topo{
    display: block;
    width: 100%;    
    position: relative;
    top: 0;
    left: 0;    
    z-index: 9999;
    background: var(--preto);
    padding: 20px 16px;    
}
#h-pos.inicial .barra-topo{
    background-color: var(--bordo);    
}
.barra-topo.active{
    position: fixed;          
    -webkit-animation: fixaTopo 1s forwards; /* Safari 4+ */
    -moz-animation:    fixaTopo 1s forwards; /* Fx 5+ */
    -o-animation:      fixaTopo 1s forwards; /* Opera 12+ */
    animation:         fixaTopo 1s forwards; /* IE 10+, Fx 29+ */    
  animation-iteration-count: 1; 
  animation-delay:0s;       
}
.barra-topo .grid{
    width: 100%;
    justify-content:space-between;
    align-items: center;      
    
}
.barra-topo .grid ul{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 67%;
    text-align: center;    
}
.barra-topo .grid ul.active{
   
            -webkit-animation: puxaPainel 1s forwards; /* Safari 4+ */
  -moz-animation:    puxaPainel 1s forwards; /* Fx 5+ */
  -o-animation:      puxaPainel 1s forwards; /* Opera 12+ */
  animation:         puxaPainel 1s forwards; /* IE 10+, Fx 29+ */    
animation-iteration-count: 1; 
animation-delay:0s;    
}
.barra-topo .grid ul li{
    display: inline-block;
    text-align: center;
    
}
.barra-topo .grid ul li:hover{
    background:  radial-gradient(#772139,#772139,var(--bordo));
}
.barra-topo .grid ul li:not(:last-child) a{
    border-right:1px solid var(--creme);
}
.barra-topo .grid ul li a{
    color: var(--branco);
    margin: 0px auto;
    display: block;
    width: 100%;
    font-weight: 600;
    padding: 1px 30px;
}
.barra-topo .grid ul li a:hover{
    color: var(--creme);
}
.barra-topo .grid .btn-float{
    width: 150px;
    font-weight: 600;
}
.barra-topo .grid .btn-float a{
    padding: 5px 5px 9px 5px;
    display: block;
    color: var(--branco);
    background: var(--vermelho);
    font-size: 20px;
    -webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
text-align: center;
position: relative;
}
.barra-topo .grid .btn-float a:hover{
    background: #fff;
    color: var(--bordo);
    transform: scale(0.9);
}
.painel{    	
	display: none;
	z-index: 99999;
    position: fixed;
    top:0;
right:-100%;    
    width: 100% !important;
    max-width: 350px !important;
    overflow-x: hidden;
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s; 
}
.fechaPainel{
		display: block;
		    -webkit-animation: retornaPainel 1s forwards; /* Safari 4+ */
  -moz-animation:    retornaPainel 1s forwards; /* Fx 5+ */
  -o-animation:      retornaPainel 1s forwards; /* Opera 12+ */
  animation:         retornaPainel 1s forwards; /* IE 10+, Fx 29+ */    
animation-iteration-count: 1; 
animation-delay:0s;  
}
.ShowMenu{
    visibility: visible !important;
    opacity: 1 !important;
}
/*==================================================
INICIAL
====================================================*/
.inicial{
    background: #1e1e1e url("../img/bg1.jpg") repeat-x center top;    
}
.hothome article{
    max-width: 570px;    
    
}
.hothome article h1{
    margin: 0;
    line-height: 146%;    
}
.hothome article h1 strong{
    padding: 3px 6px;
    font-weight: 700;
    background: var(--vermelho);
    box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
.hothome article .desc{
    max-width: 340px;
    font-size: 18px;
}
.balao-bege{
    font-size: 25px;
    width: 100%;
    display: block !important;
    margin: 0px auto !important;
    background: var(--salmao);
    padding: 30px;
    -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.balao-bege h2{
    font-size: 30px;
}
.balao-bege p{
    font-size: 20px;
}
.inicial .bordado{        
    max-width: 1500px;
    margin: 0px auto;    
}
.inicial .bordado .elemento-bordado{
    border: 1px solid var(--creme);     
    width: 70%;    
    height: 100%;
    left: 15%;
    top: 0%;
    z-index: 0;
    position: absolute;    
    display: block;
    content: "";
}
.inicial .bordado p:last-child{
    max-width: 300px;
    margin: 0px auto;
}
.inicial .moldura{
    padding: 45px;    
    margin-bottom: 40px;
}
.inicial-slider{    
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 0 auto;   
    background: #1e1e1e;
    position: relative; 
    z-index: 3;
    margin-bottom: 40px;
}

.inicial-slider .slick-arrow {
    background: transparent;
    position: absolute;
    top: 50%;
    border: none;
    cursor: pointer;        
    width: 45px !important;
    height: 45px !important;
    display: block;    
    color: #fff;
    font-size: 26px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.inicial-slider .slick-arrow:hover{
    background-color: rgba(255,255,255,.1);
}
.inicial-slider button.slick-prev{
    left: -45px;
}
.inicial-slider button.slick-next{
    right: -45px;
}
.inicial-slider .slick-slide{
    min-height: 300px;
    
}
.inicial-slider .slick-slide .box,
.inicial-slider .slick-slide figure,
.inicial-slider .slick-slide figure *{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.inicial-slider .slick-slide .box{
    width: 80%;
    margin: 0px auto;
    position: relative;
}
.inicial-slider .slick-slide figure .filtro{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    background: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,.9));
    opacity: .6;
}
.inicial-slider .slick-slide .box:hover figure .filtro{
    opacity: .9;    
}
.inicial-slider .slick-slide .box figure{
    overflow: hidden;
}
.inicial-slider .slick-slide .box:hover figure img{
    position: relative;
    transform: scale(1.1);
}
.inicial-slider .slick-slide .info{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;    
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;    
    padding: 6%;        
}
.inicial-slider .slick-slide .info *{
    text-align: left !important;
    margin: 7px 0;
}
.inicial-slider .slick-slide .info h2{
    font-size: 24px !important;    
}
.inicial-slider .slick-slide .info p{
    font-size:14px !important;
    
}
.inicial-slider .slick-slide .info p:last-child{    
    margin: 12px 0;
}
.inicial .arabesco{    
    background: transparent url('../img/arabesco-inicial.png') repeat-x left center;
}
.inicial .arabesco .row{
    max-width: 1400px;
    padding: 40px 30px;
    background-color: #1e1e1e;
}
/* NUMBERS */
.inicial .numbers{    
    margin: 0px auto;
    width: 100%;
}
.inicial .numbers .barradefundo{
    position: absolute;
    left: 0;
    top: 20%;
    height: 60%;
    width: 100%;
    display: block;
    background-color: var(--vermelho);
}
.inicial .numbers .grid{    
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 0px auto;
    width: 100%;
    max-width: 1100px;
    background-color: var(--preto);
}
.inicial .numbers .grid .col{
    padding: 60px 20px;
    position: relative;
}
.inicial .numbers .grid .col:not(:last-child):after{
    height: 60%;
    width: 1px;
    background-color: #9F9F9F;
    opacity: .7;
    position: absolute;
    right: 0;
    top: 20%;
    display: block;
    content: "";
}
.inicial .numbers .grid .col img{
    display: block;
    margin: 0px auto;
    margin-bottom: 25px;
}
.inicial .numbers .grid .col .valor{
    margin: 0;
    padding: 0;
    font-size: 100px;
    font-weight: 700;
    line-height: 80% !important;
}
.cta hr{
    width: 70%;
    margin: 20px 15%;
    display: none;
}
.inicial .cta h2,
.inicial .cta p{
margin: 0;
padding: 0;
line-height: 120%;
}

.inicial .frameGrid{    
    padding: 30px;
    max-width: 1035px;
    margin: 0px auto;
}
.inicial .frameGrid .elemento-borda{
    border: 2px solid var(--vermelho);
    position: absolute;
    top: 10%;
    left: 0;
    width: 100%;
    height: 80%;
    display: block;
    z-index: 0;
}
.inicial .frameGrid .elemento-box{
    background: var(--vermelho);
    position: absolute;
    bottom: 0%;
    right: 0;
    left: auto;
    top: auto;
    width: 150px;
    height: 150px;
    display: block;
    z-index: 0;
}
.inicial .frameGrid .grid{
    z-index: 3;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
}
.inicial .frameGrid .grid .item,
.inicial .frameGrid .grid .item figure,
.inicial .frameGrid .grid .item figure *{
-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.inicial .frameGrid .grid .item{
    background-color:#fff;        
}
.inicial .frameGrid .grid .item p{
    padding: 25px;
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;    
    color: var(--branco);
    font-size: 20px;
    font-weight: 500;    
}
.inicial .frameGrid .grid .item figure .filtro{
    background: linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,.6));
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    opacity: .6;
}
.inicial .frameGrid .grid .item:hover .filtro{
    opacity: .8;
}
.inicial .frameGrid .grid .item figure{
    overflow: hidden;
}
.inicial .frameGrid .grid .item:hover figure img {
position: relative;
transform: scale(1.1);
}
.inicial .arabesco-left{
    width: 35px;
    height: 285px;
    position: absolute;
    left: 0;
    top: 15%;
    display: block;
    background: url("../img/arabesco-inicial-left.png") no-repeat;
}
.inicial .arabesco-right{
    width: 35px;
    height: 285px;
    position: absolute;
    left: auto;
    right: 0;
    top: 15%;
    display: block;
    background: url("../img/arabesco-inicial-right.png") no-repeat;
}
.inicial .arabesco-top{
    display: none !important;    
    margin: 20px auto;
    width: 286px;
    height: 31px;
    background: url("../img/arabesco-inicial-top.png") no-repeat center center;
}
.inicial .arabesco-bottom{
    display: none !important;
    margin: 20px auto;
    width: 286px;
    height: 31px;
    background: url("../img/arabesco-inicial-bottom.png") no-repeat center center;
}

/*==================================================
AREAS
====================================================*/
.areas{
    background: #651028 url("../img/bg2.jpg") repeat-x center top;    
}
.areas .hothome{
    margin-top: 50px;
    
}
.areas .hothome .row{
    max-width: 1100px;
    display: flex;
    justify-content: stretch;
}
.areas .hothome .row .columns{    
    display: flex;
    flex-direction: column;
    align-self: stretch;    
    justify-content: center;
    
}
.areas .hothome figure img{
height: auto !important;
width: 100%;
max-width: 650px;
display: block;
}
.areas .hothome article h1{
    margin-top: 25px;
    font-size: 60px !important;
}
.areas .hothome article h1 strong{
    padding: 3px 6px;
    font-weight: 700;
    background: var(--vermelho);
    box-decoration-break: clone;
-webkit-box-decoration-break: clone;    
}
.areas .hothome article p{
    font-size: 20px;
}
.areas .pre-areas{
    text-align: center;
    display: block;
    margin: 30px auto;
}
.areas .areas-sidebar{
    background-color: var(--bordoClaro);
    padding: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.areas .areas-sidebar input{
    margin-right: 10px;
}
.areas .areas-sidebar label{
    display: block;
    margin-bottom: 10px;
    line-height: 120%;
}
.areas .areas-sidebar hr{
    border-color: rgba(255,255,255,.4);
    display: block;
    margin: 35px 15px;
}
.areas .frameGrid{        
    max-width: 100%;        
}
.areas .slick-track {
    display: flex;
    gap: 10px;
}
.areas .frameGrid .elemento-box{
    background: url("../img/marmore.jpg");
    position: absolute;
    bottom: auto;
    right: 0;
    left: auto;
    top: 0;
    width: 200px;
    height: 200px;
    display: block;
    z-index: 0;
}
.areas .frameGrid .grid{
    z-index: 3;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
}
.areas .item,
.areas .item .imagem,
.areas .item .imagem *{
-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.areas .item{  
    display: flex;
    flex-direction: column;
    justify-content: flex-end;     
}
.areas .item a{
    color: #fff !important;
}
.areas .item .info{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;    
    padding: 5% 7%;
   justify-content: flex-end;   
   
}
.areas .item .info h3{
    margin: 0;
    padding: 0;
}
.areas .item .imagem{
position: relative; 
margin: 0;
bottom: 0;


}
.areas .video-btn{cursor: pointer;}
.areas .item .imagem img{
    width: 100%;
    max-width: 100%;
    height: auto;
}
.areas .item .imagem .filtro{
    background: linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.3));
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    opacity: .7;
}
.areas .item:hover .imagem .filtro{
    opacity: 1;
}
.bg-marmore{
    background: #121212 url('../img/bg-marmore.jpg') repeat center top;
    background-size: cover;
}
.areas .testemunhos h2{
margin: 0px auto;
margin: 30px;
text-align: center;
}
.areas .testemunhos h2 span{
    position: relative;
}
.areas .testemunhos h2 span:after{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    width: 100%;
    background-color: var(--vermelho);
    content: "";
}
.areas .testemunhos .spacer-med{
    height: 10px;
}
.testemunhos-slider a{  
    color: #fff !important;
}
.testemunhos-slider{    
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 40px auto;      
    position: relative; 
    z-index: 3;    
}
.fades{
    position: relative;
}
.fades .fade-left{
    position: absolute;
    left: 0;
    top: 0;
    width: 24%;
    height: 100%;    
    z-index: 4;
    background: linear-gradient(to right,rgba(0,0,0,1),rgba(0,0,0,0));
    display: block !important;
}
.fades .fade-right{
    position: absolute;
    right: 0;
    top: 0;
    width: 24%;
    height: 100%;        
    z-index: 4;
    background: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1));
    display: block !important;
}
.testemunhos-slider .slick-arrow {
    background: transparent;
    position: absolute;
    top: 50%;
    z-index: 99;
    border: none;
    cursor: pointer;        
    width: 45px !important;
    height: 45px !important;
    display: block;    
    color: #fff;
    font-size: 26px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.testemunhos-slider button.slick-prev{
    left: 25%;
}
.testemunhos-slider button.slick-next{
    right: 25%;
}

.testemunhos-slider .slick-slide .box,
.testemunhos-slider .slick-slide figure,
.testemunhos-slider .slick-slide figure *{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.testemunhos-slider .slick-slide .box{
    width: 95%;
    margin: 0px auto;
    position: relative;
}
.testemunhos-slider .slick-slide figure .filtro{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    background: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,.95));
    opacity: .9;
}
.testemunhos-slider .slick-slide .box:hover figure .filtro{
    opacity: 1;    
}
.testemunhos-slider .slick-slide .box figure{
    overflow: hidden;
}
.testemunhos-slider .slick-slide .box:hover figure img{
    position: relative;
    transform: scale(1.1);
}
.testemunhos-slider .slick-slide .info{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;    
    position: absolute;
    left: 0;
    top: 0;
 
    z-index: 3;
    width: 100%;
    height: 100%;    
    padding: 6%;        
}
.testemunhos-slider .slick-slide .info *{
    text-align: left !important;
    margin: 7px 0;
}
.testemunhos-slider .slick-slide .info p:last-child{    
    margin: 12px 0;
}
.areas .frameArea{
    display: block;    
    margin: 0px auto;
    width: 100%;
    max-width: 1100px;
    padding: 40px;
}
.areas .frameArea .elemento{
    position: absolute;
    left: 0;
    bottom: 0;
    top: auto;
    z-index: 0;
    width: 200px;
    height: 200px;
    background: url("../img/marmore.jpg");
}
.areas .blackBox{
    display: block;    
    margin: 0px auto;
    max-width: 1000px;
    z-index: 4;
    padding: 50px;
    background-color: var(--preto);
}
.areas .blackBox .content{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0px auto;
    max-width: 800px;
}
.areas .blackBox .content article{
    flex:1;
}
.areas .blackBox img{        
    margin-right: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    height: auto;
}
.areas .blackBox hr{
    max-width: 100px;
    border-color: var(--creme);
    margin: 0;
}
/*==================================================
DIFERENCIAIS
====================================================*/
.diferenciais{
    background-color: var(--salmao);
}
.diferenciais .fullArea{
    background: #232323;    
}
.diferenciais .fullArea article{
    max-width: 400px;
}
.diferenciais .fullArea article h1{
    line-height: 100%;
    margin-bottom: 0;
}
.diferenciais .bloco-add{
    justify-content: center;
    align-items: center;
    
}
.diferenciais .bloco-add .columns{    
    align-self: center;        
}
.diferenciais .add2 img{
padding-left: 50px !important;
}
.diferenciais .bloco-add article{    
    width: 100%;
    max-width: 400px !important;
    line-height: 100%;
    margin: 0px auto;
    font-weight: 500;
}
.diferenciais .divisor-blocos{    
    max-width: 1100px;    
    border-bottom:1px solid #ccc;
    display: block;
    margin: 55px auto;
}
.diferenciais .bloco-add figure{
padding: 0 45px;
}
.diferenciais .bloco-add .arabesco-left{
    width: 30px;
    height: 286px;
    background: url("../img/arabesco2-left.png") no-repeat;
    position: absolute;
    right: auto;
    top: 8%;
    left: 0;
    z-index: 0;
    }
.diferenciais .bloco-add .arabesco-right{
width: 30px;
height: 286px;
background: url("../img/arabesco2-right.png") no-repeat;
position: absolute;
right: 0;
top: 8%;
z-index: 0;
}
.outros-diferenciais{
    background: transparent url('../img/arabesco-diferenciais.png') repeat-x left center;
}

.outros-diferenciais .moldura{    
    padding: 40px 0 10px 0;
}
.outros-diferenciais .barradefundo{
    position: absolute;
    left: 15%;
    top: 0%;
    height: 100%;
    width: 70%;
    display: block;
    background-color: var(--creme);
}

.diferenciais-grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
    justify-content: center;
    text-align: center;
    margin: 0 auto;       
    position: relative; 
    z-index: 3;
    margin-bottom: 40px;
}

.diferenciais-grid .item{
    min-height: 300px;    
}
.diferenciais-grid .item .box,
.diferenciais-grid .item figure,
.diferenciais-grid .item figure *{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
overflow: hidden;
}
.diferenciais-grid .item .box{
    width: 80%;
    margin: 0px auto;
    position: relative;
}
.diferenciais-grid .item figure{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    height: 100%;
    width: 100%;    
}
.diferenciais-grid .item figure .filtro{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    background: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,.9));
    opacity: .6;
}
.diferenciais-grid .item .box:hover figure .filtro{
    opacity: .9;    
}
.diferenciais-grid .item .box figure{
    overflow: hidden;
}
.diferenciais-grid .item .box:hover figure img{
    position: relative;
    transform: scale(1.1);
}
.diferenciais-grid .item .info{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;    
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;    
    padding: 6%;        
}
.diferenciais-grid .item .info *{
    text-align: left !important;
    margin: 7px 0;
}
.diferenciais-grid .item .info p{
line-height: 0;
opacity: 0;
overflow: hidden;
}
.diferenciais-grid .item:hover .info p{
   line-height: 120%;
   opacity: 1;
   -webkit-transition: all 1s ease-in-out;
   -moz-transition: all 1s ease-in-out;
   transition: all 1s ease-in-out;        
}
.diferenciais .cta a{
    margin: 11px;
}
/*==================================================
FAQ
====================================================*/
.faq{
    background: #fff url("../img/bg3.jpg") no-repeat center top;    
}
.faq .fullArea{        
    min-height: 40vh;
    justify-content: center;
    align-items: center;
}
.faq .fullArea .btn-01{
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}
.faq .fullArea .row{
    max-width: 900px;
}
.faq .moldura{
    width: 100%;
    min-height: 480px;    
    padding: 50px 0;        
    position: relative;
}
.faq .moldura .miolo{
    display: block;
    margin: 0px auto !important;
    padding: 30px;
    width: 100%;
    max-width: 1010px;
    z-index: 5;        
}
.faq .moldura .miolo .conteudo{
    margin: 0px auto;
    width: 100%;
    max-width: 600px;    
}
.faq .moldura .miolo .conteudo h2{
    font-weight: 500;
}
.faq .moldura .barradefundo{
    position: absolute;
    left: 5%;
    top: 15%;
    z-index: 2;
    height: 70%;
    width: 90%;
    display: block;
    background-color: var(--creme);
}
.faq .moldura .elemento-box-left{
    position: absolute;
    left: 0;
    bottom: 0;
    top: auto;
    z-index: 0;
    width: 200px;
    height: 200px;
    display: block;
    background: url("../img/marmore.jpg");
}
.faq .moldura .elemento-box-right{
    position: absolute;
    right: 0;
    bottom: auto;
    top: 0;
    z-index: 1;
    width: 200px;
    height: 200px;
    display: block;
    background: url("../img/marmore.jpg");
}
.faq .questoes{
    background: transparent url('../img/arabesco-faq.png') no-repeat center center;
}
.faq .tabs {
    margin: 20px 0;
    padding: 0 0 20px 0;
    list-style: none;
    position: relative;
    border-bottom: 1px dashed #333;
  }
  .faq .tabs .active-tab {
    background-color: var(--vermelho);
    position: relative;    
  }
  .faq .tabs li {
    display: inline-block;
    cursor: pointer;
    color: #fff;
    margin: 0 8px 8px 0;
    padding: 8px 15px;
    font-size: 15px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    background-color: rgba(255,255,255,.2);
  }
  .faq .tabs li:first-child {
    margin-left: 10px;
  }
  .faq .tabs-content {
    margin: 20px 0;
    padding: 0;
    list-style: none;
  }
  .faq .tabs-content .item {
    display: none;
  }
  .faq .accordion {    
    color: #ccc;
    background: none;
    cursor: pointer;
    padding: 18px 30px 18px 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    font-weight: 600;
    transition: 0.4s;
  }
  
  .panel.active, .faq .accordion:hover, .faq .accordion.active {
    background-color: rgba(255,255,255,.1);
  }
  
  .faq .panel {
    padding: 0 18px;
    color:#ccc;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }
  .faq .accordion:after {
    content: '\02795'; 
    font-size: 13px;
    color: #fff;
    float: right;
    margin-left: 5px;
    transition: max-height 0.2s ease-out;
  }  
  .faq .accordion.active:after {    
    content: '\2796';
    transform: rotate(45deg);
  }
  .faq .cta h2{
    margin: 20px 35px;
  }
  .faq .cta .btns{
    margin: 15px auto;
    width: 300px;
    display: block;
    text-align: center;
    
  }
  .empresas-parceiras{
    padding: 40px 20px;
    
  }
  .empresas-parceiras h2{
    padding: 30px !important;
    font-size: 26px;    
    font-weight: 500;
    margin: 0;
    padding-top: 0;
    text-align: center;
    display: block;    
  }
  .empresas-slider{        
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 0 auto;       
    position: relative; 
    z-index: 3;    
    padding: 30px 0 40px 0px;
}

.empresas-slider .slick-track {
    display: flex;
    justify-content: center; 
    align-items: center; 
}

.empresas-slider .item {
    display: flex;
    justify-content: center; 
    align-items: center; 
    margin: 10px; 
}

.empresas-slider .item img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}


.empresas-slider .slick-arrow {
    background: transparent;
    position: absolute;
    top: 30% !important;
    z-index: 5;
    border: none;
    cursor: pointer;        
    width: 45px !important;
    height: 45px !important;
    line-height: 45px;
    display: block;    
    color: #ccc;
    font-size: 26px;
    -webkit-border-radius: 20%;
    -moz-border-radius: 20%;
    border-radius: 20%;
}
.empresas-slider .slick-arrow:hover{
    background-color: rgba(0,0,0,.2);
    color: #fff;
}
.empresas-slider button.slick-prev{
    left: -25px;
    top: 0;
}
.empresas-slider button.slick-next{
    right: -25px;
    top: 0;    
}
.empresas-slider .slick-slide{
    min-height: 100px;    
    text-align: center;    
}
.empresas-slider .slick-slide .box,
.empresas-slider .slick-slide figure,
.empresas-slider .slick-slide figure img{
display: block;
margin: 0px auto;
}
.empresas-slider .slick-slide .box{
    width: 55%;
    margin: 0px auto;
    position: relative;
    
}
.empresas-slider .slick-slide .box figure{
    overflow: hidden;
}

.item.relativo .info {
    color: white;
}
.item.relativo {
    background: none;
}

/*==================================================
GRID
====================================================*/
.row {    
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    margin: 0px auto !important;
    max-width: 1300px;
    
 *zoom: 1;
    justify-content: flex-start;
    text-align: left;
    position: relative;
}
.row:before, .row:after {
    content: " ";
    display: table;
}
.row:after {
    clear: both;
}
.row.collapse .column, .row.collapse .columns {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    float: left;
}
.row .row {
    width: auto;
    margin-left: -0.9375em;
    margin-right: -0.9375em;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
 *zoom: 1;
}
.row .row:before, .row .row:after {
    content: " ";
    display: table;
}
.row .row:after {
    clear: both;
}
.row .row.collapse {
    width: auto;
    margin: 0;
    max-width: none;
 *zoom: 1;
}
.row .row.collapse:before, .row .row.collapse:after {
    content: " ";
    display: table;
}
.row .row.collapse:after {
    clear: both;
}
.column, .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    width: 100%;
    float: left;
    justify-content: flex-start;
    vertical-align: top;
}
[class*="column"] + [class*="column"]:last-child {
    float: right;
}
[class*="column"] + [class*="column"].end {
    float: left;
}
.large-1 {
    position: relative;
    width: 6.25%;
}
.large-2 {
    position: relative;
    width: 12.5%;
}
.large-3 {
    position: relative;
    width: 18.75%;
}
.large-3col {
    position: relative;
    width: 33%;
    min-width: 33%;
    max-width: 33%;
}
.large-4 {
    position: relative;
    width: 25%;
}
.large-5 {
    position: relative;
    width: 31.25%;
}
.large-6 {
    position: relative;
    width: 37.5%;
}
.large-7 {
    position: relative;
    width: 43.75%;
}
.large-8 {
    position: relative;
    width: 50%;
}
.large-9 {
    position: relative;
    width: 56.25%;
}
.large-10 {
    position: relative;
    width: 62.5%;
}
.large-11 {
    position: relative;
    width: 68.75%;
}
.large-12 {
    position: relative;
    width: 75%;
}
.large-13 {
    position: relative;
    width: 81.25%;
}
.large-14 {
    position: relative;
    width: 87.5%;
}
.large-15 {
    position: relative;
    width: 93.75%;
}
.large-16 {
    position: relative;
    width: 100%;

}
@-webkit-keyframes fixaTopo{
    0% {
    top: -150px;
    }
    100% {
    top: 0px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    }
}
@-webkit-keyframes puxaPainel{
    0% {
    top: -100%;
    }
    100% {
    top: 90px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    }
}
@media only screen and (max-width: 1200px) {
    
    .diferenciais-grid .item{        
        padding: 0;
        
    }
    .diferenciais-grid .item .box{
        width: 100%;
        max-width: 90%;        
    }
    .diferenciais-grid .item .info p{
        display: block;    
        font-size: 15px;
    }   
}
@media only screen and (max-width: 1100px) {
    .inicial .frameGrid{
        width: 200vw;             
    }
    .scrollMe{
        width: 100%;
        display: block;        
        overflow: hidden;
        touch-action: none;
        cursor: grab;
    }
    .inicial .arabesco-left,    
    .inicial .arabesco-right{
        display: none;         
    }
    .inicial .arabesco-top,
    .inicial .arabesco-bottom{
        display: block !important;
    }
    .diferenciais .arabesco-right,
    .diferenciais .arabesco-left{
        display: none;
    }
 
}

@media only screen and (max-width: 960px) {

    * .hideOnMobile,
    .hideOnMobile{display: none !important;}

    .diferenciais-grid{
        width: 100%;
        max-width: 100%;
        display: block;
        
    }    
    .diferenciais-grid .item figure .filtro{
        display: block; 
        opacity: 1;       
    }
    .diferenciais-grid .item .info{        
        justify-content: flex-end;
        display: flex !important;
        flex-direction: column;        
    }
    .diferenciais-grid .item:hover .info p,
    .diferenciais-grid .item .info p{        
        display: block;
    }
    .diferenciais-grid .item{
        margin-bottom: 40px;
        max-width: 600px;
        margin: 20px auto;
    }
    .outros-diferenciais .moldura{
        padding: 30px 0;
    }
    .outros-diferenciais .row{
        padding: 0;
        margin: 0;
    }
    .outros-diferenciais .barradefundo{
        width: 100%;
        max-width: 100%;
        left: 0%;
    }
    .areas .frameGrid .grid{        
        grid-template-columns: 1fr 1fr;        
    }
    .areas article h1{
        font-size: 40px;        
    }

}
@media only screen and (max-width: 768px) {
    footer .redes-sociais ul{
        margin: 0px auto;
        max-width: 550px;
    }
    footer .redes-sociais ul li img{
        max-width: 80px;
    }
    .balao-bege{
        font-size: 20px;
    }
    .faq .accordion {   
        padding-right: 50px;
    }
    .faq .cta *{
        display: block;
        text-align: center !important;
    }
    .faq .moldura .elemento-box-left,
    .faq .moldura .elemento-box-right{
        display: none;
    }
    .diferenciais .divisor-blocos{            
        margin: 5px auto;
    }
    .diferenciais .bloco-add article{    
        
        max-width: 600px !important;
        
    }
    .areas article{
        max-width: 450px;        
        margin: 0px auto !important;        
        display: block;
        padding: 0 40px !important;
    }
    .areas article h1{
        font-size: 60px;
        margin-top: -70px;
    }
    .areas .frameGrid .grid{        
        display: block;
        padding: 25px;
        
    }
    .areas .item{        
        margin: 0px auto;
        margin-bottom: 30px;
        max-width: 500px;
    }
    .hothome .row{        
        flex-direction: column-reverse;
    }
    .hothome .row .columns{
    padding: 0 !important;
    
    }
    .hothome .row .columns article{
        display: block;                
        margin: -80px 30px 30px 30px;
    }
    .diferenciais .moldura{
        width: 100%;        
    }
    .diferenciais-grid{
        max-width: 100%;
        display: block;        
    }
    .outros-diferenciais .barradefundo{        
        height: 100%;
        width: 100%;        
        left: 0;
    }
    .diferenciais-grid .item{
        margin-bottom: 20px;
    }
    .diferenciais-grid .item figure .filtro{        
        opacity: .1;
    }
    .diferenciais-grid .item *{
        display: block !important;
    }
    .diferenciais .cta a{
        clear: both;
        display: block;
        margin: 20px auto;
        max-width: 320px;
    }
    .diferenciais .divisor-blocos{
        position: relative;    
        height: 100px;
        border:none;
        background: url('../img/arabesco-diferenciais.png') no-repeat 95% center;
        background-size: 80px;
    }
        .diferenciais .fullArea article{
            position: relative;
            top: -80px;
        }
        .diferenciais .divisor-blocos:after{
            width: 70%;
            height: 1px;
            border-bottom: 1px solid #ccc;
            display: block;
            content: "";
            position: absolute;
            left: 5%;
            top: 55%;

        }
    .diferenciais .add2 img{
        padding-left: 0px !important;
    }
    .cta hr{
        display: block;
    }
    .font-xlarge{
        font-size: 27px;
    }
    .font-xxlarge{
        font-size: 40px;        
    }
    .spacer-med{
        height: 25px;
    }
    .inicial-slider{            
        background: none;        
    }    
    .inicial .bordado .elemento-bordado{
        height: 50%;
    }
    .inicial .arabesco .row{        
        padding: 0px 0px 35px 0;
    }
    .inicial .numbers{
        padding: 0 20px;
    }
    .inicial .numbers .barradefundo{        
        top: 10%;
        height: 80%;        
    }
    .inicial .numbers .grid{    
        display: block;
    }
    .inicial .numbers .grid .col:not(:last-child):after{
        height: 1px;        
        right: auto;
        top: auto;
        left: 10%;
        bottom: 0;
        width: 80%;        
    }
    .bloco-add.add1 .row{
        
        flex-direction: column-reverse;
    }
    
    
    .row {
        max-width: 100%;
        margin: 0 auto;
    }
    .column, .columns, .large-3col {
        display: block !important;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
   
}
@media only screen and (max-width: 600px) {
    .areas article h1{
        font-size: 44px;        
    }
}