body {
	margin: 0px;
	padding: 0px;
	font-family: 'Oxygen', san sarif;	
	font-size: 17px
}

p {
	text-align: justify;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

h1, h2, h3, h4, h5 {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	font-family: 'Quicksand', san sarif;
}

a {
	text-decoration: none;
}

img {
	border: 0px;
}

ol, ul {
	list-style: none;
}
h1 {
	font-size: 30px
}

h2 {
	font-size: 28px
}

h3 {
	font-size: 26px
}

h4 {
	font-size: 23px
}

h5 {
	font-size: 20px
}
h5 {
	font-size: 18px
}
.text {
    margin: 0 60px;
}
.fl-fl a {
    color: #000 !important;
    text-decoration: none;
    text-align: center;
    vertical-align: top!important;
    font-size: 12px;
}
.float-fb {
    top: 90px;
}
.fl-fl 
{
 vertical-align: middle!important;
    /* background: #ffffff; */
    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 10px 4px;
    width: 220px;
    position: fixed;
    right: -122px;
    z-index: 1000;
    font: normal normal 10px Arial;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.fl-fl span{

    background-color: #fff;
    padding: 12px 2%;
    font-weight: bold;


}
.fl-fl  img
{
	vertical-align: middle!important;
}
.fl-fl:hover {
    right: 0;
}
.float-tw {
    top: 145px;
}
.main{width:90%;
      margin:auto;}
.clear{clear:both}
.top img{width:100%;}
.top { 
    position: fixed;
    bottom: 90px;
    right: 15px;
    z-index: 1000;
}
.video iframe{
    width: 100%;
   margin-bottom:20px;
   border:none;
}
.bistroimg{float:left;width:12%;margin-right:2%;margin-top:15px}.bistroimg img{max-width:100%}
.bistro{float:right;width:85%;color:#fff;margin-top:15px}
.video{width:98%;margin:auto;}

.callimage img,.callimg img {
	max-width: 100%;
	vertical-align: middle;
	
}

.owlgallerylist{display:none}
.galleryimg {
  overflow: hidden;
 
  
  background-size: .75em 100%, 100% 100%;
  background-attachment: fixed;
  display: flex;
  align-items: center;
}

.wrapper {
  position: relative;
  flex-grow: 1;
  margin: auto;

 
  
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(4, 1fr);
  grid-gap: 2vmin;
  justify-items: center;
  align-items: center;
}

.wrapper a {
  z-index: 1;
  grid-column: span 2;
  max-width: 100%;
  margin-bottom: -52%;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  transform: scale(1);
  transition: all .25s;
}
  .wrapper a:nth-child(7n + 1) {
    grid-column: 2 / span 2;
  }
  
 .wrapper a:hover {
    z-index: 2;
    transform: scale(2);
}

/*.callimage
{
	float:left;
	width:10%;
}*/
.emails a
{
	color:#000;
}
      /*--- header-----*/
.menu
{
	float: right;
    position: relative;
    z-index: 1000;
    width: 10%;
    text-align: right;
    margin-top: 50px;
}	  
.heedermain{
	position:absolute;
	top:0px;
	width:100%;
	}	
.mobbnr,.mobbnnr {
	display: none
}
.bannerimage{background-image: url(../images/chair-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
	padding-bottom:30px;}

	.bannertext{
		position:absolute;
		margin-top: -500px;
		width: 70%;   
    margin-left: 8%;
    }
	.bannertxt	{
    position: relative;
    z-index: 1000;
		text-align: center;}


	.bannertext img{width:100%;}
.bannerimage ul {
	margin: 0px;
	padding: 0px
}

.bannerimage li {
	display: inline-block
}
.owl-banner li {
	cursor: pointer;
	width: 100%
}


.owl-banner li img, .webbnr {
		width: 100%;
	}


.homelogo img {
	max-width: 100%;
}

.homelogo {
	float: left;
	width: 30%;
	position: relative;	
	z-index: 10000;
	margin-top:15px;
}
.socialicns img,.menuicon img{max-width:100%;}
.socialicons {
	float: right;
	width: 40%;
	    margin-right: 2%;	
	position:relative;
	z-index: 10000;
	margin-top: 50px;
}
.socialicns ul{
padding: 0;
margin:0;
text-align: right;
width:100%;
}

.socialicns li{
vertical-align: top;
text-align:right;
display:inline-block;
width:10%;
margin:10px 0;
}	

.socialicns li:hover img{
	opacity:0;
	display:none;
	}
.socialicns li:hover .img-top {
	display: inline;
	opacity:1!important
	}
.socialicon {  
    width: 32px;
	height:32px;
    position: relative;
    margin:auto;
}

.socialicon .img-top {
    display: none;
    position: relative;
    top: 0;
    left: 0;
	z-index: 99;
	}


	
.homeabout{
	width:50%;
	color:#fff;
	}
	
.aboutus p,.aboutlocation p{text-align:left;}	
	.homeabout h4{
		color:#d0b913;
		}
		
 .homeabout {
	 padding:20px 0%;
	 }   
	 .homeabout p{text-align:left;}
	 
.knwmore img,.homegallerycnt img{
	max-width:100%;
	vertical-align:middle;
margin:5px 1% 5px 1%
}
.knwmore {
	vertical-align:middle;
	}
.knwmore p{
	color:#d0b913;
	vertical-align:middle;
	}
.datainformation{
	background-color:#d0b913 ;
}

.datainformation p{
	color:#15284b;
	text-align:center;
	}
.datainformation h3{
	font-size: 80px;
    color: #15284b;
    font-weight: 600;
}
.datainformation ul{
	margin:0px;
	padding:20px 0%;
	width:100%;
text-align:center;	
} 
.datainformation ul li{
		display:inline-block;
		width:20%;
		border-right:2px solid #15284b;
		margin: 0px 1%;
} 
.datainformation ul li:nth-child(4){
	border-right:none;
}
.homeamenities
{
	background-image: url(../images/amenbg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.homeamenities{
	text-align:center;
	padding:40px 0% 230px 0%;
	
}
.homeamenities h3,.cityguide h3{
	color:#d0b913;
}
.homeamenities p{
	text-align:center;}
.homeamenities ul{
	padding:0px;
	margin:0px;
	width:100%;
	text-align:center;
	vertical-align: middle;
	}

.homeamenities ul li p{
	text-align:center;
	height: 25px;
	}
.homeamenities ul li{
	display:inline-block;
	width:24%; 
	text-align:center;
	vertical-align:middle;
	margin:20px 0%;
	}
	.homeamenities li:hover
	{
		color:#d0b913;
	}
.homeamenities li:hover img{
	opacity:0;
	display:none;
	}
.homeamenities li:hover .img-icon {
	display: inline;
	opacity:1!important
	}
.abicon {  
    width: 125px;
	height:122px;
    position: relative;
    margin:auto;
}

.abicon .img-icon {
    display: none;
    position: relative;
    top: 0;
    left: 0;
	z-index: 99;
	}
.homegallerymain{
	background-color:#15284b;
	padding-top:160px;
}	
.homegalleryimg img
{
	width:100%;	
	border:3px solid #fff;
}
.homegalleryimg ul,.homegalleryimg1 ul{
	padding:0px;
	margin:0px;
	width:100%;
	text-align:center;
}	
.homegalleryimg ul li,.homegalleryimg1 ul li{
	display:inline-block;
	width:31%;
margin: 10px 1%;	
}
.homegalleryimg img,.homegallerycnnt img,.homegalleryimg1 img{width:100%;}
.homegallerycnt{
	text-align:center;
	margin: 50px 0%;
	}
	.homegallerycnt h1{
	color:#d0b913;
	font-size:40px;
	margin-bottom:0px;
	font-weight:100;
	}
	.homegallerycnt h6{
	color:#fff;
	font-size:20px;
	margin-top: 0px;
font-weight:lighter;
	}
.hometestimonials{
	background-image: url(../images/testimonial-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	
}	

.testimonials{
	padding:100px 0%;
	text-align:center;
	}
#test{
	text-align:center;	
}	
.testimonials h1{
color:#d0b913
}
.testimonials ul{
	
	padding:0px;
	width:100%;
}
.testimonials ul li{
	display:inline-block;
	
	background-color:#d0b913;
	margin:10px 3%;
        height: 175px;
}
.testimonials ul li .testpad{
	padding:20px 4% 10px 4%;
}
	.testimonials ul li p{color:#fff;
	}
.thingtodo{
	margin:50px 0%;
}	
.thingtodoleft{
	float:left;
	width:50%;
}
.thingtodoleft p{text-align:left}
.thingtodoleft h1{color:#d0b913;}
.thingtodoview{
	float:right;
	width:50%;
	vertical-align:middle;
}	
.thingtodoview img{
	max-width:100%;
vertical-align:middle;
}

.thingtodoview p,.thingtodoview p a{
	color:#d0b913;
	text-align:right;
	vertical-align:middle;
}
 .thingtodoimgleft img,.thingtodoimgrt img{
width:100%;	
}
.thingtodoimgleft{
	float:left;
	width:49%;
	margin: 20px 0%;
}
.thingtodocntrt{
	float:right;
	width:49%;
	padding: 35px 0%;
}
.thingtodoimgrt{
	float:right;
	width:49%;
	margin: 20px 0%;
	
}
.thingtodocntleft{
	float:left;
	width:49%;
	padding: 40px 0%;
}
.thingtodoimgleft h4,.thingtodoimgrt h4{display:none;}

.contactformbg
{
	background-image: url(../images/discount-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.contactusimg img{width:100%;}
.contactusimg
{
	float:right;
	width:50%;
}
.contactus
{
	float:left;
	width:50%;
}
.contactusheader
{
	margin:50px 0%;
}
.contactusheader h1
{
	font-size:40px;
	color:#fff;
	font-weight:lighter;
}  
.contactform h3
{
	color:#d0b913;
}      
.contactform p  
{
	color:#fff;
}   
.contactform p span{color:red;}
.contactform{margin-top:300px} 
.formtext
{
	border: none;
    background-color: transparent;
    border-bottom: 1px solid #eee;
    padding: 10px 0%;
    width:90%;
    font-family: 'Oxygen', san sarif;
	font-size: 18px;
	color:#fff;
}
.formtext:focus
{
	
	outline:none;
}
.formtext::placeholder
{
	color:#d0b913;
	
}
.formtexts:focus
{
	
	outline:none;
}
.formtexts
{
	border: none;
    background-color: transparent;
    border-bottom: 1px solid #eee;
    padding: 10px 0%;
    width:94%;
    font-family: 'Oxygen', san sarif;
	font-size: 18px;
	color:#fff;
}
.formtexts::placeholder
{
	color:#d0b913;
	
}
.contactform ul{margin:0px;
                padding:0px;width:100%;}
.contactform ul li
{
	width:32%;
	display:inline-block;
	margin:10px 0%;
}  
.contactform ul li:nth-child(4)
{
	width:100%;
}
.contactsubmitbutton
{
	margin:20px 0%;
}
.contactsubmitbutton .primarybtn
{
	background-color:#d0b913;
	border-radius: 30px;
    padding: 15px;
    color: #000;
}  
.footerlogo img
{
	max-width:100%;
}
.footerlogo
{
	float:left;
	width:20%;
	text-align:center;
	margin: 50px 0%;
}
.footercontent
{
	float:right;
	width:80%;	
}
.footermenu
{
	margin-top:80px;
}
.footermenu ul
{
	margin:0px;
	padding:0px;
	text-align:left;
	width: 65%;
}
.footermenu ul li
{
	display:inline-block;
	
	text-align:center;
	font-size:16px;
	padding: 10px 1% 10px 1%;
	}
	.footermenu ul li a{color:#000;}
	.footercontact
	{
		margin:30px 0%;
	}
.footercontact ul
{margin:0px;
	padding:0px;
	display:table;
	width:100%;
}
.footercontact ul li
{
	display:table-cell;
	width:32%;
	text-align:center;
	vertical-align: top;
	/*border-right: 1px solid #646464;*/
}
.footercontact ul li:nth-child(2)
{
	border-right:none;
}
.footercontactimg
{
	float:left;
	width:15%;
	text-align:center;
}
.footercontacttext p{text-align:left;}
.footercontacttext
{
	float:right;
	width:84%;
	text-align:left;
	font-size:16px;
	
}
.footercontactimg img
{
	max-width:100%;}
	.footercontacttext a
	{
		color:#000;
	}
.copyright
{background-color:#d0b913;
 padding-top: 10px;
}
.copyright p
{
	text-align:center;
	color:#fff;
	font-size:16px;
}
.headermenu li:first-child{padding:10px 0}
.headermenu li:nth-child(1):hover a
 {
 	background-color: Transparent;		
		
}
.headermenu ul{margin:0px 0 0 5%;padding:10px 0;text-align:left;width:100%;}
.headermenu ul li{display:inline-block;padding: 0px 1% 0px 1%;vertical-align:middle}
.headermenu li a 
{
	
			color: #000;
			text-decoration: none;
			padding: 10px 10px 10px 10px;	
		}



.headermenu li:hover a
 {
 	/*position:absolute;*/
 	background-color: #15284b;		
		color: #fff;	
		border-radius:25px;
		padding: 10px 10px 10px 10px;
		transform: scaleY(0);  
  transition: transform 0.3s ease;
}

.headermenu ul li a:hover:after{
  transform: scaleY(1);
}

.banner img{width:100%;}
.bannerrt img{max-width:100%;margin-left:-95%;}
.bannerrt{display:none;}
.banner{
	width:80%;
	float:left;
}

.bannerrt{
	width:15%;
	float:right;
	text-align: left;
    margin-top: 170px;
    position: relative;
}
.moblogo{display:none;}
/*--- about us ----*/

.aboutusmain{
	background-image: url(../images/bg-flora.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.aboutus img{width:100%;}
.aboutus{
	margin-top:40px;
	text-align:center;
}
.aboutusamenities{
	padding:30px 0%;
	text-align:center;
}
.aboutus h4,.aboutusamenities h3,.accomodationhead h3,.aboutlocationhead h3{
	color:#d0b913;
}
.accomodationhead,.accomodationheadd{
	text-align:center;
}
.aboutusamenities ul{
	padding:0px;
	margin:0px;
	width:100%;
	text-align:center;
	vertical-align:middle;
	}

.aboutusamenities ul li p{
	text-align:center;
	height: 25px;
	}
.aboutusamenities ul li{
	display:inline-block;
	width:24%; 
	text-align:center;
	vertical-align:middle;
	margin:20px 0%;
	}
	.aboutusamenities li:hover
	{
		color:#d0b913;
	}
.aboutusamenities li:hover img{
	opacity:0;
	display:none;
	}
.aboutusamenities li:hover .img-icon {
	display: inline;
	opacity:1!important;
	color:#d0b913;
	}
.abicons {  
    width: 88px;
	height:85px;
    position: relative;
    margin:auto;
}

.abicons .img-icon {
    display: none;
    position: relative;
    top: 0;
    left: 0;
	z-index: 99;
	}
	.aboutusamenities ul li p{
	text-align:center;
	height: 25px;
	}


.aboutamenitiesmain
{
	/*background-color:#f7f8fd;*/
	background-image: url(../images/ammenities-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	
}
.amenitiesimg{float:left;width:70%;}
.amenitiesimge{float:right;width:30%;text-align:right;margin-top:198px;}
.amenitiesimg img,.amenitiesimge img{width:100%;}
.aboutmain{width:80%;
margin:auto;}
.accomodationimg img,.accomodationsimg img{width:100%;}
.accomodation{margin:40px 0%;text-align:center;}
.accomodationimg{
	margin:30px 0%;
}
.accomodationimg ul,.accomodationsimg ul{padding:0px;
margin:0px;width:100%;}
.accomodationimg ul li {
    display: inline-block;
    width: 19%;
    vertical-align: top;
}
.accomname{
	margin-top:-60px;
	color:#fff;
}
.accomodationsimg ul li{
display:inline-block;
	width: 33%;
    
    vertical-align: top;	
}
.accomodationsimg{
	text-align:center;
	margin:20px 0% 60px 0%;
}
.aboutlocationmain{
	margin:40px 0%;
}
.aboutlocation{
	float:left;
	width:42%;
	margin:30px 3% 30px 5%;
	
}
.aboutlocationimg{
	float:right;
	width:48%;
	
}
.aboutlocationimg img{
	width:100%;
}
.aboutlocationhead{
	margin:40px 0%;
}
.footerlogoinner img
{
	max-width:100%;
}
.footerlogoinner
{
	float:left;
	width:20%;
	text-align:center;
	margin: 30px 0%;
}
.footercontentinner
{
	float:right;
	width:80%;	
}
.footermenuinner
{
	margin-top:45px;
}
.footermenuinner ul
{
	margin:0px;
	padding:0px;
	text-align:left;
	width: 65%;
}
.footermenuinner ul li
{
	display:inline-block;	
	text-align:center;
	font-size:16px;
	padding:10px 1%;
}
	.footermenuinner ul li a{color:#fff;}
	.footercontactinner
	{
		margin:30px 0%;
	}
.footercontactinner ul
{margin:0px;
	padding:0px;
	width:100%;
	display:table;
}
.footercontactinner ul li
{
	display:table-cell;
	width:32%;
	text-align:center;
	vertical-align: top;
	border-right: 1px solid #eee;
}
.footercontactinner ul li:nth-child(3)
{
	border-right:none;
}
.footercontactimginner
{
	float:left;
	width:15%;
	text-align:right;
}
.footercontacttextinner
{
	float:right;
	width:80%;
	text-align:left;
	font-size:16px;
	margin:2px 2%;
}
.footercontacttextinner p,.contactustext p
{text-align:left;

}
.footercontactimginner img
{
	max-width:100%;}
	.footercontacttextinner a
	{
		color:#fff;
	}
.footerinner{background-color:#15284b;
color:#fff;}



.pageheading
{
	background-image: url(../images/nav-circle.png);
    background-repeat: no-repeat;
    
    }
    .pageheading
    {float: right;
    width: 30%;
    margin-top: -300px;
    position:relative;
    }
  .breadcrumb{padding:90px 11%;} 
 .breadcrumb p,.breadcrumb a{color:#fff;font-size: 15px;} 
 .breadcrumb h2{color:#d0b913;}
.heeder{display:none;}
.innermobbanner,.mobimg{display:none;}
/*--- contact us ----*/
 .contactusmain
 {
 	
 	margin:40px 0%;
 }
 .contacthead
 {
 	margin:30px 0%;
 	text-align:center;
 }               
.contacthead h3
{
	color:#d0b913;
}
.contactusimage img
{max-width:100%;}
.contactusmain ul
{
	padding:0px;
	margin:0px;
	width:100%;
	display:table;
}
.contactusmain ul li:nth-child(1)
{width:34%;

 
}
.contactusmain ul li:nth-child(3){border:none;}
.contactusmain ul li
{
	display:table-cell;
	width:32%;
	border-right:1px solid #646464;
	vertical-align:top;
	text-align:center;
}
.contactimage
{
	float:left;
	width:28%;
}

.contactustext
{
	float:right;
	width:70%;
	margin-right: 2%;
    text-align: left;
}
.contactusmain li:hover img{
	opacity:0;
	display:none;
	}
.contactusmain li:hover .img-icon {
	display: inline;
	opacity:1!important
	}
.contactusimage {  
    width: 45px;
	height:43px;
    position: relative;
    margin:auto;
}

.contactusimage .img-icon {
    display: none;
    position: relative;
    top: 0;
    left: 0;
	z-index: 99;
	}
.contactustext p a
{
	color:#000;}
.getintouchmain
{
	background-image: url(../images/conatct-blue-building-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	
}
.contactpageimg img{max-width:100%;}
.contactusform h3
{color:#d0b913;
	}
	.contactusform p{color:#fff;}
	.contactusform p span{color:red;}
	.contactforms{width:70%;margin-left:5%;}
.contactusform ul{padding:0px;margin:0px;width:100%;}
.contactusform
{
	width:55%;
	margin-left:5%;
	float:left;
	margin-top: 95px;
}
.contactpageimg
{
	float:right;
	width:40%;
	text-align:right;
}
.contactusform ul li
{
	display:inline-block;
	width:32%;
}
.contactusform ul li:nth-child(4)
{
	display:inline-block;
	width:98%;
}
.contactusform ul li .formtxt
{
	border: none;
    background-color: transparent;
    border-bottom: 1px solid #eee;
    padding: 10px 0%;
    width:90%;
    font-family: 'Oxygen', san sarif;
	font-size: 18px;
	color:#fff;
}
.contactusform ul li .formtxt::placeholder
{
	color:#d0b913;
}
.formtxt,.formtxts:focus
{
	outline:none;
}
.contactusform ul li .formtxts
{
	border: none;
    background-color: transparent;
    border-bottom: 1px solid #eee;
    padding: 10px 0%;
    width:96%;
    font-family: 'Oxygen', san sarif;
	font-size: 18px;
	color:#fff;
}
.contactusform ul li .formtxts::placeholder
{
	color:#d0b913;
}
.contactmapsecimg img
{
	width:100%;
}
.contactmapsecimg
{
	float:left;
	width:50%;
}
.contactmapsec
{
	float:right;
	width:50%;
}

/*--- Offer----*/
.offersheader,
.galleryheader
{
	margin:40px 0%;
	text-align:center;
}
.offersheader h3,
.galleryheader h5
{
	color:#d0b913;
	}
	.offersdetails ul
	{
		padding:0px;margin:0px;width:100%;
	}
	.offersdetails ul li
	{
	 	display:inline-block;
	 	width:32%;
	 	text-align: center;
    vertical-align: top;
    margin: 10px 0% 10px 1%;
	}
	
	.offerdetail
	{
		background-image: url(../images/offer-bg-1.png);
    background-repeat: no-repeat;
    background-size:cover;
    padding-bottom: 460px;
	}
	.offersimg img{width:100%;}
.offersbg
{
	background-image: url(../images/offer-bg.png);
    background-repeat: no-repeat;
    background-size:cover;
    margin-top: -40px;
    width: 100%;
}
.offerbg h4
{
	

    font-weight: lighter;
}
.offerbg p
{text-align:center;
}
.offerbg h5
{color:#d0b913;
	font-size: 30px;}
.offerbg h3
{
	font-size: 35px;
	font-weight: lighter;
}
.offerbg
{
padding: 100px 2%;
    text-align: center;
    color: #fff;	
}
.offersdetail ul li {
    display: inline-block;
    width: 32%;
    text-align: center;
    vertical-align: top;
    margin: 10px 0% 10px 1%;
}

.offerdetail ul,.offersdetail ul
	{
		padding:0px;margin:0px;width:100%;text-align:center;
	}
	.offerdetail ul li
	{
	 	display:inline-block;
	 	width:32%;
	 	text-align: center;
    vertical-align: top;
    margin: 10px 0% 10px 1%;
	}
	.galleryimg
	{
		margin-bottom:30px;
	}
.galleryimg img{width:100%}
.galleryimg ul
{
	padding:0px;
	margin:0px;
	width:100%;
	text-align:center;
}
/*.owlgallerylist li
{width:100%;
}*/
.galleryimg li
{
	display:inline-block;
	text-align:center;
	width:24%;
	margin-bottom:5px;
}
.offersdetail,.mobbnr{display:none;}
.menu-btn{display:none;}
.cityguidemain{
margin:40px 0%;
}
.cityguide p
{
	text-align:center;
	}

.cityguide
{
	margin-bottom:30px;
	text-align:center;
}
.galleryimgsec
{
	position:relative;
	margin-top: -350px;
}
.thingtodocntleft p,.thingtodocntrt p{text-align:left;}
.footersocialsec{display:none;}
.logos
{
	background-color:#774579;
	width:100%;
}
.thinklablogo img{max-width:100%;}
.thinklablogo
{
	background-color:#4f0e52;
	text-align:center;
	}
.coffeelogo img,.councillogo img,.blueskylogo img
{
	width:100%;
}	
.coffeelogo
{
	float:left;
	width:33.3%;
}
.blueskylogo
{
	float:left;
	width:33.4%;
	background-color:#774579;
}
.councillogo
{
	float:right;
	width:33.3%;
	text-align:right;
}
.innerheadermenu
{
	background-image: url(../images/bg.jpg);
    background-repeat: no-repeat;
    background-size:cover;
    padding-bottom:300px;
}
.bannermain
{
	margin-top:-300px;
}
.socialiconslist
{
	position:absolute;
	width:30%;
	text-align:right;margin-top: 30px;
    right: 4%;
}
.socialiconslist ul li
{
	display:inline-block;
	padding:10px;
}

/*---About us Animation----*/




/* Utilities */
.auto-grid {
  display: grid;
  grid-template-columns: repeat(
    auto-fill,
    minmax(var(--auto-grid-min-size, 15rem), 1fr)
  );
  grid-gap: var(--auto-grid-gap, 0);
  padding: 0;
}

.flow > * + * {
  margin-top: var(--flow-space, 1em);
}
.auto-grids {
  display: grid;
  grid-template-columns: repeat(
    auto-fill,
    minmax(var(--auto-grid-min-size, 23rem), 1fr)
  );
  grid-gap: var(--auto-grid-gap, 0);
  padding: 0;
}

.flow > * + * {
  margin-top: var(--flow-space, 1em);
}
/* Composition */


/* Blocks */
.profile {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  aspect-ratio: 1/1;
  position: relative;
  padding: 1rem;
  color: #ffffff;
  backface-visibility: hidden;
  text-decoration: none;
  overflow: hidden;
}

.profile::before,
.profile::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  /*inset: 0;*/
  top: 0;
  left: 0;
}

.profile::before {
  background: linear-gradient(
    to top,
    hsl(0 0% 0% / 0.79) 0%,
    hsl(0 0% 0% / 0.787) 7.8%,
    hsl(0 0% 0% / 0.779) 14.4%,
    hsl(0 0% 0% / 0.765) 20.2%,
    hsl(0 0% 0% / 0.744) 25.3%,
    hsl(0 0% 0% / 0.717) 29.9%,
    hsl(0 0% 0% / 0.683) 34.3%,
    hsl(0 0% 0% / 0.641) 38.7%,
    hsl(0 0% 0% / 0.592) 43.3%,
    hsl(0 0% 0% / 0.534) 48.4%,
    hsl(0 0% 0% / 0.468) 54.1%,
    hsl(0 0% 0% / 0.393) 60.6%,
    hsl(0 0% 0% / 0.31) 68.3%,
    hsl(0 0% 0% / 0.216) 77.3%,
    hsl(0 0% 0% / 0.113) 87.7%,
    hsl(0 0% 0% / 0) 100%
  );
  transition: 300ms opacity linear;
}

.profile::after {
  background: linear-gradient(
    45deg,
    hsl(5 97% 63% / 0.7) 0,
    hsl(5 97% 63% / 0) 100%
  );
  opacity: 0;
  transition: 300ms opacity linear;
}

.profile > * {
  z-index: 1;
}

.profile img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  z-index: -1;
  object-fit: cover;
  filter: grayscale(1);
  transition: filter 200ms ease, transform 250ms linear;
}

.profile h5,
.profile p {
  transform: translateY(2ex);
}





.profile:focus {
  outline: 0.5rem solid white;
  outline-offset: -0.5rem;
}

.profile:hover :is(h2, p),
.profile:focus :is(h2, p) {
  transform: none;
}

.profile:hover::after,
.profile:focus::after,
.profile:hover::before,
.profile:focus::before {
  opacity: 0.7;
}



.profile:hover img,
.profile:focus img {
  filter: grayscale(0);
  transform: scale(1.05) rotate(1deg);
}

.profile1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  aspect-ratio: 1/1;
  position: relative;
  padding: 1rem;
  color: #ffffff;
  backface-visibility: hidden;
  text-decoration: none;
  overflow: hidden;
}

.profile1::before,
.profile1::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  /*inset: 0;*/
  top: 0;
  left: 0;
}

.profile1::before {
  background: linear-gradient(
    to top,
    hsl(0 0% 0% / 0.79) 0%,
    hsl(0 0% 0% / 0.787) 7.8%,
    hsl(0 0% 0% / 0.779) 14.4%,
    hsl(0 0% 0% / 0.765) 20.2%,
    hsl(0 0% 0% / 0.744) 25.3%,
    hsl(0 0% 0% / 0.717) 29.9%,
    hsl(0 0% 0% / 0.683) 34.3%,
    hsl(0 0% 0% / 0.641) 38.7%,
    hsl(0 0% 0% / 0.592) 43.3%,
    hsl(0 0% 0% / 0.534) 48.4%,
    hsl(0 0% 0% / 0.468) 54.1%,
    hsl(0 0% 0% / 0.393) 60.6%,
    hsl(0 0% 0% / 0.31) 68.3%,
    hsl(0 0% 0% / 0.216) 77.3%,
    hsl(0 0% 0% / 0.113) 87.7%,
    hsl(0 0% 0% / 0) 100%
  );
  transition: 300ms opacity linear;
}

.profile1::after {
  background: linear-gradient(
    45deg,
    hsl(5 97% 63% / 0.7) 0,
    hsl(5 97% 63% / 0) 100%
  );
  opacity: 0;
  transition: 300ms opacity linear;
}

.profile1 > * {
  z-index: 1;
}

.profile1 img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  z-index: -1;
  object-fit: cover;
  filter: grayscale(1);
  transition: filter 200ms ease, transform 250ms linear;
}

.profile1 h5,
.profile1 p {
  transform: translateY(2ex);
}

.profile1 h5 {
  font-size: 1.7rem;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: 0.03ch;
  transition: 300ms transform ease;
}

.profile1 p {
  font-size: 1.2rem;
  font-weight: 500;
}

.profile1 p {
  opacity: 0;
  transition: 300ms opacity linear, 300ms transform ease-in-out;
}

.profile1:focus {
  outline: 0.5rem solid white;
  outline-offset: -0.5rem;
}

.profile1:hover :is(h2, p),
.profile1:focus :is(h2, p) {
  transform: none;
}

.profile1:hover::after,
.profile1:focus::after,
.profile1:hover::before,
.profile1:focus::before {
  opacity: 0.7;
}

.profile1:hover p,
.profile1:focus p {
  opacity: 1;
  transition-delay: 200ms;
}

.profile1:hover img,
.profile1:focus img {
  filter: grayscale(0);
  transform: scale(1.05) rotate(1deg);
}
.profile1,.profile1 h5{display:none;}

@media(max-width:1200px) 
{
	.datainformation h3 {
    font-size: 70px;}
    .pageheading {    
    margin-top: -260px;
}
.amenitiesimge{margin-top:143px;}
.bannertext {
   
    margin-top: -415px;
}
.bannermain
{
	margin-top:-240px;
}
.innerheadermenu
{
	 padding-bottom:240px;
}
}	       	
	@media(max-width:999px) 
	{
		.moblogo{display:block;}
		.weblogo{display:none;}
		.socialicons{display:none;}
		.main{width:94%;}
		.webbnr,.contactusimg,.profile1,.profile1 h5{display:none;}
		.mobbnr,.menu-btn{display:block;}
		.heeder{display:block;}
		.innerwebbanner,.headermenu,.webimg,.accomname,.innerheadermenu{display:none;}
		.innermobbanner,.mobimg,.profile1,.profile1 h5{display:block;}
		.bannerrt{display:block;}
		.accomodationimg ul li,.accomodationsimg ul li {
   
    display: inline-block;
    width: 100%;
    margin:10px 0%;}
    .homelogoinner img{max-width:100%;}
		.homelogoinner
		{width: 30%;
    float: left;
    margin: 15px 0%;
		}
		
		.banner {
    width: 100%;
    float: none;
}
		.socialiconslist {
    width: 52%;
    font-size: 18px;
    margin-top: 40px;
    float: left;
}
.socialiconslist ul{
padding: 0;
margin:0;
text-align: right;
width:100%;
}
.accomodationsimg {
    
    margin: 20px 0% 20px 0%;
}
.aboutlocationhead {
    margin: 20px 0%;
    text-align: center;
}
.socialiconslist li{
vertical-align: top;
text-align:right;
display:inline-block;

margin:10px 15px;
}	
.socialiconslist li:hover img {
    opacity: 0;
    display:none;
    transition:3s;
}

.socialiconslist li:hover .img-top {
    display: inline;    
  transition: 13s;
}
	
.socialiconlist {  
    width: 25px;
	height:21px;
    position: relative;
    margin:auto;
}

.socialiconlist .img-top {
    display: none;
    position: relative;
    top: 0;
    left: 0;
	z-index: 99;}	
.aboutlocation,.aboutlocationimg
{float:none;
 width:90%;
 margin:auto;
}

		.footer{display:none;}
		.footerinner{display:none;}
		.thingtodoimgleft h4,.thingtodoimgrt h4{display:block;}
		.thingtodocntleft h4,.thingtodocntrt h4{display:none;}
		.bannertext {
margin-top:-425px;}
.homeabout {
    width: 100%;}
    .homeabout {
    padding:0px;}
    .datainformation ul li {    
    width: 48%;
    border-right:none;
    margin:0px;
    }
    .datainformation ul li p{text-align:center;}
    .homegalleryimg ul li{width:47%;}
    .thingtodoimgleft,.thingtodoimgrt,.thingtodocntleft,.thingtodocntrt,.thingtodoleft,.thingtodoview
    {
    	float:none;
    	width:100%;
    	text-align:center;
    }
    .contactusimg,.contactus
    {
    	float:none;
    	width:100%;
    }
    .contactform {
    margin-top: 20px;
}
.formtext,.formtexts
{width:95%;}

.contactformbg
{
	padding-bottom:20px;
}
#datacount{padding:0px}
.contactsubmitbutton{text-align:center;}

	.breadcrumb h2 {    
    margin-top: -8px;
    position: relative;   
    text-align: center;
    margin-left: 1%;
}
.pageheading{background-image:none;}
.pageheading
    {float: none;
    width: 100%;
    margin-top: 0px;}
    .breadcrumb{padding:0px;}
.breadcrumb p, .breadcrumb a{    
    margin-top: -157px;
    position: relative;   
    text-align: center;
    margin-left: 1%;
	}
	.bannerrt {
    width: 100%;
    float: right;
    text-align: center;
    margin-top: -160px;
    position: relative;
}
.bannerrt img{margin-left:0px;}


.contactusmain ul li:nth-child(1){width:100%;}
.contactusmain ul li
{
	width:100%;	
	display:inline-block;
	border-right:none;
}
.contactimage,.contactustext
{
	float:none;
	width:100%;
	margin: 10px 0%;
}
.contactustext p{text-align:center;}
.getintouchmain
{
	
}
.contactmapsecimg,.contactmapsec
{
	float:none;
	width:100%;
}
.offerdetail
{
	background-image:none;
	padding:0px;
}

.galleryimg li {width:32%;}

.offerdetail,.offersdetails{display:none;}
.offersdetail{display:block;}
.offerbg {
    padding: 90px 2% 60px 2%;
}

.offersdetail ul li
{
	width:49%;
	margin:0px 0% 10px 0%}
	
.offersbg
{
	background-image: url(../images/offer-mob-bg.png);
    background-repeat: no-repeat;
    background-size:cover;
    margin-top: -56px;
    width: 100%;
}
.amenitiesimge{margin-top:110px;}

.bannerimage {
    background-image: url(../images/homemobbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 30px;
}
.thingtodoview img,.knwmore img{vertical-align:middle;}
.thingtodoview p, .thingtodoview p a{text-align:center;}
.contactformbg {
    background-image: url(../images/homeform-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.contactform {
    margin-top: 1000px;
}
.contactusheader {
    padding: 50px 0%;
    text-align: center;
}
.cityguide {
    margin: 20px 0%;
   
}
.heedermain {position:relative;background-image: url(../images/bg.jpg);
    background-repeat: no-repeat;
    background-size:cover;}
.homelogo {margin-bottom:10px;}
.thingtodocntrt,.thingtodocntleft{padding:0px;}
.socialiconslist,.socialicons{display:none;}
.socialicnlist img
{max-width:100%;}
.footersocialsec{display:block;background-color:#d0b913;}
.socialicnlist ul{padding:20px 0% 10px 0;margin:0px;width:100%;text-align:center;}
.copyright{padding:0px}
.socialicnlist ul li{display:inline-block;width:15%;text-align:center;}
.contactusheader
{
	margin:0px 0%;
}
.heeder{display:block;background-image: url(../images/bg.jpg);
    background-repeat: no-repeat;
    background-size:cover;padding-bottom:200px;}
}
}
	@media(max-width:850px) 
	{
	.contactform ul li {
    width: 100%;    
    margin: 5px;
}
.bistroimg{float:none;width:20%;margin:10px auto 5px auto}
.bistro{float:none;width:100%}	
.bannertext {
    margin-top: -320px;
}

.homeabout {
    padding: 60px 1% 20px;
}
.contactusform ul li
{
	width:100%;
}
.contactforms {
   
    margin: 70px 0% 20px 5%;
}
.aboutusamenities ul li
{
	width:32%;
	}
.amenitiesimge{margin-top:90px;}
.contactform {
    margin-top: 835px;
}

.socialicons li{width:22%;}
}

@media (max-width:750px)
{
	.bannertext {
    margin-top: -285px;
}.bistroimg{float:none;width:20%;margin:10px auto 5px auto}
.bistro{float:none;width:100%}	
.homeamenities ul li{width:49%;}
.galleryimg li {width:49%;}

.offerbg {
    padding: 110px 1% 40px 1%;
}
.offersbg
{
	
    margin-top: -43px;
   
}
.contactusheader h1 {
    font-size: 22px;font-weight: bold;}
    .contactpageimg
    {
    	display:none;
    }
    .contactusform {
    width: 96%;    
    float: none;
    margin: 55px 2% 0px 2%;
    padding: 30px 0%;
}
 .contactusform ul li .formtxt {
   width:98%;}
   .contactusform ul li .formtxts {
   width:98%;}
   .formtext,.formtexts
{width:98%;}
.testimonials {
    padding: 70px 0% 50px;
}
}
@media (max-width:650px){
.bannerrt,.wrapper 
{
	display:none;
}
.owlgallerylist{display:block}

.breadcrumb p, .breadcrumb a
{
	margin-top:0px;
	color:#d0b913;
}
.breadcrumb h2 {
    color: #000;
}
.datainformation ul li {
    width: 100%;}
    .bannertext {
    margin-top: -250px;
}
.testimonials ul li
{
	width:98%;
	margin:10px 0%;
	padding: 30px 3%;
height: unset;
}
.offersdetail ul li {
    width: 100%;}
    
.offersbg
{
	margin-top:-55px;
}

.aboutusamenities ul li
{
	width:49%;
	}
	.amenitiesimge{margin-top:67px;}
	.contactform {
    margin-top: 575px;
}
.homegalleryimg ul li {
    width: 100%;
    margin:10px 0%;
}
}
@media (max-width:500px){

.amenitiesimge {
    margin-top: 55px;
}
.galleryimg li {width:100%;}
.contactusform {
   
    margin-top: 20px;
}
.heeder
{
	padding-bottom:100px;
}
}
@media (max-width:400px)
{

.amenitiesimge {
    margin-top: 46px;
}
.homegalleryimg ul li {
    width: 80%;
}
}