/*
Master Stylesheet for Layout 490
*/

:root {
    --byf-font-1: 'Raleway', sans-serif;
    --byf-font-2: 'Fira Sans', sans-serif;
  
    --byf-blue: #88191A;
    --byf-gray: #4A4A4A;
    --byf-pop: #f9a82b;
    --byf-pop-2: #fec22b;
    --byf-dark: #1b1b28;
    --byf-light: #F6FAFE;
  }
  
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  MISC
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  
.row.form-group {
    max-width: 80%;
}


label.col-xs-12.col-md-4.text-right {
    text-align: left !important;
}

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

  .no-transitions * {
    transition: none !important;
  }
  
  .container,
  .container-fluid {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  
  .row {
    margin-right: -1rem;
    margin-left: -1rem;
  }

#gmapwide .row {
    margin-bottom: 2rem;
}
  
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  TYPOGRAPHY
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  
  * {
    font-family: var(--byf-font-2);
    font-weight: 400;
  }
  
  h1, h2, h3, h4, h5, h6,
  h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
    font-family: var(--byf-font-1);
    font-weight: 500;
    line-height: 1.25;
    margin: 0 0 .5rem;
    -webkit-font-variant-ligatures: none;
    font-variant-ligatures: none;
  }
  
  h1, h2, h3, h4, h5, h6 {
    color: #333;
  }
  
  h1 {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }

#index {
    background: #FFF;
    position: relative;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
  
  #index-section h1 {
    text-transform: capitalize;
  }
  
  #index-section h1 > span {
    text-transform: none;
  }


#index {
    background: #FFF;
    position: relative;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
  
  h2 {
    font-size: 1.375rem;
  }
  
  h3 {
    font-size: 1.125rem;
  }
  
  h4 {
    font-size: 1.0625rem;
  }
  

p, a, ul, li {
    color: var(--byf-gray);
    font-size: 1.1rem;
    line-height: 2.1rem;
}
  
  p + h1, p + h2, p + h3,
  p + h4, p + h5, p + h6 {
    margin-top: 1.25rem;
  }
  
  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-size: inherit;
  }
  
  a {
    font-weight: 700;
  }
  
  a, a:active,
  a:focus, a:visited,
  h2>a, h3>a, h4>a, h5>a, h6>a {
    color: var(--byf-blue);
    outline: 0;
    text-decoration: none;
    transition: color .3s ease-in-out;
  }
  
  a:is(:hover, :focus) {
    color: var(--byf-pop);
  }
  
  * a:is(:hover, :focus) {
    text-decoration: none;
  }
  
  ul {
    margin-bottom: 10px;
  }
  
  h2 + ul,
  p + ul {
    margin-top: 10px;
  }
  
  h2 + ul,
  h3 + ul {
    margin-top: -5px;
  }
  
  ul+ h1, ul + h2, ul + h3,
  ul + h4, ul + h5, ul + h6 {
    margin-top: 1.25rem;
  }
  
  strong {
    font-weight: 600;
  }
  
  ::placeholder {
    font-size: .9375rem;
  }
  
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  SOCIAL MEDIA
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  
  .social-media,
  .social-media *,
  .social-media::before,
  .social-media::after {
    box-sizing: border-box !important;
  }
  
  .social-media a {
    font-size: 0 !important;
    padding: 0 !important;
  }
  
  .social-media i {
    background: transparent;
    color: rgba(255,255,255,.85);
    font-size: 14px;
    height: 30px;
    margin: 0 !important;
    padding-left: 5px;
    text-align: center;
    width: 32px;
    transition: background .2s ease-in-out;
  }
  
  .social-media a:first-of-type i {
    margin-left: 0 !important;
  }
  
  .social-media a:is(:hover, :focus) i {
    background: var(--byf-dark);
  }
  
  .fa-facebook-f {
    padding: 8px 5px 8px 7px;
  }
  
  .fa-google-plus-g {
    padding: 8px 4px 8px 8px;
  }
  
  .fa-linkedin-in {
    padding: 8px 5px 8px 6px;
  }
  
  .fa-pinterest-p {
    padding: 8px 5px 8px 6px;
  }
  
  .fa-twitter {
    padding: 8px 5px 8px 6px;
  }
  
  .fa-yelp {
    padding: 8px 4px 8px 8px;
  }
  
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  BUTTONS
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  
  a.btn, a.btn:active, a.btn:focus, a.btn:active:focus,
  .btn:not(:disabled):not(.disabled).active,
  .btn:not(:disabled):not(.disabled):active:focus,
  a.btn-primary, a.btn-primary:active, a.btn-primary:focus, a.btn-primary:active:focus,
  .btn-primary, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus,
  a.btn-secondary, a.btn-secondary:active, a.btn-secondary:focus, a.btn-secondary:active:focus,
  .btn-secondary, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:active:focus,
  .btn-default, .btn-default:active, .btn-default:focus, .btn-default:active:focus,
  .btn-default:not(:disabled):not(.disabled):active:focus,
  input[type="submit"] {
    background: var(--byf-dark);
    border: 2px solid transparent;
    border-radius: 1.875rem;
    box-shadow: none;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.25;
    min-width: 112px;
    outline: 0;
    padding: .5rem 1.5rem;
    transition: all .3s ease-in-out;
  }
  
  :is(.btn, .btn-primary, .btn-default):is(:hover, :focus) {
    background: var(--byf-blue);
    border: 2px solid transparent;
  }
  
  a.btn-secondary, .btn-secondary,
  a.btn-secondary:active, .btn-secondary:active,
  a.btn-secondary:focus, .btn-secondary:focus {
    background: transparent;
    border: 2px solid var(--byf-dark);
    color: var(--byf-dark);
  }
  
  :is(a.btn-secondary, .btn-secondary):is(:hover, :focus) {
    background: var(--byf-dark);
    border-color: var(--byf-dark);
    color: #FFF;
  }


.btn:hover, .btn-primary:hover, .btn-default:hover, a.btn:hover, a.btn-primary:hover, a.btn-default:hover {
    background: var(--byf-blue);
    border: 2px solid transparent;
}
  
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  HEADER - TOOLBAR
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  
  #toolbar {
    background: var(--byf-dark);
    overflow: hidden;
    padding: .5rem 1rem;
    position: relative;
    z-index: 99;
  }
  
  #toolbar a {
    color: #FFF;
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2rem;
    padding: .125rem .25rem;
    position: relative;
  }



