@charset "UTF-8";
/* Header */
header {
  padding: 20px 5px;
  text-align: center; }

#logo {
  max-width: 435px;
  display: block;
  margin: 0em auto;
}

.clear {
  clear: both;
  margin-top: 0; }

.no-border {
  border: none;
  margin: 0;
}
/* Slider */
.slider {
  display: none; }

.contato_topo {
  display: none;
}

/* Main */
/* index */
.verMais {
  text-align: center; }
  .verMais a {
    background: #66BB6A;
    color: #FFF;
    display: inline-block;
    text-decoration: none;
    padding: 12px 5px;
    text-transform: uppercase;
    width: 125px;
    font-weight: 600;
    border-radius: 2px;
    margin: 1%;
    transition: all 0.3s ease; }
  .verMais a:hover {
    background: #b6b5b5;
    color: #333; }


#home {
  padding: 50px 0; }
  #home p {
    text-align: justify;
    margin-bottom: 10px; }
  #home .verMais {
    margin-top: 10px; }


#procedimentosHome {
  background: #f4f4f4;
  padding: 10px 0 20px; }
  #procedimentosHome figure {
    position: relative;
    width: 280px;
    margin: auto;
    text-align: center;
    margin-bottom: 20px; }
    #procedimentosHome figure figcaption {
      position: absolute;
      top: 0;
      color: #fff;
      text-transform: uppercase;
      font-size: 40px;
      width: 100%;
      top: 30%;
      font-weight: 600; }

#contatoHome {
  padding: 10px 0;
  max-width: 768px;
  margin: auto; }
  #contatoHome h2 {
    color: #66BB6A; }
  #contatoHome form div {
    margin-bottom: 15px; }
    #contatoHome form div Ftecinput, #contatoHome form div textarea {
      width: 100%;
      border: 0;
      background: #e9e9e9;
      color: #b6b5b5;
      font-size: 25px;
      font-family: 'Lato', sans-serif;
      font-weight: 300;
      text-transform: uppercase;
      padding: 10px; }
    #contatoHome form div textarea {
      height: 135px;
      resize: none; }
    #contatoHome form div input[type=submit] {
      background: #a2d0a4;
      color: #66BB6A;
      font-weight: 700;
      font-size: 26px;
      cursor: pointer; }

/* informacoes */
#informacoes {
  max-width: 768px;
  margin: 0 auto;
  display: block;
}

/* contato */
form div {
  margin-bottom: 20px; }
  form div input, form div textarea {
    width: 100%;
    padding: 8px;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    height: 40px; }
  form div textarea {
    resize: none;
    height: 217px; }
  form div button {
    border: 0;
    background: #66BB6A;
    color: #fff;
    display: inline-block;
    padding: 10px 50px;
    font-weight: 600;
    cursor: pointer;
    border-bottom: 3px solid #a2d0a4; 
    transition: all 1s ease;
    }

    form div button:hover {
      background: #a2d0a4;
      color: #66BB6A;
      border-bottom: 3px solid #66BB6A; 
    }

.alert {
    text-align: center;
    letter-spacing: 2px;
    padding: 10px;
}

.alert-success {
    background-color: rgba(72, 146, 72, 0.6);
}
.alert-danger {
    background-color: rgba(212, 56, 56, 0.6);
}
.alert-success, .alert-danger {
    color: #fff;
    padding: 10px;
    font-size: 15px;
    line-height: 20px;
    margin: 0 auto 10px;
}


#contato .infos div {
  background: #F7F7F7;
  padding: 20px 10px 5px;
  border-bottom: 3px solid #B1B1B1; }
  #contato .infos div p {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: left; }

  #contato .infos div p:first-child a:last-child {
    text-transform: none;
  }

    #contato .infos div p i {
      margin-right: 5px;
      color: #3b5999; }
    #contato .infos div p a {
      color: #222;
      text-decoration: none; }

/* corpo clinico */
#corpo-clinico {
    text-align: center;
}

#corpo-clinico img {
    max-width: 240px;
    padding-bottom: 10px;
}

.internas ul {
  padding-left: 25px;
}

.internas li {
  list-style: square;
  text-align: left;
  margin-bottom: 15px;
  line-height: 24px;
  font-size: 22px;
  color: #333333;
  font-weight: 300;
}

/* depoimentos */
#depoimentos blockquote {
  margin: 20px 0;
}

#depoimentos blockquote strong,
#depoimentos blockquote p {
  text-align: justify;
  margin-bottom: 9px;
  line-height: normal;
  font-size: 15px;
  font-weight: 400;
}

#depoimentos blockquote strong {
  font-size: 17px;
  font-weight: bold;
}

