:root{
	--padrao:#727375;
  	--white: #FFF;	
  	--branco:#FFF;
  	--branco70:rgba(255,255,255,.7);
  	--branco90:rgba(255,255,255,.9);
  
  	--cinza:#727375;
  	--cinza01:#d4d3c1;
  
  	--preto:#061015;
  	--preto50:rgba(0,0,0,.5);
  	--preto20:rgba(0,0,0,.2);
  
  	--primaria:#66bef0;
  	--primaria01:#c2d5de;
  	--primaria02:#e2ecf2;
  
  	--secundaria:#308cb6;
}
.txt textarea,
.txt input,
.txt select,
.txt{
  font-weight:400;
}
.grid{
	display:grid;
}
.flex{
	display:flex;
  flex-wrap:wrap;
}
.flex-col {
	flex-direction: column;
}
.inline-flex {
	display: inline-flex;
}
.justify-end {
	justify-content: end;
}
.justify-between {
	justify-content: space-between;
}
.justify-center {
	justify-content: center;
}
.align-baseline {
	align-content: baseline;
}
.align-center {
	align-items: center;
}
.align-start {
	align-items: flex-start;
}
.align-end {
	align-items: flex-end;
}

.box {
	padding: 40px 0;
}
.box-top {
	padding: 40px 0 0;
}
.box-bottom {
	padding: 0 0 40px 0;
}
.icon svg,
.icon svg path {
	fill: currentColor;
}
.txt img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}


.txt{
  	color:var(--padrao);
}
.sobrehead.txt,
.head.txt{
  	line-height:120%;
}
.sobrehead{
	background:var(--secundaria);
}
.sobrehead .container{
  	height:50px; 
}
.sobrehead svg{
  	fill:var(--primaria);
  	transition:all .3s ease;
}
.sobrehead  a:hover svg{
  	fill:var(--branco);
}
.sobrehead .tel-email a{
  	font-size:13px;
  	font-weight:500;
	color:var(--branco);
  	padding:13px 20px 13px 10px;
}
.sobrehead .tel-email a svg{
  	width:20px;
  	height:20px;
  	margin:0 15px -5px 0;
}
.sobrehead .social a{
  	padding:10px;
}
.sobrehead .social svg{
  	width:25px;
  	height:25px;
}
.head{
  	width:100%;
  	top:50px;
  	left:0px;
  	margin:5px 0;
  	background:var(--branco70); 
  	z-index:99;
}
.head:before{
  	display:block;
  	content:'';
  	position:absolute;
  	background:var(--branco70);
  	box-shadow: 0 0 10px var(--preto50);
  	width:100%;
  	height:calc(100% + 10px);
  	top:-5px;
  	bottom:5px;
  	z-index:-1;
}


.head .area{
  	top:15px;
  	right:20px;
 	text-transform:uppercase;
  	color:var(--primaria);
}
.head .container{
	height:100px;
}
.head .logo{
  	width:255px;
  	top:8px;
  	left:15px;
}
.head .logo img{
  	display:block;
  	width:100%;
  	height:auto;
}
.head .menu{
  	top:46px; 
	right:0px;
}
.head .menu li{
  	position:relative;
}
.head .menu > li > a{
  	font-size:18px;
  	font-weight:400;
  	color:var(--padrao);
  	padding:15px 20px 20px;
}
.head .menu .ativo > a,
.head .menu a:hover{
  	color:var(--primaria);
}
.head .menu .area-do-cliente{
  	display:none;
}

.head .submenu{
  	width:260px;
  	background:var(--branco90);
  	display:none;
  	top:55px;
  	left:0px;
  	padding:10px;
  	border-top:5px solid var(--secundaria);
  	box-shadow:0 0 2px var(--preto20);
}
.head li:hover .submenu{
  	display:block;
}
.head .submenu:before{
  	display:block;
  	content:'';
  	background:url(/images/comum/002.png) no-repeat center center;
  	width:10px;
  	height:10px;
  	position:absolute;
  	top:-15px;
  	left:20px; 
}

.head .submenu li{
  	width:100%;
}
.head .submenu a{
  	font-size:15px;
  	color:var(--padrao);
  	padding:14px 10px;  
  	font-weight:400;
  	border-bottom:1px solid var(--primaria01);
}
.head .submenu li:last-child a{
  	border-bottom:0px;
}