#toolbar p {
    color: #ffd991;
    font-style: italic;
    display: flex;
    justify-content: flex-start;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0rem;
}
  
  #toolbar .row {
    display: flex;
    justify-content: flex-end;
    margin: 0 auto;
  }
  
  #toolbar .row a:not(:last-of-type) {
    margin: 0 2rem 0 0;
  }
  
  #toolbar .row #toolbar-social a:not(:last-of-type) {
    margin: 0 .5rem 0 0;
  }
  
  #toolbar a>i {
    color: var(--byf-pop);
    font-size: 1rem;
    margin-right: .5rem;
    position: relative;
    top: -.125rem;
    transition: color .3s ease-in-out;
  }
  
  #toolbar #toolbar-social {
    margin-left: 1rem;
  }
  
  #toolbar #toolbar-social a>i {
    margin: 0;
    top: 0;
  }
  
  #toolbar a:is(:hover, :focus) {
    color: var(--byf-pop);
  }
  
  #toolbar #toolbar-social a:is(:hover, :focus) i {
    color: #FFF;
  }
  
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  LOGO SECTION
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  
  #header-logo {
    background: #FFF;
    padding: 1.75rem 0;
    box-shadow: 0 1px 4px 2px rgba(0,0,0,.15);
    transition: padding .2s ease-in-out;
    z-index: 10;
  }
  
  #header-logo.fixed-top {
    padding: .5rem 1rem;
    z-index: 75;
  }
  
  #header-logo img {
    float: right;
    max-width: 100%;
    transition: max-width .4s ease-in-out;
  }
  
  #header-logo.fixed-top img {
    max-width: 75%;
  }
  
  .navbar-button {
    transition: all .2s ease-in-out;
  }
  
  .fixed-top .menu {
    display: none;
  }
  
  .fixed-top .navbar-button {
    top: 5px;
  }
  
  .fixed-top #toggle-open i {
    top: 50%;
  }
  
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  NAVBAR
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  
  .navbar {
    padding: 0;
    width: 100%;
  }
  
  .navbar-nav {
    width: 100%;
  }
  
  .navbar-logo {
    font-size: 0;
  }
  
  .navbar-brand {
    border-right: 1px solid #EBEBEB;
    margin: 0 1rem 0 0;
    max-width: 15rem;
    padding: 0 2rem 0 0;
  }
  
  .navbar .navbar-nav .nav-link,
  .navbar .navbar-nav .nav-link:active,
  .navbar .navbar-nav .nav-link:focus {
    color: var(--byf-gray);
    font-size: 1.0625rem;
    font-weight: 500;
    padding: .675rem 1.25rem;
    text-align: center;
  }
  
  .navbar .navbar-nav .nav-item:last-child {
    margin-left: auto;
  }
  
  .navbar .navbar-nav .nav-item:last-child .nav-link {
    background: var(--byf-blue);
    border-radius: 40px;
    color: #FFF;
    font-weight: 700;
    letter-spacing: .75px;
    margin-left: 12px;
    padding: .5rem 2rem;
    transition: all .3s ease-in-out;
    position: relative;
    z-index: 99;
  }
  
.navbar .navbar-nav .nav-item:last-child .nav-link:hover {
    background: #7d0708;
    border-radius: 40px;
    color: #FFF;
    font-weight: 700;
    letter-spacing: .75px;
    margin-left: 12px;
    padding: 0.5rem 2rem;
    transition: all .3s ease-in-out;
    position: relative;
    z-index: 99;
}

  .navbar .navbar-nav .nav-item:last-of-type:is(:hover, :focus) .nav-link {
    background: #b1191b;
  }
  
  .navbar .navbar-nav .nav-link:is(:hover, :focus),
  .navbar .navbar-nav .nav-item.show .nav-link {
    color: var(--byf-blue);
  }
  
  .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;
  }
  
  .navbar .dropdown-item:is(:hover, :focus) {
    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 {
    margin: 0;
    padding: 5px 0;
  }
  
  .navbar-toggler i,
  .navbar-toggler i:active,
  .navbar-toggler i:focus {
    color: #1EBCBD;
    font-size: 30px;
    position: relative;
    top: 6px;
    transition: color .2s ease-in-out;
  }
  
  .navbar-toggler i:is(:hover, :focus) {
    color: #4E7B88;
  }
  
  .navbar-collapse {
    position: relative;
  }
  
  #navbar-track {
    bottom: 0;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
  }
  
  #navbar-spy {
    position: absolute;
    bottom: -6px;
    height: 6px;
    background: var(--byf-pop);
    transition: all .4s ease-in-out;
  }
  
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  CAROUSEL SLIDER
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  
  #myCarousel {
    background: #333;
    overflow-x: hidden;
  }
  
  #myCarousel .carousel-control-prev,
  #myCarousel .carousel-control-next {
    width: 100px;
    transition: all .3s ease-in-out;
  }
  
  #myCarousel .carousel-control-prev {
    left: -75px;
  }
  
  #myCarousel .carousel-control-next {
    right: -75px;
  }
  
  #myCarousel:is(:hover, :focus) .carousel-control-prev {
    left: -15px;
  }
  
  #myCarousel:is(:hover, :focus) .carousel-control-next {
    right: -15px;
  }
  
  #myCarousel img {
    width: 100%;
  }
  
  #myCarousel .carousel-indicators li:is(:hover, :focus) {
    cursor: pointer;
  }

#myCarousel .carousel-caption h2::before {
    height: 3px;
    width: 15rem;
    background: var(--byf-pop);
    display: block;
    content: '';
    margin: 0 0 1.25rem;
}
  
  #myCarousel .wrapper {
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
  }
  
  #myCarousel .carousel-item {
    background-position: center center;
    background-size: cover;
    height: clamp(15rem, 7.5rem + 37.5vw, 45rem);
  }
  
  #myCarousel .carousel-caption {
    bottom: auto;
    left:  0;
    padding: 2rem 2rem 2rem 5rem;
    text-align: left;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
  }
  
  #myCarousel .carousel-caption-right {
    left: auto;
    right: 15%;
    text-align: right;
  }

#myCarousel .carousel-caption h2 {
    color: #FFF;
    font-size: clamp(1.75rem, 1.313rem + 2.19vw, 3.5rem);
    line-height: 1.1;
    margin: 0 0 0.25rem;
    background-color: #1b1b28ad;
    width: fit-content;
    padding: 1rem;
}
  
  #myCarousel .carousel-caption h2 {
    color: #FFF;
    font-size: clamp(1.75rem, 1.313rem + 2.19vw, 3.5rem);
    line-height: 1.1;
    margin: 0 0 .25rem;
  }
  
  


