@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:#FFF200;}

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:2px solid #ED1A3B; background:#444444;}
#logo{float:left; height:65px; width:130px; padding:5px 0;}
.fr {margin: 20px 0 10px 10px; text-transform:uppercase; font-size:17px; float: right;background:#FFDD00; color: #000;padding:5px 18px;}
#menu{float:left; padding-top:10px; padding-left:15px;}


#content {margin:0 auto; width:100%;}
.heading {text-decoration:none; padding:25px 10px;font-weight:normal;font-size:28px;text-align:left;text-transform: capitalize;line-height:35px; letter-spacing:1px; color:#ED1A3B;}
.heading a {text-decoration:none;color:#ED1A3B; font-weight:700;text-align:center;}
#content p {padding:10px; line-height:35px;}
#content p a { color:#ed1a3b; text-decoration:none;}
#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:#ED1A3B; height:auto; padding:50px 0;}
.feature1 {padding:20px; text-align:center; background: #fff; border-radius:15px;}
.sm{text-align: center; font-size:25px; color:#ED1A3B; 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:#ED1A3B;}
.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 {color:#ED1A3B; font-size:30px; width:1120px; margin:0 auto; line-height:45px; letter-spacing:0.5px;}
.acc a{text-decoration:none;color:#ED1A3B; font-weight:normal;}

.fra{width:630px; float:right; padding:10px;}
.fra img { width:100%; padding:10px;}
.lef{float:left;  width:450px; color:#000; line-height:50px; margin-top:20px;}
.lef p {line-height:35px;}
.frame{width:630px; float:left; padding:10px;}
.frame img { width:100%; padding:10px;}
.right{float:right; width:400px; color:#000; line-height:50px; margin-top:50px;}
.right p {line-height:35px;}
.img {float:right; padding-left:10px;}
.small{font-size:15px; letter-spacing:5px; display:block; color:#ED1A3B; text-transform:uppercase; line-height:55px;}
.big{font-size:35px; letter-spacing:5px;color:#ED1A3B; text-transform:uppercase;}
.img { width:1200px; margin:0 auto;}

.footer{width:100%;background:#ED1A3B; color:#fff;}
.hotel {float:right;margin-top:15px; width:250px;}
.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-two ul li a{ font-weight:normal; color:#ED1A3B; text-decoration:none;}
.col-three {float:left;width:80%;padding-left:50px;}
.add {float:left;margin-top:15px;width:440px;}
.line {padding:5px; text-align:center; color:#000;}
.owner {margin:0 auto; text-align:center; font-size:17px; background:#444444;}
.owner p { padding:5px 0; color:#fff;}
.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:#ED1A3B;font-weight:normal;text-decoration:none;}
a.cgs2:hover {color:#ED1A3B;}

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:#ED1A3B ; 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;}