/*
Master Stylesheet for Layout 440 w/ADA Updates
Gabe @ Build Your Firm
4/25/2024
*/


:root {
  --byf-primary: #00609E;
  --byf-primary-dark: #003152;
  --byf-primary-rgb: 0, 96, 158;
  --byf-secondary: #B93327;
  --byf-secondary-dark: #8C271E;
  --byf-secondary-rgb: 185, 51, 39;
  --byf-header-font: 'Poppins', sans-serif;
  --byf-body-font: 'Open Sans', sans-serif;
  --byf-body-font-size: 17px;
  --byf-body-line-height: 1.875;
  --byf-body-font-weight: 400;
  --byf-btn-radius: 1px;

  --hcm-font-size: 18px;
  --hcm-font-weight: 500; 
  --hcm-primary-dark: #001b2e;
  --hcm-body-color: #040404;
}


/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
a11y Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#skip-navigation {
  background: #fff;
  color: #000;
  left: 0;
  padding: .5em;
  position: absolute;
  top: -1000px;
  transition: all .3s ease;
  z-index: 11;
}

a:not(.btn, .nav-link):focus-visible {
  outline: 2px solid var(--byf-primary);
}

:is(#footer-top, #footer-bottom) a:not(.btn, .nav-link):focus-visible {
  outline: 2px solid var(--byf-secondary);
}

:is(.btn-default, .btn-primary, .btn-secondary):focus-visible {
  outline: 2px solid var(--byf-primary) !important;
  outline-offset: 1px;
}

#hc-toggle {
  align-items: center;
  background: var(--byf-primary);
  border: 2px solid #FFF;
  border-radius: .1875rem;
  bottom: 1rem;
  box-shadow: 0 1px 1px rgba(0,0,0,.05), 0 2px 2px rgba(0,0,0,.05), 0 4px 4px rgba(0,0,0,.05), 0 8px 8px rgba(0,0,0,.05), 0 16px 16px rgba(0,0,0,.05);
  color: #FFF;
  display: flex;
  font-size: 1.75rem;
  justify-content: center;
  height: 3rem;
  left: 1rem;
  outline: 0;
  position: fixed;
  transition: all .3s ease;
  width: 3rem;
  cursor: pointer;
  z-index: 999;
}

#hc-toggle i {
  font-size: 1.75rem;
}

#hc-toggle:is(:hover, :focus, :focus-visible) {
  background: #FFF;
  border-color: var(--byf-secondary);
  color: var(--byf-secondary);
}

.sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

#featured-services-2 a:not(.btn, .nav-link):focus-visible .featured-service {
  outline: 2px solid var(--byf-primary);
  outline-offset: 2px;
}

.navbar .navbar-nav .nav-link:focus-visible, .navbar .navbar-nav .nav-item.show .nav-link:focus-visible {
  color: var(--byf-secondary);
  outline: 2px solid var(--byf-primary);
}

.hcm #split-section-2 .split-content {
  text-align: left;
}

/* ===== PRICING PACKAGES ===== */

.pricing-title {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.pricing-subtitle {
    text-align: center;
    padding: 0 5rem;
    margin-bottom: 1rem;
}

.packages {
    padding: 4.5rem 1rem 3rem;
}

.package .blue {
    margin: -2.5rem -3rem;
    padding: 2.5rem 3rem;
    background: rgba(0, 121, 170, 1);
    height: 120px;
}

.package .blue :is(h2, p) {
   color: #fff;
   line-height: 1.3;
}

.package {
    flex-basis: 20%;
    flex-grow: 1;
    padding: 2.5rem 3rem;
    text-align: center;
    margin: 1rem;
    background: #fff;
    border-radius: 4px;
    border: 2px solid background: #37437b;;
    box-shadow: 0px 2px 6px rgb(15 27 47 / 33%);
}

.package h2 {
    margin-bottom: 1.25rem;
    font-weight: 600;
    font-size: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 2px solid rgb(255 255 255 / 21%);
}

.package .price {
    font-size: 3.75rem;
    font-weight: 700;
    padding: 5rem 0 1rem;
}

.package .price span {
   font-size: 1.25rem;
   font-weight: 500;
}

.package :is(h2, p, li, a) {
   color: #var(--byf-secondary-dark);
}

.package ul {
    text-align: left;
    padding-left: 1.5rem;
    list-style-type: '\2714\1\1';
    margin: 2rem 0;
}

.package li {
  margin: 0.5rem 0;
  list-style-position: outside;
}

.package .fas {
  margin-right: 8px;
  color: #ff6600;
}

.package p {
    margin-bottom: 0.25rem;
    font-size: 1.25rem;
    font-weight: 700;
}

.tax-prices {
    margin: 3rem 0;
    text-align: center;
    background: #fefefe;
    padding: 3rem 2rem;
}

.tax-prices h3 {
  font-weight: 600;
}

.tax-prices hr {
   margin: 2rem 0;
}

table {
    width: 100%;
    margin: 4rem auto 1rem;
}

table thead {
    background: #37437b;
    
}

thead th {
  color: #fff;
}

thead th {
    font-size: 22px;
    line-height: 1.85;
    padding: 0.75rem;
    text-align: center;
}

table td {
    font-size: 16px;
    line-height: 1.65;
    border: 1px solid #343434;
    padding: 1rem;
    text-align: center;
}

table .price {
  text-align: center;
  font-weight: 600;
}

#inner .package a.btn {
    border: 2px #37437b;
}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

