html, body{margin:0px; padding:0px;}

.header-wrap{
	background-image:url('../imagens/bg01.jpg');
	min-height: 900px;
	background-size: cover;
	background-position-x: center;
	margin:0px;
	position: relative;
    top: -110px;
}



.header-text{
	max-width: 1000px;
	margin:20px auto 0px auto;
	background-color: #0000004d;
    padding: 60px 100px 60px 100px;
    border-radius: 25px;
	top: 160px;
    position: relative;
}

.header-text h1{
	color:#fff;
	font-size:120px;
	font-family: 'Anek Malayalam', sans-serif;
	padding:20px 0px;
	margin:0px;
	line-height: 0.6;
}

.logo-tcor{
	color: #ffca2c;
}
.logo-ch{
	padding:0px;
	color: #fff;
	font-size:32px;
	font-family: 'Anek Malayalam', sans-serif;
	font-weight:400;
}

.logo-desc{
	padding:0px;
	margin:30px 0px;
	color: #fff;
	font-size:22px;
	font-family: 'Anek Malayalam', sans-serif;
	font-weight:300;
}

.btn:hover {
    color: #000;
    background-color: #f7d05d;
    border-color: #ffc720;
}
.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
	background-color: #ffca2c;
    border-color: #ffca2c;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
	border: 1px solid transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	-webkit-appearance: button;
}

.header-imagens{
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
    max-width: 1000px;
    margin: auto;
    position: relative;
    top: -210px;
}

.hi-01 h2, .hi-02 h2, .hi-03 h2, .hi-01 h3, .hi-02 h3, .hi-03 h3{
	width: 100%;
    text-align: center;
	padding:0px;
	margin:0px;
}

.hi-01, .hi-02, .hi-03{
	display: grid;
    align-content: center;
}

.hi-01{
	min-height:200px;
	background-image:url('../imagens/blc1.jpg');
	background-size: cover;
    background-position: center;
	font-family: 'Anek Malayalam', sans-serif;
}
.hi-01 h2{
	color:#383838;
	font-weight:500;
	font-size:26px;
}

.hi-01 h3{
	color:#383838;
	font-weight:300;
	font-size:18px;
}

.hi-02{
	min-height:200px;
	background-image:url('../imagens/blc2.jpg');
	background-size: cover;
    background-position: center;
	font-family: 'Anek Malayalam', sans-serif;
}

.hi-02 h2{
	color:#FFCA2C;
	font-weight:500;
	font-size:26px;
}

.hi-02 h3{
	color:#fff;
	font-weight:300;
	font-size:18px;
}

.hi-03{
	min-height:200px;
	background-image:url('../imagens/blc3.jpg');
	background-size: cover;
    background-position: center;
	font-family: 'Anek Malayalam', sans-serif;
}

.hi-03 h2{
	color:#FFCA2C;
	font-weight:500;
	font-size:26px;
	
}

.hi-03 h3{
	color:#fff;
	font-weight:300;
	font-size:18px;
}

/**/
.menu-wrap{
	width:100%;
	background-color:#000000ad;
}

.menu{
	max-width:1000px;
	margin:auto;
}
.topnav {
	padding:0px 100px;
	overflow: hidden;
	display:grid;
	grid-auto-flow: column;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  font-family: 'Anek Malayalam', sans-serif;
}

.topnav a:hover {
  background-color: #ffe00094;
  color: #fff;
}