/* noticias */
#noticias .categorias {
  padding: 10px 0; }
  #noticias .categorias strong {
    display: block;
    font-size: 20px;
    color: #66BB6A;
    margin-bottom: 10px; }
  #noticias .categorias ul {
    width: 100%; }
    #noticias .categorias ul li {
      text-align: center; }
      #noticias .categorias ul li:first-child a {
        border-top: 3px solid #66BB6A; }
      #noticias .categorias ul li a {
        padding: 10px 5px;
        text-decoration: none;
        width: 100%;
        display: inline-block;
        color: #333;
        text-transform: uppercase;
        transition: all 0.5s ease;
        border-bottom: 1px solid #eee; }
        #noticias .categorias ul li a:hover, #noticias .categorias ul li a:active {
          background: #66BB6A;
          color: #fff;
          border-bottom: 1px solid #FFF; }
    #noticias .noticia div{
      text-align: justify;
      margin-bottom: 15px;
      line-height: 24px;
      font-size: 22px;
      color: #333333;
      font-weight: 300;
    }

/* Termo */
#termo {
  display: block; }
  #termo article {
    text-align: center; }
    #termo article img {
      margin: 10px;
      border: 1px solid #222; }
    #termo article a.download {
      display: block;
      text-transform: uppercase;
      background-color:rgba(32,107,57,0.8);
      color: white;
      text-decoration: none;
      padding: 15px;
      transition: 0.7s;
      margin-bottom: 10px;
      position: relative; 
    }
    #termo article a.download:after {
        content: "\f019";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        padding-right: 0.5em;
        font-size: 20px;
        position: absolute;
        top: 35%; left: 30px;
    }
    #termo article a.download:hover {
      background-color:rgba(32,107,57,1); }

/* T├®cnicas e procedimentos */
#tecnicas {
  text-align: center; }
#tecnicas img {
  max-width: 380px; }
  #tecnicas figure {
    position: relative;
    max-width: 380px;
    margin: auto;
    text-align: center;
    margin-bottom: 20px; }
    #tecnicas figure a {
      display: block; }
      #tecnicas figure a figcaption {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        color: #fff;
        background-color: rgba(32, 107, 57, 0.5);
        font-size: 30px;
        width: 100%;
        font-weight: 600;
        padding-top: 30%;
        -webkit-transition: all 0.7s ease;
        transition: all 0.7s ease;
        text-transform: uppercase; }
      #tecnicas figure a:hover figcaption {
        display: block;
        height: 27%;
        width: 100%;
        padding: 10px;
        padding-top: 15px; }

a.bt_voltar {
  color: #FFF;
  background-color: #66BB6A;
  margin-top: 20px;
  display: block;
  font-weight: 900;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  padding: 10px;
  text-decoration: none; }
  a.bt_voltar:hover {
    text-decoration: underline; }

/* Footer */
footer {
  border-top: 4px solid #66BB6A;
  padding: 5px 0;
  margin-top: 40px; }
  footer p {
    text-align: left;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500; }
  footer a {
    color: #333;
    text-decoration: none; }

.local {
  text-align: center;
}

.galeria_dep {
  text-align: center;
}

.galeria_dep a {
  text-align: center;
  overflow: hidden;
  height: 150px;
}

/* Media */
@media screen and (min-width: 640px) {
  /* Footer */
  footer p:first-child {
    float: left; }
  footer p:last-child {
    float: right; }

  /* Internas de servi├ºos e Informa├º├Áes da Vagas */
  a.bt_voltar {
    text-align: left;
    color: #66BB6A;
    background-color: transparent; }
    a.bt_voltar:hover {
      text-decoration: underline; } 
  /* termo */
  #termo article a.download {
      display: inline-block;
      width: 40%;
      margin: 0.5%;
      padding: 30px;
  }
  #termo article a.download:after {
      font-size: 30px;
      position: absolute;
      top: 35%; left: 30px;
  }

  .local {
    text-align: center;
    display: block;
  }

  .local a {
    display: inline-block;
    width: 48.5%;
    margin: 0.5%;
  }

  .galeria_dep {
    text-align: center;
    display: block;
  }

  .galeria_dep a {
    display: inline-block;
    width: 48.5%;
    margin: 0.5%;
  }


}


@media screen and (min-width: 768px) {
  /* Main */
  /* Index */
  #procedimentosHome {
    text-align: center; }
    #procedimentosHome figure {
      display: inline-block;
      width: 46%;
      margin: 0 5px 10px; }

  /* contato */
  #contato .duvidas {
    float: left;
    width: 49%; }
  #contato .infos {
    float: right;
    width: 49%; }
  #contato .infos span{
    font-weight: bold; }


  /* Noticias */
  #noticias .categorias {
    padding: 20px 0;
    display: inline-block;
    float: right;
    width: 30%;
    margin-left: 2%; }
  #noticias .noticia {
    display: inline-block;
    float: left;
    width: 68%; }

  /* T├®cnicas e procedimentos */
  #tecnicas {
    text-align: center; }
    #tecnicas figure {
      display: inline-block;
      width: 46%;
      margin: 0 5px 10px; }
    #tecnicas img {
      display: inline-block;
      float: right; }

  .internas img {
    display: inline-block;
    float: left;
    padding-right: 20px;
  }

}


