/*@import url(http://fonts.googleapis.com/css?family=Inter);*/

html { -webkit-font-smoothing: antialiased; }

body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,form,a,fieldset,input,th,td{border:0;outline:none;margin:0;padding:0;}

ul{list-style:none;}


body{
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-size: 11px;
	min-width: 1200px;
}
a{
	color:#fff;
	text-decoration:none;
}


/*TOP PAGE*/
.toper{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	font-size: 11px; 	
	background:#fff;
	height:90px;
	padding-bottom:5px;
	padding-top:5px;
	z-index:100;
}

/*logo*/
#logo img{position: fixed; top: 5px; left: 88px; z-index:120;}

/*name, address, phone*/
#name {position:fixed; top: 5px; left: 25%; z-index:120;font-family:'Georgia', sans-serif; color: #096668; font-size:23px; letter-spacing:-1px; font-style: italic;} 
#address {position:fixed; top: 32px; left: 25%; z-index:120;font-family:'Lato', sans-serif; color: #999999; font-size:14px; transform: scaleY(1.2); line-height:20px;} 
#phone {position:fixed; top: 66px; left: 25%; z-index:120;font-family:'Arial', sans-serif; color: #999999; font-size:14px; transform: scaleY(1.2); } 
#phone a{color: #999999; text-decoration: underline; text-underline-offset: 5px; transform: scaleY(1.2);} 

/*Frame*/
#iframe {position: absolute; z-index: 60; top: 100px; width: 300px; float: left; left: 56px; overflow: hidden; z-index: 100;}
#iframe .iframe {background: #096668; repeat top left; width: 240px; height: 330px; padding: 5px; opacity: 0.9; filter: alpha(opacity=90); border-top-right-radius: 26px; border-bottom-left-radius: 26px;}

/*LANGUAGE*/
.lang{position: absolute; top: 0px; right: 75px; z-index: 100; }


/*ALT BOOKING*/
#navWrap {position: absolute; top: 84%; width: 400px; z-index:95; display:block; text-align:center; margin: 0 auto; left:0; right:0; }
#navWrap a{padding: 7px 80px; background-color: #e9a08d; color: #112e3c; font-size: 14px; font-family: 'Lato', sans-serif; letter-spacing: 1px; cursor: pointer; text-transform: uppercase; border-bottom-left-radius: 38px; text-decoration:none;}
.sticky {position: fixed; top:144px; width: 400px; }

/*start body*/
#cont-main {position: absolute; top: 90%; width: 100%; z-index: 90; display: block; height: 100%; }


/*box 1 - desc and offers*/
#box1 {top: 1%; width: 99%; z-index: 1; display: block; height: 100%; min-width:1200px; }
/*reverted this right*/
#box1left {width: 40%; z-index: 20; left: 40%; float:left; display: inline-block; height: 410px; overflow: auto; min-width: 36%; margin-left: 20px; text-align: center; margin-top:-30px;}
#box1left p{font-family: 'Lato', sans-serif; font-size: 10pt; color: #096668; padding: 40px 25px; text-align: center; letter-spacing: 2px; font-weight: 400; }
/*reverted this left*/
#box1right {width: 48%; z-index: 20; display: inline-block; text-align: center; float: left; height: 400px; overflow: auto; min-width: 50%; margin-top: 0px; left:20%;}
#box1right h2{font-family: 'Lato', sans-serif; font-size: 22px; color: #112E3c; padding: 10px 80px 0px 80px;  }
#box1right h1{font-family: 'Georgia', sans-serif; font-size: 22px; color: #096668; padding: 8px 80px 15px 80px; font-style:italic;}
#box1right p{font-family: 'Lato', sans-serif; font-size: 13px; color: #888; padding: 5px 120px; line-height: 15pt; }
#box1right ul li:before {content: '\2713'; padding-right:10px; color: #888;  }
#box1right li{color:#121212; font-size:13px; padding: 5px 50px 0px 50px; line-height: 15pt; color: #888; }
#box1right a{font-size: 13px; color: #666; line-height: 15pt; text-decoration:underline; font-weight:400; text-underline-offset: 5px; }