* {
font-size: 14px;
}

h1, h2, h3, h4, h5, h6,
h2 > a, h3 > a, h4 > a {
font-family: var(--byf-header-font);
font-weight: 500;
line-height: 1.2;
margin-bottom: 5px;
-webkit-font-variant-ligatures: none;
-moz-font-variant-ligatures: none;
font-variant-ligatures: none;
}

h1, h2, h3, h4, h5, h6 {
color: #222c34;
}

.hcm :is(h1, h2, h3, h4, h5, h6, h2 > a, h3 > a, h4 > a) {
 color: var(--byf-primary-dark);
 font-weight: 600;
}

h1 {
font-size: 22px;
margin-bottom: 20px;
color: #013E7C;
font-weight: 600;
}

#index-section h1 {
font-size: 22px;
font-weight: 500;
}

#index-section h1 > span {
text-transform: none;
}

h2 {
font-size: 22px;
}

h3 {
font-size: 18px;
}

h4 {
font-size: 1.05rem;
}

p, a, ul, li {
color: #555;
font-family: var(--byf-body-font);
font-size: 14px;
line-height: 1.8;
font-weight: 300;
}

.hcm :is(p, a, ul, li) {
 color: var(--hcm-body-color);
 font-weight: 500;
}

p {
margin-bottom: 15px;
}

p + h2, p + h3 {
  margin: 15px 0 5px;
}

a, a:active,
a:focus, a:visited {
color: var(--byf-secondary);
font-family: var(--byf-body-font);
font-weight: 600;
outline: 0;
text-decoration: none;
-webkit-transition: color .3s ease;
-moz-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease;
}

.hcm :is(a, a:active,
a:focus, a:visited) {
color: var(--byf-secondary);
font-weight: 600;
 text-decoration: underline;
}

a:hover {
color: var(--byf-primary);
}

* a:hover {
text-decoration: none;
}

ul {
margin-bottom: 10px;
}

h2 + ul,
p + ul {
margin-top: 10px;
}

h2 > a, h2 > a:active, h2 > a:focus,
h3 > a, h3 > a:active, h3 > a:focus,
h4 > a, h4 > a:active, h4 > a:focus {
font-family: inherit;
font-size: inherit;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
BUTTONS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.btn, .btn:active, .btn:focus, .btn:active:focus,
.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active:focus,
.btn-primary, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-default, .btn-default:active, .btn-default:focus, .btn-default:active:focus,
.btn-default:not(:disabled):not(.disabled).active,
.btn-default:not(:disabled):not(.disabled):active:focus {
    background: #FFCC45;
    border-radius: 0;
    border: 0;
    box-shadow: none;
    color: #003D7C !important;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 600;
    margin-top: 0;
    outline: 0;
    padding: 8px 20px;
    -webkit-transition: background 0.35s linear;
    -moz-transition: background 0.35s linear;
    -ms-transition: background 0.35s linear;
    -o-transition: background 0.35s linear;
    transition: background 0.35s linear;
    text-shadow: none;
    text-transform: uppercase;
}

.hcm :is(a.btn-primary, a.btn, a.btn.btn-primary) {
 background: var(--byf-primary-dark);
 font-weight: 600;
}

.btn:hover,
.btn-primary:hover,
.btn-default:hover {
background: #008ee9;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
HEADER - TOPBAR
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#topbar {
background: var(--byf-primary-dark);
}

.hcm #topbar {
background: var(--hcm-primary-dark);
}

#topbar .row {
margin: 0 -15px;
}

#topbar .item {
padding: 5px 10px 6px;
width: 33%;
align-items: flex-end;
}

#topbar .item i {
margin-right: 10px;
}

#topbar .item a {
color: #FFF;
font-weight: 400;
}

#topbar .item a:hover {
color: var(--byf-secondary);
}

.banner-title {
    background: #DBFFF7;
    border-bottom: 1px solid #FFF;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    height: 150px;
    justify-content: space-around;
}
.banner-title h2 {
    padding: 5px 0;
    margin-bottom: 0;
    color: #000;
}
.banner-title h2 a {
    font-size: 16px;
    color: #000;
}

#inner-copy h2 {
    color: #0175C0;
    font-size: 19px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
LOGO SECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#header-logo {
padding: 25px 0;
position: relative;
-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
z-index: 100;
}

#header-logo.fixed-top {
-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.2);
box-shadow: 0 0 4px 2px rgba(0,0,0,.2);
}

