@font-face{font-family:robotobk; src: url(../font/Roboto-Black.ttf);}
@font-face{font-family:robotorg; src: url(../font/Roboto-Regular.ttf);}
	*{margin:0px;}
	
	
#menucont{width:90%;   font-family:robotorg; height:auto; padding:40px 0px;  margin:0px auto 40px auto;}	
#menucont .slide{width:100%; display:flex; flex-wrap:wrap;}
#menucont .slide .sbox{width:25%; margin:20px 3%; border:1px solid silver; padding:10px; overflow:hidden; }

#menucont .slide .sbox img{ height:200px; margin-bottom:10px;}
#menucont .slide .sbox span{ color:grey;}
#menucont .slide .sbox p{margin:10px 0px;}

.navi{position:absolute; z-index:1000; margin-left:3%;  width:94%;  -webkit-user-select:none; -ms-user-select:none; -moz-user-select:none; user-select:none;}
.nextt{float:right; height:40px; width:30px; background:url(../img/right.png) no-repeat; background-size:100%; margin-top:-200px; cursor:pointer;}
.prevt{float:left; height:40px; width:30px; background:url(../img/left.png) no-repeat; background-size:100%; margin-top:-200px; cursor:pointer;}


#menunav{width:100%;  text-align:center; font-family:robotobk; height:auto; font-weight:bold;}	
#menunav a{ display:inline-block; cursor:pointer; margin:0px 20px;}	
#menunav img{height:40px;}	
#menunav span{float:right; margin-left:10px; margin-top:10px;}	
	
#head{width:90%; padding:0px 5%; font-family:robotobk; background:white;}
#head .logo{float:left;}
#head .logo img{height:70px; }
#btn{float:right; width:32px; display:none; margin-top:30px;}
#btn .btn{float:left; padding-top:4px;}
#btn .btn span{display:block; height:1px; background:#363636; width: 32px; 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:grey; text-decoration:none; color:black; font-size:12px; padding-bottom:5px;letter-spacing:2px; margin-left:30px; }
#head .home{border-bottom:1px solid black;}
#close{ font-size:30px; color:white;  display:none; margin:20px 0px 0px 20px;}
#clear{clear:both;}
 

#foot{width:90%; padding:20px 5%; background:silver;  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-top:-40px;}
#foot .fbox a{color:black; font-weight:bold;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:white;}
#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:black; border:1px solid black;}


#menubtn{width:200px; margin:-100px auto 0px auto; color:white; background:grey; height:45px; line-height:45px; display:block; text-align:center; text-decoration:none; font-family:robotorg;}


#cover{width:100%;  color:#363636;  margin-top:20px;  text-align:center; color:white;}
#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:120px 0px; text-align:center; 
color:white;  }
.roomc{background:url("../img/one.JPG") no-repeat; background-size:100%;}
.clubc{background:url("../img/nine.JPG") no-repeat; background-size:100%;}
.restaurant{background:url("../img/cover.png") no-repeat; background-size:100%;}
.who{background:url("../img/cover1.png") no-repeat; background-size:100%;}
.team{background:url("../img/cover1.png") no-repeat; background-size:100%;}
.galer{background:url("../img/one.JPG") no-repeat; background-size:100%;}


#welcome h1{margin:20px 0px;  letter-spacing:2px; font-size:42px; font-weight:normal;}
#welcome p{line-height:30px; font-size:14px;}
#welcome img{height:50px;}
#welcome{width:60%; 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;}
#about img{width:49%; margin-right:1px;}

#gallerycover{width:90%; display:flex; flex-wrap:wrap; margin:0px auto 40px auto;}
#gallerycover .bof{width:31%; margin:20px 1%; height:240px; 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; -webkit-user-select:none; -ms-user-select:none; -moz-user-select:none; user-select:none;}
#navi .next, #navi .prev{cursor:pointer;width:40px; height:40px; border-radius:40px; line-height:40px; background:white; color:grey; border:1px solid grey; text-align:center;}
#navi .next{float:right;  }
#navi .pre{float:left; }

#gale{width:150px; font-size:12px; margin:0px auto 40px auto; display:block; background:black; color:white; text-align:center; line-height:40px; 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;}
#menu .two{width:46%; float:right;}


#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 black; background:black; color:white;}

 
 #event{width:80%;padding:100px 10%; background:#f4f4f4;}
 #event2{width:80%;padding:100px 10%; background:white;}
 #event2 .fir{width:50%; float:left;}
 #event .fir{width:45%; float:left; margin-top:50px;  font-family:robotorg;}
 #event2 .sec{width:45%; float:right; margin-top:50px;  font-family:robotorg;}
 #event .sec{width:50%; float:right;}
 #event .sec img, #event2 .fir img{width:100%; }
 #event h1, #event2 h1{font-weight:normal;}
 #event p, #event2 p{margin-top:20px;}
 #event a, #event2 a{width:150px; font-size:12px; margin:20px 0px 0px 0px; display:block; background:black; color:white; text-align:center; line-height:40px; text-decoration:none; border-radius:20px; font-family:robotorg; }
 #event a:hover, #event2 a:hover{background:#bea440;} 
 
 #cart{width:22px; padding-left:18px; height:40px;  background:url(../img/cart.png) no-repeat; background-size:90%; background-position:0px 10px; float:right; margin:20px 0px 0px 0px;}
 .add_to_cart{float:right; font-size:12px; width:90px; line-height:32px; background:grey; color:white; text-align:center; cursor:pointer; border-radius:5px;}
 
 
 #cartcover p{margin-left:6%;  margin-top:5px; }
 #cartcover input[type=text]{width:88%; background:white; height:40px; margin-left:6%;  margin-top:5px; border:none; padding-left:10px;}
 #cartcover input[type=button]{width:40px; height:40px; margin:0px 20px;}
 #cartcover .remov{color:red; cursor:pointer;}
 #cartcover{overflow-y:auto;width:35%; display:none; height:98%; padding:1% 0px; position:fixed; top:0;z-index:2000; background:grey; font-family:robotorg; }
 #cartcover table img{width:100px; }
 #cartcover table {width:88%; background:white; margin-left:6%;  margin-top:5px;}
 #cartcover table td{padding:10px; vertical-align:top; }
 #cartcover .summ{float:left; margin-left:50px; line-height:35px;}
 #cartcover .cartclose{float:right; margin-right:50px; line-height:35px; text-align:center; font-size:25px; width:35px; border:1px solid black; border-radius:35px; color:black;  }
 
 
 #head li{list-style-type:none; margin-left:-50px; padding:5px 5px 5px 0px;}
#servnav, #shopnav,#menav{position:absolute; background:white;  z-index:5000; }
 #servnav a, #shopnav a, #menav a{display:block;}
 #shopnav{margin-left:200px; display:none;}
 #servnav{margin-left:100px; display:none;}
 #menav{margin-left:400px; display:none;}