/*box 2 - guestrooms*/
#b2 {position: absolute; top: 440px; left: 0px; float: left; width: 100%; height: 400px; min-height: 400px; z-index:10; display: block; margin: 0 auto; overflow:hidden; background-color:e6f0ec;}
/*#b2 img{position: relative; width: 100%; min-height: 400px; z-index:10;}*/
#b2 img{position: relative; width: 40%; height:100%; left:12%; z-index:10; border-top-right-radius:50px; border-bottom-left-radius: 50px; display:block; object-fit:cover; }
#b2txt{position:absolute; width:27%; min-width:600px; height: 100%; left: 53%; top: 0;  z-index: 90; overflow:auto; background: rgba(255, 255, 255, 0.8); background-color:e6f0ec;}
#b2txt h2{font-family:'Georgia'; color:#096668; font-size:16pt; padding:20px 0 10px 0; text-align: center;}
#b2txt ul li:before {content: '\2713'; padding-right:10px; line-height: 20px; color: #e9a08d;}
#b2txt li{font-family:'Lato', sans-serif; color:#666; font-size:14px; padding: 5px 50px 0px 80px; line-height: 20px;}
#b2txt p{margin-top: 30px; text-align: center;line-height: 20px;}
#b2txt a{padding: 7px 15px; border: 1px solid #096668; color: #096668; font-size: 20px; font-family: 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 2px; text-decoration:none; border-top-right-radius:8px; border-bottom-left-radius: 8px;}

/*box 3 - amenities*/
#b3 {position: absolute; top: 900px; left: 0px; float: left; width: 100%; height:400px; min-height: 400px; z-index:10; display: block; margin: 0 auto;overflow:hidden;}
/*#b3 img{position: relative; width: 100%; min-height: 400px; z-index:10;}*/
#b3 img{position: relative; width: 40%; height:100%; left:45%; z-index:10; border-top-right-radius:50px; border-bottom-left-radius: 50px; display:block; object-fit:cover; }
#b3txt{position:absolute; width:27%; min-width:400px; height: 100%; left: 13%; top: 0; z-index: 90; overflow:auto; background: rgba(255, 255, 255, 0.8); }
#b3txt h2{font-family:'Georgia'; color:#096668; font-size:16pt; padding:5px 0 10px 0; text-align: center;}
#b3txt ul li:before {content: '\2713'; padding-right:10px; color:#e9a08d;}
#b3txt li{font-family:'Lato', sans-serif; color:#666; font-size:14px; padding: 5px 80px 0px 50px; line-height: 20px;}
#b3txt p{margin-top: 30px; text-align: center; line-height: 20px;}
#b3txt a{padding: 7px 15px; border: 1px solid #096668; color: #096668; font-size: 20px; font-family: 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 2px; text-decoration:none; border-top-right-radius:8px; border-bottom-left-radius: 8px;}


/*box 4 - events*/
#b4 {position: absolute; top: 1380px; left: 0px; float: left; width: 100%; height:400px; min-height: 400px; z-index:10; display: block; margin: 0 auto; overflow:hidden; background-color:e6f0ec;}
/*#b4 img{position: relative; width: 100%; min-height: 400px; z-index:10;}*/
#b4 img{position: relative; width: 40%; height:100%; left:12%; z-index:10; border-top-right-radius:50px; border-bottom-left-radius: 50px; display:block; object-fit:cover; }
#b4txt{position:absolute; width:27%; min-width:600px; height: 100%; left: 56%; top: 0;  z-index: 90; overflow:auto; background: rgba(255, 255, 255, 0.8); background-color:e6f0ec;}
#b4txt h2{font-family:'Georgia'; color:#096668; font-size:16pt; padding:20px 0 20px 0; text-align: center; }
#b4txt ul li:before {content: '\2713'; padding-right:10px; line-height: 20px; color: #e9a08d;}
#b4txt li{font-family:'Lato', sans-serif; color:#666; font-size:14px; padding: 5px 50px 5px 80px; line-height: 20px;}
#b4txt p{margin-top: 30px; text-align: center; line-height: 20px;}
#b4txt .p1{text-align: center; font-family:'Lato', sans-serif; color:#666; font-size:14px; line-height: 25px; margin-top:-10px; }
#b4txt a{padding: 7px 15px; border: 1px solid #096668; color: #096668; font-size: 20px; font-family: 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 2px; text-decoration:none; border-top-right-radius:8px; border-bottom-left-radius: 8px;}

