@charset "utf-8";



.bankd{ position:relative; width:100%; display:block; margin:auto;  color:#fff; font-family: 'Poppins'; font-size:20px; padding:10px 0px; margin-bottom:30px; text-align:center;   
  display:flex;
  align-items:center;}
 .bankd span{ background-color: rgb(54 97 51) /*6A3535*/; padding:10px 40px;}
 
 
 .bank-wrap {
    display: flex;
 /*  align-items: center;*/
    border-bottom: 1px solid rgb(66 40 18 / 32%);
    margin-top: 25px;
    padding-bottom: 30px; margin:auto;
}
 .bank-1-30{
    width: 20%;
    display: flex; margin-bottom:10px; transition: .3s;
    float: left;  
} 
.cg-paraba {
position: relative;
    width: 100%;
    margin: auto;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    /* line-height: 5; */
    font-style: normal;
    color: rgb(54 97 51);
  /*  font-style: normal; color: rgb(184 134 44 / 74%);*/
}
.cg-paraba span {color: #212529;}
  
 .bank-bg{/*background: rgb(54 97 51 / 9%);*/ padding:20px;     background: rgb(184 133 50 / 10%); width:100%; transition: .3s; 
 /* background: #b88532;*/}
 
 .bank-1-30:hover  .bank-bg { background: rgb(184 133 50 / 30%); transition: .3s;}    
  .bank-1-30:hover {  transform: translateY(-10px); transition: .3s;}
.bankd:before,.bankd:after {
	content:" ";
  flex:1 0 0%;
	height:2px;
	background-color: rgb(54 97 51);
  margin:0 1.5rem 0 0;
}
.tableheadt:after {
  margin:0 0 0 1.5rem;
}


.padd15{padding:20px;}
@keyframes rotate-twoa{

    0%{  transform: scale(1.0); }
	 50%{  transform: scale(1.1); }
    100%{ transform: scale(1.0); }
}
/* =========================
   BACK TO TOP
========================= */

#backToTop{

    position:fixed;

    right:25px;

    bottom:30px;

    width:55px;

    height:55px;

    border:none;

       border-radius: 200px 200px 0px 0px;

  background: linear-gradient(135deg, #9b4230, #c05A46);

    color:#000;

    font-size:22px;

    cursor:pointer;

    display:flex;

    align-items:center;

    justify-content:center;

    z-index:9999;

    opacity:0;

    visibility:hidden;

    transform:translateY(30px);

    transition:all .35s ease;

    box-shadow:0 10px 25px rgba(255,193,7,0.35);

}

/* SHOW BUTTON */

#backToTop.show{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

/* HOVER */

#backToTop:hover{

    transform:translateY(-5px);
    box-shadow: 0 15px 35px rgb(175 79 60);
 /*   box-shadow:0 15px 35px rgba(255,193,7,0.45);*/

}

/* ICON */

#backToTop i{

    transition:.3s;

}

#backToTop:hover i{

    transform:translateY(-3px);

}
/* backToTop*/
.max600arl {
    max-width: 800px;   margin:auto;
        padding: 50px 50px 20px 50px  !Important;
}
.max600al{ 
    max-width: 800px;
    padding: 50px 50px 50px 50px; float:right;
}
.max600a {
    max-width: 600px;
    padding: 50px 50px 50px 50px;
}
/*.image-cola img {
  width: 100%;
  height: 100%;
  object-fit: cover;  
  display: block;
}
.image-cola-outer{
  display: flex;
  align-items: stretch;  
  flex-wrap: wrap;
}
.image-cola, .text-cola {
  flex: 1;
  min-width: 300px;  
} .bgleft2 img{width:auto; height:100%; object-fit:cover;}  */
 .img500a{   width: auto;
      height: 720px;
           object-position: left center;
      object-fit: cover;}  
	   .img500arr{   width: 100%;
      height: 550px;
           object-position: left center; transform:scale(1);
      object-fit: cover;   transition: transform .9s ease;}
	  
	  .img500arr:hover{transform:scale(1.2);      transition: all .9s ease; }
.img500{   width: auto;
      height: 720px;
           object-position: center center;
      object-fit: cover;}
