@charset "utf-8";
/* CSS Document */


body {
	width:100%;
	height:100vh;
	margin:0;
	padding:0;
	overflow-x:hidden
}




/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}





#sliderarea{
width:100%;
height:100vh;
display:inline-block;
text-align:center;
position: relative;
background-image:url(Infinity-Pool.jpg); background-size:100% auto; background-repeat:no-repeat; background-attachment:fixed;
position:relative;
}

.header {
  position: fixed;
	z-index: 1000;
	height: auto;
  width: 80%;
  padding-left:10%;
  padding-right:10%;
	
	-webkit-transition: all ease-out .5s;
  -moz-transition: all ease-out .5s;
  -o-transition: all ease-out .5s;
  transition: all ease-out .5s;
}

.active {
  background-color: rgba(0,0,0,0.7);
}


#logo{
width:22%;
height:auto;
float:left;
margin-top:10px;
margin-bottom:10px;
}

#logo img{
width:100%;
height:auto;
}


#tagline{
position:absolute;
width:70%;
left:10%;
top: 60%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
font-family: 'Playfair Display', serif; text-align:left; font-weight:400;
font-size:38px; line-height:1.1;
color:#fff;

}

#tagline span{
font-family: Arial, Helvetica, sans-serif; text-align:left; font-weight: bold; letter-spacing:2px;
font-size:16px; line-height:1;
color:#fff;
text-transform:uppercase;
padding-bottom:20px;
width:100%;
display:inline-block;
}

#phbox{
display:inline-block;
padding-left:30px;
float:right;
font-family: Arial, Helvetica, sans-serif; text-align:left; font-weight: bold; letter-spacing:2px;
background-image:url(phone.svg); background-size:20px 20px; background-repeat:no-repeat; background-position:center left;
color:#FFFFFF;
margin-top:15px;
}

#phbox a:link{color: #fff; text-decoration: none;
}
#phbox a:active{color: #ccc; text-decoration: none; 
}
#phbox a:visited{color: #fff; text-decoration: none;
}
#phbox a:hover {color: #ccc; text-decoration: none;
}

#offer{
position: relative;
font-family:Georgia, "Times New Roman", Times, serif; text-align: left; font-weight:400;
font-size:20px; line-height:1.1;
color:#FFFFFF;
line-height:1.6;
}


#offer1{
visibility:hidden;
display:none;

}

#offer h2{
font-family: 'Playfair Display', serif; text-align: left; font-weight:400;
font-size:28px;
margin:0;
color:#efbc67;
padding-bottom:10px;
}

#offer span{
font-family: 'Playfair Display', serif; text-align: left; font-weight:400;
font-size:9px;
margin:0;
color:#fff;
padding-bottom:10px;
display:inline-block;
}


#contentarea{
width:80%;
float: left;
margin-left:10%;
margin-right:10%;

}


#textarea{
width:46%;
margin:1.5%;
font-family:Georgia, "Times New Roman", Times, serif; line-height:1.8;
font-size:16px;
text-align:justify;
display:inline-block;
color:#333333;
vertical-align:top;
}

.txt{
width:98%;
padding:1%;
float:left;
margin-bottom:5px;
border:1px solid #9e7838;
font-family:Georgia, "Times New Roman", Times, serif; line-height:1.8;
font-size:16px;

}

.txt1{
width:98%;
padding:1%;
float:left;
margin-bottom:5px;
border:1px solid #9e7838;
font-family:Georgia, "Times New Roman", Times, serif; line-height:1.8;
font-size:16px;

}


#textarea h1{
font-family: 'Playfair Display', serif; font-style:italic; text-align:left; font-weight:400;
font-size:32px; line-height:1;
color:#9e7838;
width:100%;
}

#textarea h2{
font-family:Georgia, "Times New Roman", Times, serif; line-height:1.8;
font-size:30px; line-height:1;
color:#9e7838;
width:100%;
font-style:normal;
text-align:left;
border-bottom:1px solid #9e7838;
padding-bottom:10px;
}

#textarea h3{
font-family:Georgia, "Times New Roman", Times, serif; line-height:1.8;
font-size:26px; line-height:1;
color:#9e7838;
width:100%;
font-style:normal;
text-align:left;
}

.booknow1{
padding:5px 30px 5px 30px;
background-color:#0e7259;
color:#FFFFFF;
display:inline-block;
font-family: 'Playfair Display', serif; font-weight:400; font-size:16px;
text-decoration:none;
}


