@font-face{font-family:robotobk; src: url(../font/Roboto-Black.ttf);}
@font-face{font-family:robotorg; src: url(../font/Roboto-Regular.ttf);}
	*{margin:0px;}
#head{width:90%; margin:0px auto; font-family:robotobk;}
#head .logo{float:left;}
#head .logo img{height:70px; margin-left:-30px;}
#btn{float:right; width:82px; display:none; margin-top:30px;}
#btn .btn{float:left; padding-top:4px;}
#btn .btn span{display:block; height:1px; background:#363636; width: 30px; margin-bottom:4px; }
#btn .txt{float:right; padding-top:3px;font-family:robotorg; letter-spacing:2px; font-size:12px; color:#363636;}
#head .nav{float:right; margin-top:30px;}
#head .nav a{Display:inline-block; color:#363636; text-decoration:none; color:black; font-size:12px; padding-bottom:5px;letter-spacing:2px; margin-left:30px; }
#head .home{border-bottom:1px solid #363636;}
#close{ font-size:30px; color:white;  display:none; margin:20px 0px 0px 20px;}
#clear{clear:both;}
 
 #bookings h2{ margin-bottom:20px; }
 #bookings{ width:500px;  margin:100px auto; font-family:robotorg; }
 #bookings input[type=text]{ border:1px solid #336666; width:100%; background:white; height:50px;  margin-bottom:40px; padding-left:10px;}
  #bookings textarea{ border:1px solid #336666; width:100%; background:white; height:150px;  margin-bottom:20px; padding-left:10px;}
 #bookings input[type=button]{margin-top:20px;width:100%; height:50px; border:0px;border:1px solid #bea440; background:#bea440; color:white;}


#book{background:#336666;  width:1000px; padding:40px 0px 40px 40px; color:white; font-family:robotobk; margin:-40px auto 0px auto; display:flex; flex-wrap:wrap;}
#book select, #book input{width:130px; height:40px; border:none; margin-right:5px;}
#book input[type=button]{background:#bea440; color:white;}
#book a{line-height:40px;}
#book select:focus, #book input:focus{border:none;}

#foot{width:90%; padding:20px 5%; background:black;  display:flex; flex-wrap:wrap; font-family:robotorg; font-size:12px;}
#foot .fbox,#foot .sbox {width:25%; text-align:center; padding:50px 0px;}
#foot .fbox img{height:100px; margin-left:-40px; margin-top:-40px;}
#foot .fbox a{color:white; display:block; text-decoration:none; margin-top:20px; letter-spacing:1px;}
#foot .fbox h3,#foot .sbox h3{font-size:12px; padding-bottom:5px;letter-spacing:2px; color:#bea440;}
#foot .sbox a{display:inline-block; text-decoration:none; margin:20px 5px;}
#foot .sbox img{width:30px; height:30px; border-radius:10px;}
#totop{position:fixed; text-decoration:none; right:50px; bottom:50px; height:35px; width:30px; font-size:20px; line-height:35px; text-align:center; background:white; color:#bea440; border:1px solid #bea440;}





#cover{width:100%;  color:#363636;  margin-top:20px; padding:170px 0px; text-align:center; color:white; background:url("../img/cover.png") no-repeat; background-size:100%;}
#cover h1, #roomcover h1{font-family:robotobk; letter-spacing:2px; font-size:60px;}
#cover p, #roomcover p{font-family:robotorg; letter-spacing:2px; margin-top:20px;}
#roomcover{width:100%;  color:#363636;  margin-top:20px; margin-bottom:40px; padding:200px 0px; text-align:center; color:white;  background-size:100%;}
.roomc{background:url("../img/IMG_2403.jpg") no-repeat;}
.lounge{background:url("../img/IMG_2389.JPG") no-repeat;}
.restaurant{background:url("../img/IMG_2408.jpg") no-repeat;}
.club{background:url("../img/club.jpg") no-repeat;}
.galer{background:url("../img/IMG_2362.JPG") no-repeat;}

#welcome h1{margin:20px 0px;  letter-spacing:2px; font-size:42px;}
#welcome p{line-height:30px; font-size:14px;}
#welcome img{height:50px;}
#welcome{width:50%; margin:0px auto; text-align:center; font-family:robotorg; padding:100px 0px; }


#about{width:90%; margin:30px auto; font-family:robotorg; }
#about p{margin-top:30px; line-height:40px; letter-spacing:1px;}

#gallerycover{width:90%; display:flex; flex-wrap:wrap; margin:0px auto 40px auto;}
#gallerycover .bof{width:31%; margin:20px 1%; height:350px; overflow:hidden;}
#gallerycover img{width:100%; }


#slide{width:90%; display:flex; flex-wrap:wrap; margin:0px auto 40px auto;}
#slide .sbox{width:31%; margin:1%;}
#slide .sbox img{width:100%; height:250px;}


#navi{position:absolute; margin-left:10%;  width:80%; margin-top:-200px;}
#navi .next, #navi .prev{cursor:pointer;width:40px; height:40px; border-radius:40px; line-height:40px; background:white; color:#336666; text-align:center;}
#navi .next{float:right;}
#navi .pre{float:left;}

#gale{width:200px; margin:0px auto 40px auto; display:block; background:#336666; color:white; text-align:center; line-height:60px; text-decoration:none; border-radius:20px; font-family:robotorg; }
#gale:hover{background:#bea440;}


#title{width:90%; margin:0px auto; font-family:robotorg;}
#title p{color:#bea440; font-size:12px; margin-bottom:20px;}


#room{width:90%; display:flex; flex-wrap:wrap; margin:0px auto 40px auto; font-family:robotorg;}
#room a{display:block; color:#bea440; margin:5px 0px;;}
#room .box{width:43%; margin:3%;}
#room .box img{width:100%; height:350px;}

#menu{width:90%; margin:0px auto 20px auto;}
#menu .one{width:46%; float:left;  margin:40px 0px;}
#menu .two{width:46%; float:right; margin:40px 0px;}