/*   */
:root{
    --jnsThemeBlue:#bddaff;
    --jnsfrontTheme:#0b53a7;
}
.bold-text{

    font-weight: bold;
}
/* Listing Button */
.btColor{
    background-color:var(--jnsfrontTheme);
    color:#fff;
    text-decoration: none;
}


 .card-title{
    font-size: .8rem ;
    font-weight: bold;
    white-space: nowrap;

 }
 .card-body p {
   font-size:.7rem ;

 }

/* DivTable.com */
.divTable{
    display: table;
    width: 100%;

}
.divTableRow {
    display: table-row;
}
.divTableHeading {
    display: table-header-group;

}

.divTableCell .table_header{

    background-color: #0b53a7;
    color:white;

}
.divTableCell, .divTableHead {

    display: table-cell;
    padding: 3px 10px;
}

.table_cells{
    background-color: #cfe2ff;
}

.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
    font-weight: bold;
}
.divTableFoot {
    background-color: #EEE;
    display: table-footer-group;
    font-weight: bold;
}
.divTableBody {
    display: table-row-group;
}

.over_button {
    background-color: #0b5ed7
}

.info-item-desc
{
    color:white;
    margin: 0;
    padding: 0;
    border: none;
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    line-height: 19px;
}

.info-item{
    margin-right:2rem;
    background-color:var(--jnsThemeBlue);
    width:3rem;
    height:3rem;

}

.info-item-image
{
    background-color:var(--jnsThemeBlue);
    width:3rem;
    height:2.75rem;
    text-align: center;
    padding-top:1rem;
    margin-left:-1.3rem;
    margin-top:-.75rem;
    margin-bottom:-1rem;
}

@media (min-width:777px) and (max-width: 990px) {

    .hide_to_sml
    {
        display:none;
    }
}

@media (min-width:367px) and (max-width: 567px) {

    .hide_to_sml
    {
        display:none;
    }
}

.title
{
    font-weight: bold;
    font-size: 1rem;
    font-family: 'Poppins', sans-serif;
    margin-bottom:2.5rem;
}

.card-body{
    padding-bottom:2.5rem;
}

.weather{
    width:100%;
    margin:0 auto;
    height:250px;
}

.acc_card
{
    background-color:#0954a7;
}

.acc_card a:link{
    text-decoration: none;
    color:white;
}

.button_container{
    display:flex;
    flex-direction: row;
    column-gap: 3rem;

}

.mb-0:hover .info-item-image:after{
    content: "";
    position: absolute;
    top: 0px;
    left: 47px;
    width: 25px;
    padding-bottom: 2.5rem;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    background-color:var(--jnsThemeBlue);
    transition: all 0.3s ease-in-out;

}

tt.active .info-item-image{
    height:27%;
}

@media (min-width:367px) and (max-width: 567px) {
    #mainbanner{
        padding: 0 0 20px 0;
    }
}

@media (min-width:567px) and (max-width: 777px) {
    #mainbanner{
        padding: 0 0 20px 0;
    }
}

@media (min-width:777px) and (max-width: 990px) {
    #mainbanner{
        padding: 0 0 20px 0;
    }
}

/* responsive image */

    .imgresponsive{
        width: 100%;
        height: auto;
        align-items: center;
    }
