html, body {
    overflow-x: hidden;
    width: 100%;
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    scroll-behavior:smooth;
}
.btn-primary.focus, .btn-primary:focuswithin{
    box-shadow: none;
}
.btn-primary.focus, .btn-primary:focus {
    
    box-shadow:none !important;
}
button.learn_more_btn:focus{
    outline:none;
}
button.learn_more_btn a{
    text-decoration:none;
    color:#fff;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Bree Serif',Georgia,"Times New Roman",serif; 
      color: #444444;
}

/* HEADER CSS STARTS HERE  */

header {
    position: fixed;
    top: 0px;
    z-index: 99999;
    width: 100%;

 } 
 
 a:hover{
     text-decoration:none !important;
 }


 header img {
    transition: width 0.3s ease, transform 0.3s ease;
}

header.active img{
    width: 80%;
    transform: translateY(0%) scale(0.8);
}
header.active .navigation{
    padding-top: 10px;
    padding-bottom: 10px;
    transition: transform 0.3s ease; 
} 



 .navigation {
    background-image: url('http://walkcharlestonhistory.com/images/bg_red-stripes.jpg'); 
    padding-top: 10px;
    padding-bottom: 10px;
    transition: padding 0.3s ease; 
    }
 .brand {
     line-height: 55px;
}
 .brand a, .brand a:visited {
     color: #ffffff;
     text-decoration: none;
}
 .nav-container {
    max-width: 1180px;
    margin: 0 auto;
    justify-content: space-between;
    display: flex;
}

 nav ul {
     list-style: none;
     margin: 0;
     padding: 0;
}
 nav ul li {
     float: left;
     position: relative;
}
 nav ul li a,nav ul li a:visited {
     display: block;
     padding: 0 10px;
     line-height: 55px;
     color: #fff;
     text-decoration: none; 
     font-weight: 500; 
     font-size: 14px;
}



 nav ul li a:not(:only-child):after, nav ul li a:visited:not(:only-child):after {
     content: ' \025BE';
}
 nav ul li ul li {
    min-width: 215px;
    padding-left: 15px;
}
 nav ul li ul li a {
     padding: 15px;
     line-height: 20px;
}
 .navbar-dropdown { 
     border-top: 3px solid #e9c98a;
     position: absolute; 
         padding: 13px 5px;
     display: none;
     z-index: 1;
     background: #a4140c;
   
}  

nav ul li ul li:hover {
    background-color: #24242412;
    border-radius: 10px;
}


ul.nav-list li:hover ul.navbar-dropdown {
    display: block !important;
    animation: slideDown 0.3s ease;
}

@keyframes slideDown {
    0% {
         /* Start from above */
        opacity:0;
    transform:all 0.5s ease-in-out;

    }
    50%{
        opacity:0.5;
     transform:all 0.8s ease-in-out;

    }
    100% {
         /* End at original position */
        opacity:1;
        transform:all 0.5s ease-in-out;
    }
}

/* Mobile navigation */
 .nav-mobile {
     display: none;
     position: absolute;
     top: 0;
     right: 0;
     background: transparent;
     height: 55px;
     width: 70px;
}
 @media only screen and (max-width: 800px) {
     .nav-mobile {
         display: block;
    }
     nav {
         width: 100%;
         padding: 55px 0 15px;
    }
     nav ul {
         display: none;
    }
     nav ul li {
         float: none;
    }
   
     nav ul li ul li a {
         padding-left: 30px;
    }
     .navbar-dropdown {
         position: static;
}
 @media screen and (min-width:800px) {
     .nav-list {
         display: block !important;
    }
}
 #navbar-toggle {
     position: absolute;
     left: 18px;
     top: 30px;
     cursor: pointer;
     padding: 10px 35px 16px 0px;
}
 #navbar-toggle span, #navbar-toggle span:before, #navbar-toggle span:after {
     cursor: pointer;
     border-radius: 1px;
     height: 3px;
     width: 30px;
     background: #e9c98a;
     position: absolute;
     display: block;
     content: '';
     transition: all 300ms ease-in-out;
}
 #navbar-toggle span:before {
     top: -10px;
}
 #navbar-toggle span:after {
     bottom: -10px;
}
 #navbar-toggle.active span {
     background-color: transparent;
}
 #navbar-toggle.active span:before, #navbar-toggle.active span:after {
     top: 0;
}
 #navbar-toggle.active span:before {
     transform: rotate(45deg);
}
 #navbar-toggle.active span:after {
     transform: rotate(-45deg);
}
 } 
 
 
 nav ul li a:hover,nav ul li:hover {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
        color: #dfbbb8;
        text-decoration:none;
}

 
/* HEADER CSS END HERE  */




