:root {
    --bs-gray: #302E2E;
    --bs-primary: #8c6d2c;
    --bs-secondary: #f69010D;
    --byf-font1: 'Montserrat', sans-serif;
    --bs-light: #fffaea;
    --bs-dark: #23355f;
    --hcm-font-size: 18px;
    --hcm-font-weight: 600; 
    --hcm-primary-dark: #001b2e;
    --hcm-body-color: #040404;
    --byf-secondary-dark: #243661;
}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
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;
}

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

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

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

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


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
WIDGETS TURNED OFF
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#affiliates {
display: none;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
button#hc-toggle {
    transform: translateY(-120px);
}

p.subtext {
    margin-top: 1.5rem;
    font-weight: 800;
    color: #333;
    font-size: 1.3rem;
}

#inner a.btn.btn-primary {
    background-color: #da9724;
}

#pageContent .package .ribbon {
    background-color: #f69010;
    border-radius: 3px;
    color: white;
    padding: 9px 15px;
    width: calc(100% + 30px);
    font-size: 0.95rem;
    position: absolute;
    top: 105px;
    right: -15px;
}

.navbar .navbar-nav .nav-link {
    color: #333;
    font-size: .9rem;
    padding: 10px 10px;
    text-align: center;
}

h1, h2, h3, h4 {
font-family: 'Montserrat', sans-serif;
}

h1 {
    font-size: 1.7rem;
}

p, a, ul, li {
    font-family: "Montserrat", sans-serif;
   line-height: 1.7rem;
 color: #555;
}

label, .form-control {
font-family: "Montserrat", sans-serif;
}

#index a, #inner a {
    color: #0b6299;
}

#index a:hover, #inner a:hover {
    border-bottom: none;
    color: #14c9e4;
}

h2>a, h2>a:active, h2>a:focus, h2>a:visited, h3>a, h3>a:active, h3>a:focus, h3>a:visited, h4>a, h4>a:active, h4>a:focus, h4>a:visited, h5>a, h5>a:active, h5>a:focus, h5>a:visited, h6>a, h6>a:active, h6>a:focus, h6>a:visited {
    color: #0079aa;
font-family: 'Montserrat', sans-serif;
}
a, a:active, a:focus, a:visited {
font-family: 'Montserrat', sans-serif;
 color: #10b5ce;
}

#inner-content .fa, .fas, .far {
color: #10b5ce;
margin-right: 3px;
}

h3 {
    font-size: 1rem;
}

#inner .bios .col-sm-4 {
margin-top:20px;
}



#inner .bios h2 {
    margin: 1.25rem 0 .25rem;
    font-size: 1.4rem;
}

#inner .bio h3 {
    color: #555;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  PRICING PACKAGES TEST
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
 #pageContent .packagetest .ribbon {
    background-color: #f69010;
    border-radius: 3px;
    color: white;
    padding: 9px 15px;
    width: calc(100% + 30px);
    font-size: 0.95rem;
    position: absolute;
    top: 105px;
    right: -15px;
}

.packagetest .ribbon {
    background-color: #10b5ce;
    border-radius: 3px;
    color: white;
    padding: 9px 15px;
    width: calc(100% + 30px);
    font-size: 0.95rem;
    position: absolute;
    top: 124px;
    right: -15px;
}

.packagetest .ribbon::before , .packagetest .ribbon::after  {
    content: "";
    position: absolute;
    border-style: solid;
    border-radius: 3px;
}

.packagetest .ribbon::before {
    bottom: -15px;
    border-width: 8px;
    border-radius: 0;
    left: 0;
    border-color: #107d8e #107d8e transparent transparent;
}

.packagetest .ribbon::after {
    right: 0;
    border-width: 8px;
    border-color: #107d8e transparent transparent #107d8e;
    bottom: -15px;
}

.packagetest .blue {
    margin: -2rem -1.5rem;
    padding: 2rem 2.5rem;
    border-radius: 15px 15px 0 0;
    background: #343f73;
    position: relative;
}

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

.packagetest .blue :is(h2, p) {
   color: #fff;
}

.packagetest {
    flex-basis: 40%;
    flex-grow: 2;
    flex-shrink: 0;
    max-width: 250px;
    padding: 2rem 1.5rem;
    text-align: center;
    margin: 0 .875rem 2rem;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0px 2px 6px rgb(15 27 47 / 33%);
}

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

 .packagetest .price {
    font-size: 2rem;
    font-weight: 700;
    padding: 0 0rem;
}

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