#toTop {
  background: none repeat scroll 0 0 #222;
  cursor: pointer;
  display: none;
  position: fixed;
  right: 10px; bottom: 10px;
  text-align: center;
  z-index: 100;
  color: #FFF;
    font-size: 15px;
    padding: 10px 15px;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
}


@media screen and (min-width: 960px) {

  #logo {
    display: inline-block;
    float: left;
  }

  .contato_topo {
    display: inline-block;
    float: right;
    height: 167px;
    padding-top: 50px;
  }

  .contato_topo p {
    margin-bottom: 0;
    text-align: right;
  }

  .contato_topo p a {
    text-decoration: none;
    display: inline-block;
    color: #333333;
    font-weight: 700;
    font-size: 20px;
  }

  /* Slider */
  .slider {
    display: block;
    background: #66BB6A; }

  /* Main */
  /* Index */
  hr.barra_menu {
      border: 0;
      border-bottom: 6px solid #66BB6A;
      display: block;
      height: 0px;
      border-top: 0;
      margin: 0;
  }

  nav {
    margin: 0;
  }

  nav ul {
    background: transparent;
  }

  nav ul li a {
    color: #66BB6A;
    font-weight: 700;
    padding: 20px;

  }

  nav ul li:first-child a {
    padding-left: 0;
  }

  nav ul li:last-child a {
    padding-right: 0;
  }


  nav ul li a:hover {
    color: #333333;
    background: transparent;
  }

  .diferente { color: #333333; }

  #procedimentosHome figure {
    width: 32.5%;
    margin: 0.5%;
  }

  #procedimentosHome figure:nth-child(2) {
    margin-left: 0;
  }

  #procedimentosHome figure:nth-child(4) {
    margin-right: 0;
  }

  /* depoimentos */
  .cd-image-container {
    position: relative;
    width: 35%;
    max-width: 35%;
    float: left;
    margin: 0 15px 15px 4px;
  }

  .galeria_dep {
    text-align: center;
    display: block;
    margin-bottom: 15px;
  }

  .galeria_dep a {
    display: inline-block;
    width: 14%;
    margin: 0%;
  }

  .galeria_dep a:nth-child(2) {
    margin-left: 0;
  }

  .galeria_dep a:last-child {
    margin-right: 0;
  }

  /* contato */
  .local {
    text-align: center;
    display: block;
  }

  .local a {
    display: inline-block;
    width: 24%;
    margin: 0.5%;
  }

  .local a:nth-child(2) {
    margin-left: 0;
  }

  .local a:last-child {
    margin-right: 0;
  }

}

/* Banda Gástrica */

@media only screen and (min-width: 768px){
  .img-banda{position: relative; left: 15px;}
}


/*# sourceMappingURL=style.css.map */


/* WhatsApp Fixo*/
.btn-whats{
  background-color: #25D366;
  color: white;
  width: 70px;
  height: 70px;
  text-decoration: none;
  border-radius: 800px;
  top: 80%;
  left: 90%;
  position: fixed;
  transition: all .6s;
  animation: 2s btn-whats;
  animation-fill-mode: both;
  animation-iterative-count: 1;
  z-index: 999;
}.btn-whats:hover{
  box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}

.pulse{
  animation: pulse 2s infinite;
}

.btn-whats > i{
  position: relative;
  font-size: 2.4rem;
  top: 15px;
  left: 18px;
  color: #fff;
}

@media only screen and (min-width: 1024px){
  .btn-whats{
    left: 89% !important;
  }
}

@media only screen and (min-width: 900px){
  .btn-whats{
    left: 86%;
  }
}

@media only screen and (min-width: 780px){
  .btn-whats{
    left: 84%;
  }
}


@media only screen and (min-width: 768px){
  .btn-whats{
    left: 86%;
  }
}

@media only screen and (max-width: 700px){
  .btn-whats{
    left: 84%;
  }
  h1{
    font-size: 1.8rem;
  }
}

@media only screen and (max-width: 450px){
  .btn-whats{
    left: 80%;
  }
  
}

@media only screen and (max-width: 350px){
  .btn-whats{
    left: 75%;
  }
}

@keyframes btn-whats{
  10%{
    transform: translate(0, 200px); 
  }
  50%{
    transform: translate(0, -40px);
  }
  
  70%{
    transform: scale(1.1);
  }
}

@keyframes pulse {
  50%{
    transform: scale(1.1);
  }
}