.booknow2{
padding:5px 30px 5px 30px;
background-color:#9e7838;
color:#FFFFFF;
display:inline-block;
font-family: 'Playfair Display', serif; font-weight:400; font-size:16px;
text-decoration:none;
}
.call{
padding:3px 10px 3px 10px;
background-color:#9e7838;
color:#FFFFFF;
display:inline-block;
font-family:"Times New Roman", Times, serif; font-size:16px;
text-decoration:none;
}

#cottagearea{
width:70%;
float: left;
margin-left:15%;
margin-right:15%;
font-family:Georgia, "Times New Roman", Times, serif; line-height:1.6;
font-size:16px;
text-align: center;
color:#333333;
padding-bottom:30px;
}
#cottagearea h2{
font-family: 'Playfair Display', serif; font-style:italic; text-align: center; font-weight:400;
font-size:36px; line-height:1;
color:#9e7838;
width:100%;
}

#cottagebox{
width:48%;
display:inline-block;
margin:1%;
float:left;
}

#cottageboximg{
width:100%;
height:auto;
float:left;
}

#cottageboximg img{
width:100%;
height:auto;
display:block;
}

#cottageboxtxt{
width:96%;
padding-left:2%;
height:auto;
float:left;
font-family:Georgia, "Times New Roman", Times, serif; line-height:1.4;
font-size:16px;
color:#666666;

}
#cottageboxtxt h1{
font-family: 'Playfair Display', serif; font-style: normal; text-align:left; font-weight:400;
font-size:26px; line-height:1;
color:#9e7838;
width:100%;
margin:0;
padding-top:20px;
}



#servicearea{
width:80%;
float: left;
margin-left:10%;
margin-right:10%;
border-top:1px solid #9e7838;
margin-top:30px;
}

#sercicebox{
width:100%;
height:auto;
padding-top:30px;
float:left;
}


#servicetext{
width:40%;
margin:0.5%;
font-family:Georgia, "Times New Roman", Times, serif; line-height:1.8;
font-size:16px;
text-align:justify;
display:inline-block;
color:#333333;
padding-top:3%;
}

#servicetext h3{
font-family: 'Playfair Display', serif; font-style:italic; text-align: left; font-weight:400;
font-size:30px; line-height:1;
color:#9e7838;
width:100%;
}

#serviceimage{
width:45%;
margin:0.5%;
display:inline-block;
border-style: solid;
border-width: 10px 10px 10px 10px;
border-color:
#fff;
box-shadow: 0 0 10px 0
    rgba(0,0,0,.5);

}
#serviceimage img{
width:100%;
height:auto;
margin:0.5%;
display:inline-block;
}



#bookingarea{
width:100%;
padding-top:30px;
padding-bottom:30px;
float:left;
text-align: center;
background-color:#dae9e7;
margin-top:30px;
}


#bookingarea h4{
font-family: 'Playfair Display', serif; font-style:italic; text-align: center; font-weight:400;
font-size:36px; line-height:1;
color:#0e7259;
width:100%;
margin:0;
padding-bottom:20px;
}


#footerbox{
width:32%;
display:inline-block;
text-align:center;
margin-top:20px;
vertical-align:top;
}


#copyrightarea{
width:100%;
float:left;
font-family:Georgia, "Times New Roman", Times, serif; line-height:1.8;
font-size:16px;
text-align: center;
display:inline-block;
color: #666666;
padding-top:30px;
border-top:1px solid #999999;
margin-top:30px;
margin-bottom:30px;
}



#contactarea1{
width:80%;
float: left;
margin-left:10%;
margin-right:10%;

}


#testiarea{
width:90%;
margin-left:5%;
margin-right:5%;
text-align: center;
border-bottom:1px solid #CCCCCC;
overflow:hidden; 
}


#testiarea h2{
font-family:Georgia, "Times New Roman", Times, serif; line-height:1.8;
font-size:16px;
text-align: center;
display:inline-block;
color: #666666;

}









@media only screen and (max-width:860px){



#sliderarea{
width:100%;
height:100vh;
display:inline-block;
text-align:center;
position: relative;
background-image:url(Infinity-Pool.jpg); background-size: 100% auto; background-repeat:no-repeat; background-attachment:fixed;
position:relative;
}

.header {
  position: fixed;
	z-index: 1000;
	height: auto;
  width: 80%;
  padding-left:10%;
  padding-right:10%;
  top:0;
	
	-webkit-transition: all ease-out .5s;
  -moz-transition: all ease-out .5s;
  -o-transition: all ease-out .5s;
  transition: all ease-out .5s;
  text-align:center;
}

