/**
 * Colors
 */
body,
p {
  font-family: 'Hind', sans-serif;
}
h2,
h3 {
  font-weight: 700;
}
h1,
h4,
p {
  font-weight: 400;
}
h1 {
  font-size: 1.125rem;
}
h2 {
  font-size: 1.25rem;
}
h3,
h4 {
  font-size: 1rem;
}
@media (min-width: 577px) {
  h1 {
    font-size: 1.5rem;
  }
  h2 {
    font-size: 1.375rem;
  }
  h3 {
    font-size: 1.175rem;
  }
}
body {
  min-height: 100vh;
  background: #f5f5f5 !important;
}
.flex-grow {
  flex: 1;
}
.bg-bevel {
  -webkit-clip-path: polygon(10% 0%, 100% 0, 100% 90%, 90% 100%, 0 100%, 0% 10%);
  clip-path: polygon(10% 0%, 100% 0, 100% 90%, 90% 100%, 0 100%, 0% 10%);
  padding: 1.25rem .8rem;
}
.bg-bevel h1,
.bg-bevel p {
  overflow: hidden;
}
.bg-red {
  background: #880b17 !important;
}
.bg-white {
  background: #f5f5f5 !important;
}
.bg-blue {
  background: #0a3d5f !important;
}
.text-red {
  color: #880b17 !important;
}
.text-white {
  color: #f5f5f5 !important;
}
.text-blue {
  color: #0a3d5f !important;
}
.spacer-red {
  width: 100%;
  height: .3rem;
  background: #880b17 !important;
}
.section-intro {
  margin-bottom: 1.5rem;
}
@media (min-width: 576px) {
  .section-intro {
    margin-bottom: 3rem;
  }
}
.section {
  padding: 3rem 0;
}
@media (min-width: 576px) {
  .section {
    padding: 4.5rem 0;
  }
}
a {
  color: inherit;
}
a:hover {
  color: inherit;
}
.headerBanner {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 45vh;
  background-color: #0a3d5f;
}
.navbar-n4n {
  background-color: #f5f5f5;
  min-height: 64px;
}
.navbar-n4n .nav-link {
  color: #0a3d5f !important;
  text-transform: uppercase;
  font-weight: bold;
}
.navbar-n4n .navbar-toggler {
  border: 0;
}
.navbar-n4n .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(136, 11, 23, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
@media (max-width: 424px) {
  .navbar-n4n .navbar-brand img {
    height: 97px;
  }
}
#layout-footer {
  background: #0a3d5f;
  text-align: center;
  color: #f5f5f5;
}
#layout-footer a {
  color: #f5f5f5;
}
.social-icon {
  width: 2em;
  height: 2em;
  display: inline-block;
  color: inherit;
}
.icon-facebook {
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg aria-hidden="true" data-prefix="fab" data-icon="facebook-square" class="svg-inline--fa fa-facebook-square fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M448 80v352c0 26.5-21.5 48-48 48h-85.3V302.8h60.6l8.7-67.6h-69.3V192c0-19.6 5.4-32.9 33.5-32.9H384V98.7c-6.2-.8-27.4-2.7-52.2-2.7-51.6 0-87 31.5-87 89.4v49.9H184v67.6h60.9V480H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48z"></path></svg>');
}
/**
 * Components
 */
.carousel-caption {
  top: 1rem;
  left: 15%;
  bottom: auto;
  right: auto;
  text-align: left;
  -webkit-clip-path: polygon(10% 0%, 100% 0, 100% 90%, 90% 100%, 0 100%, 0% 10%);
  clip-path: polygon(10% 0%, 100% 0, 100% 90%, 90% 100%, 0 100%, 0% 10%);
  padding: 1.25rem .8rem;
  background: #880b17 !important;
}
.carousel-caption h1,
.carousel-caption p {
  overflow: hidden;
}
@media (max-width: 575px) {
  .carousel-caption h1 {
    font-size: .8rem;
  }
  .carousel-caption p {
    font-size: .7rem;
  }
}

.text-justify {
  text-align: left !important;
}