:root {
    --color-blue: #0f6db7;
    --color-light-blue: #6ac5ec;
    --color-light-blue-gray: #aecfdc;
    --color-green: #95a83a;
    --color-light-green: #bcc885;
    --color-orange: #f36f4f;
    --color-light-orange: #f36f4f;
    --color-navy: #15284a;
    --color-light-gray: #f3f8fa;
    --font-azo: azo-sans-web, sans-serif;
    --font-azo-uber: azo-sans-uber, sans-serif;
    --font-ostuni: ostuni, cursive;
    --font-sans-serif: "Helvetica Neue LT W05 55 Roman", sans-serif;
    --font-sans-serif-light: "Helvetica Neue LT W05 45 Light", sans-serif;
    --font-sans-serif-bold: "Helvetica Neue LT W05_75 Bold", sans-serif;
}
html {
  scroll-behavior: smooth; }
span.consumerConcernsEmail a {color: inherit !important;}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

/* colors */
body {
    color: var(--color-navy);
}
a {
  color: var(--color-blue);
}
.consumer-concerns {color: var(--color-navy);}
.btn-primary {
    background-color: var(--color-blue);
    border-color: var(--color-blue);
}
.btn-blue {
    background-color: var(--color-blue);
    border-color: var(--color-blue);
}
.bg-navy {
    background-color: var(--color-navy);
    border-color: var(--color-navy);
}
.text-orange {
  color: var(--color-orange);
}
.btn-light-blue {
    background-color: var(--color-light-blue);
    border-color: var(--color-light-blue);
    color: white;
}

.btn-light-blue:hover {
    background-color: var(--color-blue);
    border-color: var(--color-blue);
    color: white;
}

.btn-primary:hover, .btn-check:focus+.btn-primary, .btn-primary:focus {
    background-color: var(--color-navy);
    border-color: var(--color-navy);
}

.btn-outline-primary {
    color: var(--color-blue);
    border-color: var(--color-blue);
}

.btn-outline-primary:hover {
    background-color: var(--color-blue);
    border-color: var(--color-blue);
}
.btn-outline-secondary {
    color: var(--color-green);
    border-color: var(--color-green);
}
.btn-outline-secondary :hover {
    background-color: var(--color-green);
    border-color: var(--color-green);
}
.btn-light {
    background: white;
    border-color: var(--color-blue);
    color: var(--color-blue);
}

.btn-light:hover {
    color: var(--color-navy);
    border-color: var(--color-navy);
    background-color: white;
}

.bg-light {
    background-color: var(--color-light-gray) !important;
}

.bg-blue {
    background-color: var(--color-blue);
}

.border-primary {
    border-color: var(--color-blue) !important;
}

.border-blue {
    border-color: var(--color-blue) !important;
}

.border-light-blue {
    border-color: var(--color-light-blue) !important;
}

.text-blue {
    color: var(--color-blue);
}

.text-light-blue {
    color: var(--color-light-blue);
}

.text-navy {
    color: var(--color-navy);
}
.text-green {
  color: var(--color-green);
}
.text-warning {
  color: var(--color-orange);
}
.accordion-button {
  color: var(--color-blue);
}
.navbar-brand img {
  width: 350px !important; 
    padding: 0;
}

h1, h2, h3, h4, h5 {
  font-family: bebas-neue; }

.orange {
  color: var(--color-orange); }

/* typography */
@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=5d68cc57-d198-4951-9648-7ff3b6d8074e&fontids=5664070,5664081,5664085,5664093,5664103,5664115,5664121,5664150");
@font-face{
  font-family:"Helvetica Neue LT W05 25 Ult Lt";
  src:url("../fonts/5664070/ec6281a0-c9c4-4477-a360-156acd53093f.woff2") format("woff2"),url("../fonts/5664070/11066b40-10f7-4123-ba58-d9cbf5e89ceb.woff") format("woff");
}
@font-face{
  font-family:"Helvetica Neue LT W05 35 Thin";
  src:url("../fonts/5664081/7d63ccf8-e0ae-4dee-ad4d-bbc798aa5803.woff2") format("woff2"),url("../fonts/5664081/b2c1327f-ab3d-4230-93d7-eee8596e1498.woff") format("woff");
}
@font-face{
  font-family:"Helvetica Neue LT W05 45 Light";
  src:url("../fonts/5664085/f9c5199e-a996-4c08-9042-1eb845bb7495.woff2") format("woff2"),url("../fonts/5664085/2a34f1f8-d701-4949-b12d-133c1c2636eb.woff") format("woff");
}
@font-face{
  font-family:"Helvetica Neue LT W05 55 Roman";
  src:url("../fonts/5664093/08b57253-2e0d-4c12-9c57-107f6c67bc49.woff2") format("woff2"),url("../fonts/5664093/08edde9d-c27b-4731-a27f-d6cd9b01cd06.woff") format("woff");
}
@font-face{
  font-family:"Helvetica Neue LT W05 65 Medium";
  src:url("../fonts/5664103/240c57a0-fdce-440d-9ce3-85e0cb56f470.woff2") format("woff2"),url("../fonts/5664103/7802e576-2ffa-4f22-a409-534355fbea79.woff") format("woff");
}
@font-face{
  font-family:"Helvetica Neue LT W05_75 Bold";
  src:url("../fonts/5664150/800da3b0-675f-465f-892d-d76cecbdd5b1.woff2") format("woff2"),url("../fonts/5664150/7b415a05-784a-4a4c-8c94-67e9288312f5.woff") format("woff");
}
@font-face {
    font-family: ostuni;
    src: url("../fonts/OstuniScript-Regular.woff");
}