#header-logo.fixed-top {
background: rgba(255,255,255,.95);
padding: 8px 0;
position: fixed;
z-index: 75;
}

#header-logo img {
max-width: 100%;
-webkit-transition: max-width .4s ease;
-o-transition: max-width .4s ease;
-moz-transition: max-width .4s ease;
transition: max-width .4s ease;
width: 300px;
}

#header-logo.fixed-top img {
max-width: 25%;
min-width: 225px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
OVERLAY MENU
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#overlay-menu {
background: var(--byf-primary);
background: rgba(var(--byf-primary-rgb), .97);
height: 100%;
left: 0;
opacity: 0;
overflow-x: hidden;
position: fixed;
right: 0;
top: 0;
visibility: hidden;
width: 100%;
z-index: 1000;
-webkit-transition: opacity .5s ease;
-o-transition: opacity .5s ease;
-moz-transition: opacity .5s ease;
transition: opacity .5s ease;
}

#overlay-menu .container {
position: relative;
}

#overlay-menu-links {
display: block;
margin-top: 50px;
position: absolute;
text-align: center;
width: 100%;
z-index: 1;
}

#overlay-menu-links .nav-link {
display: inline-block;
}

#overlay-menu-links {
padding: 0 15px;
}

#overlay-menu-links a,
#overlay-menu-links a:active,
#overlay-menu-links a:focus,
#overlay-menu-links a:active:focus  {
color: #DDD;
font-size: 35px;
white-space: pre-wrap;
}

#overlay-menu-links .dropdown-item:focus,
#overlay-menu-links .dropdown-item:hover {
background: transparent;
}

#overlay-menu-links a:hover,
#overlay-menu-links .show > a {
color: var(--byf-secondary);
}

#overlay-menu-links .show .dropdown-toggle::after {
border-bottom: 0;
border-left: .2em solid transparent;
border-right: .2em solid transparent;
border-top: .2em solid;
left: 5px;
position: relative;
top: 3px;
white-space: normal;
}

#overlay-menu-links .show > .dropdown-toggle::after {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: all .3s ease, transform .3s ease, color 0s;
-moz-transition: all .3s ease, transform .3s ease, color 0s;
-o-transition: all .3s ease, transform .3s ease, color 0s;
transition: all .3s ease, transform .3s ease, color 0s;
}

#overlay-menu-links .dropdown-menu {
background: transparent;
border: 0;
margin: -5px 0 0;
padding: 0 0 25px;
text-align: center;
width: 100%;
}

#overlay-menu-links .dropdown-menu.show {
position: static !important;
-webkit-transform: translate3d(0, 0, 0) !important;
-moz-transform: translate3d(0, 0, 0) !important;
transform: translate3d(0, 0, 0) !important;
}

#overlay-menu-links .dropdown-menu a,
#overlay-menu-links .dropdown-menu a:active,
#overlay-menu-links .dropdown-menu a:focus,
#overlay-menu-links .dropdowm-menu a:active:focus {
color: #DDD;
font-size: 25px;
line-height: 1.2;
}

#overlay-menu-links .dropdown-menu.show a {
color: #DDD;
}

#overlay-menu-links .dropdown-menu.show a:hover {
background: transparent;
color: var(--byf-secondary);
}

#toggle-open i {
color: var(--byf-secondary);
font-size: 30px;
position: absolute;
right: 15px;
top: -webkit-calc(50% - 5px);
top: -moz-calc(50% - 5px);
top: calc(50% - 5px);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
-moz-transition: color .3s ease;
transition: color .3s ease;
}

b, strong {
    font-weight: 600;
}

#toggle-close i {
color: #FFF;
font-size: 30px;
position: absolute;
right: 20px;
z-index: 9999;
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
-moz-transition: color .3s ease;
transition: color .3s ease;
}

#toggle-close i:hover {
color: var(--byf-secondary);
}

#toggle-open:hover i {
color: #2E4F8B;
}

#toggle-open .fa-layers i:first-of-type {
right: 24px;
}

#toggle-open .fa-layers .menu {
font-size: 12px;
font-style: normal;
top: -webkit-calc(50% + 18px);
top: -moz-calc(50% + 18px);
top: calc(50% + 18px);
}

.navbar-button {
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}

.fixed-top .menu {
display: none;
}