/* mobile s */
@media screen and (max-width:355px){
    .slogan{
        display: none;
    }
    .titletext{
        margin-top:40px !important;
        font-size: 8px !important;
    }  
}        
/* tiny media */
@media screen and (max-width:389px){
    .logoimg{
        display:block;
        margin-top:1px;
        margin-left:-10px;
        margin-right:auto;
        width:117px;
        height:63.22px;
    }
    .logobg {
        padding: 0;
        background: url(/../../include/images/titleblue-xxsm-1.jpg);
        height:40px;
        background-position: top;
        background-repeat: repeat-x
}
    
    .logotext{
        margin-top:15px;
        margin-left:40px;
        text-align: center;
        font-size: 10px;
        padding-left: 0px;
        padding-top: 2px;
        font-family: "Times New Roman", Times, serif;
        font-weight: 400;
        color: white;
    }
      
    .topright {
        position: absolute;
        top: 17px;
        right: 15px;
        font-size: 18px;
        
    }
    .slogan{
        font-size: 7px;
        margin-left: 115px;
        margin-right: -50px;
        padding-top: 0px;
        color: black;


    }
    .phone {
        font-size: 10px;
        font-family: "Times New Roman", Times, serif;
        text-align: left;
        margin-left: 10px;
        margin-top: -3px;  
      }
    .jns-navbar{
        margin-top: 4px;
        display:none;
    }  
    .titletext{
        margin-top:30px;
        font-size: 12px !important;
    }  
    .jumbotron-title-text{
         
        font-size: 15px; 
        position:absolute; 
        top:0px; 
        left:3px;
    }
    .jumbotron-para-text{
        
        font-size: 14px; 
        position:absolute; 
        top:38px; 
        left:53px;
    } 
    .jumbotron-para-text-v-2{
        
        font-size: 14px; 
        position:absolute; 
        top:7px; 
        left:5px;
    } 
    .mark::after {
        content: "";
        position: absolute;
        right: -15px;
        bottom: -3px;
        width: 0;
        height: 0;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #bddaff;
        opacity: 0.5;
        }
}
/* xxs media */
@media screen and (max-width:427px) and (min-width:390px){
    .logoimg{
        display:block;
        margin-top:3px;
        margin-left:auto;
        margin-right:auto;
        width:117px;
        height:63.22px;
    }
    .logobg {
        padding: 0;
        background: url(/../../include/images/titleblue-xxsm-1.jpg);
        height:40px;
        background-position: top;
        background-repeat: repeat-x
}
    
    .logotext{
        margin-top:14px;
        margin-left:50px;
        text-align: center;
        font-size: 12px;
        padding-left: 0px;
        padding-top: 2px;
        font-family: "Times New Roman", Times, serif;
        font-weight: 400;
        color: white;
    }
      
    .topright {
        position: absolute;
        top: 19px;
        right: 15px;
        font-size: 18px;
        
    }
    .slogan{
        font-size: 7px;
        margin-left: 135px;
        margin-right: -50px;
        padding-top: 0px;
        color: black;


    }
    .phone {
        font-size: 12px;
        font-family: "Times New Roman", Times, serif;
        text-align: center;
        margin-top: 0px;  
      }
    .jns-navbar{
        margin-top: 4px;
        display:none;
    }    
    .titletext{
        margin-top:30px;
        font-size: 12px;
    }  
    .jumbotron-title-text{
         
        font-size: 17px; 
        position:absolute; 
        top:0px; 
        left:3px;
    }
    .jumbotron-para-text{
        
        font-size: 17px; 
        position:absolute; 
        top:38px; 
        left:53px;
    } 
    .jumbotron-para-text-v-2{
        
        font-size: 17px; 
        position:absolute; 
        top:7px; 
        left:5px;
    } 
     
        
      
      
    .mark::after {
        content: "";
        position: absolute;
        right: -18px;
        bottom: -5px;
        width: 0;
        height: 0;
        border-top: 18px solid transparent;
        border-bottom: 18px solid transparent;
        border-left: 18px solid #bddaff;
        opacity: 0.5;
        }
}