.footer-flex { position:relative; display:flex; justify-content:center; justify-items:center;}
.copy-right-warp {
    float: left;
    width: 100%;
    margin: auto;
    float: left;
    padding-top: 15px;
    padding-bottom: 15px;
    /*background: rrgb(0 0 0 / 15%);*/
	border-top: 1px rgb(165 165 131 / 28%) solid;
    position: relative;
}
.footer-warp  .col-25ffa:nth-child(3) {
    padding-left: 35px;
	margin-bottom: 30px;
}
.single-footer-widget ul li a:hover, .single-footer-widget ul li:hover:before {
    text-decoration: none;
    color: #f08a5d;
}
.single-footer-widget:hover ul li:hover a, .single-footer-widget ul li:hover:before {
    text-decoration: none;
    color: #f08a5d;
}
.copy-right-content p {
    color: #a5a5a5; margin-bottom: 0px;
}
.copy-right-content p {
    color: #a5a5a5;    font-size: 15px;
}
.copy-right-content p a {
    color: #a5a5a5;
    text-decoration: none;    font-size: 15px;  margin-bottom: 0px;
}
.copy-right-content2 {
    text-align: right;
}
.footer-widget.widget_nav_menu ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    color: #55626a;
}
.footer-widget.widget_nav_menu ul li {
    position: relative;
    margin-bottom: 12px;
   
    padding-left: 20px;
}
.widget_nav_menu li:before {
    display: inline-block;
    font: normal normal normal 12px / 1 FontAwesome;
    content: "\f054";
    position: absolute;
    left: 0px;
    top: 8px;
    color: rgb(164 164 164) ;}
	.single-footer-widget ul li a {
    text-decoration: none;
    color: #a5a5a5;
    display: inline-block;
    position: relative;
}
.footer-warp .col-25ffa {
    width: 25%;
    float: left;
    display: inline-block;
}
.footer-warp .col-25ffa:nth-child(2) {
    padding-left: 75px;
    margin-bottom: 30px;
}
.footer-warp { 
  /*  float: left;*/
    display: block;
	background-image:url(../images/footer1.jpg); background-size:cover;
	background-position:bottom center; background-repeat:no-repeat;
	
     
    /* background-color: rgb(198 156 109 / 9%); 
    background-color: rgb(36 36 36);*/
    position: relative;
    width: 100%;
        margin-top: 1px;
    padding:60px 15px 0px; margin-left:auto; margin-right:auto;
}
.bottomaaa {
   position: relative;
    width: 100%;
    display: flex;
    margin: auto;
    justify-items: center;
    justify-content: center;
    align-items: center;
}
.footer-warp .col-50ffa {
    width: 50%;
    float: left;
    display: inline-block;
}
.footer-warp .para a:hovcer{ text-decoration:none; color:  #c5c11c; font-size:15px;}
.footer-warp .para a{ text-decoration:none; color:  #d1c298; font-size:15px;}
.footer-warp .para {
     /*color: rgb(255 255 255 / 68%); color: rgb(255 243 210 / 54%);*/ color: #a5a5a5;
    margin-top: -5px;
    font-size: 16px;
  
    line-height: 1.7;
}
.bottomaaa img {
    max-width: 100%;
    float: left;
    padding-right: 20px;
}
 .footer-area .single-footer-widget img {
    max-width: 200px;
}
.footer-area .single-footer-widget {
    margin-bottom: 30px;
}
.footer-widget h3 {
    width: 100%;
    font-size: 22px;
    letter-spacing: -0.72px;
    margin-bottom: 15px;
    color:  #e5a93c;
  
    font-weight: 500;
    line-height: 1.4;
    position: relative;
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}
.footer-widget h3:before {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    height: 1px;
    width: 100px;
    background-color: #d1c298;
}
/*footer*/
/*about*/
.bgacco22 .button-glamp {
    position: relative;
    display: inline-block;
    overflow: hidden;
    font-size: 15px;
    padding: 10px 30px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, .25);
   background: #e5a93c;
    color: #1b3b2b;
    text-decoration: none;
    font-weight: 500;
  /*  border-radius: 500px 200px;*/
    transition: all .4s ease;
}
.bgacco22 .button-glamp:hover {
transform: translateY(-3px);
  background: #c05A46;
    color: #fff;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .25);
}
.cg-head {
    font-size: 28px;
    line-height: 110%;
    color: #314a35;
    margin-top: 15px;
    margin-bottom: 20px;
}

/*about*/
/*rest*/
.cg-subtitleinner-rest1 {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.96px;

    display: inline-flex;
    line-height: 1;
    padding: 11px 20px 11px 20px;
   /* border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: rgb(0 0 0 / 10%);*/
	
	color: #c05A46 /*c29a5c*/;
       padding: 11px 20px 11px 20px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: rgb(192 90 70 / 94%);
    margin: auto;
}
.cg-para-rest1 {
    margin: 0;
    font-size: 16px;
    line-height: 28px;
    font-style: normal; text-transform:none; color:#212529;
    font-weight: 400;
}
.cg-head-rest1 {
font-size: 26px !important;
    line-height: 110%;
    color: #314a35;
    margin-top: 15px;
	margin-bottom: 20px;
    letter-spacing: -1.5px;
    margin-bottom: 0px; text-transform:none;
}
 
.cg-head-rest1 span {
    font-size: 22px;
    text-transform: none;
    line-height: 110%;
    color: #314a35;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
}
.restaurant-featureaa {
    list-style: none;

    padding: 50px 0  ;
    margin: 0;

    display: flex;
    align-items: stretch;

    text-align: center;
}

.restaurant-featureaa li:first-child  .resort15lgaa { background-color: transparent;
    border: 0px;
    width: 100%;
    margin: 0;    justify-content: center;
    justify-items: center;
    padding: 15px 15px;
    /* background-color: #b8862c14; */
    /* border: 1px solid #b8862c40; */
    border-radius: 0px 0px 0 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: all .3s ease;
}
/*.resort15lgaa:first-child  {
    width: 100%;

    margin: 0;

    padding: 35px 30px;

    background-color: transparent;

    border: 0px solid #b8862c40;

    border-radius: 500px 500px 0 0;

    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;

    transition: all .3s ease;
}*/
/* =========================================
   EACH LI
========================================= */

.restaurant-featureaa li {
    width: 25%;

    margin: 0;
    padding: 0 10px;

    position: relative;

    display: flex;
    align-items: stretch;

    box-sizing: border-box;

    text-transform: uppercase;
    text-align: center;

    letter-spacing: .5px;

    color: #1b3b2b;

    font-size: 20px;
    line-height: 25px;
    font-weight: 500;
}


/* =========================================
   VERTICAL DIVIDER
========================================= */

.restaurant-featureaa li:not(:last-child)::after {
    position: absolute;

    content: "";

   /* background: #e2dfdd;*/

    width: 1px;
    height: 100%;

    top: 0;
    right: 0;
}


/* =========================================
   CARD
========================================= */
.resort15lgaa:hover {color: #e5a93c;}
.resort15lgaa {
    width: 100%;

    margin: 0;

    padding: 35px 30px;
	  background-color:#1b3b2b /*#8a9a86 #b8862c20*/;
border: 1px solid rgb(27 59 43); 
    border-color: #8a9a86/* #b8862c70*/;
	color: #e5a93c;
	/*background-color: #e2e5c5;

    border: 1px solid #d7cd9e;*/
	
  /*  background-color: #b8862c14;

    border: 1px solid #b8862c40;*/

    border-radius: 500px 500px 0 0;

    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;

    transition: all .3s ease;
}


/* =========================================
   CARD HOVER
========================================= */
.restaurant-featureaa li:first-child .resort15lgaa:hover {
  
 
    transform: translateY(0px);
}

.resort15lgaa:hover {
  
    background-color: #e5a93c;
    border: 1px solid rgb(229 169 60);
color: #000;
    transform: translateY(-5px);
}

.restaurant-featureaa:hover.icon-box img {
    width: 60px;
    height: 60px;
    object-fit: contain;
}
/* =========================================
   ICON
========================================= */

.restaurant-featureaa .icon-box {
    width: 70px;
    height: 70px;

    margin-bottom: 12px;

    display: flex;
    align-items: center;
    justify-content: center;
}


.restaurant-featureaa .icon-box img {
    width: 60px;
    height: 60px;
filter: brightness(0) saturate(100%) invert(100%) sepia(6%) saturate(24%) hue-rotate(154deg) brightness(106%) contrast(103%);
    object-fit: contain;
}

.resort15lgaa:hover .icon-box img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(6%) saturate(24%) hue-rotate(154deg) brightness(106%) contrast(103%);}

/* =========================================
   DESCRIPTION
========================================= */

.restaurant-featureaa .text {
    margin: 10px 0 0;

    text-transform: none; /*color:#000;*/

    letter-spacing: 0;
    color: rgb(255 255 255 / 84%);
    

    font-size: 16px;

    line-height: 26px;

    font-weight: 400;
}

.restaurant-featureaa .text span{
 font-size: 16px;
color: #e5a93c;
 margin: 10px 0 0;
 font-size: 18px;
    line-height: 25px;
    font-weight: 500;
}
.resort15lgaa:hover .text {
  

    color: #000;

 
}
.resort15lgaa:hover .text span {
  

    color: #000;

 
}
 

.rest22a {
    align-items: center;
    line-height: 20px;
    color: #000;
    font-size: 14px;
    padding: 15px;
    transition: .3s;
    justify-items: center;
    text-align: center;
    margin: auto;
    position: relative;
    width: 100%;
    margin: auto;
}
.rest22a-icon i{    color: #c05A46;
    font-size: 20px; width:100%; margin-bottom:10px; }
 
.rest22a span{font-weight:600; display:block; line-height:18px; padding: 12px 0px 10px; font-size: 16px;}
.rest22a:before {
    position: absolute;
       border-left: 0px solid rgb(3 56 3 / 14%);
    width: 100%;
    height: 100%;
    content: '';
    top: 0;
    left: 0;
}
.rest22 {
    align-items: center;
    line-height: 20px;
    color: #000;
    font-size: 14px;
    padding: 15px;
    transition: .3s;
    justify-items: center;
    text-align: center;
    margin: auto;
    position: relative;
    width: 100%;
    margin: auto;
}
 
.rest22-icon i{    color: #c05A46;
    font-size: 20px; width:100%; margin-bottom:10px; }
 
.rest22 span{font-weight:600; display:block; line-height:18px; padding: 12px 0px 10px; font-size: 16px;}
.rest22:before {
    position: absolute;
       border-left: 1px solid rgb(3 56 3 / 14%);
    width: 100%;
    height: 100%;
    content: '';
    top: 0;
    left: 0;
}
/*rest*/
.cg-headacc1 {
    font-size: 28px;
    line-height: 110%;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 20px;
	width:100%;
}
.cg-headacc2 {
 font-weight: 400;
    font-size: 26px;
    line-height: 36px;
    color: #e5a93c;
    width: 100%;
}
 
.cg-headacc22 {
    font-size: 18px;
    line-height: 26px;
   
    color: rgb(255 255 255 / 68%);
    margin-top: 5px;
     margin-bottom: 20px;
	width:100%; max-width:750px;
}
.bgacco{ background-color:#1b3b2b/*#0c1a12*/;}

.bgacco22{position:	relative;  background-color: #8a9a86; width:100%;     padding: 60px 0px; background-image:url(../images/dome-crystal-ooty2.jpg); background-repeat:no-repeat; background-position:bottom center; background-size: cover;}
.bgacco22::before{
position: absolute; width:100%; height:100%; content:''; top:0; left:0; /*background: rgb(17 52 10 / 77%)*/ background: rgb(27 59 43 / 78%);;
/*background: rgba(0, 61, 18, 10);
background: linear-gradient(90deg,rgba(0, 61, 18, 1) 19%, rgba(25, 129, 46, 0) 50%, rgba(9, 84, 27, 0.86) 78%, rgba(8, 82, 26, 1) 100%);*/
/*
background: rgba(17, 52, 10, 10);
background: linear-gradient(90deg,rgba(17, 52, 10, 0.90) 25%, rgba(11, 32, 20, 0.79) 56%, rgba(21, 66, 3, 0.90) 80%);*/}
.bgacco2{ background-color:#8a9a86; width:100%;     padding: 30px 0px;}
.lux-gallery .cg-headw {
    text-align: center;
    font-size: 26px;
    line-height: 110%;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 20px;
}  
.lux-gallery .cg-headw span {
    font-size: 20px;
    font-weight: 300;
}

 .lux-gallery .cg-paraw {
    margin: 5px auto 20px auto;
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    font-style: normal; 
}
.resort15lg {
    /* padding-left: 15px; */
    margin: 20px;
    padding: 35px 30px;
    background-color: #b8862c14;
    border-radius: 500px 500px 0px 0px;
}
.restaurant-feature {
    list-style: none;
    padding: 0px;
    padding-top: 50px;
    margin: 0px;
    padding-bottom: 0px;
    text-align: center;
}
.restaurant-feature li:last-child:after{ width: 0px;}
.restaurant-feature li:after {
    position: absolute;
    content: '';
    background: #e2dfdd;
    width: 1px;
    height: 100%;
    top: 0px;
    right: 0px;
}
.restaurant-feature .icon-box
{margin:auto;  border-radius:50%;  display:block; margin-bottom:25px; justify-content: center; display:flex;     align-items: center;

background-color:  #033803/*#aa8453*/;
    height: 80px;
    width: 80px;}  
	.restaurant-feature .icon-box img{/*filter: brightness(0) saturate(100%) invert(70%) sepia(25%) saturate(611%) hue-rotate(351deg) brightness(90%) contrast(83%); */      filter: brightness(0) saturate(100%) invert(70%) sepia(25%) saturate(0%) hue-rotate(58deg) brightness(100%) contrast(1003%);  /max-width:50px; line-height:85px; vertical-align:middle;}
.restaurant-feature li { width:33%;      text-transform: uppercase;
    
  
    text-align: center;
    letter-spacing: .5px;
    color: #033803;
    font-size: 20px;
	
	
    position: relative;
    display: inline-block;
   
    float: left;
    line-height: 25px;
     
    
    font-weight: 500;
   /* margin-right: 60px;
    padding-left: 26px;*/
    margin-bottom: 15px; -webkit-box-sizing: border-box; /* Older Safari/Chrome */
  -moz-box-sizing: border-box;    /* Older Firefox */
  box-sizing: border-box; }
 
.restaurant-feature .text {  
line-height: 26px;
    font-weight: normal !important; padding-top:10px; width:100%;  font-size:16px; color:#212529; margin:auto; -webkit-box-sizing: border-box; /* Older Safari/Chrome */
  -moz-box-sizing: border-box;    /* Older Firefox */
  box-sizing: border-box; text-transform: none;    } 

/* CSS Document */
.cg-head-fac {
    font-size: 24px;
    line-height: 110%;
    color: #c05A46;
    margin-top: 15px;
    margin-bottom: 5px;
}
.cg-para-fac {
    margin: 0;
    font-size: 16px;
    line-height: 28px;
    font-style: normal;
}
/*fac*/

.near-item {
    display: flex;
    /*height: 40px;*/
    align-items: center;
    float: left;
    padding-left: 2%;
    margin-right: 2%;
    border-left: 1px solid rgb(66 40 18 / 32%);
    width: fit-content;
}
.near-wrap {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgb(66 40 18 / 32%);
    margin-top: 2em;
    padding-bottom: 0em;
}
.near-loc {     border-radius: 500px 0px 0px 100px;
    display: flex;
    width: 25%;
    align-items: center;     background-color: #c05A46;
}
    .near-span {
font-size: 18px;
    color: #fff;
    font-weight: 500;
    line-height: 30px;
    font-weight: 500;
    padding-left: 15px;
}
     
 
    .img-near {
        width: 100px;
    }
.near-wrap:last-child .near-right {
    padding-top: 1em;
}
    .near-wrap:last-child .near-item {
        margin-bottom: 10px;
		  
    }
.near-right {
    width: 75%;
    float: left;
    display: flex;
    flex-wrap: wrap;
   /* justify-content: space-between;*/
}

.near-hd { /*background-color: #e6edd3;*/
    font-size: 16px;
    color: rgb(33, 37, 41);
    font-style: normal;
    line-height: 24px;
 
    letter-spacing: .2px;
    font-weight:500;
    margin-right: 10px;
}
.dist {
 
    text-align: center;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 1.02em;
    color: #e6edd3;
   
    line-height: 20px;
    background-color: #1b3b2b ;
    padding: 10px 10px;
    border-radius: 100px 100px 0px 0px
}

 @media only screen and (min-width: 768px) and (max-width: 1024px) {
 .contact-section23 {
    position: relative !important;
    bottom: 0px;
    /* display: flex; */
    left: 5% !important;
    content: ' ';
  text-align: left !important;
    align-content: center;
    z-index: 999;
    height: auto!important;
    width: 90% !important;
}
 .contact-section23r {
    position: relative !important;
    bottom: 0px;
    /* display: flex; */
   left: 5% !important;
	right: 0%  !important;
    content: ' ';
  text-align: left !important;
    align-content: center;
    z-index: 999;
    height: auto!important;
    width: 90% !important;
}
.near-right {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
 .near-wrap:last-child .near-item {
        margin-bottom: 10px; 
        width: 45% !important; border-left: 0px solid rgb(66 40 18 / 32%);
        float: left; justify-content: space-between;
    }
   .near-wrap {
        display: block;
        clear: both;
        border-bottom: 1px solid rgb(66 40 18 / 32%) !important;
    }
.near-loc {
        width: 100%;
		clear: both;
    }
 
#backToTop{
 

    bottom:75px !important;
}
.bank-wrap {
    display: block !important;
    align-items: center;
    border-bottom: 1px solid rgb(66 40 18 / 32%);
    margin-top: 25px;
    padding-bottom: 30px;
}
.bank-1-30 {
    width: 100%;
    display: block !important;
    margin-bottom: 10px;
    float: none;
}
} 
@media(max-width:767px){ 
.contact-section23r img {padding-bottom: 100px !important;}
.banner-inner .banner-inner3 p {
    font-size: 22px !important;
 
} 
.banner-inner .banner-inner3 h3 {
    font-size: 24px !important;}
 .bank-wrap {
    display: block !important;
    align-items: center;
    border-bottom: 1px solid rgb(66 40 18 / 32%);
    margin-top: 25px;
    padding-bottom: 30px;
}
.bank-1-30 {
    width: 100%;
    display: block !important;
    margin-bottom: 10px;
    float: none;
}
#backToTop{
 

    bottom:75px !important;
}
.footer-warp {
    /* float: left; */
 
    padding: 0px 15px 0px;
    margin-left: auto;
    margin-right: auto;
}
.footer-warp .col-25ffa:nth-child(2) {margin-top:30px;
    padding-left: 0px;
    margin-bottom: 30px;
}
.footer-warp .col-25ffa:nth-child(3) { margin-top:30px;
    padding-left: 0px;
    margin-bottom: 30px;
}
.footer-warp .col-25ffa {
    width: 50%;
    float: left;
    display: inline-block;
}
.footer-flex {/* display:block;*/ display:none; }
.footer-warp .col-50ffa {
    width: 100%;
    float: none;
    display:  block;
}
 .contact-section23 {
    position: relative !important;
    bottom: 0px;
    /* display: flex; */
    left: 5% !important;
    content: ' ';
  text-align: left !important;
    align-content: center;
    z-index: 999;
    height: auto!important;
    width: 90% !important;
}
 .contact-section23r {
    position: relative !important;
    bottom: 0px;
    /* display: flex; */
   left: 5% !important;
	right: 0%  !important;
    content: ' ';
  text-align: left !important;
    align-content: center;
    z-index: 999;
    height: auto!important;
    width: 90% !important;
}
.near-item {position: relative;}
.near-item::before{position: absolute; width:90%; height:1px; border-bottom: 1px dashed rgb(66 40 18 / 32%); top:50%; left:0px; left: 30px;/* background-color:#330099; */content: ''; z-index: -1; }
.near-wrap:last-child .near-item{ width:100%; justify-content: space-between; border-left: 0px solid rgb(66 40 18 / 32%);}
    .near-wrap {  
        display: block;
        clear: both;
        border-bottom: 1px solid rgb(66 40 18 / 32%) !important;
    }
.near-loc {
        width: 100%;
		clear: both;
    }
.near-right {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
}
/*fog*/
/* ---------- Fog ---------- */
.fogwrapper {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-filter: blur(1px) grayscale(0.2) saturate(1.2) sepia(0.2);
  filter: blur(1px) grayscale(0.2) saturate(1.2) sepia(0.2);
}
#glampayer_01, #glampayer_02, #glampayer_03 {
  height: 100%;
  position: absolute;
  width: 200%;
}
#glampayer_01 .image01, #glampayer_01 .image02,
#glampayer_02 .image01, #glampayer_02 .image02,
#glampayer_03 .image01, #glampayer_03 .image02 {
  float: left;
  height: 100%;
  width: 50%;
}
#glampayer_01 {
  -webkit-animation: glampayer_01_opacity 10s linear infinite, glampayer_moveme 15s linear infinite;
  -moz-animation: glampayer_01_opacity 10s linear infinite, glampayer_moveme 15s linear infinite;
  animation: glampayer_01_opacity 10s linear infinite, glampayer_moveme 15s linear infinite;
}
#glampayer_02, #glampayer_03 {
  -webkit-animation: glampayer_02_opacity 21s linear infinite, glampayer_moveme 13s linear infinite;
  -moz-animation: glampayer_02_opacity 21s linear infinite, glampayer_moveme 13s linear infinite;
  animation: glampayer_02_opacity 21s linear infinite, glampayer_moveme 13s linear infinite;
}