.fixed-top .navbar-button {
top: 5px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
NAVBAR
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.navbar {
padding: 0;
width: 100%;
}

.navbar-brand {
margin: 0;
padding: 0 15px 0 0;
}

.navbar .navbar-nav .nav-link {
padding: 10px 15px;
text-align: center;
}

.navbar .navbar-nav .nav-link {
color: #333;
font-weight: 400;
}

.hcm .navbar .navbar-nav .nav-link {
  color: #222;
  font-weight: 500;
}

.navbar .navbar-nav .nav-item:last-of-type .nav-link {
padding-right: 0;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-item.show .nav-link {
color: var(--byf-secondary);
}

.navbar .navbar-nav .dropdown-toggle::after {
left: 1px;
position: relative;
top: 1px;
}

.navbar .dropdown-item,
.navbar .dropdown-item:active,
.navbar .dropdown-item:focus {
background: transparent;
color: #333;
padding: .25rem 1rem;
}

.hcm .navbar :is(.dropdown-item, .dropdown-item:active, .dropdown-item:focus) {
 color: #111;
 font-weight: 600;
}

.navbar .dropdown-item:hover {
background: #EAEAEA;
}

.navbar-light .navbar-toggler,
.navbar-light .navbar-toggler:focus,
.navbar-light .navbar-toggler:active {
border: 0;
height: 100%;
outline: 0;
padding: 0;
}

.navbar-nav .dropdown-menu {
padding: 3px 0;
top: -webkit-calc(100% + 5px);
top: -moz-calc(100% + 5px);
top: calc(100% + 5px);
}

.navbar-toggler i,
.navbar-toggler i:active,
.navbar-toggler i:focus,
.navbar-toggler i:active:focus {
color: var(--byf-secondary);
font-size: 30px;
position: relative;
top: 6px;
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
}

.navbar-toggler i:hover:not(:active):not(:focus) {
color: #6699CC;
}

    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    TESTIMONIALS
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    
    #testimonials {
      background: #F8F8F8;
      padding: 5rem 0 5rem;
      position: relative;
      text-align: center;
    }
    
    #testimonials h2 {
      color: #3C3C3C;
      display: inline-block;
      font-size: 2rem;
      margin: 0 0 4rem;
      position: relative;
      text-align: center;
    }
    
    #myTestimonials {
      overflow: hidden;
      padding: 0 0 5rem;
    }
    
    #myTestimonials .carousel-inner {
      overflow: visible;
    }
    
    #myTestimonials .carousel-control-next::after,
    #myTestimonials .carousel-control-prev::after {
      font-family: 'Font Awesome 5 Free';
      font-size: 1.5rem;
      font-weight: 900;
      left: 50%;
      position: absolute;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      visibility: visible;
    }
    
    #myTestimonials .carousel-control-next::after {
      content: '138';
    }
    
    #myTestimonials .carousel-control-prev::after {
      content: '137';
    }
    
    #myTestimonials .carousel-control-next {
      opacity: 1;
      right: -1.5rem;
    }
    
    #myTestimonials .carousel-control-prev {
      left: -1.5rem;
    }

    
    #myTestimonials .testimonial {
      background: #008ee9;
      -webkit-border-radius: 2rem;
      border-radius: 2rem;
      height: 100%;
      margin: 0 auto;
      padding: 3rem 7rem 2rem;
      position: relative;
      text-align: left;
      width: -webkit-calc(100% - 4rem);
      width: calc(100% - 4rem);
      overflow: visible;
    }
    
    #myTestimonials .testimonial::after {
      border-color:  var(--byf-primary) transparent transparent transparent;
      border-style: solid;
      border-width: 58px 58px 0 0;
      content: '';
      height: 0;
      position: absolute;
      right: 8rem;
      top: 100%;
      z-index: 100;
      width: 0;
    }
    
    #myTestimonials .testimonial i {
      color: var(--byf-pop);
      font-size: 1.5rem;
      margin: 0 0 1.5rem;
    }
    
    #myTestimonials p {
      color: #FFF;
      font-size: 1rem;
    }
    
    #myTestimonials .stars {
      margin-top: 2rem;
      text-align: center;
    }
    
    #myTestimonials p.name {
      bottom: -5.25rem;
      color: #3C3C3C;
      font-family: var(--byf-font2);
      font-weight: 800;
      font-size: 1.0625rem;
      position: absolute;
      right: 13rem;
      text-align: right;
    }
    
    #myTestimonials p.name span {
      color: var(--byf-pop);
    }
    
    #myTestimonials p.name span i {
      font-size: 1.5rem;
      margin-left: .5rem;
    }
    

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
CAROUSEL SLIDER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#slider-section {
position: relative;
}

.slider-overlay {
  background: rgb(15 52 76 / 60%);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

#myCarousel {
background: #000;
overflow-x: hidden;
}

#myCarousel .carousel-indicators {
z-index: 1;
}

#myCarousel .carousel-control-prev,
#myCarousel .carousel-control-next {
width: 100px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

#myCarousel .carousel-control-prev {
left: -75px;
}

#myCarousel .carousel-control-next {
right: -75px;
}

#myCarousel:hover .carousel-control-prev {
left: -15px;
}

#myCarousel:hover .carousel-control-next {
right: -10px;
}

#myCarousel img {
width: 100%;
}

#myCarousel .carousel-indicators li:hover {
cursor: pointer;
}

#myCarousel .carousel-caption {
bottom: auto;
left: 50%;
max-width: 1000px;
padding: 25px 30px 30px;
text-align: center;
top: 50%;
width: 80%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

#myCarousel .carousel-caption h2 {
color: #FFF;
font-size: 50px;
margin-bottom: 20px;
text-shadow: 2px 2px 3px rgba(0,0,0,.3);
}

