*{margin:0;padding:0;border:0;outline:none;}
.top{position:fixed;width:150px;text-align:center;bottom:15px;right:15px;z-index:101;font-size:14px; font-weight:bold;}
#btp{background-color:#FFCE00;cursor:pointer;color:#000;text-decoration:none; border-radius:7px; padding:5px 10px;}
#bt2{background-color:#FFCE00;cursor:pointer;color:#000;text-decoration:none; border-radius:7px; padding:5px 10px;}

.more {display:none;}
a.showLink, a.hideLink { text-decoration: none;color: #000;padding:8px 10px;background:#FEF200;}
a.showLink:hover, a.hideLink:hover {color:#fff;background:#C81A21;}


body{font-family:Quando,verdana,arial; font-size:14px;font-weight:normal;line-height:25px;color:#000;}

.topbg{width:100%;height:45px;margin:0 auto;background:#323232;}
.fl {text-align:left; color:#fff; padding:10px 0; font-size:15px; width:33%;}
.fr {color:#fff; padding:8px; float:right; width:50%; text-align:right;}
.acc {text-align:left; color:#fff; padding:10px 0; font-size:14px;}
#video {float:right; padding-left:10px;}
.main {width:1140px; margin:0 auto;}
.logo{width:130px; position:absolute; z-index:1001; float:left;}

#smo{ float:left ; width:150px;}
.us{float:left; padding:5px 0px 0 0px;}
#menubg{ margin:0 auto;width:100%;}

#menu{width:888px; float:right}

#resbg{background:url(../images/bg.png) ; margin:0 auto; padding:30px 0; height:110px; background-position:left bottom;}
#reservation {width:960px; margin:0 auto;}
.reserve {width:99%; text-align:center;text-transform:capitalize;padding-bottom:30px;font-size:28px;color:#046127;}
.check1{float:left;width:200px; margin-right:5px; font-size:15px;}
.check{width:550px;float:left; font-size:15px;}
.adult{float:left;width:110px; margin-right:15px;}
.message1{font-size:14px;padding:9px 8px;width:81%;background:#f9f9f9;margin:0 auto;color:#333;float:left;border:1px solid #ccc;font-family:Quando; text-transform:uppercase;}
.message{font-size:14px;padding:8px;width:95%;background:#f9f9f9;margin:0 auto;color:#333;float:left;border:1px solid #ccc;font-family:Quando; text-transform:uppercase;}
#submit{float:left;margin-top:0px;}
input[type="submit"]
.palace-button, input[type="submit"], input#searchsubmit {background-color:#FFDD00;border:none;color:#000;font-size:14px;padding:10px 30px; font-weight:bold;font-family:Quando; margin-top:25px;}
::-webkit-input-placeholder {color: #333333;}
:-moz-placeholder {color: #333333;}
::-moz-placeholder {color: #333333;}
:-ms-input-placeholder {color: #333333;}

#content {margin:0 auto; width:100%; background:#ffffff; z-index:50; }
#content p{font-size:15px;color:#454545;font-weight:normal;line-height:25px;padding:0 20px 0 20px; text-align:justify;}
#img {float:right; padding-left:10px;}
.heading {text-decoration:none; padding:25px 10px;font-weight:bold;font-size:28px;text-align:center;text-transform:uppercase;line-height:35px; letter-spacing:1px; color:#046127;}
.heading a {text-decoration:none;color:#046127; font-weight:700;}
.heading p {padding:10px; font-size:14px;line-height:24px;text-transform:capitalize;}

#features {width:100%; padding:50px 0 20px 0; background:#046127;}
.feature1 {padding:15px; text-align:center;}
.sm{text-align: center; font-size:15px; color:#FFDD00; padding:8px;font-weight:bold;}
.icon {display: inline-block;color:#fff;}
.clear {clear:both;}
.col {width:220px; display: inline-block; clear:right; overflow:hidden;}

#choice {float:right;padding:0px 5px;}
#middle {width:100%; height:auto;padding:30px 0; position:relative;}
.column {width:550px; display: inline-block;overflow:hidden;float:left;  position: relative;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;margin:20px 10px; height:330px;}

.bar {position: relative; bottom:75px; padding:10px;font-size:18px;text-align:left; text-transform: capitalize; color:#fff; font-weight:bold; letter-spacing:1px; font-family:Open Sans, Verdana, Geneva, sans-serif;}
.bar:after {content: '';display: block; position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: #e7b315;}
.column:hover .bar{display:none;}
.image {display: block;width:555px;height: auto;}
.images:hover {background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 100%); transition: background-color 0.3s;}
.tit {font-size:18px;text-align:left; text-transform: capitalize; color:#fff; font-weight:bold; letter-spacing:1px; font-family:Open Sans, Verdana, Geneva, sans-serif;}
.tit:after {content: '';display: block;bottom: 0;left: 0;width: 100%;height: 1px;background-color: #e7b315;}

.overlay {position: absolute;bottom: 0;left:0;right: 0;overflow: hidden;width: 100%;height: 0;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 100%); transition: background-color 0.3s;}
.container:hover .overlay {height: 100%;}
.head {font-size:30px;text-align: center; text-transform: uppercase; width: 100%; color:#fff; font-weight:bold; letter-spacing:1px; padding-bottom:30px;}



.text { 
  color:#fff;
  font-size:15px;
  position: absolute; overflow:hidden;font-weight:normal;
  top:80%;text-align:justify; left:120px; width:95%;
  transform: translate(-20%, -80%);

}
.read {padding: 8px;font-size: 14px;color:#000; font-weight:normal;text-decoration: none;background:#FFD714;text-align: center; margin:0 auto; width: 100px; border-radius:5px; text-transform:uppercase; float:right;}
.read a {color:#000;text-decoration: none;}

#buss{width:100%;padding:50px 0 10px 0; background: url(../images/area.jpg) top center fixed; }
.info{ width:1140px; line-height:30px;font-size:20px; background: rgba(4,53,22,0.6); height:300px;}
.info p{color:#fff; padding:50px; text-align:center;}
.head2 {text-transform:capitalize;font-size:25px;color:#fff; padding:5px 5px 5px 5px;line-height:40px; text-align:center; }
a.buss:link, a.buss:visited {font-weight:normal;margin: 0 auto;text-align: center;cursor: pointer;width: auto;height: auto;text-transform: capitalize;padding: 14px 30px 14px;font-size: 16px;background:#FFDD00;color: #000; text-decoration:none;}
a.buss:hover{background:#fff; color:#000;}
#buss .img{float:left; width:590px; margin:0 auto; padding-left:0px; box-shadow:1px 1px 6px #fff;}




#footer{width:100%;background:#262626; color:#fff;}
.details {float:left;padding:10px;width:1120px;}
#hotel {float:right;width:300px;margin-top:15px; }
.col-one {float:left; text-align:left;width:300px;color:#fff;padding:15px; margin-left:20px;}
.col-one ul{float:left; width:200px;}
.col-one li{list-style: inside; line-height:28px; }
.col-one ul li a{ font-weight:normal; color:#888888;}


.col-two {float:left;margin-left:70px;width:448px;margin-top:15px;}
.col-three {float:left;width:850px;margin-top:15px;margin-left:70px;}
.add {float:left;margin-top:15px;width:400px;}
.line {text-align:center; padding:10px; color:#fff;}
#bottom{width:100%;height:auto;clear:both; border-top:1px solid #fff; background:#046127; border-bottom:1px solid #fff; }
#owner {padding:15px 0;text-align:center;font-size:14px;color:#fff;}
.title{font-size:18px; padding-bottom:10px; color:#172E56;}
.title2{font-size: 18px; margin-left:50px;font-weight: 900;color:#172E56;}
a.cgsl:link, a.cgsl:visited {color:#fff;font-weight:normal;text-decoration:none;padding-bottom:3px;}
a.cgsl:hover {color:#fff;}

a.cgs2:link, a.cgs2:visited {color:#FFDD00;font-weight:normal;text-decoration:none;padding-bottom:3px;}
a.cgs2:hover {color:#FFBA02;}

a.cgs:link, a.cgs:visited {color:#000;font-weight:normal;text-decoration:none;padding-bottom:3px;}
a.cgs:hover {color:#000;}

.cc_dialog.simple {
left: 0 !important;
top: auto;
bottom: 0;
right: auto !important;
max-width:100% !important;
position: fixed;
opacity:0.9 !important;
}

.c5{
padding:7px 7px;
width:250px;
border: 1px double #135798;
overflow:hidden;
margin:0 auto;
margin:25px 15px 0 0;
color:#00315f;
float:left;
}