/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
     TYPOGRAPHY
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  h1, h2, h3, h4, h2 > a, h3 > a, h4 > a, #interior h3 {
    font-family: 'Ubuntu', sans-serif;
    line-height: 1.4;
  }


a.btn-primary, .btn-primary {
    background: #3d719b;
}

  p, ul, li {
    color: #444;
    font-size: 1.1rem;
    font-family: 'Nunito Sans', sans-serif;
  }

strong {
    font-weight: 700;
    color: #555;
}

label.col-xs-12.col-md-4.text-right {
    font-size: 1.1rem;
}


hr {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}

#topbar {
    background: #d7e7ee;
}

#topbar i {
    color: #052F51;
    margin: 0 0.25rem 0 0;
    font-size: 1rem;
}



#topbar a {
    color: #151A2D;
    font-size: 1rem;
    font-weight: 700;
    margin: 0 1.25rem 0 0;
    font-family: "nunito sans", sans-serif;
}

#topbar a:hover {
    color: #4c7912;
}

#topbar .btn-primary {
    color: #FFF;
    font-size: 1rem;
    font-weight: 700;
    padding: 0.5rem 1rem;
height: auto;
}

#nav-menu {
    background-color: #277d29;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 2;
}

.navbar-brand img {
    background: #FFF;
    max-width: 9rem;
    padding: 1rem;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    border-radius: 25px;
}

.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-item.show .nav-link, header.fixed #nav-menu .navbar .navbar-nav .nav-link:hover, header.fixed #nav-menu .navbar .navbar-nav .nav-link:active:hover, header.fixed #nav-menu .navbar .navbar-nav .nav-link:focus:hover {
    color: #b5daeb;
}

header.fixed .navbar-brand img {
    max-width: 100px;
    padding: 0;
    border-radius: 5px;
}

.navbar .navbar-nav .nav-link, .navbar .navbar-nav .nav-link:active, .navbar .navbar-nav .nav-link:focus {
    font-family: 'nunito sans', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    padding: 0.675rem 0.7rem;
    text-align: center;
}



.navbar .dropdown-item {
    background: transparent;
    color: #333;
    padding: 0.25rem 1rem;
    font-size: 0.9rem;
    line-height: 1.4rem;
    font-weight: 500;
    font-family: 'Nunito Sans', sans-serif;
}




#myCarousel .btn-primary {
    margin: 1.5rem 0 0;
    width: 100%;
    background-color: #052F51;
}

#myCarousel .btn-primary:hover {
    margin: 1.5rem 0 0;
    width: 100%;
    background-color: #09671F;
}






.btn:hover, .btn-primary:hover, .btn-default:hover, a.btn:hover, a.btn-primary:hover, a.btn-default:hover {
    background: #277d29;
    border-color: transparent;
}


a.btn-primary.icon-lunge:hover {
    background: #277d29; !important;
}



    /* IMPORTANT -------------------------------------- */
    
    #mobile-indicator {display: none;}
    
    .no-overflow {
      overflow: hidden;
    }


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

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

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

.package .ribbon::before , .package .ribbon::after  {
    content: "";
    position: absolute;
    border-style: solid;
    border-radius: 3px;
}
.package .ribbon::before {
    bottom: -13px;
    border-width: 7px;
    border-radius: 0;
    left: 0;
    border-color: #225269 #223169 transparent transparent;
}

.package .ribbon::after {
    right: 0;
    border-width: 7px;
    border-color: #223169 transparent transparent #232269;
    bottom: -13px;
}


.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: #141111;
    position: relative;
}

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

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

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

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

#interior .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;
    margin-left: -30px;
}

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

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

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

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



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
     HOMEPAGE - HERO
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
 

#myCarousel .carousel-item:nth-of-type(1) {
    background-image: url(/site_images/pjoo.resized-02-1.webp);
}

#myCarousel .carousel-item:nth-of-type(2) {
    background-image: url(/site_images/pjoo.resized-03-1.webp);
}

#myCarousel .carousel-item:nth-of-type(3) {
    background-image: url(/site_images/pjoo.resized-01-1.webp);
}

#myCarousel .carousel-item {
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    height: 500px;
    position: relative;
}

 #myCarousel .col-text {
    background: #406e93;
    width: 33%;
}

.carousel-inner {
    background-color: #406e93;
}



  
    #myCarousel .wrapper {
      max-width: 100%;
      padding: 2.25rem 0 0;
      width: 365px;
    }
  

  #myCarousel .form-control {
      -webkit-border-radius: 20px;
      border-radius: 20px;
      height: 3rem;
      font-size: 0.9375rem;
      text-align:  center;
      width: 100%;
      margin-top: 1.5rem;
   }