#myCarousel .carousel-caption p {
color: #FFF;
font-family: 'Raleway', sans-serif;
font-size: 22px;
font-weight: 300;
margin-bottom: 50px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
SERVICE BOXES 1
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#services-1 {
padding: 60px 0;
background: #f3f3f3;
}

#services-1 h2 {
margin: 0;
text-align: center;
}

#services-1 .service {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 250px;
  margin-top: 30px;
  padding: 0 15px;
  position: relative;
  border-radius: 10px;
box-shadow: 0 2px 6px 0 rgb(43 43 43 / 44%);
}

#services-1 .service-overlay {
background: #00609ebf;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
border-radius: 10px;
}

#services-1 .service-heading {
    position: absolute;
    text-align: center;
    top: 50%;
    width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: calc(100% - 30px);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#services-1 .service-heading i {
color: #FFF;
font-size: 30px;
margin-bottom: 10px;
}

#services-1 .service-heading h3 {
color: #FFF;
font-size: 20px;
}

#services-1 p {
color: #FFF;
margin-left: auto;
margin-right: auto;
position: absolute;
text-align: center;
top: 45%;
width: -webkit-calc(100% - 30px);
width: -moz-calc(100% - 30px);
width: calc(100% - 30px);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}

#services-1 .service-1 .service-overlay {
background: #00609ebf;
}

#services-1 a:hover .service-overlay {
background: #00609ec9;
}

#services-1 a:hover .service-heading {
  top: -webkit-calc(50% - 55px);
  top: -moz-calc(50% - 55px);
  top: calc(50% - 55px);
}

#services-1 a:hover p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

#services-1 .service-1 {
  background-image: url("/site_images/homeserv1.jpg");
}

#services-1 .service-2 {
  background-image: url("/site_images/homeserv2.jpg");
}

#services-1 .service-3 {
  background-image: url("/site_images/homeserv3.jpg");
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
SERVICE BOXES 2
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#services-2 {
overflow: hidden;
padding: 60px 0;
}

#services-2 div[class*='col-'] {
margin-top: 30px;
}

#services-2 h2 {
margin: 0;
text-align: center;
}

#services-2 .overlay-holder {
overflow: hidden;
position: relative;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}

#services-2 .overlay {
background: rgba(var(--byf-secondary-rgb), .9);
bottom: 0;
color: #FFF;
left: 0;
height: 100%;
margin-top: -35px;
right: 0;
padding: 5px 15px;
position: absolute;
top: 100%;
}

#services-2 .overlay-content {
position: relative;
top: 2px;
}

#services-2 .overlay-content h2 {
color: #FFF;
font-family: var(--byf-header-font);
font-size: 18px;
font-weight: 400;
margin: 0;
text-align: center;
}

#services-2 .overlay-content p {
color: #FFF;
font-family: var(--byf-body-font);
line-height: 1.5;
margin: 10px 0 0;
}

#services-2 .overlay,
#services-2 .overlay-content,
#services-2 .overlay-content h2 {
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}

#services-2 .service {
background-position: 50% 50%;
background-repeat: no-repeat;
height: 250px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#services-2 .service-1 {
background-image: url("/site_images/homeserv1.jpg");
}

#services-2 .service-2 {
background-image: url("https://placehold.it/768x512");
}

#services-2 .service-3 {
background-image: url("https://placehold.it/768x512");
}

#services-2 .service-4 {
background-image: url("https://placehold.it/768x512");
}

#services-2 a:hover .overlay {
background: rgba(var(--byf-primary-rgb), .9);
margin-top: 0;
top: 0;
}

#services-2 a:hover .overlay-content {
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
INDEX SECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#index-section {
background: #F8F8F8;
overflow: hidden;
padding: 80px 0;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
SPLIT SECTION 1
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#split-section-1 .split-bg {
background-image: url("/site_images/split1.jpg");
background-position: center center;
background-repeat: no-repeat;
}

#split-section-1 .split-content {
padding: 80px 50px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
SPLIT SECTION 2
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#split-section-2 .split-bg {
background-image: url("/site_images/split22.jpg");
background-position: center center;
background-repeat: no-repeat;
}

#split-section-2 .split-content {
padding: 80px 50px;
text-align: right;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
FEATURED SERVICES 1
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#featured-services-1 {
background: #F8F8F8;
overflow: hidden;
padding: 50px 0;
}

#featured-services-1 h2 {
margin-bottom: -15px;
text-align: center;
}

#featured-services-1 div[class*='col-'] {
margin-top: 30px;
}

#featured-services-1 .outer-img-holder {
    border-radius: 10px 10px 0px 0px;
}

#featured-services-1 .inner-img-holder {
-webkit-transition: all .6s ease;
-moz-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
}

#featured-services-1 .service-text {
border: 1px solid #DDD;
padding: 15px 15px 30px;
position: relative;
height: 225px;
}

