@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:2px solid #2268b0;}
#logo{float:left; height:75px; width:75px; padding:2px 0;}
.fr {margin: 17px 0 10px 15px; text-transform:uppercase; font-size:16px; float: right;background:#FFDD00; color: #000;padding:7px 17px;}
#menu{float:left; padding-top:20px; padding-left:44px;}


#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:#2268B0; font-weight:700;}
#content p {padding:10px; line-height:35px;text-transform:capitalize; 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:#104378; height:auto; padding:50px 0;}
.feature1 {padding:20px; text-align:center; background: #fff; border-radius:15px;}
.sm{text-align: center; font-size:25px; color:#2268B0; 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/attraction.jpg) top 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:830px; font-size:50px; margin:0 auto; padding:70px 30px 20px; color:#fff; text-align:center; text-transform:uppercase; font-weight:bold; line-height:45px; letter-spacing:1px; text-shadow:5px 5px 10px #000; background:rgba(0,0,0,0.5);}
.info p{color:#eee; text-align:center; line-height:30px; font-size:17px; text-transform:capitalize; padding:30px 0;}

.area{ width:100%; background:#104378;}
.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:100%; margin:0 auto;padding:50px 0;}
.acc {text-align:center; color:#2268B0; font-size:30px; width:1140px; margin:0 auto; line-height:45px; letter-spacing:0.5px;}
.acc a{ text-decoration:none;color:#2268B0; font-weight:normal;}


.footer{width:100%;background:#333333; color:#fff;}
.hotel {float:right;margin-top:15px;}
.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:#2268B0; text-decoration:none;}
.col-three {float:left;width:80%;padding-left:50px;}
.add {float:left;margin-top:15px;width:455px; margin-left:35px;}
.line {padding:5px; text-align:center; color:#000;}
.owner {padding:5px; margin:0 auto; text-align:center; font-size:17px; border-top:2px solid #fff;}
.owner p { padding:5px 0;}
.title{font-size:20px; 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:#36626D;font-weight:normal;text-decoration:none;}
a.cgs2:hover {color:#36626D;}

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;}

.mainbg { width:100%; margin:0 auto; padding:2% 0;}
.box {float:left; margin:0px 10px; width:23%; background:#fff; border-radius:10px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); transition:transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out; border:1px solid #dee2e6;}
.box p { padding:15px 22px; color:#727272; font-size:15px; line-height:26px; font-weight:normal; text-align:center;}
.geeks {width: 100%; overflow: hidden; margin: 0 auto; margin-bottom:20px; border-radius:10px 10px 0 0;} 
.geeks img {width: 100%; transition: 0.5s all ease-in-out;} 
.geeks:hover img {transform: scale(1.2);} 
.text {color:#004D6D; text-align:center; letter-spacing:1px;line-height:32px; font-weight:bold; font-size:18px;}
.text a {color:#004D6D; text-decoration:none;}
.text a:hover {color:#f9520b;}


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

#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; border-radius:5px;}
::-webkit-input-placeholder {color: #333333;}
:-moz-placeholder {color: #333333;}
::-moz-placeholder {color: #333333;}
:-ms-input-placeholder {color: #333333;}


/* Popup Banner */
.popup-banner{
    position: absolute;
    top:120px;
    left:0;
    width:100%;
    display:flex;
    justify-content:center;
    z-index:9999;
    padding:10px 0;
}

/* Image Style */
.popup-banner img{
    width:95%;
    max-width:300px;
    height:auto;
    border-radius:12px;
    box-shadow:0 8px 25px rgba(0,0,0,0.35);
}

/* Close Button */
.close-btn{
    position:absolute;
    right:15px;
    background:#fff;
    border:none;
    width:34px;
    height:34px;
    border-radius:50%;
    font-size:18px;
    cursor:pointer;
    box-shadow:0 4px 10px rgba(0,0,0,0.3);
}

.close-btn:hover{
    background:#f1f1f1;
}

/* Mobile */
@media(max-width:600px){
    body{
        padding-top:100px;
    }

    .popup-banner img{
        width:92%;
    }
}