/* REDUZIR */
/* REDUZIR */
/* REDUZIR */
.head,
.head .container,
.head .logo,
.head .area
.head .menu{
  	transition:all .3s ease;
} 
.reduzir .head{
  	top:0px;
  	left:0px;
}
.reduzir .head .container{
  	height:60px;
}
.reduzir .head .logo{
 	width:150px;
  	top:10px;
  	left:20px; 
}
.reduzir .head .area{
  	display:none;
}
.reduzir .head .menu{
  	top:6px;
}

/* TITULO */
.box-titulo {
  	margin:0 0 30px;
  	background:var(--primaria02);
}
.box-titulo h1{
  	padding:25px;  
  	line-height:150%;
  	color:var(--primaria);
}




/* NOVO */
.corpo{
	margin-top:110px;
}
.head-new{
	width:100%;
  z-index:10;
  background:var(--white);
}
.head-new .container:after{
  display:none;
}
.head-new .container{
  height:110px;
}
.head-new .logo{
  width:190px;
}
.head-new .menu li{
  position:relative;
}
.head-new .menu > li > a{
  display:flex;
  font-size:18px;
  font-weight:600;
  color:var(--padrao);
  padding:10px 15px;
}
.head-new .menu > li.ativo > a,
.head-new .menu > li:hover > a{
  color:var(--primaria);
}
.head-new .menu > li > a.btn{
  align-items:center;
  font-size:14px;
  line-height:120%;
  font-weight:700;
  color:var(--white);
  background:var(--secundaria);
  height:20px;
  padding:12px 30px;  
  border-radius:10px;
  margin-left:20px;
}
.head-new .menu > li:hover >  a.btn{
  	background:var(--primaria);
}


.head-new .submenu{
  width:260px;
  background:var(--white);
  display:none;
  top:50px;
  left:0px;
  padding:10px;
  border-top:5px solid var(--secundaria);
  box-shadow:0 0 2px var(--preto20);
}
.head-new li:hover .submenu{
  display:block;
}
.head-new .submenu:before{
  display:block;
  content:'';
  background:url(/images/comum/002.png) no-repeat center center;
  width:10px;
  height:10px;
  position:absolute;
  top:-15px;
  left:20px; 
}
.head-new .submenu li{
  	width:100%;
}
.head-new .submenu a{
  display:flex;
  font-size:15px;
  font-weight:600;
  line-height:150%;
  color:var(--padrao);
  padding:6px 10px;    
  border-bottom:1px solid var(--primaria01);
}
.head-new .submenu li:last-child a{
  border-bottom:0px;
}
.new-menu-mobile{
	display:none;
}
.new-menu-close rect,
.new-menu-mobile rect{
	fill:var(--secundaria);
}
.new-bg-body.ativo{
  width:100%;
}

.new-bg-body{
  width:0%;
  height:100vh;
  background: rgba(0,0,0,.75);
  backdrop-filter: blur(5px);
  top:0px;
  left:0px;
  z-index:9;
  transition:.2s;
}
.newMenuMobile.ativo{
  left:0px;
}
.newMenuMobile{
  width:300px;
  height:100vh;
  background:var(--white);
  z-index:10;
  top:0px;
  left:-320px;
  padding:10px;
  transition:.3s;
}
.newMenuMobile .logo{
	width:160px;
}
.newMenuMobile .main{
	margin:20px 0;
}
.newMenuMobile .menu{
	display:flex;
}
.newMenuMobile .menu .sub{
	display:none;
}
.newMenuMobile .menu > li > a.btn{
  margin-left:0;
  width:100%;
}
.newMenuMobile .bottom{
  overflow-x:scroll;
  height:calc(100vh - 250px);
}
.newMenuMobile .bottom > li.sub > a{
  display:flex;
  padding:5px 5px 10px;
  font-weight:700;
}
.newMenuMobile li .submenu.abs{
  display:block;
  position:initial;
  width:92%;
}


/* REDUZIR */
.head-new *,
.head-new{
	transition: .2s;
}
.reduzir .head-new{
	box-shadow:0 4px 4px rgba(0,0,0,.1);
}
.reduzir .head-new .container{
	height:70px;
}
.reduzir .head-new .logo{
	width:120px;
}