.topnav a.active {
  border-bottom:3px solid #ffca2c;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav {display: contents;}
  .menu-wrap {background-color: #000000c9;}
}
/**/



.areas-atuacao{
	display:grid; 
	grid-template-columns: 1fr 1fr 1fr;
	gap:30px;
	max-width:1000px;
	margin:auto;
	padding:20px;
	margin-bottom:40px;
}

.areas-blc img{
	max-width:100%;
}


.padrao-titulo{max-width:1000px; margin:auto; padding:60px 20px 20px 20px; display:grid; grid-template-columns:1.8fr 4.2fr;}
.padrao-titulo h1{color: #383838; font-family: 'Anek Malayalam', sans-serif; font-size: 30px; font-weight:500;}
.teste{
	top: -50%;
    margin-top: -1px;
    border-bottom-width: 1px;
    position: relative;
    color: #9f9f9f;
    border-bottom-style: solid;
}


.galeria-titulo{max-width:1000px; margin:auto; padding:60px 20px 20px 20px; display:grid; grid-template-columns:1.8fr 4.2fr;}
.galeria-titulo h1{color: #9f9f9f; font-family: 'Anek Malayalam', sans-serif; font-size: 30px; font-weight:500;}
.teste1{
	top: -50%;
    margin-top: -1px;
    border-bottom-width: 1px;
    position: relative;
    color: #9f9f9f;
    border-bottom-style: solid;
}

.clientes-logos{display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap:40px;}

.footer-logo img{max-width:200px;}
.footer-contato{display: grid; align-content: center;}
.footer-int{color: #f7f7f7; max-width:1000px; padding:40px;margin:auto; display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px;}
.footer-add{display: grid; align-content: center;}

@media screen and (max-width: 680px) {
	.header-text h1 {font-size: 90px;}
	.header-text {padding: 40px;}
	.areas-atuacao {grid-template-columns: 1fr 1fr;}
	.padrao-titulo {grid-template-columns: 1.6fr 1.4fr;}
	.galeria-titulo {grid-template-columns: 2fr 2fr;}
	.clientes-logos{grid-template-columns: 1fr 1fr 1fr;}
	.footer-int{grid-template-columns:1fr;}
	.footer-logo{text-align: center;}
	.footer-int{text-align: center;}
	.footer-add{text-align: center;}
	.clientes-logos {grid-template-columns: 1fr 1fr;}
}

@media screen and (max-width: 560px) {
	.header-imagens {grid-template-columns: 1fr;}
	.header-text {top: 60px; padding: 80px 40px;}
	.header-wrap {min-height: 650px;}
	.hi-01 {min-height: 150px;}
	.hi-01 h2 {font-size: 36px;}
	.hi-01 h3 {font-size: 28px;}
	.hi-02 {min-height: 150px;}
	.hi-02 h2 {font-size: 36px;}
	.hi-02 h3 {font-size: 28px;}
	.hi-03 {min-height: 150px;}
	.hi-03 h2 {font-size: 36px;}
	.hi-03 h3 {font-size: 28px;}
	.padrao-titulo {grid-template-columns: 2fr 1fr;}
	.galeria-titulo {grid-template-columns: 2fr 1fr;}
	
}

@media screen and (max-width: 460px) {
	.header-text h1 {font-size: 70px;}
	.logo-desc {font-size: 20px;}
	.hi-01 h2 {font-size: 30px;}
	.hi-01 h3 {font-size: 20px;}
	.hi-02 h2 {font-size: 30px;}
	.hi-02 h3 {font-size: 20px;}
	.hi-03 h2 {font-size: 30px;}
	.hi-03 h3 {font-size: 20px;}
	.areas-atuacao {grid-template-columns: 1fr;}
	.clientes-logos {grid-template-columns: 1fr 1fr;}
}

/* Animação */

[data-anime1] {
  opacity: 0;
  transition: .3s;
}

[data-anime1="left"] {
  transform: translate3d(-50px, 0, 0);
}

[data-anime1="right"] {
  transform: translate3d(50px, 0, 0);
}

[data-anime1="top"] {
  transform: translate3d(0, -50px, 0);
}

[data-anime1].animate {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}


/* Animação */

[data-anime2] {
  opacity: 0;
  transition: .3s;
}

[data-anime2="left"] {
  transform: translate3d(-50px, 0, 0);
}

[data-anime2="right"] {
  transform: translate3d(50px, 0, 0);
}

[data-anime2="top"] {
  transform: translate3d(0, -50px, 0);
}

[data-anime2].animate {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}

/* Animação */

[data-anime3] {
  opacity: 0;
  transition: .3s;
}

[data-anime3="left"] {
  transform: translate3d(-50px, 0, 0);
}

[data-anime3="right"] {
  transform: translate3d(50px, 0, 0);
}

[data-anime3="top"] {
  transform: translate3d(0, -50px, 0);
}

[data-anime3].animate {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}


/* Animação */

[data-anime4] {
  opacity: 0;
  transition: .3s;
}

[data-anime4="left"] {
  transform: translate3d(-50px, 0, 0);
}

[data-anime4="right"] {
  transform: translate3d(50px, 0, 0);
}

[data-anime4="top"] {
  transform: translate3d(0, -50px, 0);
}

[data-anime4].animate {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}