@media screen and (max-width:450px) and (min-width:427px){
    .logotext {
        position: relative;
        top: 15px;
        bottom: 0;
        left: 38vw;
        right: 0;
        margin: auto;
        height:30px;
        font-size: 3.5vw;
        font-family: "Times New Roman", Times, serif;
        font-weight: 400;
        color: white;
      }
    }    
      @media screen and (max-width:476px) and (min-width:451px){
        .logotext {
            position: relative;
            top: 13px;
            bottom: 0;
            left: 38vw;
            right: 0;
            margin: auto;
            height:30px;
            font-size: 3.5vw;
            font-family: "Times New Roman", Times, serif;
            font-weight: 400;
            color: white;
          }

}
@media screen and (max-width:576px) and (min-width:477px){
    .logotext {
        position: relative;
        top: 11px;
        bottom: 0;
        left: 35vw;
        right: 0;
        margin: auto;
        height:30px;
        font-size: 3.5vw;
        font-family: "Times New Roman", Times, serif;
        font-weight: 400;
        color: white;
      }


}



/* xs media */
@media screen and (max-width:576px) and (min-width:427px){
    .logoimg{
        display:block;
        margin-top:4px;
        margin-left:auto;
        margin-right:auto;
        width:117px;
        height:63.22px;
    }
    .logobg {
        padding: 0;
        background: url(/../../include/images/titleblue-xxsm-1.jpg);
        height:40px;
        background-position: top;
        background-repeat: repeat-x;
       
}
    
   /* .logotext{
        margin-top:3vw;
        margin-left:50px;
        text-align: center;
        font-size: 4vw;
        padding-left: 0px;
        padding-top: 2px;
        font-family: "Times New Roman", Times, serif;
        font-weight: 400;
        color: white;
    }
     */ 

      
      .pchlogotext {
        display: inline-block;
        vertical-align: middle;
        line-height: normal;
      }
    .topright {
        position: absolute;
        top: 19px;
        right: 15px;
        font-size: 18px;
        
    }
    .slogan{
        text-align: center;
        font-size: 8px;
        margin-left: 55px;
        margin-right: -50px;
        padding-top: 0px;
        color: black;


    }
    .phone {
        font-size: 12px;
        font-family: "Times New Roman", Times, serif;
        text-align: center;
        margin-top: 0px;  
      }
    .jns-navbar{
        margin-top: 4px;
        display:none;
    }    
    .titletext{
        margin-top:30px;
        font-size: 12px;
    }  
    .jumbotron-title-text{
         
        font-size: 20px; 
        position:absolute; 
        top:0px; 
        left:5px;
    }
    .jumbotron-para-text{
        
        font-size: 18px; 
        position:absolute; 
        top:43px; 
        left:55px;
    } 
    .jumbotron-para-text-v-2{
        
        font-size: 18px; 
        position:absolute; 
        top:7px; 
        left:5px;
    } 
    .mark::after {
        content: "";
        position: absolute;
        right: -20px;
        bottom: -5px;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 20px solid #bddaff;
        opacity: 0.5;
        }
}




@media screen and (max-width:768px) and (min-width:734px){

    .logotext {
        position: relative;
        top: 8px;
        bottom: 0;
        left: 30vw;
        right: 0;
        margin: auto;
        height:30px;
        font-size: 3.2vw;
        font-family: "Times New Roman", Times, serif;
        font-weight: 400;
        color: white;
        display: flex; /* Use flexbox for vertical alignment */
        align-items: center; /* Center items vertically */
      }

}
@media screen and (max-width:734px) and (min-width:577px){

    .logotext {
        position: relative;
        top: 10px;
        bottom: 0;
        left: 30vw;
        right: 0;
        margin: auto;
        height:30px;
        font-size: 3.2vw;
        font-family: "Times New Roman", Times, serif;
        font-weight: 400;
        color: white;
        display: flex; /* Use flexbox for vertical alignment */
        align-items: center; /* Center items vertically */
      }

}