.packagetest ul {
    text-align: left;
    padding-left: 1.5rem;
    list-style: none;
    margin: 2rem 0;
}

.packagetest li {
  margin: 0.5rem 0;
  font-size: 1rem;
  text-align: center;
}

.packagetest .fas {
  margin-right: 8px;
}

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

 .packagetest a.btn {
    /* border: 2px solid var(--bs-dark); */
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  PRICING PACKAGES
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

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

.package .ribbon {
    background-color: #10b5ce;
    border-radius: 3px;
    color: white;
    padding: 9px 15px;
    width: calc(100% + 30px);
    font-size: 0.95rem;
    position: absolute;
    top: 124px;
    right: -15px;
}

.package .ribbon::before , .package .ribbon::after  {
    content: "";
    position: absolute;
    border-style: solid;
    border-radius: 3px;
}
.package .ribbon::before {
    bottom: -15px;
    border-width: 8px;
    border-radius: 0;
    left: 0;
    border-color: #107d8e #107d8e transparent transparent;
}

.package .ribbon::after {
    right: 0;
    border-width: 8px;
    border-color: #107d8e transparent transparent #107d8e;
    bottom: -15px;
}


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

.packages {
    padding: 4.5rem 0rem 3rem;
    justify-content: center;
}

.package .blue {
    margin: -2rem -1.5rem;
    padding: 2rem 2.5rem;
    border-radius: 15px 15px 0 0;
    background: var(--bs-dark);
    position: relative;
}

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

.package {
    flex-basis: 40%;
    flex-grow: 2;
    flex-shrink: 0;
    max-width: 400px;
    padding: 2rem 1.5rem;
    text-align: center;
    margin: 0 .875rem 2rem;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0px 2px 6px rgb(15 27 47 / 33%);
}

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

 .package .price {
    font-size: 2rem;
    font-weight: 700;
    padding: 0 0rem;
}

 .subtext {
    font-size: 1rem;
    font-weight: 700;
    padding: 3rem 0 0rem;
}

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

.package ul {
    text-align: left;
    padding-left: 1.5rem;
    list-style: none;
    margin: 2rem 0;
}

.package li {
  margin: 0.5rem 0;
  font-size: 1rem;
  text-align: center;
}

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

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

 .package a.btn {
    /* border: 2px solid var(--bs-dark); */
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
BUTTONS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#myCarousel .btn-primary {
    background: none;
    border-color: #f69010;
    color: #fff;
  border-radius: 40px;
font-family: 'Montserrat', sans-serif;
}

#myCarousel .btn-primary:hover {
  border-color: #dc8b2d;
    background: #dc8b2d;
}

#call-to-action .btn-primary {
    background: #ae6200;
    color: #fff;
    border: #ae6200;
font-family: 'Montserrat', sans-serif;
  border-radius: 40px;
font-weight: 500;
}
#call-to-action .btn-default {
   border-color: #fff;
  color: #fff;
font-family: 'Montserrat', sans-serif;
 border-radius: 40px;
  font-weight: 500;
}

#call-to-action .btn-primary:hover, #call-to-action .btn-default:hover {
    border-color: #ae6200;
    background: #ae6200;
    font-weight: 500;
}

#featured-services .row {
    display: flex;
    justify-content: center;
}

#featured-services >h2 {
  color: #061644;
  display: block;
  font-size: 2rem;
}

#featured-services h3 {
  color: var(--byf-primary-dark);
}

#featured-services .featured a:hover .btn-primary {
   border-color: #da9724;
    background: #E49D22;
}
#featured-services .btn-primary {
font-family: 'Montserrat', sans-serif;
border-radius: 40px;
color: #555;
}

#newsletter .btn-primary, #newsletter .btn-primary:active, #newsletter .btn-primary:focus {
    border: 2px solid #ae6200;
    color: #fff;
    background: #ae6200;
   font-family: 'Montserrat', sans-serif;
   border-radius: 40px;
  font-weight: 500;
}

#newsletter .btn-primary:hover {
  border-color: #dc8b2d;
  background: #dc8b2d;
}

#inner-sidebar .sidebar-btn {
    background: #f69010;
   color: #fff;
   border-radius: 40px;
 font-family: 'Montserrat', sans-serif;
border: 2px solid #f69010;
}
#inner-sidebar .sidebar-btn:hover {
    background: #dc8b2d;
   color: #fff;
}

