/* CSS Document by  Palakshi Dam - Krishna Tech */
@import url('https://fonts.googleapis.com/css?family=Nunito&display=swap');
@import url('https://fonts.googleapis.com/css?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css?family=Francois+One&display=swap');
@font-face {
    font-family: 'Rupee Foradian';
    src: url('Rupee_font/Rupee_Foradian.ttf');
    font-weight: bold;
    font-style: normal;
}
body{margin:0; font-family: 'Nunito', sans-serif; background:#edebe5}
#main{width:100%; height:auto; float:left}
#main-inner{width:80%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:95%; height:auto; margin:0 auto;}
#main-inner2{width:90%; height:auto; margin:0 auto; overflow:auto}
a{text-decoration:none; color:#333}

.sticky-divi-button {
  z-index: 10;
  position: fixed;
  bottom: 20%;
  right: 0px;
  }
.sticky-divi-button:hover {
  color:#dcbf73;
  }
.sticky-divi-button1 {
  z-index: 10;
  position: fixed;
  bottom: 12%;
  right: 0px;
  }
.sticky-divi-button1:hover {
  color:#dcbf73;
  }

.text .subheading{color:#fff!important; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);}
.text span{font-family: 'Anton', sans-serif; font-weight:normal}
.text h2{color:#fbbd01!important; font-size:50px;}
.text h3{margin:1% 0; color:#fff!important; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);}
.text a{color:#fff!important; font-size:medium}

#about{width:100%; height:auto; float:left; margin:5% 0}
#about .left{width:40%; height:auto; float:left; margin-right:3%; text-align:center}
#about .left h3,h1{width:100%; height:auto; float:left; color:#333; margin:0; padding:0; line-height:60px}
#about .left h1{font-size:40px; font-family: 'Anton', sans-serif; margin-top:0}
#about .left p{width:100%; height:auto; float:left; color:#666; margin:4% 0}
#about .left a{width:30%; height:auto; float:left; margin:1% 35%; padding:2% 0; text-align:center; background:#dd9127; color:#fff; border-radius:30px; transition:0.5s}
#about .left a:hover{background:#e4a853}
#about .right{width:57%; height:auto; float:left}
#about .right img{width:100%; height:auto; float:left}
#about .right1{width:0; height:auto; float:left; visibility:hidden}
#about .right1 img{width:0; height:auto; float:left; visibility:hidden}
#about .left1{width:100%; height:auto; float:left;}
#about .left1 h1{font-size:40px; font-family: 'Anton', sans-serif; margin-top:0; text-align:center}
#about .left1 .con{width:98%; height:auto; float:left; margin:1%; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); color:#2b2c2c;}
#about .left1 h1{font-size:40px; font-family: 'Anton', sans-serif; margin-top:0}
#about .left1 .con .img{width:40%; height:auto; float:left; margin:0}
#about .left1 .con .ri{width:60%; height:310px; float:left; margin:0; padding:10px; overflow-y: scroll}
#about .left1 .con .ri h3{width:100%; height:auto; float:left; margin:5px 0; color:#0470bb; font-weight:bold;}
#about .left1 .con .ri p{width:100%; height:auto; float:left; margin:0; font-size:15px; line-height:25px;}
#about .left1 .con .ri span{width:100%; height:auto; float:left; margin:10px 0 5px 0; padding:5px; background:#e8e8e8; font-weight:bold;}
#about .left1 .con .p{width:50%!important; height:auto; float:left; margin:10px 25%!important; padding:10px 0; background:#025c9b; color:#fff; text-align:center; font-weight:bold; font-size:17px;}

.aboutbg{background:#fff}

.roomsbg{background:url(images/bg.jpg)}
#rooms{width:100%; height:auto; float:left; margin:5% 0}
#rooms h1{font-size:40px; color:#fff; font-family: 'Francois One', sans-serif; font-weight:normal; text-align:center; text-shadow: 1px 1px 1px #000}
#rooms .con{width:45%; height:auto; float:left; margin:1%}
#rooms .con1{width:24%; height:auto; float:left; margin:1%}
#rooms .con2{width:24%; height:auto; float:left; margin:1% 1% 1% 14%}

#rooms figure {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background: #000;
	overflow: hidden;
}
#rooms figure:hover+span {
	bottom: -16px;
	opacity: 1;
}
#rooms figure img {
    width: 100%;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0.8	
}
#rooms figure:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5	
}
#rooms .container {
  position: relative;
  text-align: center;
  color: white;
}
#rooms .bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
  color:#fff;
  font-size:x-large;
  text-shadow: 1px 1px 5px #000
}

#services{width:100%; height:auto; float:left; margin:5% 0}
#services h1{font-size:40px; color:#333; font-family: 'Francois One', sans-serif; font-weight:normal; text-align:center;}
#services b{width:10%; height:auto; float:left; margin:0 45% 3% 45%; background:#c6a03d; padding:0.08% 0}
#services .con{width:18%; height:150px; float:left; margin:0.5%; border:1px solid #fcf7ee; transition: 0.3s;}
#services .con:hover{border:1px solid #c2dfeb}
#services .con img{width:40%; height:auto; float:left; margin:4% 30%; padding:5%; border-radius:50%; background:#fff}
#services .con h4{width:100%; height:auto; float:left; text-align:center; color:#202020; font-weight:normal; font-size:small}

.restbg{background:#fff}
#rest{width:100%; height:auto; float:left; margin:5% 0}
#rest .left{width:57%; height:auto; float:left}
#rest .left img{width:100%; height:auto; float:left}
#rest .right{width:40%; height:auto; float:left; margin-left:3%; text-align:center}
#rest .right h3,h1{width:100%; height:auto; float:left; color:#333; margin:0; padding:0; line-height:60px}
#rest .right h1{ font-size:40px; font-family: 'Anton', sans-serif; margin-top:0}
#rest .right p{width:100%; height:auto; float:left; color:#666; margin:4% 0}
#rest .right a{width:30%; height:auto; float:left; margin:1% 35%; padding:2% 0; text-align:center; background:#dd9127; color:#fff; border-radius:30px; transition:0.5s}
#rest .right a:hover{background:#e4a853}

#footerup{width: 100%; height: auto; float: left; margin:2% 0;}
#footerup .gmap_canvas iframe {height:420px;width:100%;}
#footerup .left{width: 47%; height: auto; float: left; margin-right:3%}
#footerup .left h1{color: #232323;}
#footerup .left h1 span{color: #c59f3c}
#footerup .left .loc{width: 100%; height: auto; float: left; margin:1% 0; background:url(images/icon17.png) left center no-repeat; background-size: 25px 25px; padding-left: 7%; line-height: 150%}
#footerup .left .addr{width: 100%; height: auto; float: left; margin:1% 0; background:url(images/icon18.png) left center no-repeat; background-size: 25px 25px; padding-left: 7%; line-height: 150%}
#footerup .left .emaili{width: 100%; height: auto; float: left; margin:1% 0; background:url(images/icon19.png) left center no-repeat; background-size: 25px 25px; padding-left: 7%; line-height: 150%}
#footerup .left h3{width: 100%; height: auto; float: left; color: #424040; margin-top: 2%}
#footerup .left h3 a{width: 6%; height: auto; float: left; margin: 1.5% 0.5% 0.5% 0.5%; background: #c6a03d; border-radius: 50%; padding: 1.5%; transition:0.5s}
#footerup .left h3 a:hover{background: #3d3d3d}
#footerup .left h3 a img{width: 100%; height: auto; float: left; margin:0%}
#footerup .right{width: 50%; height: auto; float: left}

.footerdownbg{background: #3d3d3d}
#footerdown{width: 100%; height: auto; float: left;}
#footerdown p{width: auto; height: auto; float: left; color: white; margin: 0.5% 0; font-size:small}
#footerdown .p{width: auto; height: auto; float: right; color: white}
#footerdown p a{color: #c6a03d}
#footerdown p a:hover{color: #CFCECE}

.testimonialbg{background:#fffde7; border-top:1px #e5e5e5 solid; padding: 10px 0 30px 0;}
#testimonial h2 {
	color: #525252;
	font-size: 26px;
	font-weight: 300;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	margin: 30px 0 70px;
}
#testimonial h2::after {
	content: "";
	width: 100px;
	position: absolute;
	margin: 0 auto;
	height: 4px;
	border-radius: 1px;
	background: #2eaeeb;
	left: 0;
	right: 0;
	bottom: -20px;
}
#testimonial h2 b{font-weight:bold; color:#000}
#testimonial .carousel {
	margin: 50px auto;
	padding: 0 70px;
}
#testimonial .carousel .item {
	color: #999;
	overflow: hidden;
    min-height: 120px;
	font-size: 13px;
}
#testimonial .carousel .media img {
	width: 80px;
	height: 80px;
	display: block;
	border-radius: 50%;
}
#testimonial .carousel .testimonial {
	padding: 0 15px 0 60px ;
	position: relative;
	color:#595858;
	line-height:150%;
}
#testimonial .carousel .testimonial::before {
	content: '\93';
	color: #e2e2e2;
	font-weight: bold;
	font-size: 68px;
	line-height: 54px;
	position: absolute;
	left: 15px;
	top: 0;
}
#testimonial .carousel .overview b {
	text-transform: uppercase;
	color: #2eaeeb;
}
#testimonial .carousel .carousel-indicators {
	bottom: -40px;
}
#testimonial .carousel-indicators li, .carousel-indicators li.active {
	width: 18px;
    height: 18px;
	border-radius: 50%;
	margin: 1px 3px;
}
#testimonial .carousel-indicators li {	
    background: #e2e2e2;
    border: 4px solid #fff;
}
#testimonial .carousel-indicators li.active {
	color: #fff;
    background: #1c47e3;    
    border: 5px double;    
}

