/* BACKGROUND */
.bg-accent {
  background-color: #D1BA92 !important;
}

/* COLORS */
.color-accent {
  color: #D0B484;
}

.color-gray {
  color: #42474B;
}

.color-dark {
  color: #282B2E;
}

/* TEXT -FONTS */
p {
  margin-bottom: 0px;
}

h1 {
  margin-bottom: 0px;
}

h2 {
  font-size: 25px;
}

.f-bold {
  font-weight: 500;
}

.r-spacing {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  letter-spacing: 2px;
  font-size: 14px;
}

.f-primary {
  font-family: "Playfair Display", serif;
}

.f-secondary {
  font-family: "Lato", sans-serif;
}

.f-tertiary {
  font-family: "Roboto", sans-serif;
}

.fs-big-xl {
  font-size: 45px;
}

.fs-big {
  font-size: 25px;
}

.fs-medium {
  font-size: 18px;
}

header.header-bg-home {
  background-image: url("../img/desktop/bg-desktop.png");
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 1400px) {
  header.header-bg-home {
    background-size: cover;
  }
}
header.header-bg-home nav .navbar-nav-brand {
  width: 100%;
  text-align: center;
}
@media (min-width: 992px) {
  header.header-bg-home nav .navbar-nav-brand {
    width: unset;
  }
}
header.header-bg-home nav .navbar-nav-container {
  width: 100%;
}
@media (min-width: 992px) {
  header.header-bg-home nav .navbar-nav-container {
    width: unset;
  }
}
header.header-bg-home nav .navbar-nav-container .navbar-nav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
header.header-bg-home nav .navbar-nav-container .navbar-nav .nav-link {
  color: #AAA;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1.12px;
  text-transform: uppercase;
}
@media (max-width: 375.98px) {
  header.header-bg-home nav .navbar-nav-container .navbar-nav .nav-link {
    font-size: 11px;
  }
}
@media (max-width: 330.98px) {
  header.header-bg-home nav .navbar-nav-container .navbar-nav .nav-link {
    font-size: 10px;
  }
}
header.header-bg-home nav .navbar-nav-container .navbar-nav .nav-link:hover {
  color: #D0B484;
}
header.header-bg-home .header-container {
  padding-top: 7rem;
}
header.header-bg-home .header-container h1 {
  font-size: calc(1.525rem + 3.3vw);
  font-family: "Playfair Display", serif;
  font-weight: 400;
}
@media (min-width: 992px) {
  header.header-bg-home .header-container h1 {
    font-size: 80px;
  }
}
header.header-bg-home .header-container .title-container {
  padding-bottom: 4rem;
}

