h1, h2, h3, h4, h5 { font-family: 'Yeseva One', cursive; }
p, dd, li, .form-control { font-family: 'Kanit', sans-serif; font-weight: 200; }

.nav-link, .dropdown-item { font-family: 'Kanit', sans-serif; font-weight: 300; color: #436f81 !important; }
.dropdown-item:hover { background: #436f81; color: #fff !important; }

.text-primary { color: #436f81 !important; }
.text-secondary { color: #564334 !important; }
.text-white { color: #fff !important; }
.text-shadow { text-shadow: 2px 2px 5px black; }
.text-kanit { font-family: 'Kanit', sans-serif; font-weight: 200; }

.bg-primary { background: #436f81 !important; }
.bg-grey { background: #eeede9; }

.btn { font-family: 'Kanit', sans-serif; padding: .45rem 3rem; }
.btn-primary { background: #eeede9; color: #436f81; border-color: #eeede9; }
.btn-primary:hover { background: #436f81; color: #eeede9; border-color: white; }
.btn-secondary { background: #97856f; color: #fff !important; }

.btn-outline-primary { border-color: white; color: white;  }
.btn-outline-primary:hover { background: #eeede9; border-color: #eeede9; color: #436f81; }
.btn-outline-secondary { border-color: #97856f; color: #97856f !important; }
.btn-outline-secondary:hover { background: #97856f; border-color: #97856f !important; color: #fff !important; }

.btn-primary-inverse { background: #436f81; color: #eeede9; border-color: white; }
.btn-primary-inverse:hover { background: #eeede9; color: #436f81; border-color: #436f81; }

.img-hover-zoom { overflow: hidden; }
.img-hover-zoom img { transition: transform .5s ease; }
.img-hover-zoom:hover img { transform: scale(1.15); }

/* HEADER */
header { z-index: 99991; }

/* CAROUSEL */
.carousel { margin-top: -165px; }
.carousel-caption { max-width: 460px; left: 200px;  bottom: 80px; }

/* CONTENT */
#card-first { margin-top: -125px; }
.card-service { border: 3px solid #fff; }

#about, .services { padding-bottom: 160px !important; }
#box-contact { margin-top: -90px; z-index: 99991; }

/* ---- Grid ---- */
/* clear fix */
.grid:after { content: ''; display: block; clear: both; }

/* ---- .grid-item ---- */
.grid-sizer, .grid-item { width: 20%; }
.grid-item { padding: 0 15px; }

/* FOOTER */
footer {
  margin-top: -95px;
  padding-top: 180px;
  z-index: 9999;
}

.footer-first { background: #52473f; padding: 160px 0 30px 0; }
#estimate .footer-first { padding: 60px 0 30px 0; }

.footer-second { background: #3d342d; padding: 20px 0; }
.footer-second p { color: #97856f; }

.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;
  z-index: 99999;
}
.btn-whatsapp:hover { color: #877a61; }