@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Philosopher:wght@700&family=Raleway:wght@300&display=swap');

body {
padding:0;
}

:root{
    /*--theme-color: #653405;*/
	--theme-color: #ffca2c;
	--dark-color: #000000;
	--white-color: #ffffff;
}

h1,h2,h3,h4{font-family: 'Raleway', sans-serif; padding-bottom:30px;}
h1,h2{font-size:38px;}

h3,h4 {padding-bottom: 10px;}

.navbar-brand {
    padding-top: 0rem;
    padding-bottom: 0rem;
    margin-right: 1rem;
    font-size: 1.8rem;
    text-decoration: none;
    white-space: nowrap;
	text-transform:uppercase;
}

.navbar{position:absolute; width:100%; z-index:1000; background:none;}

.navbar_contact{position:relative; background:rgba(0,0,0,0.9); margin-bottom:1px;}

.navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    color:#ffffff;
}

.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
    color: rgba(255,255,255,1);
	padding: 10px 13px;	
}
.nav-link {
    color: #ffffff;
    font-size:16px;
}

.navbar-light .navbar-toggler {
    color: rgb(255 255 255 / 97%);
    border-color: rgb(255 255 255);
	background:rgba(255,255,255,0.9);
	padding: 0.03rem 0.25rem;
	position: absolute;
    right: 0;
    top: 48px;
}
.navbar-toggler:focus {box-shadow: 0 0 0 0;}


.navbar-light .navbar-toggler-icon {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
}

