body, h1, h2, h3, h4, h5, h6, p, span, button, a, small {
  font-family: 'Montserrat', sans-serif;
}
body {
  background: #f2f2f2;
}
#site-wrapper {
  max-width: 1440px;
  margin: auto;
  background: #fff;
}
.grid-container {
  max-width: 1100px;
}
/* tipografia global */
p {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 0;
}
p, h6 {
  color: #595959;
}
h1 {
  margin-top: -100px;
  color: #fff;
  text-align: center;
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 700;
}
h2 {
  font-weight: 700;
  text-transform: capitalize;
}

/* botões */
.button {
  padding: 15px 25px;
  margin: 1rem 0;
  font-weight: 700;
  border-radius: 50px;
  text-transform: uppercase;
  background: #005CAA;
  -webkit-box-shadow: 2px 2px 18px -8px rgba(26, 26, 26, 1);
  -moz-box-shadow: 2px 2px 18px -8px rgba(26, 26, 26, 1);
  box-shadow: 2px 2px 18px -8px rgba(26, 26, 26, 1);
}
.button.white {
  padding: 15px 25px;
  margin: 1rem 0;
  font-weight: 700;
  border-radius: 50px;
  text-transform: uppercase;
  background: #fff;
  color: #005CAA;
  -webkit-box-shadow: 2px 2px 18px -8px rgba(26, 26, 26, 1);
  -moz-box-shadow: 2px 2px 18px -8px rgba(26, 26, 26, 1);
  box-shadow: 2px 2px 18px -8px rgba(26, 26, 26, 1);
}
.button:hover {
  background: #05215B;
  color: #fff;
}
.button.hallow {
  font-weight: 700;
  border-radius: 50px;
  background: rgba(255, 255, 255, 0);
  border: 2px solid #fff;
  text-transform: uppercase;
  -webkit-box-shadow: 2px 2px 18px -8px rgba(26, 26, 26, 1);
  -moz-box-shadow: 2px 2px 18px -8px rgba(26, 26, 26, 1);
  box-shadow: 2px 2px 18px -8px rgba(26, 26, 26, 1);
}

/* hero */
#hero {
  background: url('../img/bg-hero-mobile.jpg') no-repeat top left;
  background-size: cover;
}
#hero h4 {
  color: #fff;
}
#hero .grid-x:first-of-type {
  height: 30vh;
}
#hero .grid-x:first-of-type .button {
  margin-top: 30px;
}
#hero .grid-x:last-of-type {
  height: 70vh;
}
.logo {
  max-width: 180px;
}

/* utilities */
#testemunhos .title, #faq .title {
  margin-bottom: 2rem;
}
.title h2, .title h3 {
  color: #005CAA;
  font-weight: 700;
  margin-top: 0;
  text-transform: uppercase;
}
.title h2 span, .title h3 span {
  color: #06A9E8;
  font-weight: 400;
  text-transform: uppercase;
}



/* intro */
#intro {
  padding: 2.5rem 0;
  background: #F4F4F4;
}

/* tratamento */
#tratamentos {
  padding: 2.5rem 0;
}
.slide-tratamentos {
  margin: 3rem 0;
}
button.owl-dot.active span {
  background: #005CAA !important;
}

/* cta */
.cta {
  background: url('../img/bg-cta.jpg') no-repeat top center;
  background-size: cover;
  padding: 2.5rem 0;
  color: #fff;
}
.cta h3, .cta  p {
  color: #fff;
}
.cta h3 {
  font-weight: 700;
  text-transform: uppercase;
}
.cta h3 span {
  font-weight: 400;
}


/* faq */
#faq {
  padding: 2.5rem 0;
  background: #f4f4f4;
}
.accordion {
  background: rgba(255, 255, 255, 0);
}
.accordion li {
  -webkit-box-shadow: 2px 2px 18px -8px rgba(26, 26, 26, .3);
  -moz-box-shadow: 2px 2px 18px -8px rgba(26, 26, 26, .3);
  box-shadow: 2px 2px 18px -8px rgba(26, 26, 26, .3);
}
.accordion-item {
  margin-bottom: .5rem;
}
.accordion-title {
  background: #fff;
  border: 0;
}
.accordion-content {
  border: 0;
  padding-top: 0;
}
.accordion-title h5 {
  margin-bottom: 0;
  color: #005CAA;
}
.accordion-title::before {
  color: #005CAA;
  font-size: 1.2rem;
  font-weight: 700;
}
.cta-faq {
  margin-top: 2rem;
}
.cta-faq h4 {
  color: #005CAA;
  text-transform: uppercase;
  margin-bottom: 0;
}
.cta-faq h6 {
  font-weight: 700;
}

/* testemunhos */
#testemunhos {
  padding: 2.5rem 0;
}
#testemunhos .txt {
  background: #005CAA;
  padding: 2rem 1rem;
  margin-top: -50px;
  color: #fff;
}
#testemunhos .txt h5 {
  margin-top: 1rem;
}
#testemunhos .txt p, #testemunhos .txt h5, #testemunhos .txt h6 {
  color: #fff;
}
#testemunhos .owl-dot span {
  background: #fff;
}
#testemunhos .owl-dot.active span {
  background: #06A9E8 !important;
}
#testemunhos  .owl-dot:hover span {
  background: #06A9E8 !important;
}
/* consulta */
#consulta {
  background: url('../img/bg-form.jpg') no-repeat bottom center;
  background-size: cover;
  padding: 2.5rem 0;
}
#consulta .title {
  margin-bottom: 2rem;
}
#consulta .title h2, #consulta .title p {
  color: #fff;
}
.form-wrapper {
  background: #fff;
  padding: 2rem 1rem;
}

/* casos */
#casos {
  padding: 2.5rem 0;
  background: #f4f4f4;
}
#casos h5 {
  text-transform: uppercase;
  color: #06A9E8;
}
#casos h5 span {
  color: #005CAA;
}

#copy {
  padding: .5rem 0;
  background: #232323;
  text-align: center;
  color: #fff;
}

/* footer */
#footer {
  background: #303030;
  color: #fff;
  padding-bottom: 2.5rem;
}
#footer .logo {
  max-width: 180px;
  margin-bottom: 3rem;
}
#footer h6, #footer p {
  color: #fff;
}

/* sticky-cta */
.sticky-cta {
  background: rgba(0, 92, 170, .99);
  padding: .5rem 0;
  position: fixed;
  bottom: 0;
  width: 100%;
  color: #fff;
  z-index: 10000;
}
.sticky-cta .button {
  margin: 0;
  padding: 5px 15px;
  margin-left: 5px;
  /*border: 1px solid #fff;*/
  color: #fff;
}
.sticky-cta .button:hover {
  background: #fff;
  color: #005CAA;
}
.sticky-cta p {
  margin-bottom: 0;
  color: #fff;
  font-size: .9rem;
}

/* medium and up */
@media screen and (min-width: 40em) {
  h1 {
    font-size: 3rem;
    line-height: 3.2rem;
  }
  .form-wrapper {
    padding: 2rem;
  }
  p {
    font-size: 1.1rem;
    line-height: 1.8rem;
  }
}

/* large and up */
@media screen and (min-width: 64em) {
  #footer {
    padding-bottom: 0;
  }
  #hero {
    background: url('../img/bg-hero.jpg') no-repeat top center;
    background-size: cover;
  }
}