#featured-services-1 .service-text {
    border: 1px solid #DDD;
    padding: 15px 15px 30px;
    position: relative;
}

#featured-services-1 .service-text {
    background: rgb(234 239 255 / 19%);
    border-radius: 0px 0px 10px 10px;
    padding: 15px 30px 25px;
}

#featured-services-1 .icon-holder {
background: var(--byf-primary);
border-radius: 50%;
display: table;
font-size: 26px;
height: 60px;
left: 30px;
position: absolute;
text-align: center;
top: -30px;
vertical-align: middle;
width: 60px;
-webkit-transition: background .2s ease;
-moz-transition: background .2s ease;
-o-transition: background .2s ease;
transition: background .2s ease;
}

#featured-services-1 .service-text i {
color: #FFF;
display: table-cell;
vertical-align: middle;
font-size: 23px;
}

#featured-services-1 .service-text h3 {
margin: 30px 0 10px;
}

#featured-services-1 a:hover .icon-holder {
background: #008ee9;
}

#featured-services-1 a:hover .inner-img-holder {
-webkit-transform: scale(1.08,1.08);
-moz-transform: scale(1.08,1.08);
-ms-transform: scale(1.08,1.08);
-o-transform: scale(1.08,1.08);
transform: scale(1.08,1.08);
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
FEATURED SERVICES 2
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#featured-services-2 {
background: #F8F8F8;
overflow: hidden;
padding: 50px 0;
}

#featured-services-2 h2 {
margin-bottom: -15px;
text-align: center;
}

#featured-services-2 .featured-service {
margin: 30px 0 0;
position: relative;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

#featured-services-2 .featured-service h3 {
background: var(--byf-primary);
background: rgba(var(--byf-primary-rgb), .9);
bottom: 15px;
color: #FFF;
margin: 0;
padding: 10px 20px;
position: absolute;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

#featured-services-2 a:hover .featured-service h3 {
background: rgba(var(--byf-secondary-rgb), .9);
padding-left: 50px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
MEET OUR TEAM
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#meet-our-team {
padding: 50px 0;
}

#meet-our-team .big-btn {
margin-top: 10px;
}

#meet-our-team .social-media {
margin-top: 15px;
text-align: left;
}

#meet-our-team .social-media i:hover {
background: #4E7B88;
}

#meet-our-team .social-media a {
font-size: 0 !important;
padding: 0 !important;
}

#meet-our-team .social-media i {
background: var(--byf-secondary);
color: #FFF;
font-size: 14px;
height: 30px;
margin: 0 5px 0 0 !important;
padding-left: 5px !important;
text-align: center;
width: 30px;
-webkit-transition: background .2s ease;
-moz-transition: background .2s ease;
-o-transition: background .2s ease;
transition: background .2s ease;
}

#meet-our-team .social-media a:first-of-type i {
margin-left: 0 !important;
}

#meet-our-team .social-media i:hover {
background: var(--byf-primary);
}

#meet-our-team .fa-facebook-f {
padding: 8px 6px 8px 6px;
}

#meet-our-team .fa-google-plus-g {
padding: 8px 4px 8px 8px;
}

#meet-our-team .fa-linkedin-in {
padding: 8px 5px 8px 6px;
}

#meet-our-team .fa-twitter {
padding: 8px 4px 8px 7px;
}

#meet-our-team .fa-yelp {
padding: 8px 6px 8px 6px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
AFFILIATES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#affiliates {
background: #F8F8F8;
padding: 30px 0;
}

#affiliates .affiliates {
margin: 0 -15px;
text-align: center;
}

#affiliates .affiliates img {
display: inline-block;
margin: 20px 15px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
INNER PAGES - CONTENT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#inner-content {
overflow: hidden;
}

#inner-content h2 {
padding-bottom: 5px;
}

#inner-content h4 {
padding-bottom: 5px;
}

#inner-copy {
padding: 50px 30px 50px 15px;
}

#inner-copy p:last-of-type {
margin-bottom: 0;
}

#inner-copy form p:last-of-type,
#inner-copy #gmapwide p:last-of-type {
margin-bottom: 10px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
INNER PAGES - SIDEBAR
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#sidebar {
padding: 50px 15px;
}

#sidebar h3 {
    color: #003D7B;
    font-size: 17px;
    font-weight: 500;
}

#sidebar .sidebar-bg {
background: #F8F8F8;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
width: 100vw;
z-index: -1;
}

#sidebar .sidebar-section {
border-bottom: 1px solid #DDD;
display: table;
margin-bottom: 25px;
padding: 0 0 25px;
}

#sidebar .sidebar-section:last-of-type,
#sidebar .byf_row .sidebar-section:last-of-type {
border: 0;
margin: 0;
padding: 0;
}

#sidebar .sidebar-icon {
display: table-cell;
text-align: center;
width: 40px;
}

#sidebar .sidebar-icon i {
color: #333;
font-size: 22px;
position: relative;
top: 3px;
}

#sidebar .sidebar-text {
display: table-cell;
padding: 0 0 0 15px;
}

