@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Bevan&family=Dosis:wght@200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Zilla+Slab+Highlight:wght@400;700&display=swap');

/* -------------

 * MENU

 * ------------- */

* {
  margin: 0;
  padding: 0;
}
html {
  scroll-behavior: smooth;
}
body {
  font-family: "Poppins", sans-serif;
  background-image: url(imagens/background.png);
  background-size: 100% 100%;
  background-color: #000000;
  background-attachment: fixed;
  background-position: center center;
  background-repeat:no-repeat;
  animation: fadeInAnimation ease 3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;

}


.logo {
  position: relative;
  background-image:url(imagens/logo_topo_site.png);
  background-size: 70% auto;
  background-repeat:no-repeat;
  background-position:center center;
  width: 100%;
  height:100px;
  top: 20px;
  font-size: 1.2rem;
  z-index:15;
}
.menu_azul {
	position: absolute;
	width:100%;
	height: 80px;
	background-color: #064F5B;
	top:120px;
	left:0%;
	z-index:9;
}
.menu {
	position: absolute;
	width:80%;
	height: 80px;
	top:135px;
	left:5%;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom: 0px;
	z-index:10;
}
/* -------------

 * menu texto

 * ------------- */
a.menu_texto {
	position:relative;
	display:inline-block;
	font-family: 'Poppins', sans-serif;
	font-size: 0.8em;
	line-height: 1.2em;
	text-align: left;
	font-weight: 400;
	color: #FFFFFF;
	letter-spacing: 0px;
	left:50px;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	padding-left: 1em;
	padding-right: 1em;

}

a.menu_texto:link {
	text-decoration: none;
}

a.menu_texto:visited {
	text-decoration: none;
}

a.menu_texto:hover {
	font-weight: 400;
	color: #FFFFFF;
	background-color: #123B4B;
	text-decoration: none;
}

a.menu_texto:active {
	text-decoration: none;
}
/* -------------

 * CORPO DESTAQUE

 * ------------- */

	.table_left {
	position:relative;
	display:block;
	width: 20%;
	height: 350px;
	left:0;
	top: -250px;
	margin-bottom: 0px;
	z-index:           
	}

	.table_right {
	position:relative;
	left: 300px;
	top: -250px;
	width: 80%;
	height: 350px;
	margin-bottom: 20px;		
	             
	}

/* -------------

 * DESTAQUE

 * ------------- */
.box_inicial_destaque {
	position: absolute;
	top: 240px;
	width: 90%;
	height: auto;
	left: 5%;
	z-index:5;
}
.chamada_destaque_branco {
	position:relative;
	font-family: "Bevan", serif;
  	font-weight: 400;
    font-style: normal;
	font-size: 2.5em;
	line-height: 1.0em;
	color: #FFFFFF;
	letter-spacing: 0px;
}
.chamada_destaque_amarelo {
	position:relative;
	font-family: "Bevan", serif;
  	font-weight: 400;
    font-style: normal;
	font-size: 2.5em;
	line-height: 1.0em;
	color: #DAFF00;
	letter-spacing: 0px;
}

.subtitulo_branco {
	position:relative;
	font-family: "Poppins", serif;
  	font-weight: 400;
    font-style: normal;
	font-size: 1.5em;
	line-height: 1.0em;
	color: #FFFFFF;
	letter-spacing: 0px;
}
/* -------------

 * PÁGINAS INTERNAS

 * ------------- */
.box_paginas {
	position: absolute;
	top: 240px;
	width: 90%;
	left: 5%;
	height: auto;
	z-index:5;
}
.titulo_paginas_branco {
	position:relative;
	font-family: "Bevan", serif;
  	font-weight: 400;
    font-style: normal;
	font-size: 2.5em;
	line-height: 1.0em;
	color: #FFFFFF;
	letter-spacing: 0px;
}
.titulo_paginas_amarelo {
	position:relative;
	font-family: "Bevan", serif;
  	font-weight: 400;
    font-style: normal;
	font-size: 2.5em;
	line-height: 1.0em;
	color: #DAFF00;
	letter-spacing: 0px;
}

