/*-------- Barra --------*/

nav{
  background-color: #000000 !important;
  box-shadow: none !important;
  height: 100px !important;
  
}

nav img{
  margin-left: .5em;
  /*width: 150px;*/
  height: 70px !important;
  padding: 5px !important;
}

.button-collapse{
  color: #333 !important;
}
nav .right li a{
  color: #ffffff;
  /*line-height: 120px;*/
  margin-top: 20px !important;
  font-family: 'Segoe UI';  
  font-weight: bold;
}

nav .right li a:hover{
  background-color: rgba(0,0,0,0.3);
   color: white; 
  /*border-bottom: 2px solid #00B247;*/
  margin-top: 20px !important;
  padding-bottom: 0px;
}

.icon-menu{
  padding: 0 5px !important;
}

.left-spc{
  margin-left: 50px !important;
}
.iconecelular{
  background-color: #FFC000;
}

.barra{
  height: auto !important;
  background-color: #F6F6F6;
  margin-bottom: 0 !important
}

.barra img{
  width: 100%;
  height: auto;
  margin-top: 0px;
  object-fit: contain;
  /*padding: 10px;*/
  object-position: left bottom;
}

.barra button{
  background-color:#00A859;
}

.barra{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;    
  overflow: hidden;
}

.barra p{
  font-size: 1em;
  margin: 0;
  color: #727376;
}

.barra a{
  color: #FFF;
  font-weight: bold;
  font-family: 'bahnschrift';
  font-size: 1.2em;
  line-height: 20px;
  padding: 20px !important;
  border-radius: 20px;
  background-color:#3EB649;
}

.barra a .txtwpp{
  color: #FFF;
  font-size: 0.7em !important;
}

.barra a:hover{
  background-color:#60AA45;

}

.barra .telefones{
  margin-top: 25px;
  margin-bottom: 20px;
}

.barra .telefones a{
  height: auto !important;
  z-index: 999 !important;
}

/*-------- Head --------*/

.head{
  background-image: url(../images/banner.png);
  background-size: cover;
  margin-bottom: 0 !important;
  padding-top: 5%;
}

.head .l7{
  padding: 5% 0% !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 80vh !important;
}

.head .l5{
  padding: 2em 5% !important;
}

.head h2{
  font-size: 2.5em;
  font-weight: bold;
  color: #FFF;
  text-align:center;
  margin-bottom: 0;
  padding: 0% 5% !important;
}

.head p{
  font-size: 1.3em;
  color: white;
  margin: 0;
  margin-top: 10px;
  line-height: 1em;
  margin-bottom: 20px;
  padding: 0% 5% !important;
}

.head form{
  background-color: #006897;
  padding: 4em 2em;
  border-radius: 3em;
}

.head h3{
  font-size: 1.5em;
  color: white;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 2em;
}

.head h4{
  font-size: 1.3em;
  color:#FFF;
  margin-top:  -1.9em;
}

.head input, .head textarea{
  background-color: white !important;
  border: none !important;
  margin: .3em 0 !important;
}

.head textarea{
  outline-color: transparent !important;
  padding: 1em;
  height: 100px;
}

.head input::placeholder,
.head textarea::placeholder{
  color: #606062;
}

.head .produtos{
  width: 100%;
  margin-top: 20px !important;
}

.head img{
  max-width: 200px !important;
  margin-left: 100px;
}



.head .btn{
  background-color: #3E4095 !important;
  width: 100%;
  height: 3rem;
  margin-top: .5em;
  display: flex;
  justify-content: center;
}

.head .btn:hover svg{
  background-color: #48B753;
  transition: 0.5s;
}

.head .btn svg{
  padding: 5px !important;
  margin-left: 20px !important;
  margin-top: 3px !important;
  border-radius: 100% !important;
  height: 30px !important;
  width: 30px !important;
  border:2px solid #FFF !important;
  transition: 0.5s;
}

.whatsapp h4{
  font-size: 0.5em;
  color: white;
  margin: 0;
}