.footertopbac{background:url(images/bg1.jpg) left no-repeat fixed; background-size: 100% auto; padding:8% 0; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);}
#footertop{width:100%; height:auto; float:left; padding:2% 0;}
#footertop h1{width:80%; height:auto; float:left; color:#fff; margin:0; text-shadow: -2px 2px 6px rgba(0,0,0,0.8);}
#footertop a{width:15%; height:auto; float:right; background:#ffd102; color:#000; border-radius:25px; padding:1% 0; text-align:center; transition:0.5s}
#footertop a:hover{background:#fff}

#banner{width:100%; height:auto; float:left; background:url(images/bg2.jpg) left center no-repeat; background-size:100% auto; padding:10% 0 6% 0}
#banner h3{font-weight:100; text-align: center; color: white;}
#banner h1{font-weight: normal; text-align: center; color: #c6a03d; font-family: 'Francois One', sans-serif;}

#static{width:100%; height:auto; float:left; margin:2% 0}
#static img{width: auto; height:auto; float:left; margin:0 2% 2% 0}
#static p{font-size:medium; line-height:150%; color:#333333; text-align:justify; margin:1% 0}
#static ul{margin:0; padding:0; margin:2% 0}
#static ul li{font-size:medium; color:#333333; background:url('images/right.png') left top no-repeat; text-align:justify; padding:0.4% 0 0.5% 3%}
#static .con{width:48%; height:auto; float:left; margin:1%; padding-bottom: 10px; background: #ffffff; border-radius: 5px; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);}
#static .con img{width:100%; height:auto; float:left; margin:0; border-radius: 5px 5px 0 0; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);}
#static .con h3{width:100%; height:auto; float:left; margin:10px 0; text-align: center; color: #015e9f;}
#static .con h1{width:100%; height:auto; float:left; margin:0; text-align: center; color: #bc8b03; font-family: 'Rupee Foradian';}