.active {
  background-color: rgba(0,0,0,0.7);
}


#logo{
width:32%;
height:auto;
float: none;
margin:0 auto;
margin-top:10px;
margin-bottom:10px;
}

#logo img{
width:100%;
height:auto;
}


#tagline{
position:absolute;
width:100%;
left:0%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
font-family: 'Playfair Display', serif; text-align:center; font-weight:400;
font-size:20px; line-height:1.1;
color:#fff;

}

#tagline span{
font-family: Arial, Helvetica, sans-serif; text-align:  center; font-weight: bold; letter-spacing:2px;
font-size:14px; line-height:1;
color:#fff;
text-transform:uppercase;
padding-bottom:20px;
width:100%;
float:left;
}

#phbox{
display:inline-block;
padding-left:30px;
font-family: Arial, Helvetica, sans-serif; text-align:left; font-weight: bold; letter-spacing:2px;
}


#phbox{
display:inline-block;
padding-left:30px;
float: none;
margin:0 auto;
font-family: Arial, Helvetica, sans-serif; text-align:left; font-weight: bold; letter-spacing:2px;
background-image:url(phone.svg); background-size:20px 20px; background-repeat:no-repeat; background-position:center left;
color:#FFFFFF;
margin-top:5px;
padding-bottom:10px;
padding-top:10px;
}


#offer{
visibility:hidden;
display:none;
}


#offer1{
position: relative;
width:76%;
padding:2%;
margin-left:10%;
margin-right:10%;
visibility:visible;
display:block;
font-family:Georgia, "Times New Roman", Times, serif; text-align: center; font-weight:400;
font-size:16px; line-height:1.1;
color:#000;
background-color: rgba(255,255,255,0.7);
line-height:1.6;
border:1px solid #9e7838;
margin-top:20px;
}


#offer1 h2{
font-family: 'Playfair Display', serif; text-align: center; font-weight:400;
font-size:20px;
margin:0;
color:#9e7838;
padding-bottom:10px;
}

#offer1 span{
font-family: 'Playfair Display', serif; text-align: center; font-weight:400;
font-size:12px;
margin:0;
color:#9e7838;
padding-bottom:10px;
}


#contentarea{
width:80%;
float: left;
margin-left:10%;
margin-right:10%;

}


#textarea{
width:97%;
margin:1.5%;
font-family:Georgia, "Times New Roman", Times, serif; line-height:1.8;
font-size:16px;
text-align:justify;
display:inline-block;
color:#333333;
vertical-align:top;
}

.txt{
width:98%;
padding:1%;
float:left;
margin-bottom:5px;
border:1px solid #9e7838;
font-family:Georgia, "Times New Roman", Times, serif; line-height:1.8;
font-size:16px;

}

.txt1{
width:98%;
padding:1%;
float:left;
margin-bottom:5px;
border:1px solid #9e7838;
font-family:Georgia, "Times New Roman", Times, serif; line-height:1.8;
font-size:16px;
}


#textarea h1{
font-family: 'Playfair Display', serif; font-style:italic; text-align:left; font-weight:400;
font-size:32px; line-height:1;
color:#9e7838;
width:100%;
}

#textarea h2{
font-family:Georgia, "Times New Roman", Times, serif; line-height:1.8;
font-size:30px; line-height:1;
color:#9e7838;
width:100%;
font-style:normal;
text-align:left;
border-bottom:1px solid #9e7838;
padding-bottom:10px;
}

#textarea h3{
font-family:Georgia, "Times New Roman", Times, serif; line-height:1.8;
font-size:26px; line-height:1;
color:#9e7838;
width:100%;
font-style:normal;
text-align:left;
}

.booknow1{
padding:5px 30px 5px 30px;
background-color:#0e7259;
color:#FFFFFF;
display:inline-block;
font-family: 'Playfair Display', serif; font-weight:400; font-size:16px;
text-decoration:none;
}

.call{
padding:3px 10px 3px 10px;
background-color:#9e7838;
color:#FFFFFF;
display:inline-block;
font-family:"Times New Roman", Times, serif; font-size:14px;
text-decoration:none;
}

#cottagearea{
width:70%;
float: left;
margin-left:15%;
margin-right:15%;
font-family:Georgia, "Times New Roman", Times, serif; line-height:1.6;
font-size:16px;
text-align: center;
color:#333333;
padding-bottom:30px;
}
#cottagearea h2{
font-family: 'Playfair Display', serif; font-style:italic; text-align: center; font-weight:400;
font-size:36px; line-height:1;
color:#9e7838;
width:100%;
}