#myCarousel .carousel-caption p {
    color: #FFF;
    font-size: clamp(1rem, 0.781rem + 1.09vw, 1.875rem);
    margin-top: 1rem;
}
  
  #myCarousel .slider-overlay {
    background: var(--byf-dark);
    bottom: 0;
    left: 0;
    mix-blend-mode: multiply;
    opacity: .35;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
  
  #myCarousel .carousel-inner .carousel-item:nth-of-type(1) {
    background-image: url('/site_images/tax-carousel-01-1.webp');
  }
  
  #myCarousel .carousel-inner .carousel-item:nth-of-type(2) {
    background-image: url('/site_images/paper-stack-1.webp');
  }
  
  #myCarousel .carousel-inner .carousel-item:nth-of-type(3) {
    background-image: url('/site_images/s.tampa-01-1.webp');
  }
  
  .carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: all
  }
  
  .carousel-fade  .carousel-item.active,
  .carousel-fade  .carousel-item-next.carousel-item-left,
  .carousel-fade  .carousel-item-prev.carousel-item-right {
    opacity: 1;
  }
  
  .carousel-fade .active.carousel-item-left,
  .carousel-fade  .active.carousel-item-right {
    opacity: 0;
  }
  
  .carousel-fade .carousel-item-next,
  .carousel-fade .carousel-item-prev,
  .carousel-fade .carousel-item.active,
  .carousel-fade .active.carousel-item-left,
  .carousel-fade  .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
  }
  
  .byfFadeIn p,
  .byfFadeIn h2 {
    animation: byfFadeH2;
    animation-duration: 10s !important;
    animation-fill-mode: forwards;
  }
  
  .byfFadeIn p {
    animation: byfFadeP;
    animation-duration: 12s !important;
    animation-fill-mode: forwards;
  }
  
  @keyframes byfFadeH2 {
    0%
    {
      transform: translateY(8rem) scale(.9,.9);
      opacity: 0;
    }
    18% {
      transform: none;
      opacity: 1;
    }
  }
  
  
  @keyframes byfFadeP {
    0%  {
      opacity: 0;
    }
    4%  {
      opacity: 0;
      transform: translateY(8rem) scale(.9,.9);
    }
    26% {
      transform: none;
      opacity: 1;
    }
  
  }
  
  
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  CALL TO ACTION SECTION
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  
  #call-to-action {
    padding: 4rem 0;
    position: relative;
    background-color: #f2f2f2;
  }
  
  #call-to-action .row {
      justify-content: center;
  }
  
  #call-to-action .container-fluid {
    max-width: 1100px;
  }


#call-to-action h2 {
    color: var(--byf-blue);
    font-size: 2.2rem;
    font-weight: 700;
    margin: 0 0 0.5rem;
}
  
  #call-to-action p {
      margin: 0 0 1.125rem;
  }
  
  #call-to-action img {
    max-width: 100%;
  }
  
  #call-to-action p.freebook {
    font-size: .875rem;
    font-weight: 700;
    margin: 0 0 1.5rem;
  }
  
  #call-to-action p>span {
    font-style: italic;
  }
  
  #call-to-action .text-column {
      padding: 0 6rem 0 2rem;
      text-align: center;
  }
  
  #call-to-action input{
    background: #FBFBFB;
    border: 2px solid var(--byf-pop);
    border-radius: 30px;
    color: var(--byf-dark);
    height: 3rem;
    font-size: 1.0625rem;
    margin: 0 0 1rem;
    max-width: none;
    padding: 0 1.5rem;
  }
  
  #call-to-action input[type='email']:focus {
    border-color: var(--byf-pop-2);
    box-shadow: none;
    outline: 0;
  }
  
  #call-to-action input[type='submit'] {
    padding-inline: 2.5rem
  }
  
  
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  INDEX COPY SECTION
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  
  #index {
    background: #FFF;
    position: relative;
  }
  
  #index>i {
    color: var(--byf-dark);
    font-size: 25vw;
    opacity: .05;
    position: absolute;
    right: 4rem;
    top: 50%;
    transform: translateY(-50%);
  }
  
  #index .split-bg {
    background: url("/site_images/indexbg-01-1.webp") no-repeat center / cover;
  }
  
  #index .split-bg::before {
    background: var(--byf-dark);
    content: '';
    height: 100%;
    left: 0;
    opacity: .1;
    position: absolute;
    top: 0;
    width: 100%;
  }
  
  #index .text {
    padding: 5rem 2rem 6rem 6rem;
  }
  
  #index .text h1 {
    color: var(--byf-dark);
    font-size: 1.875rem;
    font-weight: 700;
    margin: 0 0 1.5rem;
  }
  
  #index .text>span:first-of-type {
    color: var(--byf-gray);
    display: inline-block;
    font-size: 1.3125rem;
    margin: 0 0 .25rem;
    text-transform: uppercase;
  }
  
  #index .buttons {
    margin-top: 3rem;
  }
  
  .buttons a + a {
    margin: 0 0 0 1rem;
  }
  
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  CONSULTATION & TEAM SECTION
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  #team,
  #consultation {
    position: relative;
  }