main[role=home] .split-section .container-service-areas {
  position: relative;
  top: 147px;
}
main[role=home] .split-section .container-service-areas .makes-us-different .row {
  padding-bottom: 6rem;
}
@media (min-width: 992px) {
  main[role=home] .split-section .container-service-areas .makes-us-different .row {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
  }
}
main[role=home] .split-section .container-service-areas .makes-us-different .row .info {
  color: #EEE;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.48px;
  width: 85%;
}
main[role=home] .split-section .container-service-areas .row-cards {
  position: relative;
  top: 46px;
}
main[role=home] .split-section .container-service-areas .row-cards .card {
  min-height: 505px;
  border-radius: 0px;
}
main[role=home] .split-section .container-service-areas .row-cards .card .card-body .card-container {
  width: 80%;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  main[role=home] .split-section .container-service-areas .row-cards .card .card-body .card-container {
    width: 100%;
  }
}
main[role=home] .split-section .container-service-areas .row-cards .card .card-body .card-container .card-title {
  color: #42474B;
  font-family: "Playfair Display", serif;
  font-weight: 500;
  font-size: 30px;
  line-height: 35px;
}
main[role=home] .split-section .container-service-areas .row-cards .card .card-body .card-container .card-text {
  color: #42474B;
  font-family: "Playfair Display", serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.48px;
}
main[role=home] .split-section .choose-us {
  padding-top: 18rem;
}
@media (min-width: 992px) {
  main[role=home] .split-section .choose-us h2 {
    font-size: 45px;
  }
}
main[role=home] .split-section .choose-us .choose-us-text {
  font-family: "Lato", sans-serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.72px;
  color: #282B2E;
}
main[role=home] .contact-us .container-contact {
  background: #282B2E;
}
@media (min-width: 992px) {
  main[role=home] .contact-us .container-contact .container {
    height: 634px;
  }
}
main[role=home] .contact-us .container-contact .container .row {
  position: relative;
  top: 178px;
}
@media (min-width: 992px) {
  main[role=home] .contact-us .container-contact .container .row {
    top: 206px;
  }
}
main[role=home] .contact-us .container-contact .container .row .left-side {
  background-image: url("../img/desktop/contact-us.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}
main[role=home] .contact-us .container-contact .container .row .left-side .container-contact-us {
  width: 90%;
}
@media (min-width: 992px) {
  main[role=home] .contact-us .container-contact .container .row .left-side .container-contact-us {
    width: unset;
  }
}
main[role=home] .contact-us .container-contact .container .row .left-side .container-contact-us .title-contact {
  font-style: normal;
  font-weight: 500;
  line-height: 50px;
  color: #FFF;
}
main[role=home] .contact-us .container-contact .container .row .right-side {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}
main[role=home] .contact-us .container-contact .container .row .right-side .container-form {
  width: 90%;
}
@media (min-width: 992px) {
  main[role=home] .contact-us .container-contact .container .row .right-side .container-form {
    width: 75%;
  }
}
main[role=home] .contact-us .container-contact .container .row .right-side .container-form form label {
  color: #42474B;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.42px;
}
main[role=home] .contact-us .container-contact .container .row .right-side .container-form form .form-control {
  border-color: rgba(34, 34, 34, 0.12);
  border-radius: 0px;
}
main[role=home] .contact-us .container-contact .container .row .right-side .container-form form button {
  background-color: #D1BA92;
  color: #42474B;
  font-size: 14px;
  font-style: normal;
  border-radius: 0px;
  border: 0px;
  font-weight: 700;
  letter-spacing: 2.1px;
  width: 100%;
  -webkit-transition: background-color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: background-color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  transition: background-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}
main[role=home] .contact-us .container-contact .container .row .right-side .container-form form button:hover {
  -webkit-filter: brightness(1.2);
  filter: brightness(1.2);
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}
main[role=home] .contact-us .container-contact .container .row .right-side .container-form .response-container {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
main[role=home] .contact-us .container-contact .container .row .right-side .container-form .response-container h4 {
  text-align: center;
  color: #0D3B32;
  margin: 0px;
}
main[role=home] .contact-us .container-contact-gray {
  background-color: #EAEAEC;
  padding-top: 10rem;
  padding-bottom: 13rem;
}
@media (min-width: 992px) {
  main[role=home] .contact-us .container-contact-gray {
    padding-bottom: 17rem;
  }
}

footer .container-footer {
  padding-top: 10rem;
  padding-bottom: 7rem;
}
@media (min-width: 992px) {
  footer .container-footer {
    padding-top: 7rem;
    padding-bottom: 5rem;
  }
}
footer .container-footer dl dt {
  color: #AAA;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 1.12px;
  text-transform: uppercase;
  margin-bottom: 1rem !important;
}
footer .container-footer dl dd {
  color: #AAA;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 1.12px;
  margin-bottom: 1rem;
}
footer .container-footer dl dd a {
  color: #AAA;
  text-decoration: none;
}
footer .container-footer dl dd a:hover {
  color: #D0B484;
}
footer .container-footer .brand-footer {
  width: 200px;
}
@media (min-width: 768px) {
  footer .container-footer .brand-footer {
    max-width: 100%;
    height: auto;
  }
}