@media(max-width:1174px){
  .head-new .menu > li > a{
  	padding:10px;
  }
}
@media(max-width:960px){
  .menu{
  	display:none;
  }
  .new-menu-mobile{
  	display:flex;
  }
}
.page-sucesso .detalhe{
	text-align:center;
}
body{
  background: var(--black-100);
}
.faq .item-cat{
  display: grid;
  grid-template-columns: 230px 1fr;
  gap:100px;
}
.faq .item-cat + .item-cat{
  margin-top: 74px;
}
.faq h1{
  font-size: 35px;
  font-weight: 400;
  line-height:100%;
  color: var(--black-900);
}
.faq .lista .item + .item{
  margin-top: 15px;
}
.faq .lista .item{
  padding: 32px;
  background: var(--white);
  border-radius: 5px;
  border-left: 6px solid var(--white);
  box-shadow:0 4px 10px rgba(0,0,0,0.09);
}
.faq .lista h3{
  grid-template-columns: auto 1fr;
  cursor: pointer;
  gap:10px;
  font-size:22px;
  line-height:110%;  
  font-weight: 700;
  color: var(--black-800);
}
.faq .lista h3 .icon{
  transition: .2s;
}
.faq .lista .desc{
  display: none;
  font-size: 18px;
  color: var(--black-800);
  padding:10px 10px 10px 42px ;
}
.faq .lista .item.ativo{
  border-left: 6px solid var(--sec-700);
}
.faq .lista .ativo h3{
  color: var(--prim-800);
}
.faq .lista .ativo h3 .icon{
  color: var(--sec-700);
  transform: rotate(180deg);
}
.faq .lista .ativo .desc{
  display: block;
}
@media(max-width:768px){
  .faq .item-cat{
    grid-template-columns: 1fr;
    gap:20px;
  }
}
@media(max-width:420px){
  .faq h2{
    font-size: 2.8rem;
  }
  .faq .lista .item{
    padding: 10px 10px 10px 5px;
  }
}
.footer{
  	margin-top:50px;
  	background:var(--padrao);
}
.footer .container{
  	min-height:205px;
}

.footer,
.footer a{
  	font-size:14px;
  	font-weight:400;
  	color:var(--primaria01);
  	transform:all .3s ease;
}
.footer a:hover{
	opacity:.7;
}

.footer .f01,
.footer .f02{
  	margin:50px 40px;
}
.footer .f01 a.whats svg{
  	width:20px;
  	height:20px;
  	fill:var(--primaria);
  	position:relative;
  	bottom:-4px;
  	margin-left:15px;
}
.footer .f02 span,
.footer .f01 span{
  	color:var(--primaria);
  	display:block;
  	margin-bottom:10px;
}
.footer .f01 span.mtop{
  	margin-top:25px; 
}

.footer .meio{
  	width:210px;
  	color:var(--primaria01);
  	font-size:14px;
  	font-weight:500;
  	top:0px;
  	left:50%;
  	margin-left:-105px;
  	z-index:3;
}
.footer .meio:after,
.footer .meio:before{
  	display:block;
  	content:'';
  	width:210px;
  	height:210px;
  	border-radius:50%;
  	position:absolute;
}
.footer .meio:before{
  	background:var(--padrao);
  	top:-30px;
  z-index:-1;
}
.footer .meio:after{
  	background:var(--preto20);
  	top:-38px;
  z-index:-2;
}

.footer .f02{
  	line-height:140%;
}
.footer .f02 a{
  	display:inline-block; 
  	text-transform:uppercase;
	color:var(--branco);
  	text-decoration:underline;
  	margin:20px 30px;
}
.footer .f02 a svg{
  	width:18px;
  	height:23px;
  	fill:var(--branco);
  	position:absolute;
  	top:-3px; 
  	right:-30px;
}


.footer .logo{
  	display:inline-block;
  	width:135px;
  	margin:25px auto 0;
}
.footer .logo img{
  	width:100%;
  	height:auto;
}
.footer .social{
  	float:initial;
  	width:70px;
  	margin:20px auto;
}
.footer .social a{
	padding:5px;
}
.footer .social svg{
  	fill:var(--primaria);
	width:25px;
  	height:25px;
}