/* sm media */
@media screen and (max-width:768px) and (min-width:577px){
    .logoimg{
        display:block;
        margin-top:4px;
        margin-left:auto;
        margin-right:auto;
        width:117px;
        height:63.22px;
    }
    .logobg {
        padding: 0;
        background: url(/../../include/images/titleblue-xxsm-1.jpg);
        height:40px;
        background-position: top;
        background-repeat: repeat-x
}
  /*  
    .logotext{
        margin-top:10px;
        text-align: center;
        font-size: 18px;
        padding-left: 0px;
        padding-top: 2px;
        font-family: "Times New Roman", Times, serif;
        font-weight: 400;
        color: white;
    }
    */
   
      .pchlogotext {
        display: inline-block;
        vertical-align: middle;
        margin: 0; /* Remove default margin */
        line-height: normal;
      }
    .topright {
        position: absolute;
        top: 19px;
        right: 15px;
        font-size: 18px;
        
    }
    .slogan{
        text-align: center;
        font-size: 8px;
        margin-right: -20px;
        padding-top: 0px;
        color: black;


    }
    .phone {
        font-size: 12px;
        font-family: "Times New Roman", Times, serif;
        text-align: center;
        margin-top: 0px;  
      }
    .jns-navbar{
        margin-top: 4px;
        display:none;
    }    
    .titletext{
        margin-top:30px;
        font-size: 12px;
    } 
    .jumbotron-title-text{
         
        font-size: 25px; 
        position:absolute; 
        top:0px; 
        left:5px;
    }
    .jumbotron-para-text{
        
        font-size: 20px; 
        position:absolute; 
        top:51px; 
        left:55px;
    } 
    .jumbotron-para-text-v-2{
        
        font-size: 20px; 
        position:absolute; 
        top:7px; 
        left:5px;
    } 
    .mark::after {
        content: "";
        position: absolute;
        right: -20px;
        bottom: -5px;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 20px solid #bddaff;
        opacity: 0.5;
        }
}   

/* md media */
@media screen and (max-width:992px) and (min-width:769px){
    .logoimg{
        display:block;
        margin-top:4px;
        margin-left:auto;
        margin-right:auto;
        width:117px;
        height:63.22px;
    }
    .logobg {
        padding: 0;
        background: url(/../../include/images/titleblue-xxsm-1.jpg);
        height:40px;
        background-position: top;
        background-repeat: repeat-x
}
    
    .logotext{
        margin-top:5px;
        text-align: center;
        font-size: 25px;
        padding-left: 0px;
        padding-top: 2px;
        font-family: "Times New Roman", Times, serif;
        font-weight: 400;
        color: white;
    }
      
    .topright {
        position: absolute;
        top: 19px;
        right: 15px;
        font-size: 18px;
        
    }
    .slogan{
        text-align: center;
        font-size: 10px;
        padding-top: 0px;
        color: black;


    }
    .phone {
        font-size: 12px;
        font-family: "Times New Roman", Times, serif;
        text-align: center;
        margin-top: 0px;  
      }
    .jns-navbar{
        margin-top: 4px;
        display:none;
    }    
    .titletext{
        margin-top:10px;
        font-size: 12px;
    } 
    .review-card{
        flex:1;
    }
    .jumbo-slider{
        height:690.7;
    }  
    .jumbotron-title-text{
         
        font-size: 25px; 
        position:absolute; 
        top:0px; 
        left:5px;
    }
    .jumbotron-para-text{
        
        font-size: 20px; 
        position:absolute; 
        top:51px; 
        left:55px;
    } 
    .jumbotron-para-text-v-2{
        
        font-size: 20px; 
        position:absolute; 
        top:9px; 
        left:6px;
    } 
    .mark::after {
        content: "";
        position: absolute;
        right: -22px;
        bottom: -7px;
        width: 0;
        height: 0;
        border-top: 22px solid transparent;
        border-bottom: 22px solid transparent;
        border-left: 22px solid #bddaff;
        opacity: 0.5;
        }
}