#team {
display: none;
}

  
  #team > i,
  #consultation > i {
    color: rgba(162, 162, 162, .1);
    font-size: 18vw;
    position: absolute;
    left: 4rem;
    top: 50%;
    transform: translateY(-50%);
  }
  
  #team .split-bg,
  #consultation .split-bg {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  
  #team .split-bg {
    background-image: url("http://via.placeholder.com/2250x1500");
  }
  
  #consultation .split-bg {
    background-image: url("/site_images/ron-howell-tagline-1.webp");
  }
  
  #team .text {
    padding: 4rem 4rem 4rem 0rem;
  }
  #consultation .text {
    padding: 4rem clamp(3rem, -2.841rem + 9.43vw, 6rem) 4rem 1rem;
  }
  
  #team .team {
    overflow: hidden;
    position: relative;
  }
  
  #team h2,
  #consultation h2 {
    color: var(--byf-blue);
    font-size: 1.625rem;
    font-weight: 700;
    margin: 0 0 1rem;
  }
  
  #team p {
    color: var(--byf-gray);
  }
  
  #team span {
    text-transform: uppercase;
  }
  
  #team .buttons,
  #consultation .buttons {
    margin-top: 3rem;
  }
  
  #team .overlay {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.35);
    transform: translateY(-2.5rem);
    transition: all .3s ease-in-out;
  }
  
  #team .overlay h2 {
    color: #FFF;
    font-size: .9375rem;
    margin-bottom: 1rem;
    text-align: center;
  }
  
  #team .pics {
    padding: 6rem 3rem 6rem 0;
  }
  
  #team .team {
    width: calc(50% - 1rem);
  }
  
  #team .team:nth-child(even) {
    margin-left: 1rem;
  }
  
  #team .team:nth-child(odd) {
    margin-right: 1rem;
  }
  
  #team .team img {
    height: auto;
    width: 100%;
  }
  
  #team .bio {
    padding: .5625rem 1rem;
    position: absolute;
    top: 0;
    transition: all .3s ease-in-out;
  }
  
  .bio-img {
    width: 250px; 
    float: left;
    margin-right: 15px;
  }
  
  #team .bio p {
    color: #FFF;
    margin: 0;
  }
  
  #team a:is(:hover, :focus) .overlay {
    background: rgba(9, 32, 42, .75);
    top: 0;
    transform: none;
  }
  
  #team a:is(:hover, :focus) .bio {
    top: 50%;
    transform: translateY(-50%);
  }
  
  
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  SERVICES SECTION
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  
  #services {
    background: #F2F2F2;
    padding: 4rem clamp(0.5rem, -4.209rem + 9.82vw, 5rem);
  }
  
  #services .service {
    height: 100%;
    padding: 2rem 4rem;
    position: relative;
    text-align: center;
    transition: all .3s ease-in-out;
  }
  
  #services .service img {
    height: auto;
    margin: 0 0 .625rem;
    width: 40px;
  }
  
  #services i {
    color: var(--byf-pop);
    font-size: 3rem;
    margin: 0 0 1.25rem;
  }
  
  #services h2.heading {
    color: var(--byf-blue);
    font-size: 1.875rem;
    margin: 0 0 3rem;
  }
  
  #services h2 {
    color: var(--byf-gray);
    font-size: 1.75rem;
    font-weight: 700;
    margin: 0 0 .625rem;
  }
  
  #services p {
    color: var(--byf-gray);
  }
  
  #services a:is(:hover, :focus) p {
    color: var(--byf-gray);
  }
  
  #services .service span {
    color: var(--byf-blue);
    border-bottom: 2px solid var(--byf-blue);
    padding: 0 .125rem;
  }
  
  #services a:is(:hover, :focus) :is(i, h2) {
    border-color: var(--byf-blue);
    color: var(--byf-blue);
  }
  
  #services a:is(:hover, :focus) .service span {
    border-color: var(--byf-blue);
    padding: 0 1rem;
  }
  
  #services :is(p, i, span, h2) {
    transition: all .3s ease-in-out .15s;
  }
  
   
  #service-track {
    bottom: 0;
    left: 15px;
    position: absolute;
    right: 15px;
    top:0;
  }
  
  #service-spy {
    background: rgba(136, 136, 136, .1);
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: all .5s ease-in-out;
  }
  
  #services .row {
    margin: 0;
    position: relative;
  }
  
  #services .row div[class*="col-"] {
    padding: 0;
  }
  
  #services .row div[class*="col-"] a {
    display: block;
    height: 100%;
  }
  
  
  @media (min-width: 992px) {
    #services div[class*="col-"]:nth-of-type(3n+3) {
      border-inline: 1px solid #CCC;
    }
  
    #services div[class*="col-"]:nth-of-type(-n+4) {
      border-bottom: 1px solid #CCC;
    }
  
  }
  
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  TESTIMONIALS SECTION
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  
  #testimonials {
    position: relative;
    display: none;
  }
  
  #testimonials>i {
    color: var(--byf-dark);
    font-size: 25vw;
    opacity: .05;
    position: absolute;
    right: 4rem;
    top: 50%;
    transform: translateY(-50%);
  }
  
  #testimonials .testimonials-bg {
    background-image: url("/site_images/bg-testimonials.webp");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  
  #testimonials .testimonials-bg::before {
    background: var(--byf-dark);
    content: '';
    height: 100%;
    left: 0;
    opacity: .2;
    position: absolute;
    top: 0;
    width: 100%;
  }
  
  #testimonials .testimonial-column {
    padding: 6rem 2rem 10em clamp(3rem, -2.841rem + 9.43vw, 6rem);
  }
  
  #testimonials h2 {
    color: var(--byf-blue);
    font-size: 1.875rem;
    font-weight: 700;
    margin: 0 0 2rem;
  }
  
  #myTestimonials {
    margin: 0 0 0 auto;
  }
  
  #myTestimonials>span:first-of-type {
    color: var(--byf-dark);
    display: inline-block;
    font-size: 1.3125rem;
    text-transform: uppercase;
  }
  
  #myTestimonials .carousel-indicators li {
    background-color: #E8E8E8;
    border-radius: 50%;
    cursor: pointer;
    height: 1rem;
    margin: 0 4px;
    position: relative;
    width: 1rem;
  }
  
  #myTestimonials .carousel-indicators li.active {
    background-color: var(--byf-blue);
  }
  
  #myTestimonials .carousel-indicators {
    bottom: -3.5rem;
    left: 0;
    margin: 0 -4px;
    right: auto;
  }
  
  #myTestimonials p.testimonial {
    color: var(--byf-gray);
    font-size: 1rem;
  }
  
  #myTestimonials p.name {
    color: #555;
    font-size: 1rem;
    font-style: italic;
    font-weight: 400;
    margin: 1rem 0 0;
  }
  
  #myTestimonials p.name::before {
    content: '- ';
  }
  
  #myTestimonials p.company {
    font-size: .875rem;
    font-style: italic;
  }
  
  #service-track {
    bottom: 0;
    left: 15px;
    position: absolute;
    right: 15px;
    top:0;
  }
  
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  INDUSTRIES
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  
  #industries {
    background: #F2F2F2;
    padding: 5rem clamp(0.5rem, -4.209rem + 9.82vw, 5rem);
    text-align: center;
  }
  
  #industries-track {
    bottom: 0;
    left: 15px;
    position: absolute;
    right: 15px;
    top:0;
  }
  
  #industries-spy {
    background: rgba(136, 136, 136, .1);
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: all .5s ease-in-out;
  }
  
  #industries .row {
    margin: 0;
    position: relative;
  }
  
  #industries a {
    display: inline-block;
    height: 100%;
    width: 100%;
  }

  #industries a:hover i {
    color: var(--byf-dark);
 }
  
  #industries .industry {
    padding: 2rem;
    position: relative;
    height: 100%;
  }
  
  #industries i {
    color: var(--byf-pop);
    font-size: 3rem;
    margin: 0 0 1.25rem;
    transition: all .3s ease-in-out .15s;
  }
  
  #industries h2 {
    color: var(--byf-gray);
    font-size: 1.75rem;
    font-weight: 700;
    margin: 0 0 1.25rem;
    transition: all .3s ease-in-out .15s;
  }
  
  #industries h3 {
    color: var(--byf-dark);
    font-size: 2.8125rem;
    font-weight: 700;
    line-height: 1.15;
    margin: 0 0 1.75rem;
  }
  
  #industries a:is(:hover, :focus) h2 {
    color: var(--byf-blue);
  }
  
  #industries p {
    color: var(--byf-gray);
  }
  
  #industries span:not(.btn-primary) {
    color: var(--byf-blue);
    padding: 0 .125rem;
    border-bottom: 2px solid var(--byf-pop);
    transition: all .3s ease-in-out .15s;
  }
  
  #industries a:is(:hover, :focus) span:not(.btn-primary) {
    padding: 0 1rem;
  }
  
  #industries a:is(:hover, :focus) span.btn-primary {
    background: var(--byf-blue);
  }
  
  #industries span.btn-primary {
    transition-delay: .15s;
  }
  
  #industries .row div[class*="col-"] {
    padding-inline: 0;
  }
  
    #industries .row .all-link>a>div {
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
  
  @media (min-width: 992px) {
    #industries .row div[class*="col-"]:nth-child(3n+3) {
      border-inline: 1px solid #CCC;
    }
    
    #industries .row div[class*="col-"]:nth-child(-n+4) {
      border-bottom: 1px solid #CCC;
    }
  }
  
  
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  CALLOUT
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  
  #callout {
    background: url("/site_images/ron-howell-tagline-1.webp") no-repeat center / cover;
    position: relative;
    height: clamp(15rem, 9.576rem + 27.12vw, 35rem);
    background-attachment: fixed;
  }
  
  #callout .text {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 75%;
  }
  
  #callout .overlay {
    background: #1f2321;
    height: 100%;
    left: 0;
    opacity: .75;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
  }
  
  #callout h2 {
    color: #FFF;
    font-size: clamp(1.75rem, 1.411rem + 1.69vw, 3rem);
    line-height: 1.25;
    margin: 0 0 2rem;
    position: relative;
    z-index: 1;
  }
  
  #callout .btn-primary {
    font-size: 1.25rem;
    padding-inline: 2rem;
  }

