.navigator-hide{

	overflow: hidden;

}

.navigator{
    z-index: 1;
	position: fixed;
	top:0;
	width:100%;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    }


.navigator .navbar-default .navbar-toggle{
	margin-top:7%; 
}    



.navigator .navbar-right{
	padding-top:30px;
}



.navigator .navbar-right li{
padding-left: 15px;
padding-right: 15px;
font-size: 5px;
/*display: list-item;
list-style-type: disc;*/
position: relative;
}

.navigator .navbar-right li:after{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 2px;
	height: 2px;
	background-color: #000;
	border-radius: 50%;

}


@media (max-width: 768px){


.navigator .navbar-right li:after{
	content: '';
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translateY(-50%);
	width: 2px;
	height: 2px;
	background-color: #000;
	border-radius: 50%;

}
}



.navigator .navbar-right li:last-child:after{
	display: none;
}
.navigator .navbar-right li a{
	font-size: 11px;
	font-family: raleway;
	padding: 0px;

}

@media(max-width: 768px){
	.navigator .navbar-right li a{
		padding: 10px 0;
		font-size: 14px;	
	}
	.navigator .navbar-right li{
     padding-left: 30px;
     padding-right: 30px;
    font-size: 5px;
   /*display: list-item;
   list-style-type: disc;*/
   position: relative;
   }
}



.navigator .navbar-right li a:hover{
	color:#D1A235;
}

.navigator .navbar{
height: 70%;
background-color:rgba(255,255,255,0.95);
margin-bottom: 0px;
}

.navigator .navbar-brand{
    position: relative;
    height:auto;
	width:150px;
    top:5px;
    left:40px;
}

@media (max-width: 768px){
	.navigator .navbar-brand{
     width:225px;
	}
}

.navigator .navbar-collapse{
	border:none;
	/*background-color: white;*/
    
   
}

/*carousel*/

.mid .adjust1{
	height: 100vh;
}

.mid .carousel-inner .item .gss34{
	width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: center;
  }

@media (max-width:768px ){
	.mid .adjust1{
		height: 80vh;
	}


.mid .carousel-inner .item .gss34{
	width: 100%;
    height: 80vh;
    object-fit: cover;
    object-position: center;
  }

}


.mid .carousel-caption h3{
	font-weight: 700;
}
/*Villa Section*/

.villasection .vhead hr{
	width:20%;
	height: .25rem;
	background:  #474e66;

}

.villasection .vhead h3{
	color: #474e66;
    font-weight: 700;
    text-align: center;
    font-family: 'Cardo', serif;
    margin: 30px 0px;
}

.villasection .vhead p{
    color: #626366;
    font-size: 20px;
    margin-top: 4px;
    font-weight: 400;
      font-family: 'Cardo', serif;
    text-align: center;
    line-height: 32px;
  }  

.mid .carousel-indicators li {
width: 30px;
height: 3px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
}
.mid .carousel-indicators .active{
	margin: 1px;

}





.villasection {
	margin: 20px 0px;
}

/*Cards Section*/

.villas .card .card-heading{
	font-size: 18px;
    margin-top: 16px;
    font-weight: 700;

}

.villas .card .card-addresse{
	/*font-size: 14px;*/
}


.villas{
	color:#626366;
}

.villas .price{

    
    border-top: solid 1px rgba(151,151,151,0.2);
    margin-top: 8px;
    padding-top: 12px;
}

.villas .price p{
	margin: 0px;
	font-size: 10px;
}

.villas .card{
   box-shadow: 0 0 5px 1px rgb(0 0 0 / 10%);
   border-radius:6px;
   margin:10px 0;
}
.villas .cardperspective{
	perspective: 700px;
}

.villas .card:hover{
	transform: rotateX(5deg);
    transition: transform 500ms ease;
}

.villas .card img{
 border-radius: 6px 6px 0 0;
}

.villas .card .card-details{
	padding: 20px;
}

/*services section*/

.services{
	margin-top: 20px;
	margin-bottom: 20px;
}

.services .vhead h3{
	color: #474e66;
    font-weight: 700;
    font-family: 'Cardo', serif;
}

.services .vhead p{
    color: #626366;
    font-size: 16px;
    margin-top: 4px;
    font-weight: 400;
    font-family: 'Cardo', serif;
  }  

.services-items .service-card{
	
	background: white;
	box-shadow: 0 0 5px 1px rgb(0 0 0 / 5%);
	padding: 32px 16px;
	display: flex;
	margin-top: 10px;
}

.services-items .service-card img{
	    width: 60px;
	    align-self: center;
        
}

.services-items .service-card p{
	
	color: #232323;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.62px;
    font-family: 'Cardo', serif;
}
.services-items .serviceimg img{
	margin-right: 64px;
}


/*Footer Section*/

.footer-section{
	margin-top: 40px;
	padding-bottom: 40px;
	color: rgba(193,193,193,0.6);
	background-color: #100e0d;
	padding-top: 64px;
}

