:root {
  --body-text-color: #444444;
  --primary-color: rgb(175, 152, 97);
  --primary-hover-color: #d1b46d;
  --primary-bright-color: #c5aa68;
  --primary-medium-color: #8e7c52;
  --secondary-color-transparent: rgba(129, 120, 116, .8);
  --secondary-medium-color-transparent: rgba(87, 89, 93, .7);
  --secondary-dark-color: rgba(97, 99, 102, .85);
  --gray-color: #666666;
  --light-gray-color: #eeeded;
  --subtle-gray-color: #f5f5f3;
  --white-color: #ffffff;
  --primary-font-family: "Oswald", sans-serif;
  --secondary-font-family: "Inter", sans-serif;
  --logo-emblem: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 51.91'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B stroke-width: 0px; fill: %23c5aa68; opacity: .6 %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m63.76,50.51c0,.41-.47.61-1.43.61-.63,0-1.2-.02-1.71-.07l-12.07-.29-12.07.29c-.44.05-.92.07-1.43.07-1.27,0-1.9-.25-1.9-.75,0-.55.86-.83,2.57-.83,5.57-.05,8.36-.47,8.36-1.27,0-.05-.07-.23-.19-.56l-.78-1.9-.49-1c-.57-1.49-1.96-4.78-4.18-9.87h-20.31c-3.8,7.68-5.7,12.1-5.7,13.25,0,.67.38,1.08,1.14,1.22.19.05,1.77.14,4.75.29,1.84.05,2.76.29,2.76.72,0,.48-.82.72-2.47.72-2.91,0-6.3-.1-10.17-.29-.95-.05-1.93-.07-2.95-.07s-2,.08-2.95.24c-.51.08-.92.12-1.24.12-.89,0-1.33-.22-1.33-.65s1-.67,2.99-.72c2-.05,3.44-.28,4.32-.69.89-.41,1.58-1.19,2.09-2.35C17.56,28.99,24.19,14.76,29.31,4.02c.15-.57.44-1.2.89-1.91l.41-1.31c.19-.53.44-.79.76-.79.19,0,.35.14.47.43.82,1.87,2.69,5.78,5.6,11.74,2.28,4.66,7.95,16.34,17.01,35.06.51,1.09,1.16,1.78,1.95,2.07.79.3,2.42.47,4.9.52,1.65.05,2.47.27,2.47.68Zm-25.74-17.24c-1.03-2.16-2.74-5.74-5.13-10.73l-4.57-9.98c-2.67,5.31-5.88,12.22-9.63,20.71h19.33Z'/%3E%3Cpath class='cls-1' d='m128,1.55c0,.41-1.08.63-3.23.68-2.41.05-4.01.65-4.8,1.8-.79,1.15-2.01,3.6-3.66,7.34-2.85,6.58-5.39,12.17-7.61,16.77-3.8,7.87-7.25,15.48-10.35,22.83-.26.62-.59.94-.97.94-.32,0-.63-.24-.93-.72-.29-.48-1.15-2.15-2.58-5.01-1.76-3.75-3.69-7.52-5.77-11.32-1.64-2.98-3.25-6.06-4.82-9.23-4.41,8.11-8.79,16.59-13.14,25.42-.26.57-.57.86-.96.86-.32,0-.7-.41-1.15-1.22-1.96-3.55-9.25-18.26-21.86-44.14-.89-1.82-1.55-2.96-2-3.42-.44-.46-1.55-.71-3.32-.76-3.04-.1-4.56-.43-4.56-1.01,0-.43.51-.65,1.52-.65.44,0,.82.02,1.14.07,3.36.14,6.97.22,10.83.22.76,0,2.07-.05,3.94-.14,1.87-.1,4.29-.14,7.27-.14h1.05c1.08,0,1.61.22,1.61.66,0,.54-.98.83-2.92.88-3.9.1-5.85.49-5.85,1.18,0,1.34,5.82,13.85,17.46,37.52,4.23-8.11,7.39-14.08,9.48-17.92l-9.38-18.44c-.51-1-1.1-1.65-1.77-1.94-.67-.29-1.89-.45-3.68-.5-1.78-.05-2.67-.26-2.67-.65,0-.53.67-.79,2-.79,1.01,0,2.25.05,3.71.14,1.46.1,3.99.14,7.6.14h17.68c2.34,0,5.16-.08,8.46-.23.38-.04.82-.06,1.33-.06,1.52,0,2.28.25,2.28.76,0,.45-.54.68-1.62.68h-1.61c-2.85,0-5.01.29-6.46.86-.63.24-1.81,1.97-3.52,5.18-.77,1.34-2.05,3.62-3.84,6.83-.37.72-.93,1.81-1.67,3.25.44.96,1.83,3.63,4.16,8,3.01,5.56,5.49,10.32,7.43,14.3,3.56-7.77,7.76-16.96,12.6-27.56,2.56-5.64,3.84-8.78,3.84-9.41,0-.92-1.11-1.38-3.33-1.38-3.1,0-4.66-.27-4.66-.8,0-.48.63-.72,1.9-.72,1.08,0,1.93.03,2.57.1,1.39.13,2.66.19,3.8.19h7.6c1.9,0,2.95.06,3.14.17.19.11.28.24.28.38Zm-40.2.82h-2.76c-2.28.1-3.42.41-3.42.94,0,.1,1.86,4.27,5.59,12.52,1.45-2.4,3.15-5.57,5.1-9.51.26-.53.65-1.22,1.18-2.08l.2-.57c0-.86-1.96-1.29-5.89-1.29Z'/%3E%3C/svg%3E");
}
body {
  font-family: var(--secondary-font-family);
  font-weight: 400;
  font-size: 16px;
  color: var(--body-text-color);
  -webkit-font-smoothing: antialiased;
}
p {
  line-height: 28px;
}
h1, h2, h3, h4, h5 {
  text-transform: uppercase;
  font-family: var(--primary-font-family);
  font-weight: 400;
}
h2, h3, h5 {
  font-weight: 500;
}
h2 {
  margin-bottom: 30px;
}
h3 {
  margin-bottom: 25px;
}
h4 {
  color: var(--primary-medium-color);
  font-weight: 500;
}
a, a.btn, .nav-link {
  text-transform: uppercase;
  font-family: var(--primary-font-family);
  font-weight: 400;
  color: var(--primary-color);
}
a:hover, a.btn:hover, a:active, a.btn:active {
  color: var(--primary-hover-color) !important;
  border-color: var(--primary-hover-color) !important;
}
a.btn-outline-light:hover, a.btn-outline-light:active {
  background: none !important;
  border-color: var(--primary-hover-color) !important;
}
a.btn-outline-light:focus-visible {
  color: white !important;
}
a.btn-primary:hover, a.btn-primary:active {
  color: var(--white-color) !important;
  background: var(--primary-hover-color) !important;
}
a.btn {
  color: var(--white-color);
  padding: 15px 30px;
  font-size: 20px;
}
.navbar-toggler {
  border: none;
}
.navbar-toggler:focus {
  box-shadow: none;
}
#offcanvasMenu {
  background: rgba(0, 0, 0, 0.8);
}
#offcanvasMenu .btn-close {
  filter: invert(1);
}
#offcanvasMenu .offcanvas-title {
  color: var(--gray-color);
}
#offcanvasMenu .offcanvas-body h5 {
  margin-top: 30px;
}
#offcanvasMenu .offcanvas-body p {
  color: var(--light-gray-color);
  margin: 20px;
}
a.regular-link {
  font-family: var(--secondary-font-family);
  text-transform: none;
}
#main-nav {
  padding-left: 60px;
  padding-right: 60px;
}
#main-nav.fixed-top {
  top: 36px;
  transition: background-color 0.3s;
}
#main-nav .navbar-brand {
  margin-right: 0;
}
#main-nav .navbar-brand .logo {
  color: var(--white-color);
  text-decoration: none;
  letter-spacing: 1px;
  font-size: 1.73rem;
  position: relative;
}
#main-nav .navbar-brand .sub-brand {
  display: block;
  font-family: var(--secondary-font-family);
  text-decoration: none;
  font-size: 11px;
  letter-spacing: .01rem;
  line-height: 1rem;
  color: #999;
}
@media (max-width: 349.9px) {
  #main-nav .navbar-brand .logo {
    font-size: 1.53rem;
  }
  #main-nav .navbar-brand .sub-brand {
    font-size: 10.5px;
  }
}
#main-nav .nav-link {
  color: var(--white-color);
  font-size: 19px;
  padding-left: 20px;
  padding-right: 20px;
}
#main-nav .nav-link:hover {
  color: var(--primary-hover-color);
  border-bottom: 2px solid var(--primary-hover-color);
  padding-bottom: 6px;
}
.scrolled {
  background-color: rgba(0, 0, 0, 0.8) !important;
}
.btn {
  border-radius: 0;
  padding: 15px 30px;
  font-size: 20px;
}
.btn.btn-primary {
  background: var(--primary-color);
  border: 2px solid var(--primary-color);
}
.btn.btn-secondary, .btn.btn-outline-light {
  background: none;
  border: 2px solid rgba(175, 152, 97, .5);
}
#translate-nav {
  background: #222527f7;
  color: #cccccc;
  font-size: 14px;
  letter-spacing: -0.02rem;
  padding: 7.5px 60px;
}
#translate-nav a {
  text-decoration: none;
  text-transform: none;
  font-family: var(--secondary-font-family);
  margin: 0 5px;
}
.content-container {
  max-width: 1200px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  body:not(#home) .content-container {
    padding: 0 0 0 8vw;
  }
}
.hero {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-position-y: 0;
  color: var(--white-color);
  min-height: 100vh;
  position: relative;
}
body:not(#home) .hero {
  min-height: unset;
  height: 350px;
}
.hero > .content-container {
  z-index: 100;
}
#hero-content {
  max-width: 700px;
  margin-top: 120px;
}
#hero-content h1 {
  font-size: 60px;
  line-height: 75px;
}
#hero-content p {
  font-size: 15px;
  line-height: 28px;
  opacity: .8;
  margin: 20px 0 30px 0;
}
#hero-background {
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, .5) 100%);
  background-repeat: repeat-x;
  opacity: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.hero:after {
  background: linear-gradient(to bottom, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .5) 75%, rgba(0, 0, 0, .5) 100%);
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 2;
}
@media (min-width: 768px) {
  .hero:after {
    opacity: .3;
  }
}
@media (max-width: 767.9px) {
  .hero {
    padding-bottom: 30px;
  }
  #hero-content {
    margin-top: 145px;
  }
}
@media (max-width: 1060px) {
  #main-nav, #translate-nav {
    padding-left: 20px;
    padding-right: 20px;
  }
  .hero > .content-container {
    padding-left: 30px;
    padding-right: 30px;
  }
  #hero-content h1 {
    font-size: 50px;
    line-height: 65px;
  }
}
@media (max-width: 767.9px) {
  #main-nav, #translate-nav {
    padding-left: 5px;
    padding-right: 5px;
  }
  .hero > .content-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 900px) {
  #hero-content h1 {
    font-size: 45px;
  }
}
@media (max-width: 559.9px) {
  #hero-content h1 {
    font-size: 38px;
    line-height: 47px;
  }
}
#main-content h2 {
  margin-top: 50px;
  margin-bottom: 40px;
}
#main-content .container {
  max-width: 1130px !important;
}
#main-content .text-section-container {
  max-width: 990px !important;
  margin-top: 15px;
  margin-bottom: 35px;
}
#main-content .text-section {
  padding-left: 5px;
  padding-right: 5px;
}
@media (min-width: 768px) {
  #main-content .text-section {
    padding-left: 50px;
    padding-right: 50px;
  }
}
#main-content .subtle-gray-bg {
  padding: 30px;
}
#main-content li {
  margin-top: 8px;
  margin-bottom: 8px;
  line-height: 22px;
}
#main-content .light-gray-bg h2 + p {
  margin-top: -15px;
}
#main-content .card {
  height: 100%;
  position: relative;
  border: none;
  border-radius: 0;
  padding: 30px;
}
.shield-bg {
  background: url('images/shield.png') no-repeat 50%;
}
.gray-bg {
  background-color: var(--gray-color);
  color: var(--white-color);
}
.light-gray-bg {
  background: var(--light-gray-color);
  background: linear-gradient(to right, #f2f2f2, var(--light-gray-color), #f0f0f0);
  padding-bottom: 20px !important;
}
.subtle-gray-bg {
  background: var(--subtle-gray-color);
}
.footer {
  background-color: #222;
  color: white;
  padding: 40px 20px;
}
.footer h2 + p {
  margin-top: -15px;
  margin-bottom: 20px;
}
#footer-buttons .btn {
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  #footer-buttons {
    width: 90%;
  }
  #footer-buttons .btn {
    width: 50%;
  }
}