/* ---------- Moving Fog ---------- */
/*
  'size: cover' || 'size: 100%'; results remain the same
  'attachment: scroll' can be added or removed; results remain the same
  'attachment: fixed' causing unexpected results in Chrome
  'repeat-x' || 'no-repeat'; results remain the same
*/ 
#glampayer_01 .image01, #glampayer_01 .image02 {
  background: url(../images/foga.png) center center/cover no-repeat transparent;
}
#glampayer_02 .image01, #glampayer_02 .image02,
#glampayer_03 .image01, #glampayer_03 .image02{
/*background-image:url(../images/foga.png);*/
  background: url(../images/fogb.png)  center center/cover no-repeat transparent;
}

/* ---------- Keyframe Layer 1 ---------- */
@-webkit-keyframes glampayer_01_opacity {
  0% { opacity: .1; }
  22% { opacity: .5; }
  40% { opacity: .28; }
  58% { opacity: .4; }
  80% { opacity: .16; }
  100% { opacity: .1; }
}
@-moz-keyframes glampayer_01_opacity {
  0% { opacity: .1; }
  22% { opacity: .5; }
  40% { opacity: .28; }
  58% { opacity: .4; }
  80% { opacity: .16; }
  100% { opacity: .1; }
}
@-o-keyframes glampayer_01_opacity {
  0% { opacity: .1; }
  22% { opacity: .5; }
  40% { opacity: .28; }
  58% { opacity: .4; }
  80% { opacity: .16; }
  100% { opacity: .1; }
}
@keyframes glampayer_01_opacity {
  0% { opacity: .1; }
  22% { opacity: .5; }
  40% { opacity: .28; }
  58% { opacity: .4; }
  80% { opacity: .16; }
  100% { opacity: .1; }
}
/* ---------- Keyframe Layer 2 ---------- */
@-webkit-keyframes glampayer_02_opacity {
  0% { opacity: .5; }
  25% { opacity: .2; }
  50% { opacity: .1; }
  80% { opacity: .3; }
  100% { opacity: .5; }
}
@-moz-keyframes glampayer_02_opacity {
  0% { opacity: .5; }
  25% { opacity: .2; }
  50% { opacity: .1; }
  80% { opacity: .3; }
  100% { opacity: .5; }
}
@-o-keyframes glampayer_02_opacity {
  0% { opacity: .5; }
  25% { opacity: .2; }
  50% { opacity: .1; }
  80% { opacity: .3; }
  100% { opacity: .5; }
}
@keyframes glampayer_02_opacity {
  0% { opacity: .5; }
  25% { opacity: .2; }
  50% { opacity: .1; }
  80% { opacity: .3; }
  100% { opacity: .5; }
}
/* ---------- Keyframe Layer 3 ---------- */
@-webkit-keyframes glampayer_03_opacity {
  0% { opacity: .8 }
  27% { opacity: .2; }
  52% { opacity: .6; }
  68% { opacity: .3; }
  100% { opacity: .8; }
}
@-moz-keyframes glampayer_03_opacity {
  0% { opacity: .8 }
  27% { opacity: .2; }
  52% { opacity: .6; }
  68% { opacity: .3; }
  100% { opacity: .8; }
}
@-o-keyframes glampayer_03_opacity {
  0% { opacity: .8 }
  27% { opacity: .2; }
  52% { opacity: .6; }
  68% { opacity: .3; }
  100% { opacity: .8; }
}
@keyframes glampayer_03_opacity {
  0% { opacity: .8; }
  27% { opacity: .2; }
  52% { opacity: .6; }
  68% { opacity: .3; }
  100% { opacity: .8; }
}
/* ---------- Keyframe moveMe ---------- */
@-webkit-keyframes glampayer_moveme {
  0% { left: 0; }

  100% { left: -100%; }
}
@-moz-keyframes glampayer_moveme {
  0% { left: 0; }
  100% { left: -100%; }
}
@-o-keyframes glampayer_moveme {
  0% { left: 0; }
  100% { left: -100%; }
}
@keyframes glampayer_moveme {
  0% { left: 0; }
  100% { left: -100%; }
}

