@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');


    .content-wrapper, .container{
            overflow: hidden;
        }


    body{
        font-family: 'Lato', sans-serif;
    }

    .title{
        font-size: 32px;
        color:#222222;
        font-weight: 700;
        line-height: 1.4;
    }

    article p, p{
        font-size: 16px;
        color:#3d3d3d;
        font-weight: 400;
        line-height: 1.5;
    }



    .chat-button{
        width:auto;
         height:auto;
         background-color:#f27839;
        right:0;
        margin-right:-130px;
        margin-top:200px;
         z-index:999999999999999999999999999999999;
        position:fixed;
        transform: rotate(90deg);
        transform-origin: top left;
         padding: 10px 20px; 
         letter-spacing:.1em;
         color:white;
          font-size:1.2em;
          margin-top:60vh; 
          text-decoration:none;
      }
    
      .chat-button:hover{
    
        background-color: orange;
        transition: 2s;
        text-decoration: none;
        color:white;
      }
    
      .chat-mobile{
        display: none !important;
      }



    .header {
    left: 0;
    right: 0;
    height: auto;
    background-color: white;
    z-index:9;
    }

    .preheader{
        width:100%;
        display: inline-block;
        padding:20px 0;
        margin-top:15px;
        box-shadow: 0 0 4px rgb(0 0 0 / 40%);
    }

    .bottomheader{
        width:100%;
        display: inline-block;
        border-top: 1px solid #dfdfdf;
        border-bottom: 2px solid #dfdfdf;
    }


    .top-logo img {
    float: left;
    margin-right:2em;
    }

    .preheader h5{
        font-size:22.4px;
        color:#4c4c4c;
        font-weight:300;
        padding-top:1.5em;
        text-decoration: none;
        display: inline-block;
    }

    .preheader h5:hover{
        text-decoration: none;
    }

    .cta-btn{
        float:right;
        padding-top:3em;
    }

    .cta-btn a{
        padding: 10px 20px;
        margin-right:10px;
        color:white;
        font-weight: 400;
        text-decoration: none;
        border-radius: 3px;
    }

    .cta-btn a i{
      font-size: 1.3em;
      margin-right:5px;
    }

    #call-now{
        background-color:#1d6775;   
     }

     #call-now img{
        width: 20px;
        margin: -5px 8px 0 0px;
     }

    #donate-now{

        background-color:#e6673e;
    }

    #donate-now img{
        width: 32px;
        margin: -2px 8px 0 0px;
     }

  .cta-btn:hover{
      text-decoration: none;
  }

    .menu {
    float: right;
    }

    .menu a {
    font-size: 16px;
    color:#777;
    width: 170px;
    text-align: center;
    display:inline-block;
    padding: 0 15px;
    line-height: 45px;
    }

    .menu a:hover {
    text-decoration: none;
    color:#666;
    transition:1s;
    background-color: #e6e3e3;
    }

    .vehicle-area{
        background-image:url(https://cdn.pixabay.com/photo/2014/05/22/21/46/mixing-desk-351478_960_720.jpg) ;
        margin:4em 0 0;
        background-position: center;
        background-size: cover;
        background-attachment: fixed;
        background-color: rgba(255,255,255,.9);
        background-blend-mode: lighten;
    }

    /* .filter{
        background:linear-gradient(90deg, rgba(30,102,117,1) 30%, rgba(67,134,88,1) 51%, rgba(108,171,56,1) 77%);
        opacity: .9;
        padding:3em 0;
    } */


    .vehicle-strip {
        margin: 20px auto;
        max-width: 700px;
    }
      
    .vehicle-strip img {
        background-color: white;
        width: 14.66%;
        margin:4px;
        padding:8px;
        transition:1s;
        -webkit-box-shadow: 0 0px 8px #b6b6b6;
        -moz-box-shadow: 0 0px 8px #b6b6b6;
        box-shadow: 0 0px 8px #b6b6b6;
    }


    .hero{
        background: url(https://knkx.careasy.org/sites/indition/cars_knkx/uploads/2021/full.png),linear-gradient(90deg, rgba(30,102,117,1) 30%, rgba(67,134,88,1) 51%, rgba(108,171,56,1) 77%);
        background-size: inherit;
        height: 25em;
        background-repeat: no-repeat;
        width: 100%;
        margin: -3px auto;
        background-position: center;
    }

    .jumbotron {
      background: #e2e2e2 url("https://knkx.careasy.org/sites/cars/knkx/uploads/New%20PM%20version.jpg") center center;
      background-repeat: no-repeat;
    }

    .banner-inner {
        text-align: center;
        width: 100%;
      }

      .banner-sub {
        color: #fff;
        text-align: center;
        font-size: 30px;
        line-height: 1.5;
        font-weight: 700;
        }



    .how{
        padding: 2em 0 .5em;
    }

    .how-boxes{
        text-align: center;
        padding:2em;
        margin:2em;
        background-color:white;
        -webkit-box-shadow: 0 0px 8px #b6b6b6;
        -moz-box-shadow: 0 0px 8px #b6b6b6;
        box-shadow: 0 0px 8px #b6b6b6;
    }

    .how-boxes img{
        max-width: 105px;
        margin-bottom:1em;
    }

    .how-boxes h4{
   font-weight: 800;
   letter-spacing: .14em;
    }

    .how-boxes p{
        font-size: 14px;
    }

    .btn-custom{
      
        color:white;
        width:250px;

    }
    
    .btn-custom:hover{
        transition: 2s;
        border:1px solid white;

    }

    .social-media{
        padding: 2em 0;
        
    }
 
    .social-media .btn-custom{
        width:60px;
        margin:.3em;
        border-radius: 2px;
        font-size: 3em;
        background-color:transparent;
        color:white;
    }

    video{
        padding: 10px;
        margin-top: 3em;
        background-color:white;
        -webkit-box-shadow: 0 0px 8px #b6b6b6;
        -moz-box-shadow: 0 0px 8px #b6b6b6;
        box-shadow: 0 0px 8px #b6b6b6;
    }




    iframe{
        width:100%;
        border:0;
        height:700px;
    }
    
    .master-footer{
        padding:2em 0 5em;
        text-align: center;
        background: #444750;
    }

    #footer-logo{
        padding:1em 0;
    }

    #footer-text{
        color: #eceeed;
        font-size: 1.2em;
    }

    #footer-text a{
        color:rgb(108,171,56);
    }

    .contact{
        padding: 4em 0 6em;
    }

    .faq{
        padding: 2em 0 4em; 
    }

    .faq-banner{
        background: url(https://knkx.careasy.org/sites/indition/cars_knkx/uploads/2021/heroParked.jpg),linear-gradient(90deg, rgba(30,102,117,1) 30%, rgba(67,134,88,1) 51%, rgba(108,171,56,1) 77%);
        background-blend-mode: overlay;
        background-size: cover;
        background-position: center;
        height:15em;

    }


    @media only screen and (max-width: 991px) {
    
    video{
        margin-top:1em;
    }


    }      
@media only screen and (max-width: 768px) {


    .chat-button{
        display: none;
      }
    
    .chat-mobile{
      display: inline!important;
    }

    .top-logo img {
    position: relative;
    }

    .site-pusher{
    height: 100%;
    }

    .site-pusher {
    transition-duration: 0.3s;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    }

    .site-content {
    top: 66px;
    right: 0;
    left: 0;
    bottom: 0;
    padding-top: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    }

    .header {
    position: static;
    }   

    .header__icon {
    position: relative;
    display: block;
    float: right;
    width: 50px;
    height: 66px;
    cursor: pointer;
    }

    .header__icon:after {
    content: '';
    position: absolute;
    display: block;
    width: 2rem;
    height: 0;
    top: 25px;
    left: 15px;
    box-shadow: 0 10px 0 1px #666, 0 16px 0 1px #666, 0 22px 0 1px #666;
    }

    .cta-btn{
        display: none;
    }

    .bottomheader{
        display: block;
    }
    

    .menu {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 250px;
    padding-top:2em;
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px);
    }

    .menu a {
    display: block;
    width: 100%;
    height: 40px;
    margin:2px 0;
    text-align: center;
    line-height: 40px;
    }

    .with--sidebar .site-pusher {
    -webkit-transform: translateX(250px);
    transform: translateX(250px);
    }

    .with--sidebar .site-cache {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    }


    .hero{
        background: url(https://knkx.careasy.org/sites/indition/cars_knkx/uploads/2021/KXKN-mobile.png),linear-gradient(90deg, rgba(30,102,117,1) 30%, rgba(67,134,88,1) 51%, rgba(108,171,56,1) 77%);;
        background-size: contain;
        height: 25em;
        background-repeat: no-repeat;
        width: 100%;
        margin:auto ;
        background-position: center;

    }

    .jumbotron { background: #e2e2e2 url("https://knkx.careasy.org/sites/cars/knkx/uploads/GeneralB_Tow_600x250.png") no-repeat center center; background-size: contain; 
    }
    
    .vehicle-strip img {
        width: 14%;
        margin:2px;
    }

    .faq-banner{
        background: url(https://knkx.careasy.org/sites/indition/cars_knkx/uploads/2021/mobileParked.jpg),linear-gradient(90deg, rgba(30,102,117,1) 30%, rgba(67,134,88,1) 51%, rgba(108,171,56,1) 77%);
        background-blend-mode: overlay;
        background-size: cover;
        background-position: center;
        height:15em;

    }


    
}



@media only screen and (max-width: 550px) {


    .preheader h5{
        display: none;
    }

}