.footer-section .footer-aboutus img{
/*  width: 230px;	
  margin-top: 10px;

  margin-left: 5px;
  margin-bottom: 10px;*/
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    width: 245px;

}
.footer-section .footer-aboutus p{
	line-height: 24px;
	font-family: 'Cardo', serif;
}

.footer-links{
	margin-left: 64px;
}

@media(max-width:768px ){
	.footer-links{
		margin-left: 0px;
	}

}


.footer-section .footer-links .links-header{
	font-size: 16px;
	text-transform: uppercase;
	color: white;
	font-weight: 500;
	letter-spacing: 0.5px;
	font-family: "Helvetica Neue";

}

.footer-section .footer-links a{
	display: block;
	margin-top:10px;
	margin-bottom: 10px;
	color: rgba(193,193,193,0.6);
	text-decoration: unset; 
	font-family: 'Cardo', serif;       
}

.footer-section .footer-links .links-edit{
  margin-top:16px;
}

/*.footer-section .footer-links p{
	    line-height: 24px;

}*/

.footer-section .footer-addresse .addresse-header{
	font-size: 16px;
	text-transform: uppercase;
	color: white;
	font-weight: 500;
	letter-spacing: 0.5px;
	font-family: "Helvetica Neue";
}

.footer-section .footer-addresse p{
	line-height: 24px;
    font-family: 'Cardo', serif;
}



.whatsapp  img{
	width: 100px;
	display: block;
    margin-left: auto;
    margin-right: auto;
    /*margin: 0 auto;*/
}

.whatsapp .whatsapp-header{
    text-align: center;
    font-size: 16px;
	text-transform: uppercase;
	color: white;
	font-weight: 500;
	letter-spacing: 0.5px;
	font-family: "Helvetica Neue";
}

@media (max-width: 768px){
	.footer-section{
		text-align: center;
	}
}


/*villa pages*/

.villa_banner .villa_banner2{
	margin-top: 120px;
}

.villa_banner .villa_banner2 img{
	border-radius: 10px;
	height: 80vh;
	object-fit: cover;
	width: 100%;

}

@media (max-width: 768px){
	.villa_banner .villa_banner2 img{
		height: 60vh;
	}
}


.villa_details .villa_header{
	font-size: 36px;
	color: rgb(72,72,72);
	font-weight: 700;
	margin-top: 22px;
	font-family: 'Cardo', serif;;
}

.villa_details h2{
	font-size: 20px;
	font-weight: 400;
	color: rgb(72,72,72);
	font-family: 'Cardo', serif;;
}

.villa_details .accomodation{
	display: flex;
    overflow-x: auto;
    flex-direction: row;
}

.accom:first-child {
    padding-left: 0;
}

.accom:not(:last-child){
 border-right: 1px solid rgba(151,151,151,0.2);
}

.accom{
	font-size: 15px;
    color: #484848;
    padding: 0 16px;
    font-weight: 500;
    white-space: nowrap;
    letter-spacing: 0.86px;
    text-transform: capitalize;
    font-family: 'Red Hat Display';
}

.villa_details .accomodation{
  margin-top: 20px;

}

.villa_details{
	font-size: 15px;
	line-height: 1.7;
	color: #484848;
	font-family: 'Red Hat Display';
	letter-spacing: 0.5px;
}

.villa_details h2{
	margin-bottom: 20px; 	
}

.villa_details .accomodation-info {
	margin-top: 24px;
}

.villa_details .accomodation-info p{
	font-size: 15px;
	line-height: 1.7;
	color: #484848;
	font-family: 'Red Hat Display';
	letter-spacing: 0.5px;
}

.villa_details h2{
	font-weight: 700;
	letter-spacing: 0.5px;
}


.villa_details .accom-gallary img{
	    height: 180px;
	    border-radius: 16px;
	    object-fit: cover;
        padding:  6px;  
}
.facilities span{
	font-weight: 600;
	color: rgb(72,72,72);
	margin-left: 20px;
	font-family: 'Red Hat Display';
	letter-spacing: 0.5px;
	font-size: 16px;
}

.facilities .sub-facilities{
	margin-top: 20px;
	margin-bottom: 20px;
}

.facilities .sub-facilities .villa-facilities{
  margin-top: 15px;
  margin-bottom: 15px;
}

/*.nearby h2{
margin-bottom: 20px;
}
*/

/*booking part*/


.book-now{
	margin-top: 20px;
	padding: 20px 16px;
	box-shadow: 0 0 6px 1px rgb(0 0 0 / 7%);
	border-radius: 4px;
	
}

.book-now h6{
  margin-bottom: 5px; 
}
.book-now h3{
    color: #484848;
    font-size: 22px;
    margin-top: 0px;
    font-weight: 700;
}

.book-now .book-button{
	width: 100%;
    height: 48px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.62px;
    background-color: #b73735;
    color: #ffffff;
    border-color: #b73735;
    box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);
}