.whatsapp{
  background-color: #26A653;
  padding: 1em; 
  padding-bottom: .5em;
}

.whatsapp a{
  color: white;
  font-size: 2em;
  font-weight: bold;
}

/* Contato Link */
.contatolink{
  background-image: url('../images/fundocontato.png');
  background-size: cover;
  background-repeat: no-repeat;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
  flex-wrap: wrap;
  font-size: 0.9em;
  margin-bottom: 0 !important;
}

.contatolink div{
  margin-top: 20px;
  margin-bottom: 20px;
}

.contatolink a{
  color: #FFF;
}

.contatolink svg{
  float: left;
  font-size: 2em !important;
  margin-right: 5px;
  margin-top: -3px;
}
/*-------- Sobre --------*/
.sobre{
  padding: 5% !important;
}
.sobre hr{
  background-color: #9D600F;
  border-color: #9D600F;
  border:2px solid #9D600F;
  border-radius: 5px;
  max-width: 300px;
  left: 0;
  margin-left: 0;
}

.sobre h2{
  font-weight: bold;
  font-size: 1.9em;
  margin-top: -5px;
}

.sobre p{
  font-size: 1.2em;
}


/* Depoimentos */
.depo{
  display: flex;
  flex-direction: column;
}
.depo .depoimento{
  padding: 5%;
  background-color: #FFF;
}

.depo h2{
  color: #2E3092;
  font-size: 2.5em;
  max-width: 500px;
  text-align: center;
  margin:auto;
  font-weight: bold;
}

.depo  .depoimento img{
  object-fit: cover;
  width: 200px !important;
  height: 200px !important;
  display: block;
  margin:auto;
  border-radius: 100%;
  border:4px solid #2E3092;
  margin-top: 20px;
  margin-bottom: 20px;
}

.depo h3{
  color: #2E3092;
  font-size: 1.6em;
  margin-bottom: 5px;
  text-align: center;
  font-weight: bold;
}

.depo p{
  max-width: 700px;
  margin:auto;
  color: #333;
  font-size: 1.4em;
  text-align: center;
}

/*-------- Espaço --------*/

