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

.barra{
  background-color: #F6F6F6;
  margin-bottom: 0 !important;
  padding: 1% 1%;
}

.barra img{
  width: 100%;
  /*height: 120px;*/
  /*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;
  min-height: 90px !important;
  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: linear-gradient(to right, #006400, #3373B5, #00ff00);
  
  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;
  margin-bottom: 0;
  padding: 0% 5% !important;
}

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

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

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

.head h5 {
  font-size: 1.7em;
  color: #FFF;
  font-weight: bold;

}

.head h4{
  font-size: 1.1em;
  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{
  margin-top: 20px !important;
}



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

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

.head .btn:hover {
  background-color: #17A2F8 !important;
  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;
}

@media screen and (max-width: 425px) {
  .quemsomosflex {
  flex-direction: column !important
}
}

.quemsomos .centralizar {
  margin-top: 100px !important;
}

.quemsomos .centralizar h2{
 color: #E56B54;
 font-size: 2.8em !important; 
 font-weight: bold
}

.quemsomos .centralizar h3 {
  color: #2F71B4; 
  font-size: 2.8em !important; 
  font-weight: bold
}

.quemsomos .centralizar img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 250px !important;
}

/*-------- 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: #373435;
}

.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;*/
  color: #FFF;
  /*text-shadow: 1px 1px #FFF !important;*/
  text-align: center;
  font-weight: bold;
}

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

.parceirosdiv {
  margin-top: 100px !important
}

.parceirosdiv h3 {
  font-size: 2.6em !important; color: #0A3276 !important;
}

.parceiros {display: flex; flex-direction: row; align-items: center; justify-content: space-evenly}

@media screen and (max-width: 425px) {
  .parceiros {
    flex-direction: column;
  }
}

.espaco .col:nth-of-type(2) div{/*
  background: linear-gradient(to right, #0A2B72, #0A377A, #17A7FD);*/
}

.espaco .col:nth-of-type(3) div{
  /*background-color:#0F0A25;*//*
  background: linear-gradient(to right, #0A2B72, #0A377A, #17A7FD);*/
}

.espaco .col:nth-of-type(4) div{
  /*background-color:#0F0A25;*//*
  background: linear-gradient(to right, #0A2B72, #0A377A, #17A7FD);*/
}

.espaco .col:nth-of-type(5) div{
  /*background-color:#0F0A25;*//*
  background: linear-gradient(to right, #0A2B72, #0A377A, #17A7FD);*/
}

/*.espaco .col:nth-of-type(6) div{
  background-color:#0F0A25;
  background: linear-gradient(to right, #0A2B72, #0A377A, #17A7FD);
}*/

/*.espaco .col:nth-of-type(7) div{
  background-color:#0F0A25;
  background: linear-gradient(to right, #0A2B72, #0A377A, #17A7FD);
}*/


.tratamentos div {
  display: flex; flex-direction: column; align-items: center; justify-content: center; height: 600px !important;
}

@media screen and (max-width: 360px) {
  .tratamentos div {
    height: 650px !important;
  }
}



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

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

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

.local h5 {
  color: #FFF; 
  font-family: 'Monotype Corsiva' !important; 
  font-size: 6em !important; 
  margin-top: 0px !important; 
  margin-bottom: 0px !important
}

.local h6 {
  color: #EF7D36; 
  font-weight: bold; 
  margin-bottom: 0px !important; 
  font-size: 2em !important
}

@media screen and (max-width: 768px) {
  .parceiros {
    flex-direction: column !important
  }
  .local h5 {
    font-size: 4em !important;
  }
}
.local .col{
  margin-top: .2em;
}

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

.local h3 {
  font-size: 4.5em;
  font-weight: bold;
  color: #FFF;
  /*border: 1px solid #B79772;*/
}

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

.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{
  padding: 5%;
  max-width: 1400px;
  margin:auto;
}

.contato h2{
  font-size: 1.7em;
  font-family: 'arial';
  font-weight: bold;
  color: #0A3276 !important;
  text-align: left;
}

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

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

.contato .btn{
  width: 100%;
  height: 3rem;
  background-color: #E56B54 !important;
  border-radius: .5em;
}

.contato h3{
  font-size: 1.5em;
  color: #006400 !important;
  font-family: 'arial';
  font-weight: bold;
  margin-top: 0;
}

.contato p{
  color: #3F3465;
  font-size: 1.1em;
  font-family: 'arial';
  line-height: 1.25em;
}

.contato .fa{
  font-size: 2em;
  color: #0A3276 !important;
  position: relative;
  top: 5px;
  padding-right: .2em;
}

.contato address{
  color: #0A3276;
  font-size: 1.25em;
}

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


.contato a{
  text-decoration: none;
  color: #606062;
}

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

.footer{
  /*background-color: #006400;*/
  
    background: linear-gradient(to right, #006400, #229a00, #00ff00);

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

.footer a{
  color: currentColor;
}

.footer h2{
  font-size: 1.25em;
  color: #FFF;
}

.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: #00AFEF;  
  color: #2C2D34;
  width: 30px !important;
  height: 30px;
  border-radius: 50%;
  padding: 5px;
}

.copy{
  margin-bottom: 0 !important;
  /*background-color: #2E2C39;*/
  
  background: linear-gradient(to right,#006400, #229a00, #00ff00);

  padding: .7em;
}

.copy h2{
  font-size: 0.9em;
  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;
}