@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --mid-blue:#2a3f6a;
  --green:#606f4d;
  --hlwhite:#c9a84c;
  --offwhite:#e8e2d9;
  --textcolor:#575758;
  --radius:20px;

  --titlefont: "EB Garamond", serif;
  --textfont: "Montserrat", sans-serif; 
}

.round{ border-radius:70px; overflow: overflow:hidden;}  


*:focus,
a:focus,
a:active {
  outline: none;
  color: inherit;
  text-decoration: inherit; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

html {
  height: 100%;

  padding-bottom: 2px; }

.overflow {
  overflow: hidden; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family:var(--titlefont);
  font-weight: 600;
  margin: 0px;
  padding: 0px; }

a, a span {
  text-decoration: none;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -ms-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out; }

a:hover, a:hover span {
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -ms-transition: all 0.45s ease-in-out
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out; }

body {
  background-color: #fff;
  color:var(--textcolor);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-family:var(--textfont);}

/* -------------- Top -------------- */

.top-wrapper {
    position: relative;
    z-index: 13;
    padding: 4px 0;
    background-color: #fff;
    border-bottom:5px solid var(--mid-blue); }
.top-wrapper .logo {
    margin: 3px 0; 
     height: auto;
    display: block; }

/* -------------- Menu -------------- */

.top-menu {
	background-color: var(--mid-blue);
    padding: 2px 0;
    z-index: 10;
    text-align: center;
    display: inline-block;
    width: 100%;
     }
.top-menu ul {
    margin: 0px 0 0px 0;
    padding: 4px 0 0 0;
    list-style: none; text-align: center;
    display: inline-block; }
.top-menu ul li {
    display: inline-block;
    margin: 0px;
    position: relative;
    color: #4e2624;
    float: left; }
.top-menu ul li a {
    font-size: 16px;
    color: #f7f7f7;
    font-weight: 400;
    padding: 10px 16px;
    text-decoration: none;
    display: inline-block;}
.top-menu ul li a:hover {
    text-decoration: none;
    color: #fff !important; }
.top-menu ul li:last-child a{
    border-right: 0px; }
.top-menu .active{ 
    border-color: #ffcf24; }   
  
.top-menu ul li ul {
    display: none;
    position: absolute;
    z-index: 30;
    background-color: #4f4e4e; }
  
  .top-menu ul li:hover ul {
    display: block; }
  
  .top-menu ul li ul li {
    width: 250px;
    display: block;
    background: none;
    text-align: left !important;
    padding: 3px 5px;
    text-align: left !important;
    border-bottom: 1px solid #282828 !important; }
  
  .top-menu ul li ul li a {
    font-size: 15px;
    padding: 5px 6px; }
  
  .top-menu ul li ul li:first-child a {
    padding: 5px 6px !important; }
  
  .top-menu ul li ul li ul, .top-menu ul li:hover ul li ul {
    display: none;
    left: 251px;
    top: 0px;
    border-top: 1px solid #ccc !important; }
  
  .top-menu ul li:hover ul li:hover ul {
    display: block; }

  .book-button{ background-color:var(--green); color:#fff; display:inline-block; font-family:var(--titlefont); font-weight: 600; }  
  .book-button:hover{ background-color: var(--hlwhite); }

  .button{padding: 10px 13px; background-color:var(--green); color:#fff; display:inline-block; font-family:var(--titlefont); font-weight: 600; }  
  .button:hover{ background-color: var(--hlwhite); }

.banner-wrapper{ position:relative; z-index:10 }
.banner-gradient{width: 100%; display: block; z-index: 50; position: absolute; bottom:0; left: 0; background: #fafafa;
background: linear-gradient(180deg,rgba(250, 250, 250, 0) 0%, rgba(0, 0, 0, 1) 100%); }
.qlinks{background-color:#e8d5a3; padding:20px; position:relative; z-index:20; border-radius:10px;  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px; }
.qlink{ text-decoration:none; font-family: var(--titlefont); color: var(--mid-blue); font-size: 18px; font-weight:700; padding:8px 0 8px 55px; display:block; }
.qlink:hover{ transform: scale(1.1);}
.qlink span{ text-decoration:none; font-family: var(--textfont); color: #877541; font-size: 15px; font-weight: 500; display: block; width: 100%;}
.q1{ background:url(../img/s-tour.png ) no-repeat left center; background-size:50px auto; }
.q2{ background:url(../img/call.png ) no-repeat left center; background-size:50px auto; }
/* -------------- Common theme -------------- */   

.breadcrumb{ background-color: transparent !important; padding: 0 !important; margin:0 0 25px 0 !important ; }
.breadcrumb ul{ list-style: none; float: left; margin:0 ; padding: 0; }
.breadcrumb ul li{ display:inline-block;  }
.breadcrumb ul li a{ display:block; padding:4px 8px; color:#4e2624 };
.socialmedia-menu{ text-align: center; width:100%; }
.socialmedia-menu ul {
  list-style: none; margin: 15px 0 0 0 !important;;
  padding: 0; text-align: center;
  list-style: inline-block; }
.socialmedia-menu ul li {
  display: inline-block; width: 42px; height: 42px; margin: 0px 6px !important;}
.socialmedia-menu ul li a {
  color: var(--mid-blue);
  text-decoration: none;
  text-align: center; padding-top: 12px !important;
  width: 42px; height: 42px;
  display: block;
  background-color: var(--offwhite); border-radius: 50%;
  border-bottom: 0; }
.socialmedia-menu ul li a i{ color: var(--mid-blue);font-size: 20px;  }  
.socialmedia-menu ul li a:hover {
    color: var(--green); background-color: #fff; }
.socialmedia-menu ul li a:hover i {
    color: var(--green); }
.page-title { }
.page-title h1 {
    font-family: var(--titlefont);   
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;  
    color:var(--mid-blue); padding: 0px 15px 14px 1px; 
    display: inline-block;
    }
.page-title h1:after{ content:''; border:2px solid var(--green); width:40px; position:absolute; height:2px; margin:18px 0 0 12px;  }     
.page-wrapper{
   margin: 30px 0;
}

.page-title2 h1 {
  font-family: var(--titlefont);
   font-weight: 900; color: #7a3c30;  }

.sub-title{
  font-family: var(--titlefont);
    font-size: 1.4em;
    font-weight: 400;
    color: #000;}
.page-content{ font-size: 15px; text-align: justify; margin-bottom: 20px;}  
.page-content strong, .page-content b {font-weight: 600; color: var(--hlwhite);} 
.page-content h1{color: var(--mid-blue) ;  font-size: 22px; margin: 8px 0; padding-bottom: 5px; }
.page-content h2{color: var(--green) ;  font-size: 22px; margin: 8px 0; padding-bottom: 5px; border-bottom: 1px dashed #a2a2a2;}
.page-content h3{color: var(--hlwhite);  font-size: 22px; margin: 8px 0; padding-bottom: 5px; border-bottom: 1px dashed #a2a2a2;}
.page-content h4{color: var(--hlwhite);  font-size: 22px; margin: 8px 0; padding-bottom: 5px; }
.page-content h5{color: #699a1f;  font-size: 20px; margin: 8px 0; padding-bottom: 5px; }
.page-content h5{color: #6c3328;  font-size: 20px; margin: 8px 0; padding-bottom: 5px; }

.responsive{ max-width:100%; height:auto; }

.smooth{-webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;}

.ani{  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.ani:hover{  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

/* -------------- Home Page -------------- */    

.home-about-wrapper{
  padding: 40px 0;
}
.feature-list{ font-family:var(--titlefont); font-size:20px; font-weight: 600; color:var(--mid-blue); margin:8px 0;   }
.feature-list span{ border-radius:50%;  border:2px solid var(--green); height:45px; width:45px; display:inline-block; padding:6px 0 0 8px; background-color:#f0f0f0;  }
.feature-list span i{ color:var(--green); font-size:20px; }
.home-static-wrapper{
  padding: 40px 0; background:url(../img/line-bg.png) repeat-x center left;
}
.static-wrapper{background-color:#f0f0f0; border:4px solid var(--green);}
.static{ margin:0px 0;padding:15px; text-align:center; }
.static h1{ font-family:var(--textfont); font-size:80px; color: var(--green); font-weight:400;  }
.static h2{ font-family:var(--titlefont); font-size:20px; color: var(--mid-blue);font-weight:600; margin-bottom:6px;  }
.static p{ font-family:var(--textfont); font-size:15px; color: var(--green); font-weight:500;  }

.home-service-wrapper{ padding:35px 0; background-color:#fff; }
.service-wrapper{ margin:15px 15px; height: 89%; padding:6px; border: 1px solid var(--hlwhite); background-color: #faf7f2;}
.service-wrapper2{ margin:15px 0px; height: 95%; padding:6px; border: 1px solid var(--hlwhite); background-color: #faf7f2;}
.service-image{ overflow:hidden; }
.service-image img{ width:100%; height:auto; transition: all 0.45s ease-in-out;}
.service-title h2{ margin: 8px 0 6px 0; font-family: var(--textfont); font-size:16px; font-weight:600; color:var(--mid-blue); }
.service-date{ font-size:15px; color:#5a5a5a; }
.service-wrapper:hover .service-image img{ transform:scale(1.1); transition: all 0.45s ease-in-out; } 

.home-team-wrapper{ padding:35px 0; background-color:var(--offwhite); }
.team-wrapper{ margin:15px 0;}
.team-image{ padding: 4px; background-color: #faf7f2;}
.team-image img{ width:100%; height:auto;}
.team-title h2{ margin: 8px 0 6px 0; font-family: var(--textfont); font-size:15px; font-weight:600; color:var(--mid-blue); }
.team-date{ font-size:14px; color:#626262; }

.team-wrapper2{ margin:15px 10px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border-radius: 10px; padding: 10px; height: 97%;}
.team-image2{ background-color: #faf7f2; border-radius: 10px; overflow:hidden; }
.team-image2 img{ width:100%; height:auto;}
.team-des2{ font-size:15px; color:var(--green); font-style:italic; }
.team-details{font-size: 15px; text-align: justify; }


.home-testimonial-wrapper{ padding:35px 0; background: url(../img/test-bg.png) no-repeat bottom right; background-color:#fff;  }
.testimonial-wrapper{ margin:15px 15px; padding:16px; background-color: #fff; border: 1px solid #e3e3e3; border-radius: var(--radius); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; }
.testimonial-date{ font-size:18px; color:#676768; }
.testimonial-title h2{ margin: 8px 0 6px 0; font-family: var(--titlefont); font-size:19px; font-weight:600; color:var(--green); }

.home-vtour-wrapper{ padding: 50px 0; background:url(../img/vt-bg.jpg) center center; no-repeat; background-size:100%; auto }

.home-celebration-wrapper{ background-color: #f4f5f2; padding:40px 0; }
.celebration-wrapper{ margin: 15px; background-color:#fff; padding:8px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border-radius:10px;  }
.celebration-wrapper2{ margin: 15px 0px; background-color:#fff; padding:8px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border-radius:10px;  }
.celebration-image img{ width: 100%; height: 200px; border-radius: 8px; object-fit: cover; margin-bottom:8px;  }
.celebration-wrapper a .celebration-title h2{ color:var(--green); font-size:18px;   }
.celebration-wrapper2 a .celebration-title h2{ color:var(--green); font-size:18px;   }

.photo img{width: 100% !important; height: auto;} 
.photo figure {width: 100% !important; height: auto;} 
.photo figure img{width: 100% !important; height: auto;} 
/* -------------- Contact us Page -------------- */ 
.contact_us_form fieldset {
  padding: 25px;
  border: 1px solid #107483;
  position: relative;
  width: 100%;
  float: left;
  margin: 15px 1%;
  color: #191919;
  border-radius: 10px; }

.contact_us_form legend {
  margin-left: 0px;
  width: auto;
  color: #107483;
  padding: 0px 10px 0 10px;
  font-weight: 300;
  font-size: 25px;
  border: 0px; }

/* -------------- Footer -------------- */
.footer-wrapper {
    padding: 40px 0;
    background-color: var(--mid-blue);
 }    
.footer-inner-wrapper{}
.footer-title { font-size:22px; color:var(--hlwhite); margin-bottom:6px; padding-bottom:6px }
.footer-data{ margin:20px 0; }
.footer-data p{ color: #fff; }
.footer-data ul{margin:0px; padding: 0px; list-style: none;}
.footer-data ul li{margin:0px; }
.footer-data ul li a{ display: block; padding: 7px 5px ;color: #fff; text-decoration: none;}
.footer-data ul li a:hover{ color:var(--offwhite); text-decoration: none;}


/* -------------- Footer2 -------------- */
.footer2 {
    padding-bottom: 15px;
    background-color: #fff;
    border-top: 6px solid #4f4e4e;
    padding: 18px 0; }
.footer2 .copy-text {
    font-size: 15px;
    color: #4f4e4e; }
.footer2 .wc-text a {
    font-size: 15px;
    color: #4f4e4e; }


/* -------------- Contact us page -------------- */
.contact-from { border:1px solid var(--hlwhite); background-color: var(--offwhite); padding:20px 20px 0 20px; }
.contact-from label{ width:100% !important }
.contact-from input { border: 1px solid #ccc; height:45px; width:100%; }
.contact-from select { border: 1px solid #ccc; height:45px; width:100%; }
.contact-from textarea { border: 1px solid #ccc; height:65px; width:100%; }
.contact-from .wpcf7-submit {background: var(--green); color: #fff; border: none !important; height:45px;  cursor: pointer !important; width: 100%;
-webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -ms-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
.contact-from .wpcf7-submit:hover{ background: var(--mid-blue);  color:#fff; 
-webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -ms-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}


/* -------------- Category Page -------------- */
.category-wrapper{  margin: 20px 0; background-color: #fff; padding:5px; position: relative; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; }
.category-image{z-index: 8; width: 100%;  overflow: hidden; }
.category-wrapper:hover{ box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; }

.category-image img{ width:100%; height: auto; padding:4px; }

.category-title a{ color: #454545; text-decoration: none; padding: 20px 0; width: 100%; display: block;
  z-index: 11; font-size: 20px; font-weight: 500; text-transform: uppercase; text-align: center;}
.category-wrapper:hover .category-title a{ color:#454545; }

/* -------------- Product Page -------------- */
.product-wrapper{  margin: 20px 0; background-color: #fff; padding:5px; position: relative; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; }
.product-image{z-index: 8; width: 100%;  overflow: hidden; }
.product-wrapper:hover{ box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; }

.product-image img{ width:100%; height: auto; padding:4px; }

.product-title a{ color: #454545; text-decoration: none; padding: 20px 0; width: 100%; display: block;
  z-index: 11; font-size: 20px; font-weight: 500; text-transform: uppercase; text-align: center;}
.product-wrapper:hover .category-title a{ color:#454545; }

/* -------------- Product Details Page -------------- */

/* -------------- Sign in / Sing up Page -------------- */
.process-page{
  padding: 6% 0; background-color: #eeeeee;
}
.process-page input, .process-page textarea{ border-radius:0px !important; }
.process-page .card{box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
/* -------------- Cart Page -------------- */

/* -------------- Checkout Page -------------- */


/* -------------- My Account Page -------------- */