@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;  
  text-rendering: optimizeLegibility;
  outline: none;
  margin: 0px;
}

:root{
  --cor1:#61BA51;
  --cor1-hover:#70ce60;
  --cor2: #3F444C;
  --branco:#ffffff;
  --cinza:#949597;
}


body.html {
  margin: 0px;
  box-sizing: border-box;
  font-family: 'Montserrat',sans-serif;
}


h1 {
  font-family: 'Anton';
  text-transform: uppercase;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}

h1 {
  font-size: 60px !important;
  line-height: 65px;
  color: var(--cor1);
}

h1 span{
  font-size: 50px;
  color:var(--cor2);
}

h2 {
  font-family: 'Anton',sans-serif;
  font-size: 35px !important;
}

h3 {
  font-family: 'Anton',sans-serif;
  font-size: 20px !important;
  margin: 10px auto;
}

p {
  font-family: 'montserrat',sans-serif;
  font-size: 16px;
  line-height: 25px;
  font-weight: 500;
}

.top {
  height: 90px;
  width: 100%;
  display: block;
  margin: 0px;
  position: fixed;
  z-index: 30;
  background-color: #fff;
  box-shadow: 0 0 4px #ccc;
}

.top-alinha {
  max-width:1000px;  
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  height:auto;
  margin: 0px auto;
  padding:15px 10px;
}

.espaco-top {
  display: block;
  width: 100%;
  height: 90px;
}

.menu-top {
  display: flex;
  height: 100%;
  flex-direction: row;
  justify-content: flex-end;
  flex-wrap: wrap;
  align-items: center;
}

.menu-top ul {
  list-style-type: none;
  display: inline-block;
  padding: 0px;
  margin: 0px;
}

.menu-top ul li {
  float: left;
}

.telefone-top {
  font-family: 'Montserrat',sans-serif;
  font-size: 20px;
}

.menu-top ul li a {
  font-family: 'Montserrat',sans-serif;
  font-size: 14px;
  color: var(--cinza);
  text-decoration: none;
  display: block;
  float: left;
  width: auto;
  transition: ease-out 0.3s ease-out;  
  text-transform: uppercase;
  height: 100%;
  padding: 20px 0px;
  margin: 0px 10px;
  font-weight: 600;
  cursor: pointer;
}

.menu-top ul li a:hover {
  background-position: bottom;
  color: var(--cor1);
}

.container-externo {
  width: 100%;
  padding: 0px;
  margin: 0px;
  display: block;
  text-align: center;
}

.container-externo-empresa {
  width: 100%;
  padding: 0px;
  margin: 0px;
  float: left;
  height: auto;
  min-height: 550px;
  display: block;
  background-repeat: no-repeat;
  background-image: url('../images/bg-empresa.png');
  /* background-size:cover; */
  background-position-x: left;
  background-position-y:center; 
  background-color: var(--branco);
}

.container-interno {
  max-width: 1000px;
  width: 1000px;
  padding: 40px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  margin: 0 auto;
}

.container-interno-empresa {  
  text-align: left;
  width: 1000px;
  padding: 50px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  height: auto;
  margin: 0 auto;
}

.container-interno-servico {  
  text-align: center;
  width: 1000px;
  padding: 50px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  height: auto;
  margin: 0 auto;
}

.container-interno-servico h1 {
  margin-bottom:20px;
}

.bg-cinza-claro{
  background: #f4f4f4;
}

.container-interno-contato {
  width: 1000px;
  padding: 70px 10px;
  display: flex;
  justify-content: space-between;
  align-items:center;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  margin: 0 auto;
}

.container-interno-contato h1 {
  margin-bottom: 60px;
}

.container-interno-contato p{
  margin-bottom: 20px; 
  font-weight: 600;
  font-size: 18px;
}

.container-interno-contato section {
  flex-direction: column;
  display: flex;
  justify-content:center;
  align-items:flex-start;
}

.container-interno-contato article{
  flex:1;
  text-align: left;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  color:var(--cor2);
}