#callout .btn-secondary {
    background: #ffffff;
    border-color: var(--byf-blue);
    -webkit-border-radius: 3rem;
    border-radius: 3rem;
    color: var(--byf-blue);
    padding: 1.3125rem 3rem;
    position: relative;
    z-index: 1;
}
  
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  AFFILIATES
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  
  #affiliates {
    background: #F8F8F8;
    border-top: 1px solid #EEE;
    padding: 1.5rem 1.5rem;
  }
  
  #affiliates .container-fluid {
    text-align: center;
  }
  
  #affiliates .container-fluid img {
    display: inline-block;
    margin: 1.5rem 2rem;
    mix-blend-mode: multiply;
    max-width: 15rem;
    transition: all 1s ease-in-out;
  }
  
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  INNER PAGES - CONTENT
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  
  #inner {
    padding: 0 .5rem;
  }
  
  #inner .container-fluid {
    max-width: 1400px;
  }
  
#inner-content *:last-child {
    margin-bottom: 0.5rem;
}
  
  #inner form p:last-of-type {
    margin-bottom: 10px;
  }
  
  #headline {
    background: #555555;
  }
  
  #headline > .container-fluid {
    max-width: 1400px;
  }
  
  #headline h1 {
    color: #FFF;
    font-size: 2rem;
    font-weight: 500;
    margin: 0;
    padding: 35px 0;
  }
  
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  INNER PAGES - SIDEBAR
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  
  #inner-content {
    padding: 4rem 1rem 6rem;
  }


  
  #sidebar {
    padding: 4rem 1rem 6rem;
  }
  
  .sidebar {
    background: var(--byf-light);
    border: 2px solid var(--byf-pop-2);
    border-radius: 2rem;
    margin: 0 auto;
    max-width: 26.5625rem;
    padding: 0 2rem;
  }
  
  #sidebar .top {
    padding: 3.5rem 0;
    position: relative;
  }
  
  #sidebar .top span {
    color: var(--byf-blue);
    display: inline-block;
    font-size: 1.3125rem;
    margin: 0 0 .25rem;
    text-transform: uppercase;
  }
  
  #sidebar .top h2 {
    color: var(--byf-dark);
    font-size: 1.875rem;
    font-weight: 700;
    margin: 0 0 1rem;
  }
  
  #sidebar .top p,
  #sidebar .top p>span {
    margin: 0 0 .25rem;
    text-transform: none;
   font-size: 1.1rem;
   line-height: 2rem;
  }
  
  #sidebar .top p>span {
    font-style: italic;
  }
  
  #sidebar .top .freebook {
    font-size: .8125rem;
    font-weight: 700;
    margin: 0 0 2.5rem;
  }
  
  .sidebar .top img {
    margin: 0 auto 2rem;
    max-width: 100%;
  }
  
  .sidebar .buttons {
    margin: 1.5rem 0 0;
  }
  
  .sidebar .section.bottom {
    border-top: 1px solid var(--byf-blue);
    padding: 2rem 0 5rem;
  }
  
  #sidebar .sidebar .section.bottom p {
    margin-bottom: 1.75rem;
  }
  
  #sidebar .sidebar + .sidebar {
    margin-top: 1rem;
  }
  
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  FOOTER
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  
  footer {
    background: var(--byf-dark);
  }
  
  footer .container-fluid {
    max-width: 1400px;
  }
  
  #footer-top {
    font-size: 0;
    overflow: hidden;
    padding: 5rem .5rem 3rem;
  }
  
  #footer-top .row div[class*='col-'] {
    padding: 0 4rem 0 1rem;
  }
  
  #footer-top h2 {
    color: #FFF;
    font-size: 1.675rem;
    font-weight: 700;
    margin: 0 0 .25rem;
    position: relative;
  }
  
  #footer-top h2::after {
    background: var(--byf-dark);
    bottom: 0;
    content: '';
    display: block;
    height: .25rem;
    margin: .75rem 0 0;
    width: 115px;
  }
  
  #footer-top i {
    color: var(--byf-pop);
    font-size: 1.125rem;
    margin-right: .25rem;
    left: 0;
    position: absolute;
    text-align: center;
    top: .3125rem;
    width: 1rem;
    transition: all .2s ease-in-out;
  }
  
  #footer-top p {
    color: #FFF;
    margin: 0;
  }
  
  #footer-top a,
  #footer-top a:active,
  #footer-top a:focus {
    color: #FFF;
    display: inline-block;
  }
  
  #footer-top a {
    margin: 0 auto;
    text-align: center;
  }
  
  #footer-top a,
  #footer-top p {
    color: #FFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75;
    margin: 0 0 .5rem;
    position: relative;
  }
  
  #footer-top h2 + p {
    margin: 0 0 1.25rem;
  }
  
  #footer-top address a,
  #footer-top address p {
    font-size: .9rem;
  }
  
  #footer-top address p {
    padding-left: 1.75rem;
  }
  
  #footer-top a:is(:hover, :focus) {
    color: #FFF;
  }
  
  #footer-top form {
    margin: 1.6525rem 0 0;
  }
  
  #footer-top .form-control {
      background: #FBFBFB;
      border: 0;
      border-radius: 30px;
      height: 3rem;
      margin-bottom: 1rem;
      padding: 0 1.75rem;
  }
  
  #footer-top .form-control:focus {
    background: #FFF;
  }
  
  #footer-top .btn-secondary {
    color: #FFF;
    line-height: 1.223;
    margin: 1.5rem 0 0;
    padding: .6875rem 2rem;
  }

