:root {
    --bs-primary: #013960 !important;
    --bs-secondary: #2753AB;
    --bs-white: #FFF;
    --bs-gold: #CAAB77;
}

@font-face {
    font-family:"PTSansNarrow Regular";
    src: url("/fonts/PTSansNarrow-Regular.ttf");
    src: url("/fonts/PTSansNarrow-Regular.ttf")
    format("ttf");
}
@font-face {
    font-family:"PTSansNarrow Bold";
    src: url("/fonts/PTSansNarrow-Bold.ttf");
    src: url("/fonts/PTSansNarrow-Bold.ttf")
    format("ttf");
}

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 20px;
}

* {
    font-family: 'PTSansNarrow Regular';
}

a {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'PTSansNarrow Bold';
  font-weight: 700;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}

.form-control:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 .25rem rgba(29, 65, 137, .25);
}

.topbar {
    background-color: var(--bs-primary);
}

.topbar ul {
    margin: 0;
}

.topbar ul li {
    display: inline;
    margin: 0 0 0 1rem;
}

.topbar ul li a {
    font-size: .8rem;
    color: white;
}

.topbar ul li a:hover {
    color: var(--bs-gold);
}

.topbar ul li svg {
    fill: var(--bs-white);
    margin-right: .5rem;
    cursor: pointer;
    height: 1.2rem;
    width: 1.5rem;
}

.topbar-shield {
    height: 4rem;
}

.topbar-title {
    font-size: 1.5rem;
    color: var(--bs-white);
}

.branch {
    height: calc(100% - 150px);
}

.branch-search h1 {
    font-size: 1.2rem;
    line-height: 1.3rem;
}

.branch-results {
    height: 65vh;
    overflow-y: auto;
}

.branch-resItem {
    padding: 1rem;
    border-bottom: 1px #CCC solid;
}

.form-check-input {
    margin: 0 .5rem 0 0;
}

.form-check-label {
    font-size: 1.2rem;
    line-height: 1.2rem;
    margin-bottom: .5rem;
    margin-top: .05rem;
    cursor: pointer;
}

.branch-title {display: flex;}

.branch-resItem h2 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

.branch-resItem h3 {
    font-size: 1rem;
    margin-bottom: 0;
}

.branch-resItem p {
    font-size: .8rem;
    margin-bottom: 1rem;
}

#map {
    height: 100%;
}

.flag-icon {
  position: relative;
  left: 10px;
}

.markTitle {
    font-size: 1.2rem;
}

.markButton {
    font-size: 1rem !important;
    line-height: 1rem !important;
    margin: 0 !important;
    padding: .5rem 1rem .4rem !important;
}

.branch-info {
    display: none;
}

.prefooter {
    padding: 1.5rem 0;
    background-color: var(--bs-gold);
}

.prefooter p {
    margin: 0;
    font-size: 1.5rem;
    color: var(--bs-white);
}

.prefooter a.btn {
    padding: 1rem 5rem;
    font-size: 1.2rem;
}

.footer {
    background-color: var(--bs-primary);
    padding: 3rem 0;
    text-align: center;
}

.footer-logo {
    height: 90px;
}

.footer p {
    margin: 1rem 0;
    color: var(--bs-white);
    text-decoration: none;
    font-size: 14px;
    line-height: 16px;
}

.footer p a {
    margin: 0;
    color: var(--bs-white);
    text-decoration: none;
    font-size: 14px;
    line-height: 16px;
}

.footer p a:hover {
    color: var(--bs-gold);
}

.footer-backlinks-content {
    padding: 3rem 0;
}

.footer-backlinks {
    width: 20%;
    text-align: center;
}

.footer-backlinks img {
    height: 70px;
    display: block;
    margin: 0 auto .5rem;
}

.footer-backlinks a {
    margin: 0;
    color: var(--bs-white);
    text-decoration: none;
    font-size: 14px;
    line-height: 16px;
    display: inline-block;
}

.footer-backlinks a span {
    display: inline-block;
}

.footer-backlinks a:hover {
    color: var(--bs-gold);
}

.footer-icons ul li {
    display: inline;
    margin: 0 .5rem;
}

.footer-icons svg {
    fill: var(--bs-white);
}

.footer-copyright {
    padding: 1rem 0;
}

.footer-copyright p {
    margin: 0;
    font-size: .8rem;
    line-height: .8rem;
}

.footer-copyright a {
    margin: 0;
    font-size: .8rem;
    line-height: .8rem;
}

.footer-copyright ul {
    margin: 0;
    display: block;
    line-height: .8rem;
}

.footer-copyright ul li {
    display: inline;
    font-size: .8rem;
}

/* *********************** CAROUSEL (init) *********************** */
.carousel-inner {
    height: 625px;
    background-color: var(--secondColor);
}

.header-carousel {
  width: 100%;
  height: 625px;
  display: flex;  
  overflow: hidden;
  position: relative;
}

.header-carousel__info {
  background-color: var(--secondColor);
  position: relative;
}

.header-carousel__container {
  padding: 1.5rem 4.7rem 5rem;
  width: 100%;
  height: 100%;
}

.header-carousel__seal {
  padding: .5rem;
}

.header-carousel__seal img {
  width: 6rem;
  margin-bottom: 1rem;
}

.header-carousel__title {
  font-size: 1.9rem;
  color: var(--mainColor);
  position: relative;
  margin-bottom: 1rem;
}

.header-carousel__description {
  margin-bottom: 2rem;
  font-size: .8rem;
  text-align: justify;
}

.header-carousel__wrappers ul {
    list-style: none;
    margin: 0;
}

.wrapper-first {
    width: 4rem;
    padding: 2rem;
    background-color: #013960;
}

.wrapper-second {
    width: 4rem;
    padding: 2rem;
    background-color: #04537F;
}

.wrapper-third {
    width: 4rem;
    padding: 2rem;
    background-color: #CAAB77;
}

.wrapper-white {
    width: 4rem;
    padding: 2rem;
    background-color: #CAAB77;
    position: absolute;
    top: 0;
    right: -4rem;
}
/* *********************** CAROUSEL (end) *********************** */