/*box 00 move around*/
/*box 00*/
#box00 {position:absolute; top: 1830px; width: 100%; z-index: 90; height: 140px; margin: 0 auto; left:0; right:0; display: block; }
#box00R {width: 60%; z-index: 20; display: inline-block; left:50%; height: 140px; overflow: auto; min-width: 58%; }
#box00R img{padding-left:10px; display: inline-block; vertical-align:middle;}
#box00L {width: 40%; z-index: 20; float:left; display: inline-block; height: 140px; overflow: auto; min-width: 20%; text-align: right; }
#box00L p{font-family: 'Georgia', sans-serif; font-size: 26pt; color: #096668;  font-style:italic; letter-spacing:-2px; padding-right:5%; padding-top:10px;}
#box00L .p1{font-family: 'Lato', sans-serif; font-size: 26pt; color: #888; letter-spacing:-3px; padding-right:7%; margin-top:-10px;}

/*calendar + TP*/
/*box 5*/
#box5 {position: absolute; top: 1990px; width: 100%; z-index: 90; height: 650px; min-width:1200px; background-color: #e6f0ec;}
#box5 h2{font-family: 'Abel', sans-serif; font-size: 26px; color: #f5f5f5; font-weight:300; text-align: left; line-height: 20px; margin: 30px 0px 20px 40px;}
#box5-1 {width: 8%; z-index: 20; height: 650px; display: inline-block; float:left;}
#box5-2 {width: 5%; z-index: 20; height: 650px; background: #e9a08d; display: inline-block; float:left; text-align:center;}
#box5-3 {width: 30%; z-index: 20; height:650px; background: #096668; display: inline-block; float:left; min-width: 350px; }
#box5-4 {width: 7%; z-index: 20; height: 650px; display: inline-block; float:left;}
#box5-5 {width: 5%; z-index: 20; height: 650px;  background: #e9a08d; display: inline-block; float:left; text-align:center;}
#box5-6 {width: 30%; z-index: 20; height: 650px; background: #096668; display: inline-block; float:left; min-width:480px; overflow: hidden; text-align:left; }
#box5-6 p{font-size: 12px; color: #888; text-align:left; line-height: 17pt; padding: 0px 10px 3px 30px;}
#box5-6 a{text-decoration: underline; color: #1a3f7f; }
#box5-6 .img{position: absolute; padding: 2px; margin-top:10px; }
#box5-6 .tp {position: absolute; padding: 2px; margin-top:-72px; margin-left:18%; z-index:1;}

  
/*other icons*/
/*box 6*/
#box6 {position:absolute; top: 2670px; width: 100%; z-index: 90; height: 160px; margin: 0 auto; left:0; right:0; display: block;}
#box6R {width: 60%; z-index: 20; display: inline-block; left:50%; height: 160px; overflow: auto; min-width: 58%; }
#box6R img{padding-left:10px; display: inline-block; vertical-align:middle;  }
#box6L {width: 40%; z-index: 20; float:left; display: inline-block; height: 160px; overflow: auto; min-width: 20%; text-align: right;}
#box6L p{font-family: 'Georgia', sans-serif; font-size: 22pt; color: #096668; display: inline-block; font-style:italic; letter-spacing:-2px; vertical-align:middle; padding-top:30px; padding-right:50px;}