#myCarousel h2 span {
    background-color: transparent;
    color: #fff;
    font-weight: 600;
}


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


#index-section a:not([class*='btn']) {
    color: #006291;
    font-size: 1.125rem;
    font-weight: 600 !important;
}

#index-section p {
    font-size: 1.125rem;
    text-align: center;
    line-height: 1.8rem;
}

#index-section {
    background: #F1F1F1;
    padding: 3rem 0.5rem;
}

#index-section h1 {
    font-size: 2rem;
    font-weight: 600;
    margin: 0.5rem;
    position: relative;
    text-align: center;
    text-transform: capitalize;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
     SERVICES
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


#services h2 {
    font-size: 1.4rem;
    color: #555;
    font-weight: 600;
    margin-bottom: 0.5rem;
}



#services p {
    color: #666;
    font-size: 1.1rem;
    text-align: center;
    line-height: 1.8rem;
}


#services {
    padding: 0rem 0.5rem;
    background: #d7e7ee;
}

#services .icon {
    background: #09671f;
    border-radius: 50%;
    height: 6rem;
    margin: 0 0 1.9rem;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 1.9rem;
    margin-left: 0px;
    width: 6rem;
    margin-top: 1.5rem;
}

#services .icon img {
    top: -1rem;
    width: 40px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
     INDUSTRIES
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.col-sm-6.col-md-4.col-lg-6.animate.animate-down-right.animated {
    display: flex;
    justify-content: center;
}

#industries h2 {
    color: #FFF;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.375rem;
    margin: 0 0 0.925rem;
    position: relative;
    font-family: 'Ubuntu', sans-serif;
}



#industries h2 {
    color: #FFF;
    font-size: 1.9rem;
    font-weight: 500;
    line-height: 1.375rem;
    margin: 0 0 0.925rem;
    position: relative;
    font-family: 'Ubuntu', sans-serif;
}



#industries p {
    color: #FFF;
    font-size: 1.1rem;
}

#industries a {
    color: rgb(181 217 255);
}

#industries i {
    color: rgb(181 217 255);
    font-size: 2.8rem;
    margin: 0 0 1.25rem;
    -webkit-transform: scale(.9, .9);
    -ms-transform: scale(.9, .9);
    transform: scale(.9, .9);
}

#industries .industry {
    padding: 2rem 2rem;
    position: relative;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    max-width: 30rem;
text-align: center;
}


#industries .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    justify-content: center;
    display: flex;
}


#industries a:hover {
    color: #fff;
}

#industries {
    background-color: #333;
    background-image: url("/site_images/GettyImages-1291892361-1.webp");
    background-position: center center;
    background-repeat: no-repeat;
    padding: 4rem 1rem;
    position: relative;
    background-size: cover;
}

#industries::before {
    background-color: rgb(29 43 16 / 57%);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
}

#industries {
    background-color: #333;
    background-image: url(/site_images/GettyImages-1291892361-1.webp);
    background-position: center center;
    background-repeat: no-repeat;
    padding: 4rem 1rem;
    position: relative;
    background-size: cover;
    background-attachment: fixed;
}



#myCarousel .col-text h2 {
    color: #fff;
    font-size: 2.4rem;
    font-weight: 300;
    line-height: 3rem;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
     MISC.
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#team {
    display: none;
}

#testimonials h2 {
  color: #fff;
margin-bottom: 1rem;
}

#testimonials .row {
 justify-content: center;
}

 #testimonials .row .testimonial {
        padding: 2rem 2rem;
        margin: 1rem;
 }

#testimonials .testimonial {
    background: #ffffff;
    border-radius: 10px;
    border: none;
    box-shadow: 0px 2px 20px -5px rgb(89 126 76 / 29%);
    top: 2%;
    position: relative;
    height: 95%;
    padding: 3rem 3rem;
    margin: 0 auto;
    text-align: left;
    width: 95%;
    text-align: left;
}

#testimonials .carousel-indicators li.active {
    background: #ffffff;
}

#testimonials .container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
}

#testimonials {

}

#testimonials {
    background: #406e93;
    padding: 3rem 0 8rem;
}

.col-md-6.testimonial {
    background-color: #fff;
    margin: 2rem;
    border-radius: 1rem;
}

#testimonials .top i {
    color: #277d29;
    font-size: 2rem;
    margin: 0 0 1rem;
}

#testimonials .bottom {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: center;
    padding-top: 1rem;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
     NEWSLETTER
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#newsletter {
    background: transparent;
    padding: 1rem;
    position: relative;
}

