/*@font-face {*/
/*    font-family: futura;*/
/*    src: url('fonts/FuturaLT-Light.woff') format('woff'),*/
/*         url('fonts/FuturaLT-Light.woff2') format('woff2'),*/
/*         url('fonts/FuturaLT-Book.woff') format('woff'),*/
/*}*/

@font-face {
  font-family: futuraPT;
  src: url("../fonts/FuturaPT-Light.ttf") format("ttf"),
    url("../fonts/FuturaPT-Light.woff") format("woff"),
    url("../fonts/FuturaPT-Light.woff2") format("woff2");
  font-weight: 100;
}
@font-face {
  font-family: futuraPT;
  src: url("../fonts/FuturaPT-Book.ttf") format("ttf"),
    url("../fonts/FuturaPT-Book.woff") format("woff"),
    url("../fonts/FuturaPT-Book.woff2") format("woff2");
  font-weight: 400;
}
@font-face {
  font-family: futuraPT;
  src: url("../fonts/FuturaPT-Medium.ttf") format("ttf"),
    url("../fonts/FuturaPT-Medium.woff") format("woff"),
    url("../fonts/FuturaPT-Medium.woff2") format("woff2");
  font-weight: 500;
}
@font-face {
  font-family: futuraPT;
  src: url("../fonts/FuturaPT-Demi.ttf") format("ttf"),
    url("../fonts/FuturaPT-Demi.woff") format("woff"),
    url("../fonts/FuturaPT-Demi.woff2") format("woff2");
  font-weight: 700;
}
@font-face {
  font-family: futuraPT;
  src: url("../fonts/FuturaPT-Bold.ttf") format("ttf"),
    url("../fonts/FuturaPT-Bold.woff") format("woff"),
    url("../fonts/FuturaPT-Bold.woff2") format("woff2");
  font-weight: 900;
}

* {
  box-sizing: border-box;
}
/*font-styles  */
body {
  font-family: "futuraPT";
  font-weight: 100;
  line-height: 1.5;
  font-size: 18px;
  color: #000;
  overflow-x: hidden;
}

.bg-red-custom {
  background-color: #000000 !important;
  border-bottom: solid 3px #eed028 !important;
}
.bg-yellow-custom {
  background-color: #eed028 !important;
  border-bottom: solid 3px #000000 !important;
}
.icon:hover {
  color: #eed028 !important;
  transition: all 0.3s ease;
}
.nav-item {
  color: #ffffff !important;
}
.navbar .nav-link {
  color: #000000;
  padding: 0.5rem 1rem;
  font-weight: 600;
  font-size: 16px;
  border-radius: 5px;
}
.navbar .nav-link:hover {
  background-color: #eed028 !important;
  text-decoration: underline;
  transition: all 0.3s ease;
}
.text-primary {
  color: #c30000 !important;
}

.red {
  border: 1px solid #c30000 !important;
  height: 50px;
  margin-top: 0px;
  text-underline-offset: 5px;
}
.red-line {
  border: 1px solid #c30000 !important;
  width: 50%;
  margin-left: 25%;
  margin-top: 0px;
  text-underline-offset: 5px;
}
.bg-beige-custom {
  background-color: #f2efdc;
}
li a.bigger:hover {
  color: #ffffff !important;
  text-decoration: underline;
}
a.text-white:hover {
  text-decoration: underline #eed028 !important;
  transition: all 0.3s ease;
}
video {
  width: 100%;
  position: absolute;
  object-fit: cover;
}
/* a:hover {
  color: #ffffff;
  text-decoration: underline;
} */

.footer-bar a {
  color: #000000 !important;
  text-decoration: underline;
  transition: all 0.3s ease;
  text-underline-offset: 3px;
}

.footer-bar a:hover {
  text-underline-offset: 7px;
  text-decoration-thickness: 2px;
  text-decoration-color: #333333;
}

.footer .company-name {
  font-family: futuraPT;
  font-weight: 700;
}

.footer .nav-link {
  color: #27272a;
  font-weight: 400;
  font-size: 0.875rem;
  padding-top: 0;
  padding-bottom: 0.25rem;
  text-underline-offset: 5px;
}

p a:hover {
  text-decoration: underline;
}
li {
  list-style: none;
  /* padding: 10px; */
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-color: #eed028 !important;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
/* .carousel-control-prev-icon {
    background-image: url('assets/img/left-arrow.png') !important;
  }
  .carousel-control-next-icon {
    background-image: url('assets/img/right-arrow.png') !important;
} */

/* .position-absolute {
    position: absolute !important;
    display: none;
  } */

.logo-on-scroll {
  opacity: 0;
  transition: opacity 0.3s ease; /* Initially hidden */
}

.scrolled .logo-on-scroll {
  opacity: 1; /* Become visible when scrolling */
}
.scrolled {
  border-bottom: solid 3px #eed028 !important;
}
.btn-falc {
  background-color: #eed028 !important;
  color: #000000;
  transition: all 0.3s ease;
}
.btn-falc:hover {
  background-color: #333333 !important;
  color: #eed028;
}

.btn-falc svg {
  transition: all 0.3s ease;
}

.btn-falc:hover svg {
  margin-left: 10px;
}

@media (max-width: 767.98px) {
  .red {
    display: none;
  }
  .min-vh-70 {
    min-height: 20vh !important;
  }
}

/* PHP Email Form Messages
------------------------------*/
.ajax-form .error-message {
  display: none;
  background: #df1529;
  color: #ffffff;
  text-align: left;
  padding: 15px;
  margin-bottom: 24px;
  font-weight: 600;
}

.ajax-form .sent-message {
  display: none;
  color: #ffffff;
  background: #059652;
  text-align: center;
  padding: 15px;
  margin-bottom: 24px;
  font-weight: 600;
}

.ajax-form .loading {
  display: none;
  background: var(--surface-color);
  text-align: center;
  padding: 15px;
  margin-bottom: 24px;
}

.ajax-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid var(--accent-color);
  border-top-color: var(--surface-color);
  animation: ajax-form-loading 1s linear infinite;
}

@keyframes ajax-form-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

p,
.p {
  font-size: 1.1rem;
}