#cottagebox{
width:97%;
display:inline-block;
margin:0.5%;
float:left;
}

#cottageboximg{
width:60%;
height:auto;
float:left;
}

#cottageboximg img{
width:100%;
height:auto;
display:block;
}

#cottageboxtxt{
width:38%;
padding-left:2%;
height:auto;
float:left;
font-family:Georgia, "Times New Roman", Times, serif; line-height:1.4;
font-size:14px;
color:#666666;

}



#servicearea{
width:80%;
float: left;
margin-left:10%;
margin-right:10%;
border-top:1px solid #9e7838;
margin-top:30px;
}

#sercicebox{
width:100%;
height:auto;
padding-top:30px;
float:left;
}


#servicetext{
width:97%;
margin:0.5%;
font-family:Georgia, "Times New Roman", Times, serif; line-height:1.8;
font-size:16px;
text-align:justify;
display:inline-block;
color:#333333;
padding-top:3%;
}

#servicetext h3{
font-family: 'Playfair Display', serif; font-style:italic; text-align: left; font-weight:400;
font-size:30px; line-height:1;
color:#9e7838;
width:100%;
}

#serviceimage{
width:97%;
margin:0.5%;
display:inline-block;
border-style: solid;
border-width: 10px 10px 10px 10px;
border-color:
#fff;
box-shadow: 0 0 10px 0
    rgba(0,0,0,.5);

}
#serviceimage img{
width:100%;
height:auto;
margin:0.5%;
display:inline-block;
}



#bookingarea{
width:100%;
padding-top:30px;
padding-bottom:30px;
float:left;
text-align: center;
background-color:#dae9e7;
margin-top:30px;
}


#bookingarea h4{
font-family: 'Playfair Display', serif; font-style:italic; text-align: center; font-weight:400;
font-size:36px; line-height:1;
color:#0e7259;
width:100%;
margin:0;
padding-bottom:20px;
}


#footerbox{
width:32%;
display:inline-block;
text-align:center;
margin-top:20px;
vertical-align:top;
}


#copyrightarea{
width:100%;
float:left;
font-family:Georgia, "Times New Roman", Times, serif; line-height:1.8;
font-size:16px;
text-align: center;
display:inline-block;
color: #666666;
padding-top:30px;
border-top:1px solid #999999;
margin-top:30px;
margin-bottom:30px;
}




#testiarea h2{
font-family:Georgia, "Times New Roman", Times, serif; line-height:1.8;
font-size:16px;
text-align: center;
display:inline-block;
color: #666666;
}




}






























@media only screen and (max-width:640px){


#sliderarea{
width:100%;
height:100vh;
display:inline-block;
text-align:center;
position: relative;
background-image:url(Infinity-Pool.jpg); background-size:auto 100%!important; background-repeat:no-repeat; background-attachment:fixed;
position:relative;
overflow:hidden;
}

#logo{
width:62%;
height:auto;
float: none;
margin:0 auto;
margin-top:10px;
margin-bottom:10px;
}

#logo img{
width:100%;
height:auto;
}
#cottagearea{
width:70%;
float: left;
margin-left:15%;
margin-right:15%;
font-family:Georgia, "Times New Roman", Times, serif; line-height:1.6;
font-size:16px;
text-align: center;
color:#333333;
padding-bottom:30px;
}
#cottagearea h2{
font-family: 'Playfair Display', serif; font-style:italic; text-align: center; font-weight:400;
font-size:36px; line-height:1;
color:#9e7838;
width:100%;
}

#cottagebox{
width:97%;
display:inline-block;
margin:0.5%;
float:left;
border-bottom:1px solid #9e7838;
padding-bottom:20px;
}

#cottageboximg{
width:100%;
height:auto;
float:left;
}

#cottageboximg img{
width:100%;
height:auto;
display:block;
}

#cottageboxtxt{
width:100%;
padding-left:0%;
height:auto;
float:left;
font-family:Georgia, "Times New Roman", Times, serif; line-height:1.8;
font-size:16px;
color:#666666;

}
#servicearea{
width:80%;
float: left;
margin-left:10%;
margin-right:10%;
border-top:0px solid #9e7838;
margin-top:30px;
}

#footerbox{
width:100%;
display:inline-block;
text-align:center;
margin-top:20px;
vertical-align:top;
}
#testiarea h2{
font-family:Georgia, "Times New Roman", Times, serif; line-height:1.8;
font-size:16px;
text-align: center;
display:inline-block;
color: #666666;
}


}