#newsletter h2 {
    color: #1e2c60;
    font-size: 1.6rem;
    margin: 0.75rem 3rem 0.75rem 0;
}

#newsletter::before {
    background-image: none;
}





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
     FOOTER
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
footer {
    background: #444;
    padding: 2rem 0.5rem 1rem;
}

#footer-bottom a {
    color: #bddeee;
}

#footer-bottom p, #footer-bottom a {
    color: #FFF;
    font-size: 1rem;
    margin: 0;
    padding: .125rem 0;
}

#footer-top p, #footer-top a {
    color: #FFF;
    font-family: 'nunito sans', sans-serif;
    font-size: 1rem;
    line-height: 1.75;
    margin: 0;
    padding: 0;
}


#footer-top a {
    color: #b7e6f7;
}

#footer-top h2 {
    color: #FFF;
    font-size: 1.4rem;
    font-weight: 500;
    margin: 2rem 0 1rem;
}

#affiliates {
    background: #F8F8F8;
    border-top: 1px solid #EEE;
    overflow: hidden;
    padding: 3rem 1.5rem;
    display: none;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
     KTALK ICON
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



#ktalk-icon img {
    max-width: 80px;
    position: absolute;
}

#ktalk-icon {
    position: fixed;
    transform: translateY(-100px);
    z-index: 99999999;
    bottom: 0px;
    left: 15px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
     INTERIOR
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


#interior-hero {
    background-image: url(/site_images/resized-trees-1.webp);
}

#interior-hero::after {
    background: rgb(0 0 0 / 7%);
    bottom: 0;
    content: '';
    left: 0;
    mix-blend-mode: multiply;
    position: absolute;
    right: 0;
    top: 0;
}


#interior h1 {
    color: #195b88;
    font-weight: 500;
    font-size: 2.5rem;
    line-height: 2.7rem;
}



#interior h2 {
    color: #444;
    font-family: 'Ubuntu', sans-serif;
    line-height: 1.8rem;
    margin-bottom: 0.5rem;
    font-weight: 400;
}

#interior h3 {
    color: #6f7579;
    font-family: 'Ubuntu', sans-serif;
    line-height: 1.8rem;
    margin-bottom: 0.5rem;
    font-weight: 500;
}

#interior h2 {
margin-top: 3rem;
}

#interior a {
    color: #112882;
    font-weight: 600;
}

#sidebar .sidebar>span, #sidebar .text>span {
    display: inline-block;
    font-weight: 900;
    margin: 0 0 0.45rem;
    text-transform: uppercase;
    color: #072287;
}

.sidebar.sidebar-book.bounceInDown.animated {
    display: none;
}

#sidebar p {
    margin-top: 1.1rem;
    line-height: 1.9rem;
}

#sidebar h2 {
    margin-top: 0rem;
}


#sidebar a.btn-primary, .btn-primary {
    background: #195b88;
    color: #fff !important;
}

#sidebar .sidebar {
    border: 2px solid #313552;
    margin: 3.75em 1.5rem 0;
    overflow: hidden;
    padding: 2.5rem 2.5rem 3rem;
    position: relative;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
}

  @media all and (max-width: 575px) {
   #interior h1 {
      font-size: 1.8rem !important;
      text-align: center;
      font-weight: 600 !important;
   }

    #interior img {
      max-width: 300px;
      display: block;
      float: none !important;
      margin: 0 auto 20px !important;
    }

    #myCarousel .carousel-item:nth-of-type(1) {
      background-position: center;
      background-size: cover;
    }

    #myCarousel .carousel-item:nth-of-type(2) {
      background-position: center;
      background-size: cover;
    }

    #myCarousel .carousel-item:nth-of-type(3) {
      background-position: center;
      background-size: cover;
    }

    .navbar-brand img {
      max-width: 115px;
      padding: 1rem;
    }
  
    header.fixed .navbar-brand img {
      max-width: 100px;
      padding: 0.3rem 0;
    }

    #myCarousel .col-text {
      background: rgba(9, 61, 108, .8);
      width: 100%;
      padding-top: 5rem;
    }
  
    #newsletter h2 {
      font-size: 24px;
      margin: 2rem 0 1rem;
      text-align: center;
      line-height: 1.4;
    }
  
    #interior h1 {
      font-size: 1.7rem;
      text-align: center;
    }
  
    #interior h1 + img {
      display: initial;
    }
 }




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

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


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

#interior .col-xs-12 p {
    padding-left: 15px;
}

.form-control {
    font-size: 14px;
    width: 75%;
}



