@import url('https://fonts.googleapis.com/css?family=Lora');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
*{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:Noto Sans,verdana,arial; font-size:17px;font-weight:normal;line-height:30px;color:#454545;}
.main {width:1140px; margin:0 auto;}


header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px 20px;
      background:#2268B0;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
      position: relative;
      z-index: 10; 
    }

    .menu {
      display: flex;
      gap: 20px;
    }

    .menu a {
      text-decoration: none; font-size:18px; 
      color: #fcf5de; font-family: "Oswald", sans-serif; padding:2px 6px;
      font-weight:400; letter-spacing:1px; text-transform:uppercase;
    }
.menu a:hover { background:#515151; color:#fff;}

.menu a.active {
     background:#515151; color:#fff; 
}
    .logo {
      position: absolute;
      left: 50%; top:0%;
      transform: translateX(-50%);
    }

    .logo img {
      height:80px;
    }

    .menu-toggle {
      display: none;
      cursor: pointer;
      z-index: 20;
    }

    .bar {
      width: 25px;
      height: 3px;
      background-color: #333;
      margin: 5px 0;
    }

    .menu-container {
      display: flex;
      justify-content: space-between;
      width: 100%;
      max-width: 1000px;
      margin: 0 auto;
    }

    .menu-left,
    .menu-right {
      display: flex;
      gap: 20px;
    }

    /* Mobile Styles */
    @media (max-width: 790px) {
      header {
        flex-direction: column;
        align-items: flex-start;
      }

      .logo {
        position: static;
        transform: none;
        margin: 10px auto;
      }

      .menu-container {
        display: none;
        flex-direction: column;
        width: 100%;
        padding: 10px 20px;
      }

      .menu-container.active {
        display: flex;
      }

      .menu-left,
      .menu-right {
        flex-direction: column;
        width: 100%;
        gap: 10px;
      }

      .menu-toggle {
        display: block;
        position: absolute;
        top: 15px;
        left: 20px;
      }

      .menu a {
        padding: 10px 0;
        border-bottom: 1px solid #eee;
      }
    }

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

.head1 {text-decoration: none;color:#083487;font-weight:normal;font-size:30px;font-family:Lora, Verdana, Geneva, sans-serif; letter-spacing:2px;text-align: center;text-transform: uppercase;padding:10px 0px 30px 0px; text-decoration:underline;}
p{text-align:center; margin:0 auto;}
.bed{width:100%; padding:30px 0 50px 0; border:2px dotted #d7d7d7;}
.room {width:545px; display: inline-block;float:left; padding-right:25px;}
.feature3 img{padding:0px; width:545px; height:409px; box-shadow:1px 1px 5px #666;}
.feature4 {padding:15px 5px;height:360px; color:#ffdd00;-moz-box-shadow: 1px 1px 5px #999; -webkit-box-shadow: 1px 1px 5px #999;box-shadow: 1px 1px 5px #999; }
.feature4 p{color:#ffdd00; padding:10px 15px 15px 15px; font-size:18px; text-align:center;text-transform: capitalize; background:#083487;}
.bull {padding:20px; color:#000; font-size:15px; text-align:center; }
a.view:link, a.view:visited {padding:10px 20px; color:#fff;text-decoration:none; font-size:15px; text-align:center; margin-left:10px; background:#083487;}
a.view:hover{ border:1px solid #083487; color:#000; background:#fff;}

.area{width:330px; float:left; background:#fff; margin:80px 0 0px 0; padding:20px; line-height:30px;}
.area p{padding:0 0 10px 0;}
.sm1{text-align: center;color:#083487; padding:15px 10px 0 10px;font-weight:bold; font-size:20px; text-transform: uppercase; letter-spacing:1px;}

.col-two {float:left;margin-left:70px;width:448px;margin-top:15px;}

.title1{ font-size:17px;font-weight:normal}
#footer{width:100%;background:#2268B0; color:#fff; padding:20px 0; border-top:2px solid #FBF201;}
.hotel {float:left; padding-right:10px;}
.link{color:#000 !important; text-decoration:none; text-align:left; line-height:40px; padding-top:10px;}
.link a	{ color:#000; text-decoration:none;}
#bottom{width:100%; padding:5px 0; background:#515151; color:#fff;}
.owner {padding:3px 0;text-align: center;width:1140px; margin:0 auto;}
.owner a{color:#ffffff; text-decoration:none;}

.c6{
padding:10px 7px;
width:250px;
background:#f0f0f0;
border-bottom: 1px double #000;
border-top: 1px double #000;
border-left:1px double #000;
border-right:1px double #000;
overflow:hidden; 
margin:0 auto;
color:#00315f;
float:left; font-weight:bold; font-size:16px; text-transform:uppercase;
}
.map1{ font-size:12px;padding:10px; width:50%;margin-right:15px; background:#fff;border: 1px double #929292;color:#444;float:left; border-radius:1px; font-family:Quando,verdana,arial}

/*
#topbg {margin: 0 auto; width: 100%; border-bottom:3px solid #2268b0;}
#logo{float:left; height:80px; width:180px;}
.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:10px;}


#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;}
#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:#2268B0; 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/guest-room.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: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:20%; margin:0 auto;
}
.rm a {color:#26337B; text-decoration:none;}

.area{ width:100%; background:#2268B0;}
.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:#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:#2268B0; 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; margin:0 auto; text-align:center; font-size:17px;}
.owner p { padding:5px 0;}
.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;}


.cc_dialog.simple {
left: 0 !important;
top: auto;
bottom: 0;
right: auto !important;
max-width:100% !important;
position: fixed;
opacity:0.9 !important;
}