#album{width:98%; height:auto; float:left; margin:2% 1%; overflow:hidden; background:#eeeeee}
#album .con1{width:22%; height:auto; float:left; margin:1.5%; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15); transition:0.50s}
#album .con1:hover{box-shadow: 0px 0px 15px 0px rgba(253,179,2,0.55);}

#contactus{width: 100%; height: auto; float: left; padding: 2% 10%}
#contactus .mapouter{text-align:right;height:400px;width:100%; float: left; margin: 2% 0 0 0}
#contactus .gmap_canvas {overflow:hidden;background:none!important;height:400px;width:100%;}
#contactus .gmap_canvas iframe {height:400px;width:100%;}
#contactus .left{width: 60%; height: auto; float: left; margin:0 20%; padding: 1%; background: #fff;}
#contactus .left h1{color: #232323; text-align: center; font-weight:bold}
#contactus .left h5{font-weight:bold}
#contactus .left h1 span{color: #c59f3c}
#contactus .left .loc{width: 100%; height: auto; float: left; background:url(images/icon17.png) left center no-repeat; background-size: 25px 25px; padding-left: 7%; line-height: 150%}
#contactus .left .addr{width: 100%; height: auto; float: left; background:url(images/icon18.png) left center no-repeat; background-size: 25px 25px; padding-left: 7%; line-height: 150%}
#contactus .left .emaili{width: 100%; height: auto; float: left; background:url(images/icon19.png) left center no-repeat; background-size: 25px 25px; padding-left: 7%; line-height: 150%}
#contactus .left h3{width: 100%; height: auto; float: left; color: #424040; margin-top: 2%}
#contactus .left h3 a{width: 6%; height: auto; float: left; margin: 1.5% 0.5% 0.5% 0.5%; background: #c6a03d; border-radius: 50%; padding: 1.5%}
#contactus .left h3 a:hover{background: #3d3d3d}
#contactus .left h3 a img{width: 100%; height: auto; float: left;}

