*{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:#444;cursor:pointer;color:#fff;text-decoration:none; border-radius:7px; padding:5px 10px;}
#bt2{background-color:#444;cursor:pointer;color:#fff;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'; font-size:15px;font-weight:normal;line-height:28px;color:#000;}
#top{width:100%;height:35px;margin:0 auto;background:#f4f4f4;}
#topbg{height:77px; background:#002643;}
.main {width:1140px; margin:0 auto;}
#logo{float:left; height:70px; width:188px;}
.fr {color:#555555; padding:5px; float:right; width:40%; text-align:right;}
.fl {color:#555556; padding:5px; float:left;width:45%;}

#menubg{ margin:0 auto;width:100%;}
#menu{float:right; padding-top:20px;}



#resbg {margin:0 auto; font-family: 'Libre Baskerville', serif; width:80%; padding:20px 0 60px 0; background-image: linear-gradient(45deg,#F4F4F4 0,#f8f8f8 100%); box-shadow: 0 0 3px rgba(0,0,0,0.3); position: relative; z-index: 1000; box-shadow: 1px 2px 14px #00000054; margin-top:-4%;}
#reservation {width:860px; margin:0 auto;}
.reserve {width:99%; text-align:center;text-transform:capitalize;padding-bottom:30px;font-size:28px;color:#172E56;}.check1{float:left;width:150px; margin-right:5px; font-size:15px;}
.check{width:550px;float:left; font-size:15px; display:contents;}
.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: capitalize;}
.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: capitalize;}
#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;}
::-webkit-input-placeholder {color: #333333;}
:-moz-placeholder {color: #333333;}
::-moz-placeholder {color: #333333;}
:-ms-input-placeholder {color: #333333;}
label { display:none;}
#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;}
#photo {float:right;margin-left:30px;box-shadow:1px 1px 5px #999;border:2px solid #fff; margin:20px;}
.acc {text-align: center; color:#fff; padding:10px; font-size:18px; line-height:35px;}
.topbg{width:100%;margin:0 auto; background:#002643;}
.heading {text-decoration:none; padding:25px 10px;font-weight:bold;font-size:25px;text-align:center;text-transform:uppercase;line-height:35px; letter-spacing:1px;color:#374B7E;}
.heading a {text-decoration:none;color:#374B7E; font-weight:700;}
.heading p {padding:10px; font-size:14px;line-height:24px;text-transform:capitalize;}

.head {font-size: 30px;text-align: center;text-transform: uppercase;width: 100%;color:#374B7E;font-weight: bold;letter-spacing: 1px;padding-bottom: 30px;}
.head p {color:#374B7E; padding:50px 10px 0;font-size:18px; text-transform: none; font-weight:normal; letter-spacing:0;}
#features {width:100%;height:auto; padding:50px 0 0;}
.feature1 {padding:13px; text-align:center; background: #fff;}
.sm{text-align: center; font-size:16px; color:#000; padding:10px;font-weight:normal; line-height:28px; text-align:center;}
.icon { border-radius:20px; border: 2px solid #FFF;box-shadow: 0px 0px 10px rgba(119, 119, 119, 0.50);display: inline-block; padding: 12px; background:#68747D; color:#fff;}
.clear {clear:both;}
.col {width:165px; display: inline-block; padding:0 10px; clear:right; overflow:hidden;}

#area {width:100%; background:url(../images/area.jpg); height:700px; background-position:bottom;}
.explore{width:350px; float:right; background:#fff; margin:30px 0 0px 0; padding:20px; line-height:30px; background:rgba(255,255,255,0.6)}
.explore p{padding:0 0 10px 0;}

#video{ width:100%; height:auto; padding:50px 0;}
.video{width:450px; border: solid 2px #ededed; -moz-box-shadow: 1px 1px 5px #999; -webkit-box-shadow: 1px 1px 5px #999; float:left; padding:10px;box-shadow: 1px 1px 5px #999; margin:15px 0 15px 15px;}
.video img { width:100%;}
.right{float:right; width:600px; padding-top:80px; line-height:35px;}

#smo{ float:left; width:150px;}
#footer{width:100%;background:#1D1818; color:#fff;}
#hotel {float:right;width:200px;padding-left:3px;}
.col-one {float:left; text-align:left;width:400px;color:#fff;margin:15px 0px;}
.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:#fff; text-decoration:none;}


.col-two {float:left;margin-left:30px;width:448px;margin-top:15px;}
.col-three {float:left;width:100%;margin-top:15px;}
.add {float:left;margin-top:15px;width:450px; padding:5px;}
.line {padding:10px;}
#owner {padding:5px;line-height:35px;width:1000px; font-weight:500;}
.title{font-size:18px; padding:35px 0;}
.title2{font-size:18px;margin-left:30px;font-weight:900;color:#002643;}

a.cgsl:link, a.cgsl:visited {color:#fff;font-weight:normal;text-decoration:none;}
a.cgsl:hover {color:#fff;}

a.cgs2:link, a.cgs2:visited {color:#FFC845;font-weight:normal;text-decoration:none;}
a.cgs2:hover {color:#FFC845;}

a.cgs:link, a.cgs:visited {color:#000;font-weight:normal;text-decoration:none;}
a.cgs:hover {color:#000;}

a.cgs3:link, a.cgs3:visited {color:#573393;font-weight:normal;text-decoration:none;}
a.cgs3:hover {color:#573393;}
.cc_dialog.simple {
left: 0 !important;
top: auto;
bottom: 0;
right: auto !important;
max-width:100% !important;
position: fixed;
opacity:0.9 !important;
}

.map1{ font-size:12px;padding:10px; width:50%;margin-right:15px; background:#fff;border: 1px double #929292;color:#444;float:left; border-radius: 20px; font-family:Quando,verdana,arial}


.js-modal {
  /* Take the box out of the flow, so that it could look like a modal box */
  position: absolute; z-index:999;
  /* Avoid the awkwardly stretchy box on bigger screens */
  max-width: 450px;

  /* Aligning it to the absolute center of the page */
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);

  /* Some cosmetics */
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .1);
}

.js-modal-hidden {
  display: none;
}

/* Make the media inside the box adapt the width of the parent */
.js-modal img,
.js-modal iframe,
.js-modal video {
  max-width: 100%;
}

/* Make the inner element relatively-positioned to contain the close button */
.js-modal-inner {
  position: relative;
  padding: 10px;
}

/* Close button */
.js-modal-close {
  font-size: 10px;
}