.espaco{
  padding: 5%;
  margin-bottom: 0 !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.espaco h2{
  font-size: 2em;
  font-weight: 500;
  color: #9D600F;
}

.espaco .btn{
  background-color: #9DC037 !important;
  text-transform: none;
  height: 3rem;
  line-height: 3rem;
  padding: 0 4em;
  font-size: 1.25em;
}

.espaco .col div{
  background-size: cover;
  padding: 1em;
  margin-top: 2em;
  min-height: 250px;
}

.espaco h3{
  font-size: 1.25em;
  color: #9DC037;
  text-align: center;
  font-weight: bold;
}

.espaco p{
  color: white;
  line-height: 1.25em;
  text-align: center;
}

.espaco .col:nth-of-type(2) div{
  background-color:#0F0A25;
}

.espaco .col:nth-of-type(3) div{
  background-color:#0F0A25;
}

.espaco .col:nth-of-type(4) div{
  background-color:#0F0A25;
}

.espaco .col:nth-of-type(5) div{
  background-color:#0F0A25;
}

.espaco .col:nth-of-type(6) div{
  background-color:#0F0A25;
}

.espaco .col:nth-of-type(7) div{
  background-color:#0F0A25;
}

/*-------- Local --------*/

.local{
  padding: 5%;
  margin-bottom: 0 !important;
  position: relative;
  overflow: hidden;
  background-image: url(../images/foto-7.png);
  background-repeat: no-repeat;
  background-size: 120% 500px;
}

.local .col{
  margin-top: .2em;
}

.local h2{
  font-size: 2.25em;
  font-weight: bold;
  color: #FFF;
  text-align: center;
}

.local p{
  font-size: 1.25em;
  line-height: 1.25em;
  color: white;
}

.local .btn{
  background-color: #A8CF45 !important;
}


/*-------- Galeria --------*/

.local{
  padding: 5%;
  margin-bottom: 0 !important;
}

.local h2{
  font-size: 2em;
  font-family: 'bahnschrift';
}

.local ul li{
  display: inline-table;
  padding: .5em;
  font-size: 1.25em;
  font-family: 'bahnschrift';
  text-transform: uppercase;
  color: white;
}

.local .col div{
  height: 250px;
  display: flex;
  align-items: center;
  /*background-color: #D2D3D5;*/
  margin-top: 2em;
}

.local svg{
  font-size: 1em;
}

.local img{
  background-color: #FFF;
  width: 100%;
  height: 250px;
  border:1px solid #333;
  object-fit: cover;
  margin-bottom: -6px;
}

.local .col{
  margin-top: 2em;
}

.local .pag.active{
  display: block;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

.local .pag{
  display: none;
  padding: 1% 5%;
}

.local ul{
  display: flex;
  justify-content: center;
  align-items: center;
}
.menufoto li{
  cursor: pointer;
}

.local .botoes li{
  cursor: pointer;
  text-align: center;
  margin: .2em;
  display: inline-table;
  cursor: pointer;
  transition: all 0.5s;
  font-size: 1em;
  padding: .1em 1.5em;
  color: #FFF;
  border: 1px solid transparent;
}

.pg2, .pg3, .pg4, .pg5, .pg6, .pg7{
  display: none;
}

.local li.active{
  cursor: pointer;
  color: #FFF;
  background-color: #050507;
  border: 1px solid transparent;
}

.local button{
  display: block;
  margin: auto;
  font-weight: bold;
  color: #333;
  background-color: #FFF101 !important;
  position: relative;
}


/*-------- Contato --------*/

.couselo{
  background-image: url(../images/fundo.png);
  background-size: cover;
  padding: 2em 10%;
}

.couselo h2{
  font-size: 2em;
  font-family: 'bahnschrift';
  color: white;
}

.couselo img{
  width: 100%;
  height: 120px;
  object-fit: contain;
}

/*-------- Contato --------*/


/*-----------------Contato Footer-----------------*/
.footera{
  margin: 2% 5% !important;

}

.footera .t1{
  color: #333;
  font-family: 'Segoe UI';
  font-weight: 700;
  font-size: 1.6rem;
  /*border-bottom: 2px solid #333;*/
  padding-bottom: 5px;
  clear: both;
  margin-bottom: 0px;
  text-align: center;
}

.footera hr{
  color: #FFC000;
  width: 100px;
  height: 3px;
  border: none;
  float: center;
  background-color: #FFC000;
  margin-bottom: 30px;
}


/*-------- Orçamento --------*/

.contato{

  align-items: center;
}

.contato h2{
  text-align: center;
  font-size: 2em;
  color: #fff;
  font-weight: bold;
  margin: 0 auto;
  max-width: 700px;
  width: 100%;
  background-color: #006E99;
  padding-top: 2em;
}

.contato p span{
  color: yellow;
}

.contato p{
  text-align: center;
  font-size: 1.25em;
  color: #fff !important;
  font-weight: bold;
  margin: 0 auto;
  max-width: 700px;
  width: 100%;
  background-color: #006E99;
  padding-bottom: 1em;
  border-radius: 0 0 2em 2em;
}

.contato input, .contato textarea{
  background-color: #E6E7E8 !important;
  border: none !important;
  border-radius: .5em !important;
}

.contato input::placeholder, .contato textarea::placeholder{
  color: #727376;
  padding-left: .5em;
  font-family: 'arial';
}

.contato .btn{
  background-color: #EC3143 !important;
  border-radius: 2em !important;
  height: 3rem !important;
  padding: 0 4em;
  font-family: 'bahnschrift';
}



@media  screen and (max-width: 1000px) {
  .contato .btn{
    
    font-size: .8em;
  }
}

.contato .botao{
  font-size: 1em !important;
  width: initial !important;
  height: initial !important;
  line-height: initial !important;
  border-radius: 0 !important;
  margin-right: 0 !important;
  float: none !important;
  top: 0 !important;
}

.contato h3{
  font-size: 1.25em;
  color: #404040;
}

.contato img{
  width: 90px;
  height: 90px;
  object-fit: cover;
  object-position: top;
  border-radius: 50%;
  border: 2px solid #666;
  float: left;
  margin: .5em;
}

.contato .dona p{
  font-size: 1em;
  line-height: 1.25em;
  color: #666;
  margin-top: 2em;
  font-family: 'roboto';
  font-weight: normal;
}

.contato .dona{
  border: 2px solid #666;
  border-radius: 2em;
  padding: .5em 2em;
  display: flex;
  flex-direction: row-reverse;
}

.contato .envia{
  background-color: #FFC000;
  color: white;
  width: 100%;
  font-family: 'Segoe UI';
  font-weight: bold;
}

.contato .col{
  /*margin-top: 2em;*/
}

.contato .top{
  width: 100%;
}

.link-f{
  color: #555;
      font-size: 1.3rem;
      padding: 1%;

}
/*-------- Passos --------*/
.passos{
  padding: 5%;
  background-color: #EEE;
}

.passos div{
  margin:auto;
  max-width: 1100px;
}

.passos img{width:100%;max-width: 700px !important;display: block;margin: auto;margin-bottom: 25px;margin-top: 25px;}

.passos img.right{margin-right: 0px !important;}

.passos img.left{margin-left: 0px !important;}

/*-------- Footer --------*/


.footer .barra{
  margin-top: 100px;
  background-color: transparent;
}

.footer .barra a{
  color: #FFF;
  font-weight: bold;
  font-family: 'bahnschrift';
  font-size: 1.2em;
  line-height: 20px;
  padding: 20px !important;
  border-radius: 20px;
  background-color:#3EB649;
}

.footer .barra a .txtwpp{
  color: #FFF;
  font-size: 0.7em !important;
}

.footer .barra a:hover{
  background-color:#60AA45;

}

.footer .barra .telefones{
  margin-top: 25px;
  margin-bottom: 20px;
}

.footer .barra .telefones a{
  height: auto !important;
  z-index: 999 !important;
}

.footer{
  background-color: #000000;
  padding: 5%;
  margin-bottom: 0 !important;
  color:#FFF !important;
}

.footer a{
  color: currentColor;
  color:#FFF !important;
}

.footer h2{
  font-size: 1.5em;
  color: #FFF;
  font-weight: bold;
}

.footer p{
  color: white;
  line-height: 1.25em;
}

.footer input{
  background-color: #FEFEFE !important;
  border: none !important;
  margin-bottom: 0 !important;
}

.footer button{
  color: white; 
  background-color: transparent;
  border: none;
}

.footer li{
  color: white;
}

.footer svg{
  background-color: #9D600F;  
  color: #FFF;
  width: 40px !important;
  height: 40px;
  border-radius: 50%;
  padding: 10px;
  font-size: 2em;
  margin-top: 25px;
  margin-bottom: -10px;
}

.copy{
  margin-bottom: 0 !important;
  background-color: #2E2C39;
  padding: .7em;
}

.copy h2{
  font-size: 1.2em;
  color: white;
  margin: 0;
  text-align: center;
}

/*-------- TIPOGRAFIA --------*/

@font-face{
  font-family: 'bahnschrift';
  src: url(../fonts/bahnschrift.ttf);
}

@font-face{
  font-family: 'caviardreams';
  src: url(../fonts/caviardreams.ttf);
}

address{
  font-style: normal;
}

strong{
  font-weight: bold !important;
}

figcaption{
  display: none !important;
}

figure{
  margin: 0 !important;
}

fieldset {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

input{
  padding-left: 1em !important;
  width: calc(100% - 1em) !important;
}

.limite{
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}