#footer-top .btn-secondary {
    color: var(--byf-pop-2);
    line-height: 1.223;
    margin: 1.5rem 0 0;
    padding: 0.6875rem 2rem;
    background: transparent;
    border-color: var(--byf-pop-2);
}
  
  #footer-top .btn-secondary:is(:hover, :focus) {
    background: var(--byf-pop-2);
    border-color: var(--byf-pop-2);
    color: var(--byf-dark);
  }
  
  #footer-bottom a:is(:hover, :focus),
  #footer-menu a:is(:hover, :focus),
  #footer-top address a:is(:hover, :focus) {
    color: var(--byf-pop);
  }
  
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  FOOTER MIDDLE
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  
  #footer-middle .row {
    border-bottom: 1px solid rgba(255, 255, 255, .16);
    margin: 0;
    padding: 1rem 0;
  }
  
  #footer-middle .logo {
    padding: 0 1rem 0;
  }
  
  #footer-middle img {
    max-width: 10em;
    width: 100%;
  }
  
  #footer-menu {
    position: relative;
    padding: 0 0 0 2rem;
    text-align: right;
    top: 50%;
    transform: translateY(-50%);
  }
  
  #footer-menu a {
    color: #FFF;
    font-size: 1rem;
    position: relative;
  }
  
  #footer-menu a:not(:last-of-type) {
    margin-right: 1rem;
    padding: 0 .9375rem 0 0;
  }
  
  #footer-menu a:not(:last-of-type)::after {
    border-right: 2px solid #FFF;
    bottom: .0625rem;
    content: '';
    display: block;
    position: absolute;
    right: -.125rem;
    top: .1875rem;
  }
  
  #footer-menu a:last-of-type {
    padding: 0;
  }
  
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  FOOTER BOTTOM
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  
  #footer-bottom {
    overflow: hidden;
    padding: 1.25rem 1rem 2rem;
  }
  
  #footer-bottom a,
  #footer-bottom p {
    color: #FFF;
    display: inline-block;
    font-weight: 400;
    font-size: .8rem;
    line-height: 1rem;
    margin: 0 0 .5rem;
  }
  
  #footer-bottom .byf-link p {
    margin: 0;
  }
  
  #footer-social {
    font-size: 0;
    margin: 1.5rem 0 0;
    text-align: right;
  }
  
  #footer-social a {
    display: inline-block;
  }
  
  #footer-social i {
    color: var(--byf-pop);
    font-size: 1.25rem;
    margin: 0 .25rem;
    text-align: center;
    transition: all .2s ease-in-out;
  }
  
  #footer-social a:is(:hover, :focus) i {
    color: #FFF;
  }
  
  #footer-social a:not(:first-of-type) {
    margin-left: 1rem;
  }
  
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  SCROLL TO TOP
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  
  #scroll-icon {
    bottom: 5.75rem;
    cursor: pointer;
    opacity: 0;
    position: fixed;
    right: 1rem;
    text-align: center;
    visibility: hidden;
    z-index: 999;
    transition: opacity .5s ease-in-out;
  }
  