/* lg media */
@media screen and (max-width:1200px) and (min-width:992px){
    .logoimg{
        display:block;
        margin-top:2px;
        margin-left:auto;
        margin-right:auto;
        width:117px;
        height:63.22px;
    }
    .logobg {
        padding: 0;
        background: url(/../../include/images/titleblue-xxsm-1.jpg);
        height:40px;
        background-position: top;
        background-repeat: repeat-x
    }
   
    .logotext{
        margin-top:4px;
        text-align: center;
        font-size: 27px;
        padding-left: 0px;
        font-family: "Times New Roman", Times, serif;
        font-weight: 400;
        color: white;
    }
    .slogan{
        margin-top: -3px;
        text-align: center;  
        font-size: 14px;
        color: black;

    }
    .phone {
        font-size: 12px;
        font-family: "Times New Roman", Times, serif;
        text-align: center;
        margin-top: 0px;  
      }
    .jns-nav{
        
        font-size: 10px;
       
        
    }          
    .titletext{
        font-size: 30px;
    }
    .review-card{
        flex:1;
    }
    .jumbotron-title-text{
         
        font-size: 25px; 
        position:absolute; 
        top:0px; 
        left:5px;
    }
    .jumbotron-para-text{
        
        font-size: 20px; 
        position:absolute; 
        top:51px; 
        left:55px;
    } 
    .jumbotron-para-text-v-2{
        
        font-size: 20px; 
        position:absolute; 
        top:7px; 
        left:5px;
    } 
    .mark::after {
        content: "";
        position: absolute;
        right: -22px;
        bottom: -7px;
        width: 0;
        height: 0;
        border-top: 22px solid transparent;
        border-bottom: 22px solid transparent;
        border-left: 22px solid #bddaff;
        opacity: 0.5;
        }

}
/* xl media */
@media screen and (max-width:1500px) and (min-width:1201px){
    .logoimg{
        display:block;
        margin-top:2px;
        margin-left:auto;
        margin-right:auto;
        width:117px;
        height:63.22px;
    }
    .logobg {
        padding: 0;
        background: url(/../../include/images/titleblue-xxsm-1.jpg);
        height:40px;
        background-position: top;
        background-repeat: repeat-x
    }
    
    .logotext{
        margin-top:5px;
        text-align: center;
        font-size: 27px;
        padding-left: 0px;
        
        font-family: "Times New Roman", Times, serif;
        font-weight: 400;
        color: white;
    }
    .slogan{
        margin-top: -3px;
        text-align: center;  
        font-size: 14px;
        color: black;

    }
    .phone {
        font-size: 12px;
        font-family: "Times New Roman", Times, serif;
        text-align: center;
        margin-top: 0px;  
      }
    .jns-nav{
        color:#0954a7;
        font-size: 10px;
        text-decoration: none;
    }        

    .titletext{
        font-size: 30px;
    } 
    .review-card{
        flex:1;
    }
    .jumbo-slider{
        height:450.47;
    }
    
    .jumbotron-title-text{
         
        font-size: 25px; 
        position:absolute; 
        top:0px; 
        left:5px;
    }
    .jumbotron-para-text{
        
        font-size: 20px; 
        position:absolute; 
        top:51px; 
        left:55px;
    } 
    .jumbotron-para-text-v-2{
        
        font-size: 20px; 
        position:absolute; 
        top:7px; 
        left:5px;
    } 
    .mark::after {
        content: "";
        position: absolute;
        right: -22px;
        bottom: -7px;
        width: 0;
        height: 0;
        border-top: 22px solid transparent;
        border-bottom: 22px solid transparent;
        border-left: 22px solid #bddaff;
        opacity: 0.5;
        }
}
/* jumbo media */
@media screen and (min-width:1500px){
    .logoimg{
        display:block;
        margin-left:auto;
        margin-right:auto;
        width:117px;
        height:63.22px;
    }
    .logobg {
        padding: 0;
        background: url(/../../include/images/titleblue-xxsm-1.jpg);
        height:40px;
        background-position: top;
        background-repeat: repeat-x
    }
    
    .logotext{
        margin-top:4px;
        text-align: center;
        font-size: 27px;
        padding-left: 0px;
        padding-top: 2px;
        font-family: "Times New Roman", Times, serif;
        font-weight: 400;
        color: white;
    }
    .slogan{
        margin-top: 3px;
        text-align: center;  
        font-size: 14px;
        color: black;

    }
    .phone {
        font-size: 12px;
        font-family: "Times New Roman", Times, serif;
        text-align: center;
        margin-top: 0px;  
      }
    .jns-nav{
        color:#0954a7;
        font-size: 10px;
        text-decoration: none;
    }          

    .titletext{
        font-size: 30px;
    } 
    .review-card{
        flex:1;
    }
    .jumbo-slider{
        height:675.7;
        
    }
    .jumbotron-title-text{
         
        font-size: 25px; 
        position:absolute; 
        top:0px; 
        left:5px;
    }
    .jumbotron-para-text{
        
        font-size: 20px; 
        position:absolute; 
        top:51px; 
        left:55px;
    } 
    .jumbotron-para-text-v-2{
        
        font-size: 20px; 
        position:absolute; 
        top:7px; 
        left:5px;
    } 
    .mark::after {
        content: "";
        position: absolute;
        right: -22px;
        bottom: -7px;
        width: 0;
        height: 0;
        border-top: 22px solid transparent;
        border-bottom: 22px solid transparent;
        border-left: 22px solid #bddaff;
        opacity: 0.5;
        }
}
.printinfo.phone {
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    color: inherit; /* or any specific color you want */
}


