h1, h2, h3, h4, h5, p, dd, li, .btn, .form-control, .accordion-body { font-family: "Work Sans", sans-serif; }
h1 { font-size: 2.25rem; font-weight: 600; font-style: italic; }
h2 { font-weight: 600; font-style: italic; }
h3 { font-size: 1.35rem; font-style: italic; }
h4 { font-weight: 600; }

.text-primary { color: #00cc00 !important; }
.text-blue { color: #404b7a; }
.text-grey { color: #B0B0B0; }

.bg-primary { background: #00cc00 !important; }
.bg-blue { background: #404b7a; }
.bg-grey { background: #f4f4f4; }
.bg-dark { background: #232323; }
.bg-light { background: #f7f7f7 !important; }
.bg-green { background: #404527; }

.btn { font-style: italic; border: 0; padding: .375rem 1.5rem; font-weight: 600; border-radius: 2rem; }
.btn-primary { background-image: linear-gradient(to right, #00cc00, #77e61c); color: #000; }

.rounded-5, .rounded-pill { border-radius: 20px !important; }

.table * { font-style: italic; }

/* NAVBAR */
.nav-link:hover, dd a:hover { color: #00cc00 !important; }
.dropdown-menu { background: rgba(0,0,0,.7); }
.dropdown-item:hover { color: #00cc00 !important; background: none; }

/* CAROUSEL */
.carousel-caption { left: 5%; bottom: auto; max-width: 460px; }
.carousel-caption p{font-size: 1.2rem;}
#carousel-home .carousel-caption { top: 120px; }
#carousel-pages .carousel-caption { top: 70px; }

/* CONTENT */
.bg-phone { background: url('../img/bg-phone.jpg') top right no-repeat; }
.bg-guaru-phone { position: absolute; right: 0; top: 0; width: auto; height: 100%; opacity: .35; }
.bg-quem-somos { position: absolute; left: 0; bottom: 0; width: auto; height: 100%; opacity: .45; }

.card-services img { filter: grayscale(100%); }
.card-services:hover { box-shadow: 0 1rem 3rem rgba(0,0,0,.175); }
.card-services:hover img { filter: none; }
.img-smartphone { margin-bottom: -80px; z-index: 99999; position: relative; }

.card-contact { margin-bottom: -30px; }

/* FORM */
.form-control { padding: 9px 18px; }
textarea { height: 96px; }

/* FOOTER */
footer { margin-top: -7px; }

.btn-whatsapp {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  right: 40px;
  background-color: #25d366;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 33px;
  box-shadow: 1px 1px 2px #888;
  z-index: 1000;
  padding-top: 5px;
}
.btn-whatsapp:hover { color: #075e54; }