b, strong, p > strong {
    font-family: var(--font-sans-serif-bold);
}

body, .helvetica {
    font-family: var(--font-sans-serif);
}
.fw-light {
  font-family: var(--font-sans-serif-light);
}
.azo, .nav-link, h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-azo) !important;
    font-weight: 400;
    font-style: normal;
}

.azo-uber {
    font-family: var(--font-azo-uber);
    font-weight: 400;
    font-style: normal;
}

.ostuni {
    font-family: var(--font-ostuni);
}

/* general */
.banner {
  background-color: var(--color-navy);
  background-image: linear-gradient(to bottom, rgba(22, 40, 76, 0.2), rgba(22, 40, 76, 0.23)), url(../img/home.jpg);
  background-size: cover;
  color: #fff;
  text-shadow: 2px 2px #000;
  background-position: center !important;
}
  @media (min-width: 900px) {
    .banner .row {
      height: 400px; } }
  @media (max-width: 599px) {
    .banner .row {
      height: 300px; } }
  .banner h1 {
    font-size: 4rem; }
    @media (max-width: 599px) {
      .banner h1 {
        font-size: 3rem; } }
  .banner h2 {
    font-size: 2.7rem;
    font-family: futura-pt; }
    @media (max-width: 599px) {
      .banner h2 {
        font-size: 2.2rem; } }

a {
  color: #196eb7; }

@media (max-width: 599px) {
  .about {
    text-align: center; } }

@media (max-width: 599px) {
  .about + p {
    text-align: center; } }

@media (max-width: 599px) {
  .map iframe {
    max-width: 300px;
    max-height: 300px; } }

.location_city {
  font-size: 1.2em; }

.street {
  font-size: 1.2em; }
.section {
    position: relative !important;
    overflow: hidden;
}
 .section__bgpattern {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1;
    -webkit-background-size: cover !important;
    background-size: cover !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
background-color: #16284c!important;
}
.backsplash {
    background-image: url(../img/body-splash-2.png);
    background-repeat: no-repeat;
    background-size: auto 80%;
    background-position: left bottom;
}
/* accessibility */
a.skip-link {
  position: absolute;
  top: -2rem;
  z-index: 1;
  padding: 0 0.5rem;
  background: #ccc;
  color: #16284c;
  font-size: small;
  height: 2rem;
  line-height: 2rem;
  display: block;
  transition: top 1s ease-out;
  outline: none; }

a.skip-link:focus {
  top: 0;
  transition: top 0.1s; }

.loName a {
  font-weight: bold;
  font-size: 1.2em;
  color: var(--color-blue);}

#theTeam .card .card-img-top {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}
@media (min-width: 768px) {
    #theTeam .card {
        padding-top: 75px;
        margin-top: 75px;
    }
    #theTeam .card .card-img-top {
        width: 150px;
        top: -75px;
    }
}
@media (max-width: 767px), (min-width: 1200px) {
    #theTeam .card .card-img-top {
        position: absolute;
        width: 200px;
        left: 0;
        right: 0;
        margin: auto;
        top: -100px;
    }

    #theTeam .card {
        margin-top: 100px;
        padding-top: 100px;
    }
}
.ribbon {
  float: right!important;
}
.social-links img, .social-links .custom-svg {
  width: 28px;
  height: 28px;
  vertical-align: top;
  margin-top: 2px;
}
/* accessibility */
a.skip-link {
  position: absolute;
  top: -2rem;
  z-index: 1;
  padding: 0 0.5rem;
  background: #ccc;
  color: #16284c;
  font-size: small;
  height: 2rem;
  line-height: 2rem;
  display: block;
  transition: top 1s ease-out;
  outline: none; }

a.skip-link:focus {
  top: 0;
  transition: top 0.1s; }

/* JSON */
/* Footer */
footer {
  background-color: var(--color-navy);
  color: white; }

/* JSON */
.panel {
  display: none;
  padding: 0 18px; }

.accordion {
  background-color: var(--color-navy);
  color: #ffffff;
  cursor: pointer;
  border: none;
  padding: 18px;
  width: 80%;
  margin: auto;
  text-align: center;
  border: none;
  outline: none;
  transition: 0.4s; }

.accordion:hover {
  background-color: #16284c; }

.rotate {
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.text-shadow {
  text-shadow: 2px 2px 4px #000000; }