/* first section  */


.first_banner {
    background-image: url(http://walkcharlestonhistory.com/images/chb_home.jpg);
    position: relative;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed; 
    text-align: center;

} 
.first_banner_inner {
       padding: 22% 15% 14%;
} 
.first_banner_inner h2{
    font-family: 'Bree Serif',Georgia,"Times New Roman",serif; 
       font-weight: 500;
     margin-top: 0;
    font-size: 46px;
    text-shadow: 0 1px 3px rgba(0,0,0,.3); 
    color:#000;
} 
.first_banner_inner p{
    text-shadow: 0 1px 3px rgba(0,0,0,.3);
}

/* first section end  */

/* ============================== */

/* Second section */

.about_leeAnn h2{
    color: #444;
    font-size: 40px;   
}
.Second_section , .contact_form {
    /* background-color: #e8e2d4; */
    background-image: url('../images/image_720.png');
    padding-top: 100px;
    padding-bottom: 100px;
} 
img.leean_image {
    width: 100%;
    border: 3px solid #fff;
} 
.leena_sec {
    padding-top: 160px;
} 
a.nav-link.tab-1.active , a.nav-link.tab-2.active{
    background-color: #fff;
        color: #000;
         border-right: 1px solid  #dee2e6;
}
a.nav-link.tab-1 , .tab-2 a.nav-link {
    background-color: #f4f4f4; 
    margin: 0px; 
    border-radius: 0px; 
    border: 0px;
    border-bottom: 1px solid #dee2e6; 
    border-right: 1px solid #f4f4f4;
    font-weight: 600;
    color: #747474bd;
       
} 

a.nav-link {
    padding: 8px 30px;
}

.tab-content>.active {
    background: #fbf9f7;
    padding: 40px;
} 

.tab-3{
    width:316px;
    background: #f4f4f4;
} 

.col-md-12.text-center.palmetto_sec {
    padding-top: 50px;
}
.col-md-12.text-center.palmetto_sec a{
    text-decoration:none;
}
.tab-pane p {
    font-family:Open Sans,Arial,sans-serif;
    color: #666666;
    font-size: 14px; 
    margin-top: 10px;
    line-height: 1.7em;
}  

div#tabs-2 ul li{
   color: #444444;
}
div#tabs-2{
padding-top:20%;
}


p.fancy_text {
    font-family: 'Dancing Script',handwriting;
    font-size: 26px;
}
/* Second section end  */

/* ======================= */

/* Third section end  */
.third-section{
background-image:url(../images/bg_charleston.jpg);
position: relative;
background-position: top;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed; 
text-align: center;
} 

.third-section .container{
    padding: 100px 0px;
}

.card-third-sec {
    background-color: rgba(255,255,255,0.88);
    padding-top: 50px!important;
    padding-right: 50px!important;
    padding-bottom: 50px!important;
    padding-left: 50px!important;
    height: 345px;
    margin:0px 11px;
}
.card-third-sec h5{
    padding-top: 25px; 
    color:#000000b5;
}
.card-third-sec h5 , .card-third-sec p {
    color:#444444;
   text-align: left; 

}
.card-third-sec  a{
    text-decoration: none!important;
}
/* Third section end  */

/* ========================= */

/* forth section end  */
.forth_sec{

    background-color: #444444!important;
}

.forth_sec .container{

    padding: 6% 0% 4%;
}
.forth_sec .container h3{
    color:#fff;
}


button.learn_more_btn{ 
    margin-top: 30px;
    font-size: 18px;
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 500;
    padding: 0.3em 1em;
    line-height: 1.7em!important;
    background-color: transparent;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 2px solid #fff;
    color: #fff;
    border-radius: 3px;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: all!important;
    transition-property: all!important;}


    button.learn_more_btn:hover{
        background-color: hsla(0,0%,100%,.2);
        border: 2px solid transparent;
        padding: 0.3em 2em 0.3em 0.7em; 
        position:relative;
    } 
    button.learn_more_btn:hover:after{opacity: 1;
    margin-left: 0;
}

    button.learn_more_btn:after{
        background-image: url("../images/right-arrow.png");
        line-height: 1em;
        background-position: center;
        width: 20px; 
        background-size: contain;
        content: "";
        background-repeat: no-repeat;
        height: 18px;
        margin-top: 6px;
        opacity: 0;
        position: absolute;
        -webkit-transition: all .2s;
        transition: all .2s;}
/* forth section end  */



/* fifth section slider */