.book-now .book-button a{
	font-size: 16px;
	font-weight: 500;
	color: #ffffff;
	text-decoration: unset;
}

.book-now .book-button:hover{
 background-color: rgb(128, 38, 37);
 box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
}

/*.book-contact{
	text-align: center;
	margin-top: 10px;
}*/
/*controls height of booking button*/
.booking {
	height: 1115px;    
    
}

@media(max-width: 768px){
  .booking{
  	height: 100%;
  }
}
.booking .booking-sticky{
	position: sticky;
	top:100px;
}


/*Contact US*/

#mapsection{
	width:100%;
	height:300px;
	border-bottom: 8px solid transparent;
	margin-top: 125px;
    /*border-image: url("../images/skelatal_weave.png") 5 round;*/
	border-top: 8px solid transparent;
}

.contactus-page h2{
	font-size: 34px;
	font-family: 'Red Hat Display';
	font-weight: 700;
	color: #ac0d0d;
	margin-bottom: 30px;
}

.inquiry-card{
	box-shadow: 0 0 5px 1px rgb(0 0 0 / 10%);
	padding: 20px 16px;
	/*border-radius: 6px;*/
	display: flex;
}

.inquiry-text {
	/*display: flex;
	margin-right: 32px;*/
	margin-left: 20px;
}

.inquiry-text h3{
	margin-top: 0;
	font-weight: 700;
	font-family: 'Red Hat Display';
}

.inquiry-text h4{
   color: #474e66;
   font-family: 'Red Hat Display';
   font-size: 14px;
}

.inquiry-text p{
	color: #626366;
	font-weight: 500;
	font-size: 16px;
}

/*contact form*/

.contact-form {
	margin-top: 20px;
}

.contact-form .contact-us h4{
	color: #474e66;
	font-weight: 700;
	font-family: 'Cardo', serif;
	padding-left:10px; 
}

.contact-form img{
	width:100px;
	object-fit: cover;
	margin: 10px;
}


.contact-form .contact-us input{
	width:100%;
	color: #474e66;
	border: 1px solid #ebebeb;
	padding: 12px;
	background: white;
	border-radius: 4px;
}

.contact-form .contact-us{
box-shadow: 0 0 5px 1px rgb(0 0 0 / 10%);
border-radius: 6px;
padding: 16px;
/*margin: 20px 20px 20px 20px;*/
}

.aboutus img{
	width: 100%;
    height: 80vh;
    object-fit: cover;
    object-position: center;
}

.aboutus h2{
	position: absolute;
	top:50%;
	left: 50%;
	font-size: 50px;
	font-family: 'Cardo', serif;
	color: white;
	font-weight: 700;
	font-style: italic;
	transform: translateX(-50%);
}

.aboutus-info{
	padding: 4%;
	font-family: 'Cardo', serif;
	box-shadow: 0 0 5px 1px rgb(0 0 0 / 10%);
	border-radius: 6px;
	margin: 20px 20px 20px 20px;
	font-size: 18px;
}

@media (max-width: 768px){
  .aboutus-info{
  	font-size: 16px;
  }

}

@media (max-width: 768px){
  .aboutus h2{
  	font-size: 42px;
  }

}


.backgroundimg{
	background-image: url("../images/coconut.jpg");
	background-size: cover;
	background-position: center;
	/*background-repeat: no-repeat;*/
}



/*Villas page*/
.villasection2 .vhead h3{
	color: #474e66;
    font-weight: 700;
}

.villasection2 .vhead p{
    color: #626366;
    font-size: 16px;
    margin-top: 4px;
    font-weight: 400;
  }  


/*Cards Section*/

.villasection2 {
	
	margin-top: 100px;
	margin-bottom: 10px;
}


/*.sponsor .imagebrand{
	
	width:263px;
	height: auto;
	padding: 10px;
	
	/*display: block;
}*/

.gallery-view  h3{
	color: #474e66;
    font-weight: 700;
    margin-bottom: 20px;
}

.gallery-view .image-view{
	position: relative;
}
.gallery-view img{
	    width: 360px;
	    border-radius: 16px;
	    max-height: 245px;
	    object-fit: cover;
        padding:  6px; 
}
.gallery-view h4{
	position: relative;
	top:80%;
}



/*Photo Gallary*/

.gallary{
	margin-top: 70px;
	margin-bottom: 70px;
}

.gallary .ghead{
 text-align: center;
 margin-bottom: 40px;
 margin-top: 75px;
}

.gallary .ghead h3{
	color: #474e66;
    font-weight: 700;
    font-family: 'Cardo', serif;
}

.gallary .ghead p{
    color: #626366;
    font-size: 16px;
    margin-top: 4px;
    font-weight: 400;
    font-family: 'Cardo', serif;
  }  

.gallary img{
        width: 360px;
	    border-radius: 16px;
	    max-height: 245px;
	    height: 245px;
	    object-fit: cover;
        padding:  6px; 
}

.gallary .image-view{
	position: relative;
}