#scroll-icon .fa, #scroll-icon .fa:active {
    background: rgb(211 59 33 / 40%);
    border: 1px solid rgb(161 60 12 / 80%);
    border-radius: 50%;
    color: #FFF;
    cursor: pointer;
    font-size: 25px;
    padding: 10px 12px;
    pointer-events: none;
    transition: all .15s ease-in-out;
}
  
  #scroll-icon:is(:hover, :focus) .fa,
  #scroll-icon.footer:is(:hover, :focus) .fa {
    background: var(--byf-pop);
    border-color: var(--byf-pop);
  }
  
  #scroll-icon.footer .fa {
    background: var(--byf-blue);
    border: 1px solid var(--byf-blue);
  }
  
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  MISCELLANEOUS FIXES
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  
  * {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
  }
  
  body {
    height: 100%;
    font-size: 16px;
    overflow-x: hidden;
    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-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;
  }
  
  table td {
    font-size: 14px;
    line-height: 1.5;
  }
  
  .resourcestrick .resourcefix:first-of-type {
    margin-top: 0;
  }
  
  .resourcestrick br:first-of-type {
    display: none;
  }
  
  label,
  .form-control {
    font-size: 14px;
  }
  
  label {
    font-size: 14px;
    font-weight: 400;
  }
  .verify {
    display: none;
  }
  
  .consultation_form .verification .col-xs-12 {
    padding: 5px 15px !important;
  }
  
  #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-size: 14px;
  }
  
  #contactForm a,
  #inner #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;
  }
  
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  1500 MEDIA QUERY
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  
  @media (max-width: 1500px) {
    #team .pics .row {
      flex-direction: column;
    }
  
    #team .pics .team:first-of-type {
      margin: 0 auto 2rem;
      width: 60%;
    }
  
    #team .pics .team:last-of-type {
      margin: 0 auto;
      width: 60%;
    }
  
    #team .text {
      padding: 4rem 0;
    }
  
  }
  
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  1199 MEDIA QUERY
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  
  @media (max-width: 1199px) {
  
    .navbar-brand {
      max-width: 10em;
    }
    
    .navbar .navbar-nav .nav-link,
    .navbar .navbar-nav .nav-link:active,
    .navbar .navbar-nav .nav-link:focus {
      font-size: .9375rem;
      padding: .675rem .75rem;
    }
  
    #index .text {
      padding: 5rem 2rem 6rem 3rem;
    }
  
    #call-to-action .text-column {
      padding: 0 2rem 0 2rem;
    }
  
    #team .pics {
      padding: 6rem 1rem 6rem;
    }
  
    #team .bio p {
      font-size: .75rem;
    }
  
    #industries .industry {
      padding: 2rem 1rem;
    }
  
    #testimonials .testimonial-column {
      padding: 5rem 2rem 9rem 3rem;
    }
  
    #industries {
      padding: 5rem 0em;
    }
  
    #affiliates .container-fluid img {
      margin: 1.5rem 1rem;
      max-width: 165px;
    }
  
    a.btn, a.btn:active, a.btn:focus, a.btn:active:focus, .btn:not(:disabled):not(.disabled).active,
    .btn:not(:disabled):not(.disabled):active:focus, a.btn-primary, a.btn-primary:active, a.btn-primary:focus,
    a.btn-primary:active:focus, .btn-primary, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus,
    a.btn-secondary, a.btn-secondary:active, a.btn-secondary:focus, a.btn-secondary:active:focus, .btn-secondary,
    .btn-secondary:active, .btn-secondary:focus, .btn-secondary:active:focus, .btn-default, .btn-default:active,
    .btn-default:focus, .btn-default:active:focus, .btn-default:not(:disabled):not(.disabled):active:focus {
      padding: .5rem 1.5rem;
    }
  
    .buttons a + a {
      margin: 0 0 0 1rem;
    }
  
  }
  
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  991 MEDIA QUERY
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  
  @media (max-width: 991px) {
  
    #toolbar {
      padding: .25rem 0 .1875rem;
    }
  
    #toolbar a {
      font-size: .93758rem;
    }
  
    #toolbar .row #toolbar-social {
      margin-left: .5rem;
    }
  
    #toolbar .row #toolbar-social a:not(:last-of-type) {
      margin: 0 .25rem 0 0;
    }
  
    #toolbar .row a:not(:last-of-type) {
      margin: 0 1rem 0 0;
    }
  
    #header-logo {
      padding: 1rem 0;
    }
  
    #header-logo img {
      float: left;
    }
  
    .navbar .navbar-nav .nav-link,
    .navbar .navbar-nav .nav-link:active,
    .navbar .navbar-nav .nav-link:focus {
      font-size: 1.125rem;
    }
  
    #navbar-container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
    }
  
    .navbar-brand {
      border: 0;
    }
  
    .navbar .navbar-nav .nav-link,
    .navbar .dropdown-item {
      text-align: center;
    }
  
    .navbar .dropdown-item {
      font-size: 1rem;
    }
  
    .navbar .navbar-nav .nav-item:last-child {
      margin: .5rem auto 0;
    }
  
    #navbar-spy {
      display: none;
    }
  
    .dropdown-menu {
      border: 0;
      margin-top: 0;
      padding-top: 0;
    }
  
    #myCarousel .carousel-caption {
      margin-left: auto;
      margin-right: auto;
      left: 0;
      right: 0;
      text-align: center;
    }
  
    #myCarousel .carousel-caption h2::before {
      margin: 0 auto 1.25rem;
    }
  
    #call-to-action .text-column {
      padding: 0 2rem 0 2rem;
    }
  
    #index .row .split-bg {
      order: 2;
    }
  
    #index .split-bg {
      height: 55vw;
    }
  
    #index .index-content {
      padding: 6rem 5rem;
    }
  
    #testimonials .testimonial-column {
      padding: 3rem 1.5rem 6rem;
    }
  
    #index .text h1,
    #team h2,
    #consultation h2,
    #testimonials h2 {
      font-size: 1.75rem;
      margin: 0 0 1.25rem;
    }
  
    #index .text {
      padding: 5rem 1.5rem 6rem 1.5rem;
    }
  
    #team .text {
      padding: 6rem 1.5rem;
      min-height: 0
    }
  
    #team .pics {
      padding: 0 1rem 6rem;
    }
  
    #consultation .text {
      padding: 6rem 1.5em;
      min-height: 0;
    }
  
    #team > i,
    #consultation > i,
    #index>i,
    #testimonials i {
      font-size: 30vw;
      top: 30%
    }
  
    #consultation > i {
      top: 22%;
    }
  
    #team .pics .row {
      flex-direction: row;
    }
  
    #team .pics {
      padding: 0 2rem 6rem;
    }
  
    #testimonials .testimonial-column {
      padding: 5rem 2rem 8rem 2rem;
    }
  
    #team .pics .team:first-of-type,
    #team .pics .team:last-of-type {
      margin: 0 auto;
      width: calc(50% - 2rem);
    }
  
    #team .bio p {
      font-size: .9751rem;
    }
  
    #team .overlay h2 {
      font-size: 1.125rem;
    }
  
    #services h2 {
      font-size: 1.5rem;
    }
  
    #services div[class*="col-"]:nth-of-type(1n) {
      border-bottom: 1px solid #CCC;
      border-inline: 0
    }
  
    #services div[class*="col-"]:nth-of-type(even) {
      border-right: 1px solid #CCC;
    }
  
    #services div[class*="col-"]:nth-of-type(n+6) {
      border-bottom: 0;
    }
    
    
    #industries {
      padding: 5rem 0;
    }
  
    #industries h3 {
      font-size: 2rem;
    }
  
    #industries span.btn-primary {
      font-size: 1rem;
    }
  
    #industries div[class^="col-"]:nth-of-type(1n) {
      border-bottom: 1px solid #CCC;
    }
  
    #industries div[class^="col-"]:nth-of-type(2),
    #industries div[class^="col-"]:nth-of-type(5),
    #industries div[class^="col-"]:nth-of-type(7) {
      border-right: 1px solid #CCC;
    }
  
    #industries div[class^="col-"]:nth-of-type(4) {
      border: 0;
    }
  
    #industries div[class^="col-"]:nth-of-type(7) {
      border-bottom: 0;
    }
  
    #industries div[class^="col-"]:nth-of-type(4) {
      order: 7;
    }
    
    #industries .industry {
      padding: 2rem 1.5rem;
    }
  
    #callout .btn-secondary {
      padding: .75rem 2rem;
    }
  
    .sidebar {
      display: flex;
      flex-direction: column;
      max-width: 100%;
    }
  
    #sidebar .top {
      display: flex;
      align-items: flex-start;
      width: 100%;
      flex-flow: row wrap;
    }
  
    #sidebar .top .text,
    #sidebar .top .book {
      width: 50%;
    }
  
    #sidebar .bottom {
      width: 100%;
    }
  
    .sidebar .buttons {
      width: 100%;
    }
  
    #footer-top .row div[class*='col-'] {
      padding: 0 1rem;
    }
  
    #footer-menu {
      padding: 1.5rem 0 0;
      text-align: left;
    }
  
    #footer-menu a {
      font-size: .875rem;
    }
  
    .newsletter_form label {
      margin-bottom: 4px;
      text-align: left !important;
    }
  
    .newsletter_form a {
      display: inline-block;
      margin-bottom: 10px;
    }
  
    * .parallax-bg {
      background-position: center center !important;
    }
  
  
  }
  
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  767 MEDIA QUERY
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  
  @media (max-width: 767px) {
    
    #toolbar .row {
      justify-content: space-between;
    }
    
    #toolbar .row>a:first-of-type {
      display: none; 
    }
    
    #scroll-icon {
      display: none;
    }
  
    #header-logo .container {
      padding: 0 15px;
    }
  
    #header-logo,
    #header-logo.fixed-top {
      padding: 1.75rem 0;
    }
  
    #myCarousel .wrapper {
      left: 0;
      transform: none;
    }
  
    #call-to-action {
      padding: 3rem 0;
     }
  
    #call-to-action img {
      margin: 0 auto;
      display: block;
    }
  
    #index .text {
      padding: 3rem 1.5rem 3rem 1.5rem;
    }
    
    #index .index-content {
      padding: 4rem 1.5rem 5rem;
    }
  
    #services {
      padding: 2rem 0 1rem;
    }
    
    #services .service {
      padding: 2rem 1.5rem;
    }
  
    #team .bio p {
      font-size: .8751rem;
    }
  
    #myCarousel .carousel-caption {
      display: block;
      padding: 35px 30px 40px;
      position: relative;
      width: 100%;
      z-index: 2;
    }
  
    #team > i,
    #consultation > i,
    #index>i,
    #testimonials i {
      top: 30%;
    }
  
    #index i,
    #testimonials i {
      right: 1rem;
    }
  
    #team .split-bg,
    #consultation .split-bg {
      min-height: 20rem;
    }
  
    #call-to-action .text-column {
      padding: 0 1.5rem 4rem;
    }
  
    #industries {
      padding: 2rem 0 1rem;
    }
  
    #services h2.heading {
      margin: 0 0 1rem;
    }

    #services h2:hover {
    color: var(--byf-blue);
    }
  
    #industries h3 br {
      display: none;
    }
  
    #industries .row .all-link {
      order: 7;
    }
  
    #testimonials .testimonials-bg {
      height: 40vw;
    }
  
    #testimonials .testimonial-column {
      padding: 5rem 1.5rem 8rem;
    }
  
    #callout {
      height: 25rem
    }
  
    #inner-content {
      padding: 4rem 1rem;
    }
  
    #sidebar .top .text,
    #sidebar .top .book {
      width: 100%;
    }
  
    #sidebar .top .book {
      text-align: center;
    }
  
    .sidebar {
      padding: 0 1rem;
    }
  
    #footer-menu {
      margin: .1875rem 0 .5rem;
      text-align: left;
    }
  
    .consultation_form .col-xs-12.col-sm-4.text-center {
      width: 100%;
    }
  
    #footer-top {
      padding: 3rem .5rem 2rem;
    }
    
    #footer-top .row div[class*='col-']:not(:last-of-type) {
      padding-bottom: 1rem;
    }
  
    #footer-social {
      font-size: 0;
      margin: 1rem 0 0;
      text-align: left;
    }
  
    #footer-social a:not(:first-of-type),
    #footer-social a {
      margin: 0 1rem 0 0;
    }
  
    #footer-top a,
    #footer-top p {
      font-size: .9375rem;
    }
  
  }
  
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  575 MEDIA QUERY
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  @media (max-width: 575px) {
  
    #toolbar {
      text-align: center;
    }
  
    .container {
      max-width: 100%;
    }
  
    #header-logo {
      padding: 1.75rem 0;
    }
  
    #services .row div[class*="col-"]:nth-of-type(1n) {
      border: 0;
      border-bottom: 1px solid #CCC;
    }
  
    #services .row div[class*="col-"]:nth-of-type(7) {
      border: 0;
    }
  
    #testimonials .testimonial-column {
      padding: 5rem 1.5rem 8rem;
    }
  
    #team .pics .team:first-of-type,
    #team .pics .team:last-of-type {
      margin: 0 auto 2rem;
      width: -webkit-calc(100% - 2rem);
      width: calc(100% - 2rem);
    }
  
    #industries .row div[class*="col-"]:nth-of-type(1n) {
      border: 0;
      border-bottom: 1px solid #CCC;
    }
  
    #industries .row div[class*="col-"]:nth-of-type(4) {
      border-bottom: 0;
    }
    
    #callout {
      background-position: center 28%;
    }
  
    #headline h1,
    #index-content h1,
    h1 {
      font-size: 1.625rem;
    }
  
    h2 {
      font-size: 1.125rem;
    }
  
    h3 {
      font-size: 1rem;
    }
  
    h4 {
      font-size: .9375rem;
    }
  
  }
  
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  480 MEDIA QUERY
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  
  @media (max-width: 480px) {
  
    #toolbar .row #toolbar-social a:not(:last-of-type) {
      margin: 0 .125rem 0 0;
    }
  
    #toolbar .fa-phone {
      display: none;
    }
  
    #inner-content h1 {
      text-align: center;
    }
  
    #inner-content img:not(#captcha) {
      display: block;
      float: none !important;
      margin: 0 auto 20px !important;
    }

#inner ul {
    padding-bottom: 0.8rem;
}
  
    #myCarousel .carousel-caption {
      padding: 25px 1.25rem 30px;
    }
  
    #index .index-content {
      padding: 4rem 1.25rem 5rem;
    }
  
    #affiliates .container,
    #footer-bottom .container {
      padding: 0 1.25rem;
    }
  
    #footer-top .row div[class*='col-'] {
      padding: 0 1.25rem;
    }
  
  }
  
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  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: 1180px;
    }
  }
  
  /* = = = = = = = = = = - SITE.CSS = = = = = = = = = = */