.btn-default, .btn-default:active, .btn-default:focus, .btn-default:active:focus .btn-default:not(:disabled):not(.disabled):active:focus {
        border-color: #E49D22;
        color: #E49D22 ;
}
.btn-default:hover {
    border-color: #dc8b2d;
     background: #dc8b2d;
}

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, .btn-primary, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus, .btn-default, .btn-default:active, .btn-default:focus, .btn-default:active:focus .btn-default:not(:disabled):not(.disabled):active:focus {
     border-color: #da9724;
     color: #E49D22;
     border-radius: 40px;
  font-family: 'Montserrat', sans-serif;
}

.btn:hover, .btn-primary:hover {
      border-color: #f69010;
     background: #f69010;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
SIDEBAR
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.sidebar-bg {
    background-image: none;
    background: #10b5ce;
}

 #inner-sidebar {
   background: rgba(35, 53, 95, 1);
    border-radius: 40px;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
HEADER + NAV
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#toolbar {
   background: #fff;
    padding: .4rem 1rem;
    border-bottom: solid 1px #eee;
}
  
#toolbar a>i {
    color: #273f88;
}

#toolbar a {
    color: #000;
}

#toolbar .row a {
 font-family: 'Montserrat', sans-serif;
    font-size: 13px;
   font-weight: 600;
    color: #333;
}

#toolbar p {
  color: #eee;
  line-height: 2rem;
  margin-bottom: 0px;
  margin-right: 45px;
}

#toolbar a:hover, #toolbar a:hover i {
    color: #0079aa;
}

#header-logo {
    padding: 25px 0;
 -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  position: relative;
}

#header-logo img {
    width: 420px;
    padding-right: 10px;
}

#header-logo.fixed-top img {
  min-width: 265px;
    margin: 10px 0;
}

.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-item.show .nav-link {
    color: #f69010;
}

#navbar-spy {
  background: #f69010;
}

.navbar .navbar-nav .nav-item:last-of-type .nav-link {
    border: 2px solid #23355f;
    color: #fff;
    background: #23355f;
    padding: 7px 15px 5px;
    border-radius: 40px;
   font-family: 'Montserrat', sans-serif;
   font-weight: 500;
}

.navbar .navbar-nav .nav-item:last-of-type .nav-link:hover {
  border-color: #dc8b2d;
    background: #dc8b2d;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
CAROUSEL
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#services .column {
  border-color: rgba(255, 255, 255, .22);
}

#services .row>div[class*='col-']:not(:nth-of-type(3)) {
    border-right: 1px solid rgba(255, 255, 255, .22);
    border-left: 1px solid rgba(255, 255, 255, 0.22);
}

#services {
background: rgb(28 38 63 / 70%);
}



#services img {
    width: 50px;
    margin: 0 auto .7rem;
}

#services h2 {
    margin: 0 0 .5rem;
    font-weight: 500 !important;
    color: #fff;
}
#services p {
    font-family: 'Montserrat', sans-serif;
    color: #FFF;
    font-weight: 500 !important;
    font-size: 15px;
   margin-bottom: 10px;
   margin-top: 10px;
} 

#services .service {
    padding: calc(-3.75rem + 5vw) 2rem;
}

#service-spy {
  background: #dc8b2d;
}

#myCarousel .carousel-caption h2 {
    color: #fff;
    font-size: 3rem;
   font-weight: 300;
  text-shadow: 3px 0 7px rgba(0,0,0,.3);
}

#myCarousel .carousel-caption h2 span {
    background: rgba(16, 181, 206, 1);
    padding: .25rem 1.5rem .5rem;
    font-weight: 300;
    font-size: 2.5rem;
    letter-spacing: 2px;
  border-radius: 40px;
}

#myCarousel .overlay {
    background: rgb(24 33 68 / 20%);
}

#myCarousel .carousel-inner .carousel-item:nth-of-type(1) {
    background-image: url(/site_images/GettyImages-1291623171-2.webp);
}

#myCarousel .carousel-inner .carousel-item:nth-of-type(2) {
    background-image: url(/site_images/GettyImages-2222474482-1.webp);
}

#myCarousel .carousel-inner .carousel-item:nth-of-type(3) {
    background-image: url(/site_images/GettyImages-2218328617-1.webp);
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
HOME PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


#index h1::after {
    background: #f69010;
}
#index h1 {
    font-size: 30px;
  color: #333;
}
#index p {
text-align: justify;
font-size: 1rem;
}