#sidebar .sidebar-text p {
margin-bottom: 10px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#footer-top {
background: var(--byf-primary-dark);
font-size: 0;
overflow: hidden;
padding: 30px 0 50px;
}

.hcm :is(#footer-top, #footer-bottom) {
background: var(--hcm-primary-dark);
}

#footer-top h2 {
color: #FFF;
font-size: 18px;
margin: 20px 0 10px;
}

#footer-top p,
#footer-bottom p {
color: #DDD;
}

#footer-top a,
#footer-top a:active,
#footer-top a:focus,
#footer-bottom a,
#footer-bottom a:active,
#footer-bottom a:focus {
color: #DDD;
display: inline-block;
}

#footer-top a,
#footer-bottom a,
#footer-top p,
#footer-bottom p {
font-size: 14px;
line-height: 1.5;
font-weight: 400;
margin: 0;
padding: 0 0 6px;
}

.hcm :is( #footer-top a,
#footer-bottom a,
#footer-top p,
#footer-bottom p ) 
{
font-weight: 500;
}

#footer-top div[class*='col-'] a:last-of-type,
#footer-top div[class*='col-'] p:last-of-type {
padding-bottom: 0;
}

#footer-bottom a,
#footer-bottom p {
font-size: 14px;
}

#footer-top a:hover,
#footer-bottom a:hover {
color: #FFF;
}

#footer-top i {
color: #999;
font-size: 14px;
margin-right: 6px;
width: 12px;
}

#footer-top .site-name {
font-weight: 600;
}

#footer-bottom {
background: var(--byf-primary-dark);
overflow: hidden;
padding: 35px 0;
}

#footer-bottom #copyright p:last-of-type,
#footer-bottom #copyright p:last-of-type a {
padding-bottom: 0;
}

#footer-bottom #copyright a:hover {
color: #F7A718;
}

#footer-menu {
font-size: 0;
text-align: right;
}

#footer-menu a {
padding: 0 0 5px 30px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
SCROLL TO TOP
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#scroll-icon {
position: fixed;
bottom: 15px;
opacity: 0;
right: 20px;
text-align: center;
visibility: hidden;
z-index: 99;
-webkit-transition: opacity .5s ease;
-moz-transition: opacity .5s ease;
-o-transition: opacity .5s ease;
transition: opacity .5s ease;
}

#scroll-icon .fa,
#scroll-icon .fa:active,
#scroll-icon .fa:focus {
background: rgba(0, 0, 0, .35);
border-radius: 2px;
color: #FFF;
cursor: pointer;
font-size: 25px;
padding: 10px 15px;
-webkit-transition: box-shadow .2s ease;
-moz-transition: box-shadow .2s ease;
-o-transition: box-shadow .2s ease;
transition: box-shadow .2s ease;
}

#scroll-icon .fa:hover {
-webkit-box-shadow: inset 0 0 0 99999px rgba(0, 0, 0, .2);
-moz-box-shadow: inset 0 0 0 99999px rgba(0, 0, 0, .2);
box-shadow: inset 0 0 0 99999px rgba(0, 0, 0, .2);
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
MISCELLANEOUS FIXES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

* {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}

body, html {
overflow-x: hidden;
}

body {
height: 100%;
position: relative;
width: 100%;
-ms-overflow-style: scrollbar;
}

textarea {
resize: vertical;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0 1000px #FFF inset;
}

.error,
.errors {
background-color: #FFF !important;
border: 1px solid #FF0000 !important;
border-radius: 3px;
color: #FF0000 !important;
font-family: var(--byf-body-font) !important;
font-size: 14px;
font-weight: 600 !important;
margin-bottom: 20px !important;
margin-top: 0 !important;
padding: 13px 10px 12px !important;
}

.error p,
.errors p {
font-size: 14px;
padding-bottom: 0;
}

.error ul,
.errors ul {
font-weight: 400 !important;
list-style-position: inside;
margin-bottom: 0;
margin-top: 8px;
padding-left: 30px;
}

.resourcestrick > h1,
.resourcestrick > h3 {
padding-bottom: 0 !important;
}

.resourcestrick > h1 + br,
.resourcestrick > h3 + br {
display: none;
}

.resourcestrick > .resourcefix:first-of-type {
margin-top: 0;
}

.resourcefix {
font-size: 20px;
margin: 20px 0 2px;
}

.resourcefix + br {
display: none;
}

.resourcestrick .resourcefix:first-of-type {
margin-top: 0;
}

.resourcestrick br:first-of-type {
display: none;
}

label,
.form-control {
font-family: var(--byf-body-font);
font-size: 14px;
}

label {
font-size: 14px;
font-weight: 400;
}

.verify {
display: none;
}

#consultation label {
margin-bottom: 5px;
}

#consultation .form-group:not(:nth-of-type(8)):not(:nth-of-type(9)) label {
display: none;
}

#consultation textarea.form-control {
height: 115px;
}