@media only screen
  and (min-width: 280px)
  and (max-width: 767px) {
    #glampayer_01 .image01, #glampayer_01 .image02,
    #glampayer_02 .image01, #glampayer_02 .image02,
    #glampayer_03 .image01, #glampayer_03 .image02 {
      width: 100%;
    }
  }


/*fog*/



/* c1 */
.banner{position:relative; width:100%; margin:auto;     overflow: hidden;}

.banner-inner{  position:relative;width:100%;  min-height:600px; overflow:hidden; display:flex;  }
 .banner-inner .banner-inner2{position:absolute; top :0; left:0; content:''; width:100%; height:600px; z-index: -1; /* background-position: center;
    background-size: cover; min-height:500px;*/}
 .banner-inner .banner-inner2::before{  position:absolute; top :0; left:0; content:''; width:100%; height:100%;
/*background: #1c5485;
background: linear-gradient(180deg,rgba(28, 84, 133, 1) 0%, rgba(29, 140, 50, 0) 100%);   background: rgb(111 133 28 / 25%);*/ background: rgb(0 0 0 / 25%); z-index: 99;
}
 .banner-inner .banner-inner3 h3{ font-size:50px;  color:#fff; text-shadow: 1px 1px 5px black;     margin-bottom: 30px; text-transform: capitalize;}
  .banner-inner .banner-inner3 p{ font-size:30px;  color:#e5a93c; text-shadow: 1px 1px 5px black;     margin-bottom: 5px; text-transform: capitalize; font-weight:500;}
  .banner-inner .banner-inner3 img{filter: drop-shadow(5px 5px 10px #000000);}
.banner-inner .banner-inner3 { left: 50%;
transform: translateX(-50%); max-width:1050px;
    position: absolute;
    width: 100%;
    /* height: 100%; */
    margin: auto;
    z-index: 99;
    text-align: center;
    displaY: flex;
    flex-direction: column;
    align-items: center;
    bottom: 90px;
    align-content: flex-end;
    justify-content: center;
}
.banner-inner::before{  position:absolute; top :0; left:0; content:''; width:100%; height:100%; background: rgba(0, 0, 0, .48);
/*background: #1c5485;
background: linear-gradient(180deg,rgba(28, 84, 133, 1) 0%, rgba(29, 140, 50, 0) 100%);*/ z-index: 99;
}
 .heading-title5 {
    font-family: 'Poppins';
    text-transform: capitalize;
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 0;
    font-weight: 500;
    color: #1b1a1a; 
	
}
.ca-location-icbox {
    display: flex;
    align-items: center; background: #1b3b2b;
     /*   background: rgb(255 255 255 / 25%);*/
    padding: 24px;
    border-radius: 7px;
    overflow: hidden;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    transition: .3s;
}
.ca-location-icbox-img {
    margin-right: 10px;
}

.ca-location-icbox-img span {
   /* background: #E7EDF6;*/ background:  #e5a93c;
    height: 60px;
    width: 60px;
    display: block;
    line-height: 60px;
    text-align: center;
    border-radius: 50px;
}

.ca-location-icbox-img span img {
    transition: .3s;
}
.ca-location-icbox-text {
    transition: .3s;
}

.ca-contact-inner .ca-title {
    font-size: 22px;
    line-height: 30px;
	 
}

.pb-16 {
    padding-bottom: 16px;
}
.theme-black-3 {
    color:  #e5a93c;
	font-size: 24px;
}
.ca-location-icbox-text a { 
   color: #fff;
    opacity: .8; text-decoration:none;
   
 
}
.ca-location-icbox-text:hover a { 
    color: #fff; text-decoration:none;
   
 
}
.ca-location-icbox:hover .ca-location-icbox-text p a {
    transition: .3s;
    color:  #1b3b2b;
    opacity: .95;
}
.ca-location-icbox-text p { word-break: break-word;
    color: #fff;
    opacity: .8;
    font-size: 16px;
    line-height: 26px;
    transition: .3s;
 
}
.ca-location-icbox:hover {
    background: #fff;
    transition: .3s;
}
.ca-location-icbox-img span i {
font-size: 30px;
  /*  color:  #033803;*/     color: rgb(255 255 255 / 90%);
    line-height: 60px;
}
.ca-location-icbox:hover .ca-location-icbox-img span {
    background:  #1b3b2b;}
.ca-location-icbox:hover .ca-location-icbox-text .ca-title {
    color: #141414;
    transition: .3s;
}
.ca-location-icbox:hover .ca-location-icbox-text p {
    transition: .3s;
    color:  #1b3b2b;
    opacity: .95;
}
.ca-location-icbox:hover .theme-black-3 {
    color:  #1b3b2b;
 
    transition: .3s;
}
.ca-contact-inner .ca-location-icbox-text p {
    font-size: 16px;
    line-height: 30px;
}
 .route-heading {
    font-size: 1.548em;
    text-align: center;
    
    color: #245748;
    letter-spacing: 1px;
    font-weight: 500;
    text-transform: capitalize;
}
.margb40 {
    margin-bottom: 40px !important;
}
 .route-con {     margin-bottom: 40px;
     position: relative;
    display: flex;
    width: 100%;
    margin: 5px auto;
	
    color:rgb(33, 37, 41);
    padding: 20px 5px;
    justify-content: flex-start;
    align-items: center;
	/*background-color: #1e3f40;
    border-radius: 7px;*/
    gap: 30px;
}
.route-con::before{border-bottom: 1px dashed #1e3f40; position:absolute; bottom:20px; width:90%; right:0px; content:'';}
.km-txt {
    font-size: 16px;
    line-height: 0.625em;
    margin-bottom: 5px;
}
.km-num {
    font-size: 20px;
    letter-spacing: 2px;
}
  .route-con-heading {
    font-size: 18px;
     min-width: 150px;
   color:rgb(33, 37, 41);
    letter-spacing: .2px;
    font-weight: 500;
    text-transform: capitalize;
}
 .route-con-km {     border-radius: 60px 60px 0px 0px;     align-content: space-around;
    background-color: #3e7945;
    text-align: center;
    padding: 5px 15px; min-width:80px; min-height:80px;
 
    color: #fefff2;
     
    font-weight: normal;
    font-style: normal;}
	
	
	 .route-con-para {
   color:rgb(33, 37, 41);
    font-size: 1em;
    
    font-weight: normal;
    font-style: normal;
   
}
 
.padd30b {
    padding-bottom: 30px;
}
.contact-section::before {
    background-image: url(../images/contbg12.jpg);
    background-position: left bottom;
    object-fit: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
    content: '';
    opacity: 20%;
}
.contact-section{ position:relative; display :flex; margin:auto;   width:100%;  /*padding-bottom:120px; */padding-top:100px; overflow: hidden;}
.contact-sectiona{ position:relative; display :flex; margin:auto;   width:100%;  overflow:hidden;  padding-bottom:120px;   }
.contact-section .contact-section2{ position:absolute; bottom: 20px; display:flex;  justify-content: center; content:'';  z-index:99; height:100%; width:100%; background-image:url(../images/resort-height2.gif); background-repeat:no-repeat; background-position:center bottom; }
.contact-section23 {
    position: absolute;
    bottom: 10px;
    /* display: flex; */
    left: 5%;
    content: ' ';
    text-align: right;
    align-content: flex-end;
    z-index: 999;
    height: 50%;
    width: 40%;
}
.contact-section23 span{font-weight:500}
.contact-section23r span{font-weight:500}
.contact-section23 img{ float:left; padding-right:10px ; padding-bottom:50px ;     padding-top: 5px; display:inline-block; filter: brightness(0) saturate(100%) invert(23%) sepia(55%) saturate(868%) hue-rotate(31deg) brightness(96%) contrast(103%);}
.contact-section23r img{ float:left; padding-right:10px ;     padding-bottom:50px ; padding-top: 5px; display:inline-block; filter: brightness(0) saturate(100%) invert(23%) sepia(55%) saturate(868%) hue-rotate(31deg) brightness(96%) contrast(103%);}
.contact-section23r {
    position: absolute;
    bottom: 10px;
    /* display: flex; */
    right: 5%;
    content: ' ';
    text-align: left;
    align-content: flex-end;
    z-index: 999;
    height: 50%;
    width: 40%;
}
.contact-section22 {
position: absolute;
   /* bottom: -50px;*/
    display: flex;
    left: -110px;
    justify-content: center;
    content: ' ';
    z-index: 999;
    height: 100%;
    width: 100%;
    align-items: center;
}
.contact-section22 span{ background-color:#fefff2; padding:10px 20px; display:flex; border-radius: 90px 0px 0px 10px;}
/* c1 */
 .bg44{background-color:#305d2c }
.featurecg-box{
    display:flex;
    align-items:flex-start;
    gap:6px;
    padding:15px;
  /*  background:#fff;
    border-radius:15px;*/
   
}
.secbgh1 .col-16 .featurecg-box{
    border-right:1px solid rgba(255,172,0,.10);
}

.secbgh1 .col-16:nth-child(6n) .featurecg-box{
    border-right:none;
}
.featurecg-icon{
    width:65px;
    height:65px;
    min-width:65px;
    display:flex;
    align-items:top;
    justify-content:center;
   /* background:#0b5d4d;
    color:#c6a45e;*/
	color: rgb(255 172 0 / 73%);
    font-size:28px;
    border-radius:50%;
}
.featurecg-icon i{ font-size:30px;}
.featurecg-content{
    flex:1;
}

.featurecg-content h4{
    margin:0 0 4px;
    font-size:15px;
    font-weight:500;
    color:#fff;
}

.featurecg-content p{
    margin:0;
    font-size:12px;
    line-height:14px;
    color:#fff;
}


/*button*/





.cgflex{display:flex; position:relative;
width:100%; margin:auto;}
.button-glamp{
    position: relative;
    display: inline-block;
    overflow: hidden;
	font-size:15px;

    padding: 10px 30px;
	background: #e5a93c;
    /* background: #222; */
    color: #1b3b2b;
	 /*background: #c05A46;
    color: #fff;*/
    
    text-decoration: none;
    font-weight: 500;
	margin-top:20px;
   /* border-radius: 500px 200px;
margin-bottom:40px;*/
    transition: all .4s ease;
}
.marcg40
{
margin-bottom:40px;}
.button-glamp::before{
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.6),
        transparent
    );
    transition: left .6s ease;
    pointer-events: none;
}

.button-glamp:hover{
    transform: translateY(-3px);
    background: #c05A46;
    color: #fff;
    box-shadow: 0 10px 25px rgba(0,0,0,.25);
}

.button-glamp:hover::before{
    left: 150%;
}
/*button*/

	
.bgleft3a{ 
    position: absolute;
    width: 250px;
    height: 300px;
    content: '';
    background-color: #e6edd3;
    top: 100%;
    left: 65%;
    transform: translate(-65%, -100%); border-radius: 500px 500px 100px 100px;
} 
.bgleft3a-inside {
width: 240px;
    height: 290px;
    border: 1px dashed #1e3f40;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    text-align: center;
    flex-direction: column;
    transform: translate(5px, 5px);
    border-radius: 500px 500px 100px 100px;
	background-color:  #1b3b2b;
}	
	.bgleft3a-title {
    width: 100%;
    height: auto;
   display:block;
    font-size: 14px;
	color:#fff;
    /*color: #1e3f40;*/
    text-transform: uppercase;
    letter-spacing: .5px;
    text-align: center;
	padding-top:60px;    line-height: 20px;
}
 	.bgleft3a-title2 {    line-height: 20px;
    width: 100%;
    height: auto;
   display:block;
      font-size: 14px;
    color:#fff;
    text-transform: uppercase;
    letter-spacing: .5px;
    text-align: center;
	margin-bottom: 30px;
}

.bgleft3a-title-main span{  font-size: 18px;}
		.bgleft3a-title-main {
    width: 100%;
    height: auto;
        display:block;
        font-size: 24px;
		font-weight:500;
    color:#fff;
    text-transform: capitalize;
    letter-spacing: 1px;
    text-align: center;
    margin: 15px 0px;
}
	
.secbgh1{background-color:#045007; position:relative; margin :auto; width:100%; padding:50px 15px;}

.bgleft{position:relative; width:100%; margin:auto;  overflow: hidden;}

.bgleft2{position:relative; width:100%; margin:auto; /*margin-top: -50px;*/}
.bgleft::before{
background-image:url(../images/home-rightt-glamp-resort1.png); background-position:right top; object-fit: cover;
    background-repeat: no-repeat; position:	absolute; right:-150px; width:500%; height:100%; z-index:-1; content:''; opacity:50%;}
/*.bgleft2::after{
background-image:url(../images/home-left-glamp-resort22.png); background-position:top center; object-fit: contain;
    background-repeat: no-repeat; position:	absolute; left:0; top:0px; width:50%; height:100%; z-index:-1; content:''; display:inline;}*/
.bgleft3{position:relative; width:100%; margin:auto; display:flex;}
.bgleft3::before{
background-image:url(../images/home-left-glamp-resort22.png); background-position:top center; object-fit: contain;
    background-repeat: no-repeat; position:	absolute; left:0; top:0px; width:50%; height:100%; z-index:-1; content:''; display:inline;}
	.bgleft4{position:relative; width:100%; margin:auto; display:flex; justify-content: space-around;}
.bgleft4::before{
background-image:url(../images/bg44.jpg); background-position:center left; object-fit: cover;
    background-repeat: no-repeat; position:	absolute; left:-150px; top:0px; width:50%; height:100%; z-index:-1; content:''; display:inline;}	
	.paddbot60{ padding-bottom:60px;}
.cg-subtitle {
    padding: 11px 20px 11px 20px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: rgb(255 255 255 / 90%); 
}

.cg-subtitleinnerg  {
 
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.96px;
    color: #cba35b /*c29a5c*/;
    display: inline-flex;
    line-height: 1;
    padding: 11px 20px 11px 20px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: rgb(203 163 91 / 43%);
    margin: auto;
 
}

.cg-subtitleinner  {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.96px;
    color: #c05A46 /*c29a5c*/;
	display:inline-flex;
	  line-height: 1; padding: 11px 20px 11px 20px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: rgb(192 90 70 / 94%);
   /* padding: 11px 20px 11px 20px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: rgb(0 0 0 / 10%); */
	margin:auto;
}
 .cg-subtitleinnerw {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.96px;
    color:  #e5a93c /*c29a5c*/;
    display: inline-flex;
    line-height: 1;
    padding: 11px 20px 11px 20px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
	 
    border-color: rgb(229 169 60 / 94%); 
    margin: auto;
}
.cg-head {
    font-size: 36px;
    line-height: 110%;
	color: #314a35;
	margin-top: 15px;  
    margin-bottom: 20px;  
}
.cg-head span{
    font-size: 23px;
    line-height: 110%;
	color: #314a35; font-weight:500;
	margin-top: 15px;  
    margin-bottom: 20px;  
}
.cg-headw{ text-align:center;
    font-size: 36px;
    line-height: 110%;
	color: #fff;
	margin-top: 15px;  
    margin-bottom: 20px;  
}
.cg-paraw    {margin: 0;text-align:center;
    font-size: 16px;
    line-height: 28px;
   color: #fff;
    font-style: normal;}
.cg-headw span{font-size: 23px; font-weight:500; margin-bottom:30px; margin-top:15px;}
.cg-para    {margin: 0;
    font-size: 16px;
    line-height: 28px;
   
    font-style: normal;}
	
	.cg-parasm{margin: 0;
    font-size: 14px;
    line-height: 20px;
   
    font-style: normal; text-align:center;}
.max600{ max-width:600px;  padding: 50px 50px 0px 50px;  } 

.bgimager{ position:relative ; margin:auto; overflow:hidden;}
.bgimager::before{ /*background-image:url(../images/bg13.png); */  background-position:right top; object-fit: cover;
    background-repeat: no-repeat; position:	absolute; left:0; width:100px;; height:100%; z-index:99; content:''; /* background: #ffffff;  
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 1) 100%);   */  transform: rotate(180deg);}
.bgimage{ position:relative ; margin:auto; overflow:hidden;}
.bgimage::before{ /*background-image:url(../images/bg13.png); */  background-position:right top; object-fit: cover;
    background-repeat: no-repeat; position:	absolute; right:0; width:100px;; height:100%; z-index:99; content:'';  /*background: #ffffff;  
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 1) 100%);*/}
.iconfil{ text-align:center; width:100%; margin:auto; position: relative; justify-content: center; padding-bottom:15px; justify-items: center;}

.iconfil img{/* filter: brightness(0) saturate(100%) invert(23%) sepia(55%) saturate(868%) hue-rotate(31deg) brightness(96%) contrast(103%); */  filter: brightness(0) saturate(100%) invert(17%) sepia(66%) saturate(301%) hue-rotate(97deg) brightness(96%) contrast(97%);max-width: 40px; text-align:center;}
.homeflexhr{display: flex;     align-items: start; border-top:1px solid rgb(59 70 0 / 58%);  border-bottom:1px solid rgb(59 70 0 / 58%); padding:20px 0px; margin:20px auto;   }

.wave-image{

    animation:waveShape 8s ease-in-out infinite;
}

@keyframes waveShape{

0%{

border-radius:42% 58% 60% 40% /
              45% 55% 45% 55%;

}

25%{

border-radius:55% 45% 40% 60% /
              60% 40% 60% 40%;

}

50%{

border-radius:35% 65% 55% 45% /
              40% 60% 40% 60%;

}

75%{

border-radius:60% 40% 45% 55% /
              55% 45% 55% 45%;

}

100%{

border-radius:42% 58% 60% 40% /
              45% 55% 45% 55%;

}
}