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

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: 'PT Sans Narrow', 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:'Abel', sans-serif; color: #121212; font-size:22px; } 
#address {position:fixed; top: 30px; left: 25%; z-index:120;font-family:'Abel', sans-serif; color: #121212; font-size:16px; } 
#phone {position:fixed; top: 65px; left: 25%; z-index:120;font-family:'Abel', sans-serif; color: #121212; font-size:16px; } 
#phone a{color: #121212; text-decoration: underline;} 

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



/*LANGUAGE*/
.lang{position: absolute; top: 0px; right: 90px; 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: #28a99e; color: #fff; font-size: 16px; font-family: 'Abel', sans-serif; cursor: pointer; text-transform: uppercase; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; 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: 'Abel', sans-serif; font-size: 25px; color: #121212; 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: 350px; overflow: auto; min-width: 50%; margin-top: 0px; left:20%;}
#box1right h1{font-family: 'Abel', sans-serif; font-size: 26px; color: #121212; padding: 20px 80px; line-height:40px;}
#box1right p{font-size: 15px; color: #888; padding: 10px 120px; line-height: 16pt; }
#box1right ul li:before {content: '\2713'; padding-right:10px; color: #888;}
#box1right li{color:#121212; font-size:16px; padding: 5px 50px 0px 50px; line-height: 20px; color: #888;}
#box1right a{font-size: 15px; color: #888; line-height: 16pt; text-decoration:underline;}



/*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;}
/*#b2 img{position: relative; width: 100%; min-height: 400px; z-index:10;}*/
#b2 img{position: relative; width: 40%; height:100%; left:15%; z-index:10; border-radius:34px; display:block; object-fit:cover; }
#b2txt{position:absolute; width:27%; min-width:500px; height: 100%; left: 55%; top: 0;  z-index: 90; overflow:auto; background: rgba(255, 255, 255, 0.8); }
#b2txt h2{font-family:'Abel'; color:#28a99e; font-size:22pt; padding:10px 0 10px 0; text-align: center;}
#b2txt ul li:before {content: '\2713'; padding-right:10px;}
#b2txt li{color:#121212; font-size:16px; padding: 5px 50px 0px 50px; line-height: 20px;}
#b2txt p{margin-top: 30px; text-align: center;}
#b2txt a{padding: 7px 15px; border: 1px solid #28a99e; color: #28a99e; font-size: 20px; font-family: 'Abel', sans-serif; text-transform: uppercase; letter-spacing: 2px; text-decoration:none;}

/*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;}
/*#b3 img{position: relative; width: 100%; min-height: 400px; z-index:10;}*/
#b3 img{position: relative; width: 40%; height:100%; left:55%; z-index:10; border-radius:34px; display:block; object-fit:cover; }
#b3txt{position:absolute; width:27%; min-width:500px; height: 100%; left: 20%; top: 0; z-index: 90; overflow:auto; background: rgba(255, 255, 255, 0.8); }
#b3txt h2{font-family:'Abel'; color:#28a99e; font-size:23pt; padding:10px 0 10px 0; text-align: center;}
#b3txt ul li:before {content: '\2713'; padding-right:10px;}
#b3txt li{color:#121212; font-size:16px; padding: 5px 50px 0px 50px; line-height: 20px;}
#b3txt p{margin-top: 30px; text-align: center;}
#b3txt a{padding: 7px 15px; border: 1px solid #28a99e; color: #28a99e; font-size: 20px; font-family: 'Abel', sans-serif; text-transform: uppercase; letter-spacing: 2px; text-decoration:none;}


/*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;}
/*#b4 img{position: relative; width: 100%; min-height: 400px; z-index:10;}*/
#b4 img{position: relative; width: 40%; height:100%; left:15%; z-index:10; border-radius:34px; display:block; object-fit:cover; }
#b4txt{position:absolute; width:27%; min-width:500px; height: 100%; left: 55%; top: 0;  z-index: 90; overflow:auto; background: rgba(255, 255, 255, 0.8); }
#b4txt h2{font-family:'Abel'; color:#28a99e; font-size:23pt; padding:10px 0 10px 0; text-align: center;}
#b4txt h4{font-family:'Abel'; color:#000; font-size:12pt; padding:5px 30px; text-align: center; font-weight: normal;}
#b4txt ul li:before {content: '\2713'; padding-right:10px;}
#b4txt li{color:#121212; font-size:16px; padding: 5px 50px 0px 50px; line-height: 20px;}
#b4txt p{margin-top: 30px; text-align: center; color:#121212;  }
#b4txt a{padding: 7px 15px; border: 1px solid #28a99e; color: #28a99e; font-size: 20px; font-family: 'Abel', sans-serif; text-transform: uppercase; letter-spacing: 2px; text-decoration:none;}


/*box 4b - restaurants*/
#box4b {position:absolute; top: 1800px; width: 100%; z-index: 90; height: 250px; text-align:center; margin: 0 auto; left:0; right:0;background-color: #f5f5f5;}
#box4b img{padding: 60px 20px; display: inline-block; vertical-align:middle;}
#box4b p{font-family: 'Abel', sans-serif; font-size: 26px; color: #757575; display: inline-block;}



/*box 5 - calendar tripadvisor*/
#box5 {position: absolute; top: 2040px; width: 100%; z-index: 90; height: 650px; min-width:1200px; background-color: #ddd;}
#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: #3e4c4c; display: inline-block; float:left; text-align:center;}
#box5-3 {width: 30%; z-index: 20; height:650px; background: #795fa1; 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: #3e4c4c; display: inline-block; float:left; text-align:center;}
#box5-6 {width: 30%; z-index: 20; height: 650px; background: #28a99e; 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; }
#box5-6 .tp {position: absolute; padding: 2px; margin-top:-72px; margin-left:18%; z-index:1; }

  

/*box 00 - moving around*/
#box00 {position:absolute; top: 2700px; width: 100%; z-index: 90; height: 250px; text-align:center; margin: 0 auto; left:0; right:0;background-color: #f5f5f5;}
#box00 img{padding: 60px 20px; display: inline-block; vertical-align:middle;}
#box00 p{font-family: 'Abel', sans-serif; font-size: 26px; color: #757575; display: inline-block;}





/*box 7 - map location */
#box7 {position:absolute; top: 2940px; width: 100%; z-index: 90; min-height:650px; background-color:3e4c4c; }
#box7-1{position:relative;  width: 100%; z-index:90; float:left;  }
#box7-1 img{width:auto; min-height: 650px; overflow: auto; max-width:100%; object-fit:cover;}
#box7-2 {position:absolute; width: 30%; z-index: 91; float: left; left: 70%; height: 100%; background-color: #3e4c4c; overflow:auto; }
#b7txt{position:absolute; width:27%; width: 98%; height: 100%; left: 2%; top: 0; z-index: 90; overflow:auto; }
#b7txt h2{font-family:'Abel'; color:#f5f5f5; font-size:20pt; padding:20px 40px 10px 40px; }
#b7txt h3{font-family:'Abel'; color:#f5f5f5; font-size:16pt; padding:10px 40px;}
#b7txt ol {counter-reset: item; margin-left: 0; padding-left: 10; list-style: none;}
#b7txt li{color:#f5f5f5; font-size:16px; padding: 5px 50px 0px 50px; line-height: 20px; }
#b7txt li:before {display: inline-block; content: counter(item) ""; counter-increment: item; background: #28a99e; color: #fff; display: inline-block; border-radius: 100%; margin: 0px 10px 0px -10px; padding: 2px 8px; border: 2px solid #fff;}
#b7txt p{color:#f5f5f5; font-size:18px; padding: 0px 50px 0px 50px; line-height: 28px;}
#b7txt a{padding: 5px 15px; border: 1px solid #f5f5f5; color: #f5f5f5; font-size: 20px; font-family: 'Abel', sans-serif; text-transform: uppercase; letter-spacing: 2px; text-decoration:none;}
    
    
/*box 6 - lets connect*/
#box6 {position:absolute; top: 3610px; width: 85%; z-index: 90; height: 150px; text-align:center; margin: 0 auto; left:0; right:0; }
#box6 img{padding: 30px 20px; display: inline-block; vertical-align:middle;}
#box6 p{font-family: 'Abel', sans-serif; font-size: 26px; color: #444; display: inline-block;}
    


/*box 8 - boilerplate*/
#box8 {position: absolute; top: 3790px; width: 100%; z-index: 90; height: 250px; min-width:100%; background: #008080; text-align:left;}
#box8 p{font-size: 14px; 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: #ccc; }
#box8 a:hover{text-decoration: none; color: #fff; }
#box8 img{border: none; }
#box8-1 {width: 15%; 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: 25%; 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: 30%; z-index: 20; height: 80%; display: inline-block; float:left;}
#box8-7 {width: 3%; z-index: 20; height: 100%;  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;}