.newsletter_form > form {
font-family: var(--byf-body-font);
font-size: 14px;
}

#contactForm a,
#consultation a,
.newsletter_form a {
font-size: 12px;
}

.consultation_form .col-xs-12.col-sm-4.text-center {
text-align: left;
width: 25%;
}

.newsletter_form label {
font-weight: 400;
text-align: right;
}

.newsletter_form .fsd + .form-group > label {
margin-top: -5px;
}

#captcha {
border: none !important;
}

.divider {
background: #CCC;
display: block;
height: 1px;
margin: 24px 0 10px;
max-width: 100%;
width: 210px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
1199 MEDIA QUERY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@media (max-width: 1199px) {

#myCarousel .carousel-caption h2 {
  font-size: 40px;
  margin-bottom: 25px;
}

#myCarousel .carousel-caption p {
  display: none;
}

#services-1 p {
  top: 50%;
}

#services-1 a:hover .service-heading {
  top: -webkit-calc(50% - 40px);
  top: -moz-calc(50% - 40px);
  top: calc(50% - 40px);
}

}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
991 MEDIA QUERY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@media (max-width: 991px) {

#navbar-container {
  display: table;
  width: 100%;
}

.navbar-logo,
.navbar-button {
  display: table-cell;
}

.navbar-button {
  width: 45px;
  right: -15px;
  position: relative;
  text-align: right;
}

.navbar .navbar-nav .nav-link,
.navbar .dropdown-item {
  text-align: center;
}

.dropdown-menu {
  border: 0;
  margin-top: 0;
  padding-top: 0;
}

#myCarousel .carousel-caption {
  top: 50%;
}

.newsletter_form label {
  margin-bottom: 4px;
  text-align: left !important;
}

#split-section-1 .split-content {
  padding: 50px 15px 0;
  text-align: left;
}

#split-section-2 .split-content {
  padding: 15px 15px 50px;
  text-align: left;
}

#split-section-1 .container-fluid,
#split-section-2 .container-fluid {
  max-width: 830px;
}

}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
767 MEDIA QUERY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@media (max-width: 767px) {

#topbar .item {
  text-align: center !important;
}

#topbar .item a {
  display: inline-block;
  width: 100%;
}

#topbar .item i {
  margin-right: 0;
}

#overlay-menu-links {
  margin-top: 0;
}

.navbar .navbar-nav .nav-item:last-of-type .nav-link {
  padding-right: 15px;
}

#myCarousel .carousel-caption h2 {
  font-size: 30px;
}

#myCarousel .carousel-indicators {
  display: none;
}

#meet-our-team .img-fluid {
  margin-bottom: 20px;
}

#inner-copy {
  padding: 50px 15px;
}

#footer-menu {
  margin-bottom: 12px;
}

#footer-menu {
  text-align: left;
}

#footer-menu a {
  padding: 0 30px 5px 0;
}

#scroll-icon {
  display: none;
}

.consultation_form .col-xs-12.col-sm-4.text-center {
  width: 100%;
}

}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
575 MEDIA QUERY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media (max-width: 575px) {

.container {
  max-width: 100%;
}

h1 {
  font-size: 22px;
}

h2 {
  font-size: 18px;
}

h3 {
  font-size: 16px;
}

h4 {
  font-size: 15px;
}

#myCarousel .carousel-caption {
  width: -webkit-calc(100% - 30px);
  width: -moz-calc(100% - 30px);
  width: calc(100% - 30px);
}

#myCarousel .carousel-caption h2 {
  font-size: 20px;
  margin-bottom: 15px;
}

#myCarousel .btn-primary {
  padding: 5px 20px;
}

#overlay-menu-links {
  margin-top: -15px;
}

#overlay-menu-links a,
#overlay-menu-links a:active,
#overlay-menu-links a:focus,
#overlay-menu-links a:active:focus  {
  font-size: 24px;
}

#overlay-menu-links .dropdown-menu a,
#overlay-menu-links .dropdown-menu a:active,
#overlay-menu-links .dropdown-menu a:focus,
#overlay-menu-links .dropdowm-menu a:active:focus {
  font-size: 20px;
}

#toggle-close i {
  top: 20px !important;
}

}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
480 MEDIA QUERY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@media (max-width: 480px) {

#overlay-menu-links {
  margin-top: -30px;
}

#inner-copy h1 {
    color: #013E7C;
    font-size: 23px;
    font-weight: 600;
}

#inner-copy img:not(#captcha) {
  display: block;
  float: none !important;
  margin: 0 auto 20px !important;
}

}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
BOOTSTRAP OVERRIDES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@media (min-width: 576px) and (max-width: 767px) {
.container {
  max-width: 100%;
}
}

@media (min-width: 768px) {
.container {
  max-width: 830px;
}
}

@media (min-width: 992px) {
.container {
  max-width: 960px;
}
}

@media (min-width: 1200px) {
.container {
  max-width: 1140px;
}
}

/* = = = = = = = = = = MAIN440.CSS = = = = = = = = = = */