.subtitulo_paginas_branco {
	position:relative;
	font-family: "Poppins", serif;
  	font-weight: 400;
    font-style: normal;
	font-size: 1.5em;
	line-height: 1.0em;
	color: #FFFFFF;
	letter-spacing: 0px;
}
.textos_paginas_branco {
	position:relative;
	font-family: "Poppins", serif;
  	font-weight: 400;
    font-style: normal;

	padding-right: 50px;
	font-size: 1em;
	line-height: 1.4em;
	color: #FFFFFF;
	letter-spacing: 1px;
}
/* -------------

 * REDES SOCIAIS

 * ------------- */

.box_redessociais {
	position:relative;
	width: 100%;
	left: 0%;
	display: inline-block;
}
.box_redes {
	width: 40px;
	display: inline-block;
	padding: 20px;
}
/* -------------

 * COPYRIGHTS

 * ------------- */
.box_copyright {
	font-family: "Poppins", serif;
  	font-weight: 400;
	margin-bottom: 40px;
    font-style: normal;
	font-size: 0.8em;
	line-height: 1.2em;
	color: #FFFFFF;
	letter-spacing: 0px;
}
/* -------------

 * FORMULÁRIO

 * ------------- */

.box_formulario {
	position: absolute;
	width:65%;
	height: auto;
	top: 720px;
	left: 5%;
	margin-bottom: 100px;
	z-index:5;
	background-color: #064F5B;
	padding: 50px;
	
}
.titulo_form_amarelo {
	position:relative;
	font-family: "Bevan", serif;
  	font-weight: 400;
    font-style: normal;
	font-size: 1.6em;
	line-height: 1.0em;
	color: #DAFF00;
	letter-spacing: 0px;
}
.texto_form {
	position:relative;
	font-family: 'Dosis', sans-serif;
	font-size: 1em;
	line-height: 1.6em;
	font-weight: 400;
	color: #ffffff;
	letter-spacing: 0px;
}
.campo_form {
	position:relative;
	font-family: 'Dosis', sans-serif;
	font-size: 1em;
	line-height: 1.6em;
	font-weight: 400;
	color: #ffffff;
	background-color:#27747C;
	letter-spacing: 0px;
	width: 90%;
	height: 1.8em;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom:1px solid ;
	border-bottom-color: #ffffff;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;

}
.botao_form {
	position:relative;
	font-family: 'Dosis', sans-serif;
  	font-weight: 800;
    font-style: normal;
	font-size: 1.2em;
	line-height: 1.3em;
	color: #064F5B;
	letter-spacing: 0px;
	background-color:#DAFF00;
	letter-spacing: 0px;
	top: 20px;
	height: 1.6em;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
	border-bottom:1px solid ;
	border-bottom-color: #123B4B;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	border-radius: 10px;

}


/* -------------

 * PORTFOLIO

 * ------------- */

.box_galeria {
	position:relative;
	left:-8%;
	width: 100%;
	display: inline-block;
	margin-bottom: 50px;
}
.box_imagens {
	width: 40%;
	display: inline-block;
}

#texto_portfolio_cinza {
position: relative;
font-family: 'Dosis', sans-serif;
font-size: 1.1em;
line-height: 1.2em;
font-weight: 400;
color: #FFFFFF;
letter-spacing: 0.1px;
padding-bottom: 30px;
padding-top: 30px;
padding-left: 30px;
padding-right: 30px;
z-index: 5;
}


/* -------------

 * BOTOES CONTATO LATERAL

 * ------------- */
.box_comeco {
	position: fixed;
	width: 50px;
	height: 50px;
	top: 250px;
	left: 85%;
	animation: piscar 1s infinite;
	z-index: 11;
}
.box_whats {
	position: fixed;
	width: 50px;
	height: 236px;
	top: 310px;
	left: 85%;
	animation: piscar 1s infinite;
	z-index: 11;
}
@keyframes piscar {
  0% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}