/* MAP LOCATION */
/*box 7*/
#box7 {position:absolute; top: 2820px; width: 100%; z-index: 90; min-height:650px; background-color:e6f0ec; }
#box7-1{position:relative;  width: 100%; z-index:90; float:left;  }
#box7-1 img{width:auto; min-height: 600px; overflow: auto; max-width:100%;}
#box7-2 {position:absolute; width: 30%; z-index: 91; float: left; left: 70%; height: 100%; background-color: #e6f0ec; overflow:auto; }
#b7txt  {position:absolute; width:27%; width: 98%; height: 100%; left: 1%; top: 0; z-index: 90; overflow:auto; }
#b7txt h2{font-family:'Georgia'; color:#096668; font-size:18px; font-style:italic; padding:10px 5px 10px 40px; }
#b7txt h3{font-family:'Georgia'; color:#096668; font-size:16px; padding:10px 40px;}
#b7txt ol {counter-reset: item; margin-left: 0; padding-left: 0;}
#b7txt li{font-family:'Lato', sans-serif; color:#666; font-size:14px; padding: 5px 50px 0px 50px; line-height: 20px; }
#b7txt li:before {display: inline-block; content: counter(item) ""; counter-increment: item; background: #e9a08d; color: #096668; display: inline-block; border-radius: 100%; margin: 0px 10px 0px -10px; padding: 2px 10px; border: 2px solid #096668;}
#b7txt p{font-family:'Lato', sans-serif; color:#666; font-size:14px; padding: 0px 50px 0px 35px; line-height: 23px;}
#b7txt a{padding: 5px 15px; border: 1px solid #096668; color: #096668; font-size: 18px; font-family: 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 2px; text-decoration:none;}
    
    


/*box 8*/
#box8 {position: absolute; top: 3440px; width: 100%; z-index: 90; height: 250px; min-width:100%; background: #096668; text-align:left;}
#box8 p{font-family:'Lato', sans-serif; font-size: 13px; color: #f5f5f5; line-height: 20px; padding: 10px 20px 0px 20px;}
#box8 a:link{text-decoration: none;  color: #f1f1f1; }
#box8 a:visited{text-decoration: none; color: #f5f5f5; }
#box8 a:hover{text-decoration: underline; text-underline-offset: 5px; color: #fff; }
#box8 img{border: none; }
#box8-1 {width: 13%; z-index: 20; height: 100%;  display: inline-block; float:left;}
#box8-2 {width: 25%; z-index: 20; height: 80%; display: inline-block; float:left;}
#box8-3 {width: 1%; z-index: 20; height: 100%; display: inline-block; float:left;}
#box8-4 {width: 33%; z-index: 20; height: 80%; display: inline-block; float:left;}
#box8-5 {width: 1%; z-index: 20; height: 100%;  display: inline-block; float:left;}
#box8-6 {width: 24%; z-index: 20; height: 80%; display: inline-block; float:left; font-family:'Lato', sans-serif; font-size: 13px; color: #f5f5f5;}
#box8-7 {width: 3%; z-index: 20; height: 80%; display: inline-block; float:left;}


/*scrollbar*/
.style-1::-webkit-scrollbar {width: 8px;}
.style-1::-webkit-scrollbar-button {width: 12px;height:5px;}
.style-1::-webkit-scrollbar-track {background:#eee;	border: thin solid lightgray; box-shadow: 0px 0px 3px #dfdfdf inset; border-radius:10px;}
.style-1::-webkit-scrollbar-thumb {background:#fff; border: thin solid gray; border-radius:10px;}
.style-1::-webkit-scrollbar-thumb:hover {background:#7d7d7d;}			


/*SIMPLEWARE*/
.sw {position:fixed; top:70%; left:0px; width:15px;	height:130px; z-index:100;}