@media (max-width: 991px)
   .navbar .navbar-nav .nav-link, .navbar .navbar-nav .nav-link:active, .navbar .navbar-nav .nav-link:focus {
      color: #ffffff;
   }



    /* 1023 MEDIA QUERY -------------------------------------- */
    @media (max-width: 1023px) {
      #myCarousel .carousel-item { -webkit-background-size: cover; background-size: cover;}
      #myCarousel .col-text {background: rgba(5, 47, 81, .5);bottom: 0;height: 100%;left: 0;right: 0;padding: 2rem 1rem;width: 100%;}
      #myCarousel .wrapper {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;padding: 0;text-align: center;width: 100%;}
      #myCarousel .text { 100%; }
      #myCarousel .wrapper form {max-width: -webkit-calc(100% - 2rem);max-width: calc(100% - 2rem);width: 25rem;}
      #myCarousel .col-text h2 {font-size: 2rem;}
      #newsletter .text { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
      #myCarousel .form-control {
         margin-left: auto;
         margin-right: auto;
    }

@media (max-width: 1033px) {
    #myCarousel .col-text h2 {
        font-size: 2.8rem;
    }

     .navbar .navbar-nav .nav-link, .navbar .navbar-nav .nav-link:active, .navbar .navbar-nav .nav- 
      link:focus {
       font-family: 'nunito sans', sans-serif;
       font-size: 0.8rem;
       font-weight: 600;
       padding: 0.475rem 0.3rem;
       text-align: center;
     }
}

    /* 768 MEDIA QUERY -------------------------------------- */
    @media (max-width: 768px) {
      #myCarousel .carousel-item:nth-of-type(1) {
        background-position: top;
        background-size: contain;
      }

      #myCarousel .wrapper {
        transform: translateY(-20px);
      }

      #myCarousel .carousel-item:nth-of-type(2) {
        background-position: top;
        background-size: contain;
      }

      #myCarousel .carousel-item:nth-of-type(3) {
        background-position: top;
        background-size: contain;
      }

      #myCarousel .col-text {
        background: #406e93;
        bottom: 0;
        height: 50%;
        left: 0;
        right: 0;
        padding: 2rem 1rem;
        width: 100%;
      }

    #myCarousel .btn-primary {
        margin: 1rem 0 0;
        width: 100%;
        border: 2px solid #fff;
        background: transparent;
        font-size: 1rem;
        font-weight: 600;
        text-align: center;
        padding: 0.5rem;
        margin-bottom: 2rem;
       }
     }

    /* 380 MEDIA QUERY -------------------------------------- */
    @media (max-width: 380px) {
       #topbar { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 .25rem}
       #topbar a, #topbar a:nth-last-child(3) { margin: 0 .75rem; font-size: 0.75rem; }
    }

      #topbar {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -ms-flex-align: center;
       align-items: center;
       background: #FFF;
       display: -webkit-box;
       display: -webkit-flex;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -webkit-flex-direction: row;
       -ms-flex-direction: row;
       font-size: 0;
       -webkit-box-pack: end;
       -webkit-justify-content: flex-end;
       -ms-flex-pack: end;
       margin: 0;
       padding: .3125rem 3.5rem;
       position: relative;
       z-index: 1;
       justify-content: center;
       flex-wrap: wrap;
   }


  @media all and (max-width: 375px) {
    #services h2
        font-size: 1.5rem;
        margin-bottom: 0.5rem;
        margin-top: 0.4rem;
    }





    header.fixed .navbar-brand img {
        max-width: 70px;
        padding: 0rem;
        border-radius: 10px;
    }

    #myCarousel .col-text h2 {
      color: #FFF;
      font-size: 2.4rem;
      font-weight: 700;
      line-height: 2.8rem;
      padding-top: 2rem;
    }

    #myCarousel .col-text p {
      color: #FFF;
      font-size: 1rem;
      margin: 0 0 1.2rem;
    }

    #myCarousel .btn-primary {
        margin: 1rem 0 0;
        width: 100%;
        border: 2px solid #fff;
        background: transparent;
        font-size: 1rem;
        font-weight: 600;
        text-align: center;
        padding: 0.5rem;
      }
  
    .btn-primary img {
      margin: 0 0 0 .2rem;
      width: 0.9rem;
    }
  }


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

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

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

@media (min-width: 1200px) {
  #myCarousel .col-text h2 {font-size: 2.5rem;}
  .container { max-width: 1400px; }
}

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

.lead-magnet {
    background: #406e93;
    padding: 2rem 1rem;
    margin-top: -50px;
}

.lead-magnet img {
    width: 195px;
    margin-right: 3rem;
}

.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;
}

}