.swiper-slide {
    position: relative;
}
.swiper-slide a > h5{
    position: absolute;
    top:50%;
   width: 80%;
    margin: auto;
   bottom: -20px;
    z-index: 2;
    color: #FFF;
    padding: 0 0 35px 40px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s cubic-bezier(.3, 0, 0, 1.3);
}  


.swiper-slide a > h5::before {
 content: "";
    background-image: url(../images/plus.png);
    position: absolute;
    z-index: 9999999999999999;
    background-position: center;
    top: -35px;
    left: 50%;
    background-size: contain;
    width: 32px;
    height: 32px;
} 

.swiper-slide a:hover h5{
        visibility: visible;
        opacity: 1;
        bottom: -10px;
        transform: scale(1.1);
}
.swiper-slide > a{
    position: relative;
} 

.swiper-slide a:hover::before {
    visibility: visible;
    opacity: 1;
    transform: scale(1.1);
}
.swiper-slide > a::before {
    content: "";
    position: absolute;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    width: 91%;
    right: 22px;
    height: 100%;
    background-color: #00000094;
    transition: 0.3s cubic-bezier(.3, 0, 0, 1.3);
}

.swiper-slide a:active h5 {
    opacity: 0;
    transform: scale(0.9);
}
.swiper-slide > a > img{
     width: 351px;
    height: 335px;
}

.swiper-slide a{     
    cursor: pointer;
}
  .swiper-container {
      width: 100%;
      height: 100%;
  }
  .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
  }
  
  
    .swiper-button-prev{
    background-image: url(../images/slider-left-arrow.png) !important;
    width: 32px !important;
    height: 32px !important;
    background-size: auto !important;
}   

.swiper-button-next{
    background-image: url(../images/slider-right-arrow.png) !important;
    width: 32px !important;
    height: 32px !important;
    background-size: auto !important;   
}
/* fifth section end */





@media screen and (max-width: 767px){
    .first_banner_inner img {
    width: 100%;
}

}