.container-interno-contato article i{
  margin-right: 10px;
}

.container-interno-contato #fone{
  font-size: 25px;
}


.container-interno-servico{
  max-width: 1000px;
  width: 1000px;
  padding: 40px 10px;
  display: flex;
  justify-content: center;
}

.servicos-container {
  width: 100%;
  display: flex;
  justify-content:flex-start;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}

.servicos-container img {
  width: 100%;
  height: auto;
}

#produtos h1{
  text-align: center;
  margin-bottom: 20px;
  align-self: center;
}

.servicos-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 305px;
  margin:10px 10px;
  height: 370px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 0px 4px 1px #eee;
  padding:20px;
  margin-bottom: 10px;
}

.servicos-item h3 {
  margin:0px auto 5px auto;
  font-size: 16px !important;
  color:var(--cor2);
  letter-spacing: 0.5px;
  font-family: 'Montserrat',sans-serif;
  text-transform: uppercase;
  font-weight: 600;
}

.servicos-item p {
  margin: 0px auto 5px auto;
  font-size: 22px;
  color:var(--cor2);
  letter-spacing: 0.5px;
  font-family: 'Anton',sans-serif;
  text-transform: uppercase;
}

.servicos-item a {
  width:160px;
  background: var(--cor1);
  margin: 5px auto;
  padding: 15px 25px;
  border-radius: 30px;
  font-size: 16px;
  color:#fff;
  letter-spacing: 0.5px;
  font-family: 'Montserrat',sans-serif;
  text-transform: uppercase;
  display: block;
  transition: all 0.3s ease-out;
  text-decoration: none;
  cursor: pointer;
}

.servicos-item a:hover {
  color: #ffffff;
  background:var(--cor1-hover);
}

.container-externo-representante {
  width: 100%;
  padding: 0px;
  margin: 0px;
  float: left;
  height:auto;
  min-height: 500px;
  display: block;
  background-repeat: no-repeat;
  background-image: url('../images/bg-representantes.jpg');
  background-size:cover;
  background-position-x:center;
  background-position-y:bottom; 
  background-color:#4EA03C;
}

.container-interno-representante {
  max-width: 1000px;
  width: 1000px;
  padding:60px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  margin: 0 auto;
}

.container-externo-representante h1{
  color:var(--branco);
  margin-bottom: 40px;
}

.container-interno-representante section{
  display: flex;
  flex-direction:row;
  flex-wrap: wrap;
  justify-content:flex-start;
  align-items:flex-start;
  color: var(--branco);  
  align-content: center;
}

.container-interno-representante section article{
  width: 200px;
  display: flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items: flex-start;
  margin: 0px 20px 20px 0px;
  font-family: 'Montserrat',sans-serif;
}

.container-interno-representante section article h3{
  font-size: 25px !important;
  margin: 5px 0px;  
  font-weight: normal;
  text-align: left;
  text-transform: uppercase;
}

.container-externo-falecom {
  width: 100%;
  padding: 0px;
  margin: 0px;
  float: left;
  height:auto;
  min-height: 500px;
  display: block;
  background-color:#fff;
}

.container-interno-falecom {
  max-width: 1000px;
  width: 1000px;
  padding:60px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  margin: 0 auto;
}

.container-externo-falecom h1{
  color:var(--cor1);
  margin-bottom: 40px;
}

.container-interno-falecom section{
  display: flex;
  flex-direction:row;
  flex-wrap: wrap;
  justify-content:flex-start;
  align-items:flex-start;
  color: var(--cor2);  
  align-content: center;
}

.container-interno-falecom section article{
  width: 220px;
  display: flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items: flex-start;
  margin: 0px 20px 20px 0px;
  font-family: 'Montserrat',sans-serif;
}

.container-interno-falecom section article h3{
  font-size: 25px !important;
  margin: 5px 0px;  
  font-weight: normal;
  text-align: left;
  text-transform: uppercase;
}

.container-interno-falecom section article a{
  text-decoration:none;
  font-weight:600;
  font-size:14px;
  color: var(--cor2);
  margin-bottom:5px;
  border-radius:30px;
}

