h1, #topbar h2 {
   font-family: Impact;
}
body, h2 {
   font-family: Arial;
}
a {
   color: #c33;
}

img.fallback {
   background-color: #ccc;
   border: #000 5px dashed;
   border-radius: 20px;
   opacity: 0.3;
   padding: 10%;
   width: 300px;
}
img.fallback.error {
   border-color: #f00;
}
.json-error {
   background-color: #ccc;
   border: #000 5px dashed;
   border-radius: 10px;
   color: #000;
   padding: 10px;
}

.json-container.container, div.img-caption {
   padding: 0px !important;
   padding: 0px !important;
}
div.img-caption {
   margin-left: calc(var(--bs-gutter-x) * .5);
   margin-right: 20px;
   margin-bottom: 20px;
   width: 270px;
}
.img-caption div {
   font-weight: bold;
}
.img-caption img, .img-caption .caption {
   width: 100% !important;
}
@media (max-width: 991px) {
   div.img-caption {
      margin-left: auto; margin-right: auto;
      width: 350px;
   }
}

#topbar {
   background-color: #fff;
   color: #000;
   height: 200px;
}
#topbar.topbar-scrolled {
   top: -200px;
}
#topbar .topbar-logo img {
   max-height: 200px;
}
#topbar h1 {
   line-height: 20px;
}
#topbar h2 {
   font-size: 1.5em;
}
#topbar .topbar-contact p, #topbar .topbar-contact a {
   color: #e01f1d;
}
#topbar .topbar-contact p {
   font-family: Impact;
   line-height: 5px;
   text-align: right;
}
#topbar .topbar-contact p.call-us {
   font-size: 8pt;
   text-transform: uppercase;
}
#topbar .topbar-contact p.phone {
   font-size: 24pt;
}
#topbar .mobile-only img {
   width: 100%;
}

#header.header-scrolled nav#navbar a,
#header.header-scrolled .navbar-mobile a {
   color: #000 !important;
}
#header.header-scrolled nav#navbar a {
   color: #fff;
}

@media (max-width: 991px) {
   #topbar h1 {
      font-size: 16pt;
      line-height: 10px;
   }
   #topbar h2 {
      font-size: 10pt;
      line-height: 18px;
      margin-bottom: 15px;
   }
}
@media (max-width: 767px) {
   #topbar .mobile-shift {
      display: none !important;
   }
   #topbar .mobile-only {
      display: block;
   }
}
@media (min-width: 768px) {
   #topbar .mobile-only {
      display: none;
   }
}

#header {
   top: 200px;
}
#header .container a.logo {
   visibility: hidden;
}
#header.header-scrolled .container a.logo {
   visibility: visible;
}

.intro {
   background-color: #9ee1ff;
   color: #000;
   padding-top: 300px;
   padding-bottom: 20px;
   position: relative;
}
.intro .container h2 {
   font-family: "Times New Roman";
   font-size: 1.5em;
   font-style: italic;
   text-align: center;
   text-transform: uppercase;
}
.intro .container h2:first-child, .tagline .container h2:first-child {
   margin-bottom: 0px;
}
.intro .container h2, .tagline .container h2 {
   margin-bottom: 20px;
}

nav#navbar a {
   color: #000;
}

.tagline {
   background-color: #9ee1ff;
   color: #000;
   padding-top: 285px;
   padding-bottom: 0px;
   position: relative;
}
.tagline .container h2 {
   font-family: "Times New Roman";
   font-size: 1.0em;
   font-style: italic;
   text-align: center;
   text-transform: uppercase;
}

#services-primary {
   width: 100%;
   background-size: cover;
   position: relative;
   transition: 0.3s;
}
#services-primary {
   margin-bottom: -20px;
}
#services-primary:before {
   background-color: #effaff;
   content: "";
   opacity: 0.7;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
}
#services-primary .container .hero-content {
   background-color: #fff;
   display: block;
   padding: 10px 10px 10px 10px;
   position: relative;
}
#services-primary .container .hero-content img {
   width: 100%;
}

.form_container form {
   background-color: #c33;
   border-radius: 15px;
   color: #fff;
   margin-left: auto; margin-right: auto;
   padding-top: 20px;
   max-width: 275px;
}
.form_container form .form-field {
   margin-bottom: 10px;
   padding-left: 5%;
   text-align: left;
   width: 95%;
}
.form_container form .form-field input {
   border-style: outset;
}
.form_container form .form-field label {
   display: block;
   font-weight: bold;
}
.form_container form .form-field input, .form_container form .form-field textarea {
   background-color: #cff;
   width: 100%;
}
.form_container form .form-field textarea {
   height: 180px;
}
.form_container form .form-hp {
   display: none;
}
.form_container form .submit-button {
   background-color: #69c;
   border-radius: 10px;
   border-style: outset;
   color: #fff;
   cursor: pointer;
   font-size: 16pt;
   font-weight: bold;
   margin-top: 10px;
   margin-bottom: 20px;
   text-align: center;
   width: 50%;
}
.form-check-validated-no {
   background-color: #ffc !important;
}
.form-if-validated:disabled {
   background-color: #ccc !important;
   cursor: not-allowed !important;
}

.services .services-icon-box {
   border-radius: 6px;
   background: #fff;
   box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
   margin-bottom: 20px;
   padding: 50px 40px;
}
.services-image-link {
   float: left;
   margin-right: 20px;
   width: 75px; height: 100%;
}
.services-image-link img {
   width: 100%;
}
.services .services-icon-box h4 {
   font-weight: 700;
   font-size: 18px;
   line-height: 70px;
   margin-bottom: 30px;
}
.services .services-icon-box h4 a {
   color: #05579e;
}
.services-primary .hero-content p,
.services .services-icon-box p {
   line-height: 24px;
   font-size: 14px;
   margin-bottom: 0;
}

div.expandable::before {
   color: #00f;
   content: "more...";
   cursor: pointer;
   float: right;
}
div.expanded::before {
   display: none;
}
.services-primary .hero-content div.expandable div.expandable-block,
.services .services-icon-box div.expandable div.expandable-block {
   display: none;
}
.services-primary .hero-content div.expandable a.expandable-link,
.services .services-icon-box div.expandable a.expandable-link {
   color: #00f;
   display: none;
   float: right;
}

.review-boxes .review-box {
   box-shadow: none;
}
.review-boxes .review-box p.rating {
   color: #fc0;
}
.review-boxes .review-box p.review {
   font-size: 12pt;
   line-height: 20px;
   min-height: 150px;
}
.review-boxes .review-box p.reviewer {
   font-size: 10pt;
   text-align: right;
}
.loader.loading:after {
   content: url(/bepc-assets/images/bullseye_loader.gif);
   left: 50%; top: 50%;
   position: fixed;
   width: 100%;
}

#content img {
   float: left;
   margin-right: 20px;
   margin-top: 5px;
   margin-bottom: 10px;
   width: 300px;
}
#content h1, #content h2, #content h3, .section-title h3 {
   color: #054a85;
   font-family: Arial;
   font-weight: bold;
   margin-top: 30px;
   margin-bottom: 20px;
}
@media (max-width: 500px) {
   #content img {
      width: 50%;
   }
}
@media (max-width: 320px) {
   #content h1 {
      font-size: 18pt;
   }
}

.clients .swiper-slide img {
   opacity: 0.8;
}

#footer .footer-top .footer-contact p a {
   color: #fff;
}