#index img {
    width: 100px;
    margin: 0 0 20px 25px;
}

#index {
    padding: 4rem 0 4rem;
}

#affiliates .affiliates img {
    margin: 20px 15px;
}
#affiliates {
    background: #fff;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
CONSULTATION BOX
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#call-to-action img {
margin-right: 30px;
}

#call-to-action h2 {
    color: #fff;
  font-weight: 300;
}

#call-to-action p {
    color: #fff;
    margin: 0 0 .75rem;
    font-weight: 300;
   font-family: 'Montserrat', sans-serif;
    font-size: 18px;
}



#call-to-action .col-lg-6 {
    background: #243661;
}

#cta-background {
    background-image: url('/site_images/GettyImages-992583734-1.webp');
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
LOWER SERVICE BOXES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#featured-services .featured h2 {
    color: #333;
    font-size: 1.25rem;
    margin: 0 0 1.5rem;
}

#featured-services p {
    margin-bottom: .5rem;
}

#featured-services {
    padding: 5rem 0 5.5rem;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
NEWSLETTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#newsletter {
    background: #243661;
}
#newsletter h2 {
    color: #fdc665;
    font-weight: 400;
}

#newsletter p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 16px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#footer-top {
    background: #fff;
    border-top: 1px solid #eee;
}

#footer-bottom {
    background: #2a3d69;
}

#footer-top h2, #footer-top a, #footer-top p {
    color: #212121;
}
#footer-bottom a {
    color: #eee;
}

#footer-top a:hover {
    color: #112c80;
}

#footer-social i {
    color: #afb4b6;
    background: #f3f5f7;
    border: 1px solid #e8edf3;
  box-shadow: 1px 2px 3px 0 rgba(0,0,0,.2);
  border-radius: 40px;
}
#footer-bottom a, #footer-bottom p {
    color: #eee;
}

#footer-bottom a:hover {
    color: #fff;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
MEDIA QUERIES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


@media (max-width:1440px) {
#services .service {
    padding: calc(-2.5rem + 5vw) 2rem;
    text-align: center;
}
}

@media (max-width:1199px) {
#services .service {
    padding: calc(-1rem + 5vw) 2rem;
    text-align: center;
}
}

@media (max-width: 768px) {
#toolbar p {
    margin-right: 0px;
}

#myCarousel .carousel-caption h2 {
    font-size: 3rem;
}

#myCarousel .carousel-caption h2 span {
    font-size: 2.5rem;
}

#toolbar .row a {
    font-size: 13px;
}
}

@media (max-width: 480px) {
#header-logo img {
    width: 200px;
}

.navbar .navbar-nav .nav-link, .navbar .dropdown-item {
    font-size: 1rem;
}

.navbar .dropdown-item, .navbar .dropdown-item:active, .navbar .dropdown-item:focus {
    padding: .5rem 1rem;
}

#myCarousel {
display: none;
}



.navbar .navbar-nav .nav-link {
    font-size: 1rem;
}

#services .service {
    padding: calc(0rem + 5vw) 2rem;
}

#services {
    padding: 1rem .125rem;
}

#footer-top a, #footer-bottom a, #footer-top p {
    padding: 0 0 12px;
}

#footer-top .row div[class*='col-'] {
    padding: 0 1.25rem 1.25rem;
}

#footer-top {
    padding: 3.5rem .5rem .5rem;
}
#index h1 {
    line-height: 1.25;
}
#index {
    padding: 0px;
}
#call-to-action img {
    margin: 0px auto 15px !important;
    float: none !important;
    display: block;
}
}

/*================
LEAD MAGNET
================*/

.lead-magnet {
    background: #243661;
    padding: 2rem 1rem;
}

.lead-magnet img {
    width: 155px;
    margin-right: 3rem;
    box-shadow: 1px 2px 5px rgb(57 54 54 / 43%);
}

.lead-magnet h2, .lead-magnet p {
  color: #fefefe;
}

@media all and (max-width: 575px) {

.lead-magnet {
  flex-direction: column;
}

.lead-magnet img {
  margin: 2rem auto;
}

.lead-magnet {
   text-align: center;
}

}


@media (max-width: 655px) {
    #toolbar .row a, #toolbar .row a:not(:last-of-type) {
        margin: 0.41rem;
        width: calc(60% - 2rem);
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
         flex: 1 1 auto;
         padding: 0.35rem;
    } 
}