/*TOUR PAGE CSS STARTS HERE*/
.banner {
    padding: 100px 0px 85px;
    background-image: url(http://walkcharlestonhistory.com/images/bg_pattern.jpg);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}
.banner img {
    padding-top: 5px;
}

.banner h1 {
    font-family: 'Bree Serif', Georgia, "Times New Roman", serif;
    font-size: 46px;
    text-align: center;
    color: #FFF;
    margin: 0;
}
.tour .container-fluid {
    padding: 0px !important;

}
.sec_colum h4 {
     font-size: 22px;
}
.sec_colum .container {
    max-width: 1030px;
}


.tour .sec_colum {
   padding: 70px 0;
}

.tour .sec_colum a:hover {
    text-decoration: none;
    font-family: 'Bree Serif', Georgia, "Times New Roman", serif;
    color: #444444;
}

.tour .sec_colum a {
    font-family: 'Bree Serif', Georgia, "Times New Roman", serif;
    color: #444444;
}

.tour .sec_colum .row {
    text-align: center;
}

.tour .sec_colum img {
    padding: 0px 0px 18px 0px;
    width: 40%;  
}

.tour .third_colum h3 {
    text-align: center;
    font-family: 'Bree Serif', Georgia, "Times New Roman", serif;
    background: #444444;
    padding-top: 100px;
    color: white;
    font-size: 28px;
    margin-bottom: 0;
    padding-bottom:80px;
}

 .tour .third_colum .btn {
    border: 2px solid white;
     margin: 40px 0;
    font-family:sans-serif;
    border-radius: 3px;
    padding: 10px 25px;
    color: #fff;
}
.tour .third_colum .btn:hover{
background-color: hsla(0,0%,100%,.2);
border: 2px solid transparent;

} 
.third_colum h3 {
    color: white;
}
section.tour {
    padding: 50px 0px 0px;
}

/*TOUR PAGE CSS END  HERE*/


/*TESTIMONIALS PAGE CSS STARTS HERE*/


.testimonial .banner h1 {
    font-family: 'Bree Serif', Georgia, "Times New Roman", serif;
    font-size: 46px;
    text-align: center;
    color: #FFF;
    background-image: url(http://walkcharlestonhistory.com/images/bg_pattern.jpg);
    width: 100%;
    padding: 100px;
    margin: 0px;
}

.testimonial  .container-fluid {
    padding: 0px !important;
}
.cus_cards .card-body{
    padding: 30px;
    line-height: 1.5;
    
}
.cus_cards h4{
    font-size: 14px;
    font-weight: 600;
}
.cus_cards{
    padding: 50px 0;
    background-image: url(../images/image-back.png);
    margin: 0px;
}
.cus_cards .card{
    background-color: #f0eee9;
    border: none;
}
.cus_cards .two{
    margin: 20px 0;
}
.cus_cards {
    font-family: Open Sans,Arial,sans-serif;
}
.tes-third-col h3{
    text-align: center;
    color: #fff;
    font-family: 'Bree Serif',Georgia,"Times New Roman",serif;
    font-weight: 600;

}
.tes-third-col{
    padding: 50px;
    background: #9a110a;

}
.last_Sec .col-6 img{
    height: auto;
    max-width: 100%;
    padding: 30px 0px;
}
.last_Sec h5{
    text-align: center;
    font-family: 'Bree Serif',Georgia,"Times New Roman",serif;
    font-weight: 600;
}
.last_Sec{
    padding: 50px 0px 0px 0px;
}
.cus_cards .col-6 {
    max-width: 48%;
}
.cus_cards .row {
    justify-content: space-around;
}
/*TESTIMONIALS PAGE CSS ENDS HERE*/



/* HISTORICAL LOCATION PAGE CSS STARTS HERE  */
.historical-location .banner h1 {
    font-family: 'Bree Serif', Georgia, "Times New Roman", serif;
    font-size: 46px;
    text-align: center;
    color: #FFF;
    background-image: url(../images/bg_pattern.jpg);
    margin: 0;
}

.historical-location {
    padding: 50px 0px 0px;
}
.historical-location .banner h1{
    margin:0px;
}

.historical-location .container-fluid {
    padding: 0px !important;

}

.col-6.cus_sec {
    padding: 0px 83px !important;
}

section.reservation .row {
    align-items: center;
}



.content p:nth-child(1) {
    margin-bottom: 15px;
}

.sec_colum img {
    width: 28%;
    padding: 0px 0px 20px 0px;
}
.historical-location h6  {
    font-family: 'Bree Serif', Georgia, "Times New Roman", serif;
}
.historical-location p  {
  
    font-family: Open Sans,Arial,sans-serif;
    line-height: 1.7em;
    font-size:14px;
    font-weight:500;
    color: #444444;
}
.reservation{
    background-image: url(https://consortsolutions.com/demo/wch/images/image_720.png);
    overflow: hidden;
}
section.reservation img {
     max-width: 100%;
    height: auto;
}

button.btn.btn-primary.btn-lg , input[type="submit"] {
    
    color: #9a110a;
    border-color: #9a110a;
    background-color: transparent;
    font-family: Open Sans,Arial,sans-serif;
    padding: 7px 20px;
    font-size: 14px;
    font-weight: 100;
    border-radius: 2px;
    border: 2px solid;
}
button.btn.btn-primary.btn-lg :hover , input[type="submit"]:hover{
    border: 2px solid rgba(0,0,0,0);
    background-color: rgba(0,0,0,0.3);
    color: #ffff
}

section.reservation .col-6 {
    padding: 0px;
}
.second_sec .cus_sec{
    padding: 125px 100px 100px;
}
.sec_colum {
    padding: 48px;
    background: #f0eee9;
}
.read-more .third_colum {
    text-align: center;
    font-family: 'Bree Serif', Georgia, "Times New Roman", serif;
    background: #444444;
    padding-top: 100px;
    color: white;
    font-size: 28px;
    margin-bottom: 0;
}
 .read-more .third_colum .btn {
    border: 2px solid white;
     margin: 40px 0;
    font-family:sans-serif;
    border-radius: 3px;
    padding: 10px 25px;
    color: #fff;
}
.read-more .third_colum .btn:hover{
background-color: hsla(0,0%,100%,.2);
border: 2px solid transparent;
}

.content ul li::before {
    content: "";
} 
.content img {
    width: 3%;
    margin-right: 10px;
}
.content ul li {
    list-style-type: none;
    text-align:left;
    margin-left:-9%;
}

/* HISTORICAL LOCATION PAGE CSS END HERE  */

/*CULTURE PAGE CSS STARTS HERE */

.historical-location .banner-culture h1 {
    font-family: 'Bree Serif', Georgia, "Times New Roman", serif;
    font-size: 46px;
    text-align: center;
    color: #FFF;
    background-image: url(../images/bg_pattern.jpg);
    width: 100%;
    padding: 100px;
    margin:0px;

}


/*CULTURE PAGE CSS ENDS HERE */

/* RESTURANT PAGE CSS STARTS HERE  */
.banner-resturant h1 {
    font-family: 'Bree Serif', Georgia, "Times New Roman", serif;
    font-size: 46px;
    text-align: center;
    color: #FFF;
    background-image: url(../images/bg_pattern.jpg);
    width: 100%;
    padding: 100px;
    margin: 0px;

}


.middle-para {
    width: 65%;
        margin: auto;
}

.banner-res {
    padding: 100px 0px 85px;
    background-image: url(http://walkcharlestonhistory.com/images/bg_pattern.jpg);
 
} 


.res-banner-inner{   display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;}

.banner-res img {
    padding-top: 5px;
}



.banner-res h1 {   font-family: 'Bree Serif', Georgia, "Times New Roman", serif;
    font-size: 46px;
    text-align: center;
    color: #FFF;}



.resturant p  {
    color:#fff;
    font-family: sans-serif;
    font-size: 16px;
    font-weight: 100;
    line-height: 26px;
    text-align: center;
    padding-top: 24px;

}





.cus-section{
    padding: 55px 0;
    border-bottom: 1px solid rgba(0,0,0,0.3);
    
}
.cus-section img{
   margin-left: 130px;
}
.cus-section h6{
    font-size: 22px;
} 
.cus-section p{
    font-size: 100%;
    color: #444444;
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 1px;
} 
.cus-section .btn{
    margin-top: 20px;
    width: 18%;
}

    .container-fluid.cus-section {
        padding: 25px 0px 25px;
    }
    .container-fluid.cus-section {
        padding: 25px 0px 25px;
    }
    .resturant-sec{
        background-image: url('../images/image_720.png');
    }
    .container-fluid.cus-section a {
        color: #000;
        text-decoration: none;
    }
    
    
    .last_Sec .col-6:nth-child(2) img {
    width: 35%;
    display: block;
   
}
.read-more .third_colum{
    padding-top: 70px;
    padding-bottom: 50px;
    }
    
    section.resturant-sec .container {
    padding: 90px 0px;
}

/* RESTURANT PAGE CSS ENDS HERE  */

/* ARTICLES PAGE CSS STARTS HERE  */
.article{
    padding: 25px 0;
}
.article h3{
    font-size: 22px;
}
.article p{
    font-size: 14px;
    color: #666;
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 1px;
    padding-right: 177px;
}
.article .btn{
    margin-top: 20px;

}
button.btn.btn-primary.btn-lg:hover {
border: 2px solid rgba(0,0,0,0);
    background-color: rgba(0,0,0,0.3);
    color: #ffff;
}
    .container .article {
        padding: 10px 0px 0px;
    }
    .resturant-sec{
        background-image: url('../images/image_720.png');
    }
    .container .article a {
        color: #000;
        text-decoration: none !important;
    }
    .container .article .col-8 hr {
        color: #A39D94;
    }
    .second-article{
        padding: 75px;
    }
   .second-article .col-4.cus-article {
    height: 100px;
    padding: 10px 0px 0px;
    }
    section.second-article hr {
    margin: 10px 0px;
}
    .second-article .col-4.cus-article ul li {
        text-decoration: none;
        list-style: none;
        text-align: left;
    }
    .second-article .col-4.cus-article h3{
        text-align: left;
        padding-left: 40px;
    }
    .second-article{
    background-image: url('../images/image_720.png');
    
}
section.second-article a{
    text-decoration: none;
}
.col-4.cus-article ul a li:hover {
  color:#e9c98a;
} 
 .col-md-3.cus-article ul a li:hover{
     color: #82c0c7;
 } 
 
 
 p.text-center.row-images {
    display: flex;
    justify-content: space-around;
}
p.text-center.row-images img {
    width: 26%;
    height: 170px;
} 



.col-4.cus-article ul li , .col-md-3.cus-article ul li {
    color:#666;

}
section.second-article ul::before{
    content: '';
    position: absolute;
    height: 130%;
    width: 1px;
    background: #d2ccc1;
    top: -31px;
    left: 12px;
}

section.art-blog p {
    color: #666;
}

section.second-article ul {
    position: relative;
}

    /* ARTICLE PAGE CSS ENDS HERE  */

/* ARTICLE INNER PAGE CSS STARTS HERE  */


.alignright {
    float: right
}
.alignleft {
    float: left
}


img.alignleft {
    display: inline;
    float: left;
    margin-right: 15px
}
img.alignright {
    display: inline;
    float: right;
    margin-left: 15px
}


.col-md-3.cus-article ul li {
    list-style: none;
}
.container.art-inner {
    padding-bottom: 100px;
    padding-top: 207px;
} 
.col-md-3.cus-article {
    padding-left: 60px;
}

.col-md-3.cus-article ul {
    padding: 0px;
}
.container.art-inner h2 {
    font-size: 30px;
    font-family: Open Sans,Arial,sans-serif;
    color: #202124;
    line-height: 90px;
}
.container.art-inner h4 {
    font-size: 18px;
    font-family: Open Sans,Arial,sans-serif;
    color: #202124;
}

.art-blog {
    background-image: url('../images/image_720.png');
}
section.art-blog h1 {
    margin-bottom: 25px;
}
.img-50{

    width: 50%;
}
.img-45{
     width: 45%;
} 

.border-5-with-border {
    border: 5px solid #f3f3f3;
    border-bottom-width: 15px;
} 


span.alignright.border-5-with-border >span , span.alignleft.border-5-with-border >span {
    display: block;
    text-align: center;
    background: #f3f3f3; 
        padding-top: 10px;
         font-size: 12px;
} 
span.alignleft.border-5-with-border {
    margin-right: 15px;
} 
span.alignright.border-5-with-border {
    margin-left: 15px;
}
.aligncenter{
    display: block;
    float: none;
    text-align: center;
    width: 60%;
    margin: auto;
    background: #f3f3f3; 
        font-size: 12px;
}
span.aligncenter.border-5-with-border img {
    width: 100%;
}
/* ARTICLE INNER PAGE CSS END HERE  */




/*=====contact-us here=====*/  
section.contact_form h1 {
    font-size: 42px;
}
section.contact_form form {
    padding-top: 50px;
}
section.contact_form {
    padding-top: 85px;
}
input#input_feild , select , input#date-feild{
    width: 100%;
    padding: 1%;
    border: 1px solid #bbb;
    padding: 8px;
}

select{color: #666464;     margin-right: 25px !important;
    
}
select.last-select {
    width: 50%;
}
section.contact_form h5 {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    color: #565450;
    font-size: 15px;
}
.col-md-4.three-rwo div {
    display: flex;
    justify-content: space-between;
}
input#date-feild {
    width: 50%;
    margin-right: 8px;
}
section.contact_form .container-fluid {
    padding: 0px;
}

section.contact_form form .container {
    max-width: 1080px;
}

section.contact_form * {
    font-size: 14px;
    font-weight: 400;
} 

section.contact_form b {
    font-weight: 600;
}

section.contact_form .row {
    padding-bottom: 30px;
}
/*=======contact-us end======*/

/*=======time-period====*/

.sec_colum span {
    font-family: monospace;
    font-size: 9px;
}
.tour_second_sec {
    text-align: center;
}
.sec_colum p {
    font-size: 13px;
}
/*====end----*/


/* WALKING_TOUR PAGE CSS STARTS HERE  */
.gallery{
background-image: url(https://consortsolutions.com/demo/wch/images/image_720.png);
}

.gallery .cus-content{
    padding: 15% 0px 0px 0px;
}
.gallery .cus-content h2 {
    padding: 10px 0px 19px;
}
.gallery .cus-content img {
    width: 70%;
    border: 5px solid;
    color: #fff;
}
.gallery .cus-previous{
    padding: 20px 0px 49px 0px;
}
.gallery .cus-next{
    padding: 20px 0px 49px 120px;
}
.gallery .slie-3{
    padding: 20px 0px 49px 15px;
}
.gallery .slide-5{
    padding: 20px 0px 49px 88px;
}
.gallery .slide-6 {
    padding: 20px 0px 49px 75px;
}
.gallery .slide-7 {
    padding: 20px 134px 48px 0px;
    position: absolute;
    margin-left: 444px;
}
.cus-skill {
    padding: 30px 0px 0px 0px;
    line-height: 30px;
}
.gallery .cus-content span {
   
    font-size: 17px;
    font-weight: 100;
    font-family: sans-serif;
    color: #666;
        padding: 0px 0px 0px 5px;

}

/* WALKING_TOUR PAGE CSS STARTS HERE  */








/* FOOTER CSS STARTS HERE  */
.footer{

    background-image: url(http://walkcharlestonhistory.com/images/bg_pattern.jpg);
    width: 100%;
}
.get-in-touch{
    
    color: #fff;
    padding: 50px 100px;
}
.copy-right{
    background-color: #1f1f1f;
    padding: 15px;
    color: #fff;
    padding-left: 6%;
}
.copy-right p {
    color:#444444;
    font-family: system-ui;
    margin-bottom: 0px;
    font-size: 15px;
}

.get-in-touch h2 {
    font-size: 38px;
    color: #fff;
    text-align: center;
}


.get-in-touch img {
   display: block;
    margin-left: 49px;
    padding: 9px 0px;
}

/* FOOTER CSS ENDS HERE  */


/*====== contact-form=====*/
div#contact-me label {
    margin-bottom: 0px;
    font-family:'Open Sans,Arial,sans-serif'
    padding-top: 10px;
    font-size: 18px;
    display: block;
}
div#contact-me input , div#contact-me textarea {
    border-radius: 6px;
    width: 100%;
}
div#contact-me .row {
    justify-content: space-between;
    align-items:center;
}
div#contact-me {
    justify-content: space-between;
    align-items:center;
}

input.footer_form {
    background:#ad241c;
    color:#fff;
    margin-top: 10px;
    border: none;
    font-family: Open Sans,Arial,sans-serif;
    font-size: 21px;
    font-weight: 500;
     border: 2px solid rgba(0,0,0,0);
}
 
 
 input.footer_form:hover{   background:#ad241c;    }
 
 
 
 
 
 
 
 /*new css historical location page and inner pages*/

.container.reserved {
    max-width: 1350px !important ;
}


.content {
    padding: 0px 15%;
}


/*gallery*/ 
.gallery_page a:hover span {
    visibility: visible;
    opacity: 1;
    bottom: -10px;
    transform: scale(1.1);
} 
.gallery_page a > span {
position: absolute;
    top: 50%;
    z-index: 2;
    height: fit-content;
    border: 2px solid #e9c98a;
    color: #e9c98a;
    left: 45%;
    background-color: #aa251e;
    opacity: 0;
    padding: 3px 20px;
    visibility: hidden;
    transition: 0.3s cubic-bezier(.3, 0, 0, 1.3);
}




section.gallery_page .col-md-4 img{
        border: 5px solid #e9c98a;
    height: 350px;
    width: 350px;

}


section.gallery_page {
    padding-top: 80px;
    padding-bottom: 80px;
}
  
  
  section.gallery_page .row {
    padding-top: 30px;
} 

.border-5{
border: 5px solid #fff;
} 


.cus_cards .container .row .col-6 .card {
    position: relative;
}


.cus_cards .container .row .col-6 .card::before {
  position: absolute;
    content: "";
    background-image: url(../images/testimonials-commas.png);
    background-size: contain;
    width: 50px;
    height: 50px;
    left: 42%;
    background-repeat: no-repeat;
    top: -8%;
} 

.cus_cards .container .row .col-6 {
    padding-bottom: 35px;
}
/*========end=========*/


/*===============================================================================================================*/




/*****************RESPONSIVE******************** */



@media screen and (max-width: 767px){  
    
    
    section.gallery_page .col-md-4 {
    padding-bottom: 30px;
}

section.gallery_page .row {
    padding-top: 0px;
}

    h1 {
    font-size: 30px !important;
}
    
    section.navigation .nav-container .brand a img {
    width: 100%;
} 
section.navigation .nav-container .brand {
    width: 800px;
    padding-left: 19px;
}

ul.nav-list {
    position: absolute;
    width: 80%;
    margin-top: 18px;
    left: 10%;
} 
nav ul li a, nav ul li a:visited , ul.nav-list{    color: #666;
background: white;
}
ul.navbar-dropdown {
    display: block !important;
}

ul.nav-list li:nth-child(1) {
    border-top: 4px solid #e9c98a;
}  
.first_banner_inner h2{    font-size: 25px;}
.first_banner_inner {
       padding: 60% 14% 35%;
}
.tab-3{    width: 121px;}

div#tabs-2 {
    padding: 31px 24px 40px;
} 
div#tabs-1 p a {
    text-decoration: none;
}
.leena_sec {
    padding-top: 50px;
}
   .card-third-sec{height:auto;} 

.third-section .col-md-4 {
    max-width: 80%;
    display: block;
    margin: auto;
    margin-bottom: 45px;
}
.navbar-dropdown {
    border-top: 0px;
    padding: 0px 30px;
    background: #FFFFFF;
}
ul.navbar-dropdown li:nth-child(1) {
    border-top: 0;
}
.card-third-sec {
    background-color: rgba(255,255,255,0.88);
    padding-top: 20px!important;
    padding-right: 30px!important;
    padding-bottom: 20px!important;
    padding-left: 30px!important;
}


.third-section .container {
    padding: 80px 0px 50px;
}
.forth_sec .container {
    padding: 6%;
} 


.swiper-slide > a > img {
    width: 398px;
 }

.swiper-slide {
        width: 399.667px !important;}


.get-in-touch {
    color: #fff;
    padding:40px ;
    text-align: center;
}

.get-in-touch p {
    width: 100%;
} 

/*testimonial*/

.cus_cards .row , section.historical-location .last_Sec .row , .sec_colum .row{    flex-direction: column;}
.cus_cards .col-6 , section.historical-location .last_Sec .row .col-6 {
    max-width: 100%;
        padding-bottom: 30px;
}
.cus_cards{
    padding: 50px 0 0px;
}

.last_Sec .col-6:nth-child(2) img {
    width: 70%;
    display: block;
    margin: auto;
} 

.banner img {
    display: none;
}

.banner {
    padding: 112px 50px 85px;
}


.sec_colum .row .col-3 {
    max-width: 100%;
} 

.sec_colum .row .col-3 {
    max-width: 100%;
    padding-bottom: 40px;
}

.tour .sec_colum img {
    padding: 0px 0px 18px 0px;
    width: 30%;
} 

.tour .sec_colum {
    padding: 70px 0 20px;
}
ul.nav-list a {
    padding-left: 25px;
}
ul.nav-list a {
    padding-left: 25px;
}

/*shahzaib*/
.gallery .cus-content {
    padding: 26% 0px 0px 15px;
    text-align: center;
}
.gallery .cus-next {
    padding: 20px 0px 49px 30px;
}
.gallery .cus-previous {
    padding: 20px 0px 49px 15px;
}

.gallery .slide-7 {
    position: relative;
    margin-left: 0px;
}



.resturant p{    padding: 10px 0px 10px 0px; 
            width:100%;
            padding-top:0px;
            }


/*article */

.container.article .row {
    flex-direction: column;
}

.article p{
        padding-right: 0px;
            margin-bottom: 0px;
}

section.second-article .col-8 {
    max-width: 100%;
    width: 100%;
}
.second-article .col-4.cus-article {
    display: none;
}

.article {
    padding: 0px 0;
}

.second-article {
    padding: 75px 35px;
}









/*tour inner pages*/
section.historical-location .col-4 , section.reservation .col-6{
    width: 100%;
    max-width: 100%;
}


section.historical-location .sec_colum {
    padding: 46px 35px;
}



section.reservation .container .row {

    flex-direction: column;
} 

.second_sec .container-fluid .row {
    flex-direction: column-reverse;
}

.content {
    padding: 30px 20px 20px;
} 
.col-6.cus_sec{
     padding: 30px 20px 20px !important;
}
section.reservation img {
    max-width: 100%;
    height: auto;
}


.container-fluid button.btn.btn-primary.btn-lg { margin-left: 0px;     margin-bottom: 30px;}

button.btn.btn-primary.btn-lg{      margin-bottom: 30px;}


section.reservation h3 {
    padding-top: 50px;
}


.cus-section p {padding-right: 0px;}
section.resturant-sec .row {
    flex-direction: column;
}

section.resturant-sec .row .col-4 , section.resturant-sec .row .col-8 {
    max-width:100%;
} 

.cus-section img {
    margin: auto;
    display: block;
} 

section.resturant-sec .row .col-8 {
    padding: 5px 57px;
    text-align: center;
} 

section.resturant-sec button.btn.btn-primary.btn-lg {
    width: 50%; 
        margin: 0px;
} 

.res-banner-inner img {
    display: none;
} 

.banner-res{       padding: 60px 30px 25px;}

textarea#text-area {
    width: 100%;
} 

.col-md-4.three-rwo {
    padding-top: 40px;
} 



section.contact_form * {
    font-size: 12px;
}




section.reservation .container.reserved .row:nth-child(2), section.reservation .container.reserved .row:nth-child(4) {
    flex-direction: column-reverse;
}
section.reservation .container.reserved .row:nth-child(7){
    flex-direction: column-reverse;
}


.col-md-3.cus-article {
    padding-left: 50px;
}
.border-5 {
    width: 100%;
}


.container.art-inner {
        padding-top: 100px;
} 


.cus_cards .container .row .col-6 .card::before {
    top: -7%;
    left: 39%;
}
.text-center img{
    width:100%;
}

}



/*recaptcha message*/
.success_message{
    background: #fff0;
    color:black !important;
    animation-fill-mode: forwards;
     animation: cssAnimation 0.4s ease-in 8s forwards; 
    position: absolute;
    bottom: 80%;
    border: 1px solid black;
    padding: 5px 37px;
    left: 11%;
}



@-webkit-keyframes cssAnimation {
    0%   {opacity: 1;}
    50%  {opacity: 0.5;}
    100% {opacity: 0;}
}


.sent_mess{
    position: absolute;
    color:#fff;
    right: 495px;
    animation: cssAnimation 0.4s ease-in 8s forwards;
    top: 516%;
    font-size: 18px;
    border: 1px solid #fff;
    padding: 5px 37px;
}


/*sent message css*/



.instagram-icon {
    width: 20px !important;
}