.banner{position:relative;}
.banner .banner_text, .banner .banner_text2{position:absolute; left:0; right:0; top:60%; margin:auto; z-index:1000; width:60%; color:#ffffff; font-size:16px;}

.banner .banner_text2{top:66%; width:60%;}

.banner_btn, .banner_btn2 {display:block; width:40%; margin:auto; font-weight:600; font-size:17px; background:rgba(0,0,0,0.5); color:#ffffff; border:solid 2px #ffffff;}
.banner_btn2 {margin:0 100px 0 0;}

.banner_btn:hover, .banner_btn2:hover{color:#000000; background:var(--theme-color)!important; border-color:#000000;}

.banner_text2 .form-control{background:none; border:0; border-bottom:solid 1px #ffffff; color:#ffffff;}

.carousel-item{position:relative; overflow:hidden;}
.carousel-item img{width:80%; height:97vh;}

.overlay{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:1000;}

.card {background-color:rgba(0,0,0,0.8); border:solid 1px #ffffff;}

.card-body img{min-width:50%; max-height:200px;}

.banner_text2 .form-control::-webkit-input-placeholder, .footernav .form-control::-webkit-input-placeholder { /* Edge */
  color: #cccccc;
}

.banner_text2 .form-control:-ms-input-placeholder, .footernav .form-control::-webkit-input-placeholder { /* Internet Explorer 10-11 */
  color: #cccccc;
}

.banner_text2 .form-control::placeholder, .footernav .form-control::-webkit-input-placeholder {
  color: #cccccc;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 14.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
	z-index:3000;
}
.carousel-caption > h2 {
    font-size:47px;
	color:#ffffff!important;
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom: 0;
	font-family: 'Philosopher', sans-serif;
}
.carousel-caption > h4 {
    font-size:35px;
	color:#ffffff!important;
	font-weight:bold;
	font-family:arial;
}



.btn-warning{background-color:#ffc107;}

.welcome_image{position:relative;}

.welcome_image > .border1, .welcome_image > .border2{position:absolute; width:90%; height:90%; background:#000000; z-index:-1; top:5px; left:17px;
-webkit-clip-path: polygon(0 0, 100% 0, 52% 50%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 52% 50%, 0% 100%);
}

.welcome_image img{padding:20px 0 0 20px;}

.welcome_image > .border2{background:var(--theme-color)!important; top:13px; left:25px;}

#contentwrapper{padding:2% 1% 3%;}
#gallerywrapper{padding:2% 1% 0;}
#amenities{background:url(../images/banner1.webp) fixed top right;}
#amenities > div > div > .block{position:relative; background:#bedcf7; padding:10px 10px 10px 50px; font-size:22px; font-weight:bold; margin-bottom:30px; margin-right:20px; margin-left:20px; width:43%; display:inline-block; border-radius:30px; font-family: 'Raleway', sans-serif;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,bedcf7+100&0+0,1+100 */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(190,220,247,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
#amenities > div > div > .block .icon{position:absolute; left:-30px; top:-13px; font-size:30px; font-weight:bold; padding:10px 20px 20px; border-radius:50%; color:var(--white-color)!important;}

.headerpadding{padding-bottom:2px;}

.content{font-size:18px;}

/*==========ABOUT SECTION==========*/
.about_us{background:url(../images/about-banner.webp) no-repeat top; padding:7% 3%;}
.about_us h1{color:#ffffff!important; font-size:42px; font-weight:500;}
/*==========ABOUT SECTION END==========*/

/*-------GALLERY---------*/
.gallerywrapper, .gallerywrapper2 {
  position: relative;
  width: 100%;
  margin:10px auto;
  overflow:hidden;
  height: 400px;
}


 .gallerywrapper2 {
  height: 300px;
}

.image {
  display: block;
  width: 100%;
  height: 400px;
}

.gallerywrapper:hover .image, .gallerywrapper2:hover .image{
  transform:scale(1.2);
  transition:ease all 0.3s;
}

.overlay1 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background:rgba(0,0,0,0.6);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.gallerywrapper:hover .overlay1, .gallerywrapper2:hover .overlay1 {
  height: 100%;
}

.text {
  color:#ffffff;
  font-size: 20px;
  position: absolute;
  text-transform:uppercase;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.text a {
  color:#ffffff; text-decoration:none;
}

#next {
    background: none;
    color: #797474;
    font-weight: bold;
    border: solid 1px #797474;
    padding: 2px 10px;
    outline: none;
    margin: 0 auto 20px;
	font-size:14px;
    display: block;
}
/*-------GALLERY END---------*/


/*=====ACCOMODATION----*/
.accomodation {
    position: relative;
    padding: 0;
	margin-bottom:2px;
}


.accomodation > .div1 {
    position: absolute;
	left:0; bottom:0; z-index:1000;
	background:rgba(0,0,0,0.7);
	padding:30px 20px 40px; color:#ffffff;
}
.accomodation > .div2 {
    position: absolute;
	right:0; bottom:0; z-index:1000;
	background:rgba(0,0,0,0.7);
	padding:30px 20px 40px; color:#ffffff;
}
.accomodation > .div1 a, .accomodation > .div2 a, .booknow {
    color:#000000;
	border:solid 1px #000000; padding:4px 30px; border-radius:50px;
	text-decoration:none;
}

.accomodation > .div1 .readmore, .accomodation > .div2 .readmore {
    color:#ffc107;
	padding:4px 3px;
	text-decoration:underline;
	font-size:14px;
	cursor:pointer;
}

.form-control{border:0; border-bottom:solid 1px #000000;
padding: 0.10rem 0.75rem;
}

.form-control:disabled, .form-control[readonly] {
    background:none;
    opacity: 1;
}

/*=====ACCOMODATION END----*/


/*==========footer ==========*/
footer{background:var(--dark-color)!important; color:#ffffff; font-weight:bold; font-size:14px;}

.footernav{
   position:relative;
   width:100%;
   margin:0;
   padding:3% 3% 0;
   background-color:#353535;
   color:#cccccc; 
   font-size:15px;
}

.footernav ul{padding:0; margin:0;}
.footernav ul li{}
.footernav ul li a{padding:5px 0 5px 4px; color:#cccccc; display:block; text-decoration:none;}
.footernav ul li a:hover{color: var(--theme-color)!important;}

.footernav > .content{font-size:11px;}

.footernav > a{margin:4px; color:#6b6b6b;}

.footernav > .img{position:absolute; z-index:1000; height:40px; width:100%; bottom:0; left:0; background:url(../images/footerimg.png) bottom left;}

.footernav .form-control{background:none; border:0; border-bottom:solid 1px #cccccc; color:#ffffff;}

footer > div > p > a {color:#000000;}
/*==========footer end==========*/

/*==========social link==========*/
.sociallink {
    width: 100%;
}
.sociallink{width:100%;}
.sociallink > a{float:left!important; width:30px; margin:20px 10px 0 0;}

.map{margin:50px 0 0;}

.fa1 {
  padding: 10px;
  font-size: 18px!important;
  width: 36px;
  height: 36px;
  border-radius:50%;
  text-align: center;
  text-decoration: none;
  margin: 20px 2px 0;
  float:left!important;
  color:#000000!important;
}

.fa1:hover, .fa1:active {
    opacity: 1;
	color:#ffffff;
	background:#ffffff;
	transition:ease all 0.5s;
	text-decoration:none;
	
	-moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms--transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
	
}

.fa1-facebook, .fa1-twitter, .fa1-youtube, .fa1-search-plus {
  background: #ffffff;
  color:#e91e63!important;
}

.fa2 {
  padding: 10px;
  font-size: 44px!important;
  width: 44px;
  height: 44px;
  border-radius:50%;
  text-align: center;
  text-decoration: none;
  margin: 20px 2px 0;
  float:left!important;
  color:#000000!important;
}

.fa2:hover, .fa2:active {
    opacity: 1;
	color:#ffffff;
	transition:ease all 0.5s;
	text-decoration:none;
}

.fa2-facebook, .fa2-twitter,
 .fa2-youtube, .fa2-search-plus {color:#ffffff!important;}
/*==========social link end==========*/
.check_in_wrapper{background:url(../images/resort_icon.webp) no-repeat right bottom;}
.check_in{padding-top:70px; padding-bottom:70px; border-radius:0 140px 140px 0; 

box-shadow: 6px 0px 6px -5px rgba(0,0,0,0.78);
-webkit-box-shadow: 6px 0px 6px -5px rgba(0,0,0,0.78);
-moz-box-shadow: 6px 0px 6px -5px rgba(0,0,0,0.78);

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+12,fdffff+12,ffffff+30,fff7dd+54,fff7dd+75,fff7dd+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 12%, rgba(253,255,255,1) 12%, rgba(255,255,255,1) 30%, rgba(255,247,221,1) 54%, rgba(255,247,221,1) 75%, rgba(255,247,221,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 12%,rgba(253,255,255,1) 12%,rgba(255,255,255,1) 30%,rgba(255,247,221,1) 54%,rgba(255,247,221,1) 75%,rgba(255,247,221,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 12%,rgba(253,255,255,1) 12%,rgba(255,255,255,1) 30%,rgba(255,247,221,1) 54%,rgba(255,247,221,1) 75%,rgba(255,247,221,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff7dd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.check_in > span{background:#000000; color:#ffffff; padding:10px 35px; font-size:25px; border:solid 5px var(--theme-color)!important;
-webkit-clip-path: polygon(11% 0, 100% 0, 89% 100%, 0% 100%);
clip-path: polygon(11% 0, 100% 0, 89% 100%, 0% 100%);
display:block;
width:520px;
margin:0 0 10px;
}

/*.scrollTop {
    position: fixed;
    right: 4px;
    bottom: 10px;
    background-color: #f6ce20;
    padding: 0 20px;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
    z-index: 3000;
}
.scrollTop a {
    font-size: 43px;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}*/

@media (max-width: 800px) {

h1, h2 {font-size: 20px; font-weight:bold;}

#amenities > div > div > .block{width: 90%; font-size: 18px; font-weight: bold;}

.navbar-brand {
    font-size: 1.3rem;
	word-break: break-all!important;
}

}

@media (max-width: 660px) {


}


@media (min-width: 992px){
.container {
    max-width: 95%;
}
}

@media (min-width: 768px){
.container {
    max-width: 95%;
}
}

@media (max-width: 900px){
	
.navbar-dark {
	background:none;
    background-color:#ffffff;
	z-index:3000;
	}

.navbar-nav {
    z-index:4000!important;
}	
	
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
    color: rgba(255,255,255,1);
    padding: 3px 13px;
    background: rgba(0,0,0,0.7);
	border-bottom:solid 1px #cccccc;
	font-size:14px;
}	
	
	
.carousel-item img{width:100%; height:auto;}

.banner .banner_text, .banner .banner_text2{position:absolute; left:0; right:0; top:45%; margin:auto; z-index:100; width:90%; color:#ffffff; font-size:13px;}

.banner_btn, .banner_btn2 {display:block; width:90%; margin:0 0 0 10px; font-weight:600; font-size:13px; color:#ffffff; border:solid 6px #ffffff; border-style:double;}
.banner_btn2 {margin:0 100px 0 0;}

.banner_text2{position:absolute; left:0; right:0; top:70%!important; margin:auto; z-index:1000; width:90%; color:#ffffff; font-size:13px;}

.about_us h1{font-size:24px; font-weight:bold; padding-left:0; padding-top:30px;}	

.check_in {
    padding-top: 37px;
    padding-bottom: 18px;
}

.check_in > span{background:#000000; color:#ffffff; padding:10px 35px; font-size:16px; border:solid 5px var(--theme-color)!important;
-webkit-clip-path: polygon(11% 0, 100% 0, 89% 100%, 0% 100%);
clip-path: polygon(11% 0, 100% 0, 89% 100%, 0% 100%);
display:block;
width:auto;
margin:0 0 10px;
font-weight:700;
font-size:17px;
}

.gallerywrapper, .gallerywrapper2 {
    height: auto;
}

.accomodation > .div1, .accomodation > .div2{
    position: relative;
	left:0; bottom:0; z-index:1000;
	background:rgba(0,0,0,1);
	padding:30px 20px 40px; color:#ffffff;
}

}

@media (max-width: 450px){
.image {
  display: block;
  width: 100%;
  height: auto;
}
}