#booknow{width: 60%; height: auto; float: left; margin: 3% 20%; background: #fff; border: #D1D0D0 solid 1px; border-radius: 5px;}
#booknow p{width: 46%; height: auto; float: left; margin:1% 2%; color: #222222}
#booknow p .box{width: 98%; height: auto; float: left; margin: 1%; padding:2.5% 1.5%!important; border-radius: 5px; border: #D1D0D0 solid 1px!important; font-family: 'Nunito', sans-serif!important; transition: 0.5s}
#booknow p .box:hover{border: #c6a03d solid 1px!important}
#booknow p .box:focus{border: #c6a03d solid 1px!important}
#booknow p .box1{width: 98%; height: auto; float: left; margin: 1%; padding: 1.7%!important; border-radius: 5px; border: #D1D0D0 solid 1px!important; font-family: 'Nunito', sans-serif!important; transition: 0.5s}
#booknow p .box1:hover{border: #c6a03d solid 1px!important}
#booknow p .box1:focus{border: #c6a03d solid 1px!important}
#booknow .p{width: 96%; height: auto; float: left; margin:1% 2%; color: #222222}
#booknow .submit{width: auto; height: auto; float: right; margin:1% 2%; color: #fff; background:#c6a03d; border: none; padding: 2% 2.5%; border-radius:5px; transition: 0.5s}
#booknow .submit:hover{background:#826721}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

#main-inner{width:100%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:100%; height:auto; margin:0 auto;}
#main-inner2{width:100%; height:auto; margin:0 auto; overflow:auto}

.sticky-divi-button {
  z-index: 10;
  position: fixed;
  bottom: 20%;
  right: 10px;
  }
.sticky-divi-button:hover {
  color:#dcbf73;
  }
.sticky-divi-button1 {
  z-index: 10;
  position: fixed;
  bottom: 12%;
  right: 10px;
  }
  
#about .left{width:98%; height:auto; float:left; margin:1%; text-align:center}
#about .left a{width:50%; height:auto; float:left; margin:1% 25%; padding:2% 0; text-align:center; background:#dd9127; color:#fff; border-radius:30px; transition:0.5s}
#about .right{width:0; height:auto; float:left; visibility:hidden}
#about .right img{width:0; height:auto; float:left; visibility:hidden}
#about .right1{width:98%; height:auto; float:left; visibility:visible}
#about .right1 img{width:100%; height:auto; float:left; visibility:visible}

#about .left1{width:100%; height:auto; float:left;}
#about .left1 .con{width:98%; height:auto; float:left; margin:1%; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); color:#2b2c2c;}
#about .left1 .con .img{width:100%; height:auto; float:left; margin:0}
#about .left1 .con .ri{width:100%; height:auto; float:left; margin:0; padding:10px; overflow-y: scroll}
#about .left1 .con .p{width:80%!important; height:auto; float:left; margin:10px 10%!important; padding:10px 0; background:#025c9b; color:#fff; text-align:center; font-weight:bold; font-size:17px;}

#rooms .con{width:98%; height:auto; float:left; margin:1%}
#rooms .con1{width:98%; height:auto; float:left; margin:1%}
#rooms .con2{width:98%; height:auto; float:left; margin:1%}

#services{width:100%; height:auto; float:left; margin:0; padding:3% 0 5% 0; background:#edebe5}
#services .con{width:47.6%; height:auto; float:left; margin:1%; border:1px solid #fcf7ee}

