@import url('https://fonts.googleapis.com/css?family=Cabin:500,600,700|Kanit:200,300,300i,400');
*{margin:0;padding:0;border:0;outline:none;}
.top{position:fixed;width:150px;text-align:center;bottom:25px;right:15px;z-index:101;font-size:14px; font-weight:bold;}
#btp{background-color:#666;cursor:pointer;color:#fff;text-decoration:none; border-radius:7px; padding:5px 10px;}
#bt2{background-color:#666;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:Cabin,verdana,arial; font-size:17px;font-weight:normal;line-height:30px;color:#454545;}
.main {width:1140px; margin:0 auto;}


#topbg {margin: 0 auto; width: 100%; border-bottom:3px solid #16286c;}
#logo{float:left; height:90px; width:80px; padding-top:5px;}
.fr {margin: 27px 0 10px 20px; text-transform:uppercase; font-size:17px; float: right;background:#FFDD00; color: #000;padding:5px 17px;}
#menu{float:left; padding-top:20px; padding-left:30px;}


#content {margin:0 auto; width:100%;}
.heading {text-decoration:none; padding:25px 10px;font-weight:bold;font-size:28px;text-align:center;text-transform: capitalize;line-height:35px; letter-spacing:1px; color:#fff;}
.heading a {text-decoration:none;color:#16286c; font-weight:700;}
#content p {padding:10px; line-height:35px;}
#video {float:right; margin:0px 0 0px 20px; box-shadow: 1px 1px 5px #999; border:8px solid #fff;}


.headame {font-size: 30px;text-align: center;text-transform: uppercase;width: 100%;color: #fff;font-weight:normal;letter-spacing:1px;padding-bottom: 30px; font-family:'Quando',serif;}
.headame p {color:#fff; padding:50px 10px 0;font-size:15px; text-transform: none; font-weight:normal; letter-spacing:0;}
#features {width:100%; background:#16286c; height:auto; padding:50px 0;}
.feature1 {padding:20px; text-align:center; background: #fff; border-radius:15px;}
.sm{text-align: center; font-size:25px; color:#16286c; padding:10px;font-weight:normal; line-height:28px; text-align:center;}
.icon { border:1px solid #FFF;box-shadow: 0px 0px 10px rgba(119, 119, 119, 0.25);display: inline-block; padding: 12px; background:#FFDD00;}
.clear {clear:both;}
.col {width:350px; display: inline-block; padding:13px; clear:right; overflow:hidden;}


#buss{width:100%; padding:50px 0; background: url(../images/guest-room.jpg) fixed; }
.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;}
.info{ width:990px; font-size:35px; margin:0 auto; padding:20px; color:#fff; text-align:center; text-transform:uppercase; font-weight:bold; line-height:45px; letter-spacing:1px;}
.info p{color:#eee; text-align:center; line-height:30px; font-size:16px; text-transform:capitalize; padding:30px 0;}
.rm {
    text-align: center;
    font-size: 17px;
    background:#FFDD00;
    color:#26337B;
	width:40%; margin:0 auto;
}
.rm a {color:#26337B; text-decoration:none;}

.area{ width:100%; background:#16286c;}
.vid{width:650px; float:right;}
.vid img { width:100%;transition: 0.5s all ease-in-out;}
.vid:hover img {transform: scale(1.2);}
.left{float:left; width:405px; padding:20px 30px;}
.left p{font-size:16px; padding:30px 0; line-height:35px;}
.head1 {text-decoration:none;font-size:25px;text-transform: capitalize;line-height:35px; letter-spacing:1px; color:#fff;font-family:'Roboto Slab', serif;}
.head {text-decoration:none; font-weight:bold;font-size:28px;text-transform: capitalize;line-height:35px; letter-spacing:1px; color:#fff;font-family:'Quando',serif;}
.map1{ font-size:18px;padding:10px; width:82%;margin-right:13px; color:#26337B;float:left; font-family:'Roboto Slab',verdana,arial; border-radius:5px; background:#FFDD00;}
.map{ background:#fff; border-radius:5px;padding:15px; width:75%;margin-right:15px; font-family:'Roboto Slab',verdana,arial;  }


.topbk{ width:80%; margin:0 auto;padding:50px;}
.acc {text-align:center; color:#16286c; font-size:30px; width:1140px; margin:0 auto; line-height:45px; letter-spacing:0.5px;}
.acc a{ text-decoration:none;color:#16286c; font-weight:normal;}


.footer{width:100%;background:#16286c; color:#fff;}
.hotel {float:right;margin-top:15px; width:270px;}
.col-one {float:left; text-align:left;width:400px;color:#fff;margin:15px 0;}
.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;}

#bottom{width:100%; color:#fff;}
.col-two {float:left;margin-left:30px;width:448px;margin-top:15px;}
.col-three {float:left;width:80%;padding-left:50px;}
.add {float:left;margin-top:15px;width:435px; margin-left:35px;}
.line {padding:5px; text-align:center; color:#000;}
.owner {padding:5px 0; margin:0 auto; text-align:center; font-size:17px;}
.owner p { padding:5px 0;}
.title{font-size:24px; padding:20px 0 5px 0; text-transform:uppercase; margin-bottom:15px; color:#FFDD00; letter-spacing:1px;}
.title a{text-decoration:none; color:#FFDD00;}

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:#16286C;font-weight:normal;text-decoration:none;}
a.cgs2:hover {color:#16286C;}

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:#ffdd00;font-weight:normal;text-decoration:none;}
a.cgs3:hover {color:#ffdd00;}

.map1{ font-size:12px;padding:10px; width:50%;margin-right:15px; background:#fff;border: 1px double #929292;color:#444;float:left; border-radius:15px;}


#resbg{background:#16286c ; margin:0 auto;}
#reservation {width:1200px; margin:0 auto; padding:10px 0px;}
.res{font-size:22px;text-transform: uppercase;padding:30px 30px 10px 30px; color:#fff; font-weight:500;float:left;}
.check1{float:left;width:150px; margin-right:5px; font-size:15px;}
.check{width:510px;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:#000;float:left;border:1px solid #ccc;font-family:Quando; text-transform:uppercase;}
#submit{float:right; margin-top:30px;}
input[type="submit"]
.palace-button, input[type="submit"], input#searchsubmit {background-color:#FFDD00;border:none;color:#000;font-size:14px;padding:10px 22px; font-weight:bold;font-family:Poppins,verdana,arial; border-radius:10px;}
::-webkit-input-placeholder {color: #333333;}
:-moz-placeholder {color: #333333;}
::-moz-placeholder {color: #333333;}
:-ms-input-placeholder {color: #333333;}