.dev-copy{
  	text-transform:uppercase;
  	font-size:11px;
  	font-weight:400;
  	background:var(--preto);
  	color:var(--primaria);
}
.dev-copy .dev,
.dev-copy .copy{
	margin:20px auto;
}
.dev-copy .copy a{
	color:var(--primaria);
}
.dev-copy .copy{
  margin-left:40px;
}
.dev-copy .dev{
  	margin-right:40px;
  	padding-right:90px;
}
.dev-copy .dev .abs{ 
  	top:-3px;
  	right:0px;
}
.dev-copy .dev img{
  	width:82px;
}


.box-whats{
  	z-index:99;
  	background:var(--secundaria);
  	right:35px;
  	bottom:35px;
  	padding:10px;
    padding-top: 13px;
	padding-right: 13px;
	padding-left: 13px;
  	border-radius:50%;
  	box-shadow:0 0 2px rgba(0,0,0,.5);
}

.box-whats:hover{
   background:#20c65a;
}

.box-whats svg{
  	width:40px;
  	height:auto;
  	fill:#FFF;
}
 
@media only screen and (max-width:1174px) {
    .container{ width:960px; }
  
  	.oquefazemos .abs{ left:-265px; } 
}
@media only screen and (max-width: 960px) {
    .container{ width:760px; }
  
	.oquefazemos .desc{ width:calc(100% - 40px);  padding:35px 20px 35px 20px}
  	.oquefazemos .abs{ display:none; } 
  
   	.menu-mobile{ display:block; width:30px; height:30px; top:50px; right:30px; padding:5px; z-index:15; transition:all .2s ease; }
  	.reduzir .menu-mobile{ top:10px; }
  
    .menu-mobile .menui{ width:calc(100% - 10px); height:2px; background:var(--secundaria); z-index:2; }
    .menu-mobile.ativo{ position:fixed; }
    .menu-mobile.ativo .menui{ background:var(--branco); }
    .menu-mobile .menui.top-menu{ top:10px; transform:rotate(0deg);  transition:transform .6s ease, top .6s ease, left .6s ease;  transition-timing-function: cubic-bezier(.75,0,.29,1.01); }
    .menu-mobile .menui.mid-menu{ top:50%; margin-top:-1px; opacity:1; transition:opacity .6s ease;}
    .menu-mobile .menui.bottom-menu{ bottom:10px;transform:rotate(0deg); transition:transform .6s ease, bottom .6s ease, right .6s ease;   transition-timing-function: cubic-bezier(.75,0,.29,1.01); }

    .menu-mobile.ativo .mid-menu{  opacity:0; }
    .menu-mobile.ativo  .top-menu{ top:18px; left:5px; transform:rotate(45deg); }
    .menu-mobile.ativo  .bottom-menu{ bottom:19px; right:5px; transform:rotate(-225deg); }
    .bg-body.ativo { background: rgba(0,0,0,.7); height: 0px; transition: height .4s; width: 100%; height: 100vh; top: 0; left: 0;  z-index:10; }

  	.reduzir .head .menu,
  	.head .menu{ top:0px; left:-200px; right:initial; transition:all .3s ease; }
    .head .menu{ display:initial; z-index:999; position:fixed; padding-top:30px; }
    .head .menu.ativo{ display:block; left:0px; }
  	.head .menu:before{ display:block; content:'';  background:var(--branco) url(/images/comum/lider02.png) no-repeat -8px 0px; background-size:51px auto; height:100vh; width:100%; top:0px; position:absolute; box-shadow:0 0 5px rgba(0,0,0,.5); }
  	.head .menu li{ float:initial; }
  	.head .menu > li > a{ width:150px; padding:15px 20px; }
  
  	.head .submenu:before{ transform:rotate(-90deg); top:25px; left:-15px; }
  	.head .submenu{ background:var(--branco); top:0px; left:190px; border-top:0px; border-left:5px solid var(--secundaria ); z-index:1; }
  
  	.head .menu .area-do-cliente{ display:block; }
  	.head .menu .area-do-cliente a{ color:var(--branco); background:var(--secundaria); }
  
}
@media only screen and (max-width: 768px) {
	.container{ width:95%; }
	a[href^=tel]{  color:inherit;  text-decoration:none; }
  		
  .head .logo{ left:5px;  }
  
  	.sobrehead a { padding:13px 10px 6px !important; }
  	.sobrehead a span{ display:none; }
  	.sobrehead svg{ margin-right:0px !important; }
  
  
    .reduzir .head .menu, 
    .head .menu{ left:-280px; background:var(--branco); padding-bottom:30px; }
    .head .menu:before{ box-shadow:initial; }
    .head .menu{ height:calc(100vh - 60px);  overflow-y:scroll; overflow-x:hidden; width:280px; }
    .head .menu > li > a{ width:auto; }
    .head .submenu{ left:120px; width:280px; position:initial; }
    .head .submenu a{ line-height:120%; }
  
  	.reduzir .head .menu.ativo, 
  	.head .menu.ativo{ left:0px; }
  
  
    .atalho .lista{ display:flex; }
    .atalho .lista li{ width:50%; }
    .atalho .lista li a{ padding:25px 20px; }

  
  .g-3{ float:initial; width:calc(100% - 10px);  }

  .box-fotos{ padding-top:50px; }
  
  .footer .f01,
  .footer .f02{ float:initial; width:calc(100% - 0px); padding:30px 0px; margin:0;  text-align:center; }
  .footer .f01{ padding-top:230px; }
  
  .blog span.desc{ padding:25px 20px;  }
  .blog span.resumo{ text-align:left; }
    
  .depoimento .item{ padding:20px 0px; }
  .depoimento .item .nome-emp{ position:initial; width:100%; height:auto; border-left:0px; border-top:1px solid var(--padrao); padding:15px 0; margin-top:15px; }
  
}
@media only screen and (max-width: 630px) {
  
  .oquefazemos a{ padding-right:0px; padding-bottom:65px;  }
  .oquefazemos .swiper-button-prev,
  .oquefazemos .swiper-button-next{ top:auto; bottom:10px;}
  
  .blog .lista{ max-width:570px; margin:auto; }
  .blog .lista li.item-1, 
  .blog .lista li.item-2,
  .blog .lista li{ width:100%; }
  
  .blog .lista li.item-1 span.desc, 
  .blog .lista li.item-2 span.desc,
  .blog .lista li span.desc{ padding:25px 20px; }
  
  .dev-copy .copy{ margin-left:0px; }
  .dev-copy .copy span{ display:none; }
  .dev-copy .dev{ margin-right:0px; }
  /*
  .img-capa,
  .boxtv{ padding-top:110px; }
  */
  .video{ padding-bottom:50%; }
}
@media only screen and (max-width: 590px) {
  .txt,
  .atalho .lista a,
  .blog span.titulo,
  .blog span.resumo,
  .blog span.cat{ font-size:20px; }
  .footer,
  .footer .meio,
  .footer a{ font-size:18px; }
  .dev-copy { font-size:12px; }
  
  .footer .meio{ width:250px; }
  .footer .meio,
  .footer .meio:after, 
  .footer .meio:before{ left:50%; transform:translateX(-50%); margin-left: initial;}
  
  
  	.head .area{ display:none; }
  
  	.menu-mobile{ top:30px; right:5px; }
  
  	.tj{ text-align:left; }
  	.apresentacao .lista li{ width:100%; }
  	.atalho .lista li{  width:100%; }  
  
  	.form .lista li{ width:100%; }
  	.form textarea{ height:150px !important; }
  
  .apresentacao .lista img{ max-width:90%; }
}
@media only screen and (max-width: 530px) {
	 .head .logo{ width:195px; top:18px; }
}
@media only screen and (max-width: 450px) {
  .dev-copy .container,
  .dev-copy .copy,
  .dev-copy .dev{ display:flex; float:initial; align-items:center; justify-content:center;  }
  .dev-copy .container{  flex-direction:column; }
  .dev-copy .copy,
  .dev-copy .dev{  margin:0; padding:20px 0; width:100%; }
  .dev-copy .dev .abs{ position:initial; display:inline-flex; margin:-2px 0 0 5px; }
}