#rest .left{width:98%; height:auto; float:left; margin:1%}
#rest .right{width:98%; height:auto; float:left; margin:1%; text-align:center}
#rest .right a{width:50%; height:auto; float:left; margin:1% 25%; padding:2% 0; text-align:center; background:#dd9127; color:#fff; border-radius:30px; transition:0.5s}

#testimonial{height:550px}
#testimonial h2 {
	color: #525252;
	font-size: 26px;
	font-weight: 300;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	margin: 30px 0 30px 0;
}
#testimonial .carousel {
	margin: 10px auto;
	padding: 0 10px;
} 
#testimonial .carousel .testimonial {
	padding: 0 ;
	position: relative;
	color:#595858;
	line-height:150%;
}
#testimonial .carousel .media {
	margin:5% 0

}

.footertopbac{background:url(images/bg1.jpg) left no-repeat scroll; background-size:100% auto; padding:7% 0; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);}
#footertop h1{width:98%; height:auto; float:left; color:#fff; margin:1%; text-align:center; font-size:x-large}
#footertop a{width:50%; height:auto; float:left; margin:4% 25%; background:#ffd102; color:#000; border-radius:25px; padding:2% 0; text-align:center; transition:0.5s}
#footerup .left{width: 98%; height: auto; float: left; margin:1%}
#footerup .left .loc{width: 100%; height: auto; float: left; margin:1.5% 0; background:url(images/icon17.png) left top no-repeat; background-size: 25px 25px; padding-left: 10%; line-height: 150%}
#footerup .left .addr{width: 100%; height: auto; float: left; margin:1.5% 0; background:url(images/icon18.png) left top no-repeat; background-size: 22px 22px; padding-left: 10%; line-height: 150%}
#footerup .left .emaili{width: 100%; height: auto; float: left; margin:1.5% 0; background:url(images/icon19.png) left top no-repeat; background-size: 25px 25px; padding-left: 10%; line-height: 150%}
#footerup .left h3 a{width: 9%; height: auto; float: left; margin: 1.5% 0.5% 0.5% 0.5%; background: #c6a03d; border-radius: 50%; padding:1.6%; transition:0.5s}
#footerup .left h3 a img{width: 100%; height: auto; float: left; margin:0}
#footerup .right{width: 98%; height: auto; float: left; margin:1%}

#footerdown p{width: 98%; height: auto; float: left; color: white; margin: 1%; font-size:small; text-align:center}
#footerdown .p{width: 98%; height: auto; float: right; color: white}

#album .con1{width:46%; height:auto; float:left; margin:2%; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15); transition:0.50s}

#contactus{width: 100%; height: auto; float: left; padding: 2% 1%}
#contactus .left{width: 98%; height: auto; float: left; margin:1%; padding:0; background: #fff;}
#contactus .left .loc{width: 100%; height: auto; float: left; background:url(images/icon17.png) left top no-repeat; background-size: 25px 25px; padding-left: 10%; line-height: 150%}
#contactus .left .addr{width: 100%; height: auto; float: left; background:url(images/icon18.png) left top no-repeat; background-size: 25px 25px; padding-left: 10%; line-height: 150%}
#contactus .left .emaili{width: 100%; height: auto; float: left; background:url(images/icon19.png) left top no-repeat; background-size: 25px 25px; padding-left: 10%; line-height: 150%}
#contactus .left h3{width: 100%; height: auto; float: left; color: #424040; margin-top: 2%}
#contactus .left h3 a{width: 9%; height: auto; float: left; margin: 1.5% 0.5% 0.5% 0.5%; background: #c6a03d; border-radius: 50%; padding: 1.6%}

#booknow{width: 98%; height: auto; float: left; margin: 3% 1% 5% 1%; background: #EFEBEB; border: #D1D0D0 solid 1px; border-radius: 5px;}
#booknow p{width: 98%; height: auto; float: left; margin:1%; color: #222222}
#booknow .submit{width: 80%; height: auto; float: right; margin:0 10% 3% 10%; color: #fff; background:#c6a03d; border: none; padding: 2% 2.5%; border-radius:5px; transition: 0.5s}

#static .con{width:98%; height:auto; float:left; margin:1%; padding-bottom: 10px; background: #ffffff; border-radius: 5px; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);}

}