/*******************************************LANDING PAGE FOR RESORTS IN CHERAI*******************************************/
/************************************************************************************************************************/
.welcome_to-best-resort{padding: 40px 80px 60px 80px;}
.wlcm-resort-cherai{ vertical-align: middle;    align-content: center;}
.wlcm-resort-cherai {padding:20px;text-align:left;}
.wlcm-resort-cherai .button { background-color: #d3ad74; letter-spacing: 2px;
  border: none; font-weight: 500;
  color: white;
  padding: 14px 26px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 20px 2px 0px 2px;
  cursor: pointer;
  text-transform: uppercase;
}
.wlcm-resort-cherai .button:hover { background-color: #bf975b;}
.rsrt_int{padding: 50px;}
/************2nd Section Gallery*********************************/
.rst-in-cherai{background-color:#f7f4f0;
  
  background-position: center;
  background-blend-mode: multiply;
  background-repeat: no-repeat;
  background-size: cover;padding: 80px 80px 60px 80px;
 }
 .ananda_cherai_rsrt{ text-align:center; }
 
 /******************************Best About Us***********************/
 .best_abt-us{padding: 80px 80px 60px 80px;}
 .best_resort-kochi {padding:20px 30px;text-align:left;}
 .best_resort-kochi h5{text-decoration:underline; font-size: 20px; padding-top: 14px; font-weight: 600;}

 .best_abt-us-col{background-color:#eedcc2; margin-top:-100px; z-index:1; padding:20px;}
 h4.wht_title {font-size: 32px; font-weight: 600; text-transform: capitalize; text-align: left; color: #766751;}
 #bst_abt-anandcherai{border: 1px solid #fff; padding: 30px;}
#wht-about-pt p{font-size: 18px;text-align: left;}
#second_rw{padding: 0px 30px;}

@media screen and (max-width: 1280px){.best_abt-us-col{margin-top:-10px; }#wht-hide-mb{display: none;}}
@media screen and (max-width: 960px){.best_resort-kochi,.best_resort-kochi1{width: 100%}#wht-hide-mb{display: none;}}
@media screen and (max-width: 1190px){.best_abt-us{display: none;}.best_abt-us-col2{margin:20px 10px;}}
@media screen and (min-width: 1190px){.best_abt-us2{display: none;}}

/********************************SERVICES*******************************/
.rst_service{background-color: #fff; padding: 20px; text-align: center}
.rst_service figcaption h3{ font-weight: 600; font-size: 26px; padding: 20px;text-transform: capitalize; text-align: center;}
.c {background-color: #fff; flex-basis: 31%;}
.cc { display: flex;justify-content: space-between; }

/*******************************ACCOMODATION**************************/
.acc_coldata{text-align: center; align-content: center; padding: 40px;}

.acc_col img{width: 100%;}
.acc_coldata figcaption h3{ font-weight: 600; font-size: 38px; padding: 20px;text-transform: capitalize;}
.acc_coldata .button { background-color: #dcb883;
  border: none;
  color: white;
  padding: 14px 26px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin-bottom: 20px;
  cursor: pointer;
  text-transform: uppercase;
}
.acc_coldata .button:hover, .rdr .button:focus, .rdr .button:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);transition: all 0.5s ease;
} 

.gallery {

  flex-basis: 31%;


}
.gallery a img{-webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;}

.gallery img:hover {border-radius:50%;
transition: 1s ease;}

.gallery img {
  width: 100%;
  height: auto;
}

.desc {
  padding: 15px; font-size: 22px; font-weight: 500; text-decoration: underline;
  text-align: center;
}
#gal_items .row {background-color: #faf4ed; padding:40px; }




@media screen and (min-width:960px).acc_col{padding: 0px;}





/*******************************MB VIEW***************************************/
@media screen and (max-width:768px){
     .land-title{font-size: 30px;}
     .welcome_to-best-resort{padding: 40px 0px;}
.land-title{font-size: 30px;}
 .rsrt_int {
    padding: 20px;
}
#bst_abt-anandcherai .wht_title{font-size: 26px;}
 .wlcm-resort-cherai{padding: 30px 10px; text-align:left;}
 .rst-in-cherai {padding: 40px 0px 30 0px;}
 .best_abt-us{padding: 60px 0px 30 0px;} .best_abt-us2{padding: 50px 0px 30 0px;}
 .best_abt-us-col,.best_abt-us-col2{background-color:#eedcc2; margin:20px 10px; z-index:1; padding:20px;}
#second_rw{padding: 0px 0px;}
#wht-hide-mb{display: none;}
.c {flex-basis: fit-content;
        margin: 10px 10px 10px 10px;
    }
    .acc_coldata {
    text-align: center;
    align-content: center;
    padding: 20px;
}
.best_resort-kochi {padding:20px 10px;text-align:left;}
#bst_abt-anandcherai {
    border: 1px solid #fff;
    padding: 30px 15px;
}
.gallery {

 flex-basis: fit-content;
        margin: 10px 10px 10px 10px;

}
.rst_service figcaption h3{font-size: 24px;}
.acc_coldata figcaption h3{font-size: 26px;}
#gal_items .row {padding: 20px 0px; margin: 0px;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: -0px;
}}



/*******************************************END OF LANDING PAGE FOR RESORTS IN CHERAI*******************************************/
/*******************************************************************************************************************************/


body.hme-slide.vegas-container{height: 82%;}

.vegas-content-scrollable, .vegas-overlay, .vegas-slide, .vegas-slide-inner, .vegas-timer {
    background-color: rgba(000, 000, 000, 0.3);
}

/*BANNER*/
.bnr-btn .button { background-color: #dcb883;
  border: none;letter-spacing: 2px;font-weight: 500;
  color: white;
  padding: 14px 26px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 20px 2px 0px 2px;
  cursor: pointer;
  text-transform: uppercase;
}

 .room-gallery {
    padding-top: 10px;
    min-width: 102%;
}
/*WELCOME INTRO*/
.landing-section {background-image:url("../landing/images/Backaground_imgwhite.jpg");
  box-shadow: inset 0 0 0 2000px rgba(255, 255, 255, 0.85);
  background-position: center;
  background-blend-mode: multiply;
  background-repeat: no-repeat;
  background-size: cover;padding: 60px 80px 20px 80px;


 }
 .welcome_intro{width: 90%; font-size: 17px;}
.lan_btn-intro{vertical-align: middle;display: flex;justify-content: space-evenly; align-items: center;}

/*ANANDACHERAI HERITAGE*/

.beach_resort {background-color:#fcf9f4;
  box-shadow: inset 0 0 0 2000px rgba(255, 255, 255, 0.4);
  background-position: center;
  background-blend-mode: multiply;
  background-repeat: no-repeat;
  background-size: cover;padding: 80px 80px 60px 80px;
 }
.abt-cnt{ vertical-align: middle;}
.aboutysctn{padding:20px;text-align:left;}
.aboutysctn .button { background-color: #d3ad74; letter-spacing: 2px;
  border: none; font-weight: 500;
  color: white;
  padding: 14px 26px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 20px 2px 0px 2px;
  cursor: pointer;
  text-transform: uppercase;
}
.aboutysctn .button:hover { background-color: #bf975b;}

/*Holistic Ayurvedic Treatment*/

.holistic_treatment {padding: 80px 80px 60px 80px;}
.ananda_cherai_ayur{ text-align:center; }
.Hol-Ayur-Treat  {margin-top: 40px;}
.Hol-Ayur-Treat figure img{border: 3px solid #E1C086; padding: 10px;}
.Hol-Ayur-Treat figcaption{text-align: center; }
.Hol-Ayur-Treat figcaption h3{ font-weight: 600; font-size: 26px; padding: 20px;text-transform: capitalize;}
.Hol-Ayur-Treat figcaption .moredetBtn a:link, .moredetBtn a:visited {font-size: 18px; text-transform: capitalize;}


/*****Contact Banner***************/
 
 .bckpn-contact-data {background-image:url("../images/banner/ananda-banner-2.jpg");
    box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.6);
  background-position: center;
  background-blend-mode: multiply;
  background-repeat: no-repeat; background-attachment: fixed;
  background-size: cover; padding:80px 150px;
  vertical-align: middle;
 }
 #white {color: #fff;}
 .bckpn-contact-data  h1, .bckpn-contact-data  p {color: #fff;}
  .bckpn-contact-data  .lan-button a:link,  .bckpn-contact-data  .lan-button a:visited {background-color: #02010100; color: #fff;}
.bckpn-contact-data .container{text-align: center;}
.bckpn-contact-data  .lan-button { display: inline-block; position:relative; }
.bckpn-contact-data  .lan-button a{letter-spacing: 2px;}

/*DISCOVER ANANDACHERAI*/


.discover_anadndacheraibg{background-image:url("../images/ananda-ayurveda-resort-th.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;padding: 60px 80px 80px 80px;
 }

 .discover_anadndacherai {padding:60px;}
 .discover_anadndacheraisctn{padding: 50px;text-align:center;}
 .discover_anadndacheraisctn .button { background-color: #83a100;
  border: none;
  color: white;
  padding: 14px 26px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 20px 2px 0px 2px;
  cursor: pointer;
  text-transform: uppercase;
}


/******************Experience Banner******************************************/
 
 .bp-exp-data {background-image:url("../images/banner/stay-with-us-banner.jpg");
    box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.65);
  background-position: center;
  background-blend-mode: multiply;
  background-repeat: no-repeat; background-attachment: fixed;
  background-size: cover; padding: 100px 80px;
 }
 #white {color: #fff;}
 .bp-exp-data .column1 h1, .bp-exp-data .column1 p {color: #fff;}
 .bp-exp-data .column1 h1 {font-weight: 600; padding-bottom: 20px;}
 .bp-exp-data .column1 {padding-right: 80px; vertical-align: middle;align-content: center;}
 .bp-exp-data .bp-exp-data-white {background-color: #fff; padding: 50px 40px;text-align:center;}
 .bp-exp-data .bp-exp-data-white h1 {color:#d3ad74;  font-size: 28px;}
 .column1 .lan-button a:link, .column1 .lan-button a:visited {
    background-color: #02010100; color: #fff;
}
.bp-exp-data .bp-exp-data-white .button  {
  background-color: #d3ad74;
  border: none;
  color: white;
  padding: 14px 26px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 20px 2px 10px 2px;
  cursor: pointer;
  text-transform: uppercase;
}
.bp-exp-data .bp-exp-data-white .button:hover{background-color: #bf975b;}
.cnt_pra{font-size: 17px;}

















/*****************************************************************************MOBILE VIEW**********************************************/

@media screen and (max-width:768px){
  .container {
        padding: 0 20px;
    }
  /*BANNER SECTION*/.landing-section {padding: 40px 0px 0px 0px;}
  .row.welcome_row {
        padding: 0px 0px 0px 0px;
    }
  /*BANNER CAPTION*/.banner-caption {padding: 22px 24px;} .ml16{font-size: 30px;}.ml20{font-size: 22px; padding: 22px 0px;}
  /*Intro*/.beach_resort {padding: 40px 0px 30 0px;} .aboutysctn{padding: 30px 10px; text-align:left;}
    /*Holistic Ayurvedic Treatments*/.holistic_treatment { padding: 40px 10px;}
    

  /*Contact Banner*/ .bckpn-contact-data {padding: 80px 0px ;}
  /*Experience Banner*/ .bp-exp-data {padding: 80px 0px ;}.bp-exp-data .column1{padding-top: 0px;padding-right: 10px; padding-bottom: 90px;align-content: center;}
  .bp-exp-data .bp-exp-data-white {margin: 0px 15px;}
  .cnt_pra{font-size: 16px;}
  .faq-sec {
        width: 100%;
        margin-bottom: 0px;
    }
    .lan_btn-intro {
    vertical-align: middle;
    display: flex;
    justify-content: flex-start;padding-top: 60px;
}
/*About*/.discover_anadndacherai {padding: 10px 0px;}
 .discover_anadndacheraisctn{padding: 50px 10px;text-align:center;}
 h1.welcome-title.fadeAnimation.land-title {
    display: inline-flex;
}
}