.container-interno-falecom section article img{
  margin-bottom: -3px;
  color:var(--cor1);
}

input,
textarea,
select {
  padding: 12px;
  font-size: 16px;
  color: #fff;
  width: 100%;
  margin: 0px auto 10px auto;
  font-family: 'proximanova-nolmal',sans-serif;
  transition: all 0.3s linear;
  background:  var(--cor2);
  border: 2px solid  var(--cor2);
  border-radius: 25px;
  box-sizing: border-box;
}

::placeholder {
  color: #c0c0c0;
}

input[name=estado] {
  width: 14%;
}

input[name=cidade] {
  width: 84%;

}

input[name=palavra] {
  width: 180px;
  margin: 0px 0px 10px 0px;
  display:block;
}

input[name=email] {
  width: 49%;
  margin-right: 1%;
  float: left;
}

input[name=telefone] {
  width: 50%;

}

select[name=assunto] {
  width: 100%;
}

input[type=submit] {
  font-family: 'proximanova-semibold',sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  color: #ffffff;
  text-decoration: none;
  background-color:  var(--cor1);
  height: auto;
  width: auto;
  display: block;
  transition: all 0.3s ease-out;
  letter-spacing: 3.0px;
  padding: 15px 25px;
  margin: 0px;
  cursor: pointer;
  border: solid 1px  var(--cor1);
  border-radius: 40px;
}

input[type=submit]:focus {
  background:  var(--cor1);
  display: block;
  color: #ffffff;
}


input:focus,
textarea:focus {}

#bt-enviar {
  font-family: 'proximanova-semibold',sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  color: #ffffff;
  text-decoration: none;
  background-color: var(--cor1);
  height: auto;
  width: auto;
  display: block;
  transition: all 0.3s ease-out;
  padding: 15px 25px;
  margin: 0px;
  cursor: pointer;
  border: solid 1px  var(--cor1);
  border-radius: 40px;
  letter-spacing:1px;
}

.btn-enviar:focus{
  background: var(--cor1);
  display: block;
  color: #ffffff;
}

.error {
  font-family: 'proximanova-regular',sans-serif;
  color: #EF6F66;
  display: block;
  text-align: left;
}

.aviso {
  font-family: 'proximanova-regular',sans-serif;
  font-size: 16px;
  color: #ffffff;
  background-color: var(--cor1);
  display: none;
  padding: 15px;
  margin: 10px 1%;
  width: 98%;
  text-align: left;
  border-radius: 25px;
  box-sizing: border-box;
}

footer{
  margin-top: 40px;
  background:var(--cor2);
  height: 10px;
}

/* modal */
.modal-offset{
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.3);
  position: fixed;
  z-index: 31;
  backdrop-filter: blur(3px);
  display: none;
  overflow-y: auto;
}

.modal {
  display: none;
  width: 90%;
  height: auto;
  top: 10px;
  margin: 30px 5%;
  padding:20px;
  position: fixed;
  z-index: 32;
  overflow: auto;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 6px;  
}

.modal-top{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 20px;
}

a.fechar {

  width: auto;
  height: auto;
  padding: 10px;
  float: right;
  background: #fff;
}

.load {
  width: 60px;
  height: 60px;
  z-index: 40;
  position: absolute;
  top: 270px;
  margin-left: 46%;
  display: none;
  background-color: #fff;
  border-radius: 50px;
  border: none;
  background-image: url(../images/ajax-loader.gif);
  background-position: center;
  background-repeat: no-repeat;
}

.conteudo-modal{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  color: var(--cor2);
  font-family: 'montserrat',sans-serif;
  font-size: 16px;
}

.conteudo-modal img{
  width: 100%;
  height: auto;
}

.conteudo-modal section h2{
  color: var(--cor2);
  letter-spacing: 1px;
  font-size: 30px !important;
}

.conteudo-modal section p{
  color: var(--cor2);
  font-family: 'montserrat',sans-serif;
  font-size: 16px;
  line-height: 22px;
}