/* print view only */

@media print {
    .printinfo {
      font-size: 20px;  
      color: black;
      text-align: center;
    }
}

@media screen {
    .noscreen {
      display:none;
    }
}

.swiper-1-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin-bottom: -20px;
}
.swiper-1-image {
    background-image: url("../../include/images/big-city.jpg");
  
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.jns-background{
    background-color:var(--jnsThemeBlue);
}

.jns-nav:hover {
    background-color:#0954a7;
    color:white;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    
}
.nav li:hover > ul {
    display: block
}

.form-bg{
    background:var(--jnsThemeBlue);
    border-radius:3px;
}
.jns-form-inputs{
    padding:0px !important;
    margin:0px !important; 
}
@media screen {
    .no-show {
       display:none; 
    }
}
@media print {
    .no-print {
      display: none;
    }
     
    .logoimg{
        display:block;
        margin-left:auto;
        margin-right:auto;
        width:117px;
        height:63.22px;
    }

    .logotext{
        margin-top:3px;
        text-align: center;
        font-size: 30px;
        padding-left: 0px;
        padding-top: 2px;
        font-family: "Times New Roman", Times, serif;
        font-weight: 400;
        color: white;
    }
    .slogan{
        margin-top: -3px;
        text-align: center;  
        font-size: 14px;
        color: black;

    }
    .phone {
        font-size: 18px;
        font-family: "Times New Roman", Times, serif;
        text-align: center;
        margin-top: 0px;  

  }
  .print-size {
    height: 20px;
    width:20px

}
    
}

.jns-nav-color{
    background-color: var(--jnsThemeBlue);
    color:black;
    text-decoration:none; 
   }

   
   .jumbo-img-container{
    height: 500px;
   background-color: #000;
   position: relative;

 }
 .listing-img-container{
   height: 250px;
   background-color: #000;
   position: relative;

 }
 .carousel-item{
   height:32rem;
   background-color: #000;
   color:white;
   position: relative;
    

 }
 .container1{
   position:absolute;
   bottom:0;
   left:0;
   right:0;
   padding:50px;

 }

 .overlay-image{
 position:absolute;
 bottom:0;
 left: 0;
 right: 0;
 top: 0;
 background-position: center ;
 background-size:cover; 
 opacity: 0.9;
 }
 mark{
   
   background: rgba(189, 218, 255, 0.5); /* blue background with 50% opacity */
 
   color: 000; 
 }
.mark{
   
  background: rgba(189, 218, 255, 0.5); /* blue background with 50% opacity */
  color: 000; /* black text */
  

}