@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600&display=swap');

*{margin:0;padding:0;border:0;outline:none;}
.lft { float:left;}
.rgt { float:right;}
.title2, .title2 a {text-align:left;text-transform:uppercase; text-decoration:none; font-weight:normal; font-size:23px; color:#004986; margin:15px 0;}
.title3, .title3 a  {font-size:30px;color:#fff;text-decoration:none; line-height:40px; margin-bottom:10px; font-weight:normal; text-align:center;}
.title4, .title4 a {font-size:23px; font-weight:bold;color:#333; text-decoration:none; text-align:left; margin-bottom:6px;}
.title5 {text-decoration:none; margin:0 auto; font-weight:bold; font-size:21px; color:#fff; padding:15px 0 5px 0;}
.title5 a { color:#fff; text-decoration:none;}
.title6 {text-decoration:none; margin:0 auto; font-weight:bold; font-size:25px; color:#4b2884; letter-spacing:1px; line-height:34px;}
.wht {text-decoration:none; margin:0 auto; font-weight:bold; font-size:23px; color:#4b2884; margin-bottom:15px; letter-spacing:1px;}
.ct { text-align:center;}
.white {text-decoration:none; margin:0 auto; font-weight:bold; font-size:21px; color:#fff;  text-transform:uppercase; letter-spacing:1px; margin-top:10px;}
body{ background:#fff; font-family: 'Montserrat', sans-serif;
}
.call{ float:right; padding:8px 8px;  color:#c20808; font-size:16px; border:solid 1px #c20808; font-weight:bold; text-align:center; margin:6px 0; }
.call a { color:#c20808; text-decoration:none;}
#headbg {margin:0 auto; width:100%; float:none; position:fixed; background:#fff; -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%); z-index:10;}
#head { margin:0 auto; width:90%; }
	
.logo{ width:160px;  position:absolute; z-index:100; margin:0px 0; padding:4px 16px;} 
.logo img { width:100%;}
.bk{ margin:0px 5px;   color:#fff; font-size:15px; line-height:28px; font-weight:bold; text-align:center; padding:15px 20px; text-transform:uppercase; background:#104378; letter-spacing:.04em; display:inline-block;}
.bk a { color:#fff; text-decoration:none;}
.bk a:hover {color:#fff;text-decoration:none;}
.bk:hover {
  background-color:#464646; /* Green */
  color:#fff;
}
.map1{ font-size:12px;
padding:10px;
width:50%;
margin-right:15px; background:#fff;
border: 1px double #929292;
color:#444;
float:left;
}
#menu{ float:right; width:66%; margin:9px 0;}
#smo{ width:130px; float:right;}
.social-icon{float:left; padding:10px 6px; width:24px;}
#slide {margin:0 auto; width:100%; background:#F8F9FA;}
#slide iframe { margin-top:80px;}
.content, .contentsub {width:80%; margin:0 auto;  padding:5% 0; }
.content p{font-size:15px; color:#424242; font-weight:normal; line-height:26px; text-align:justify; }
.content p a, .contentsub p a {color:#104378; text-decoration:none; font-size:15px;}
.contentsub p {font-size:15px; color:#104378; font-weight:normal; line-height:26px; }
#feature {width:100%; margin:0 auto; background:#f2f6fa;}
#feat {width:86%; margin:0 auto;  padding:4% 0; }
.box {float:left; margin:28px 10px; width:23%; background:#fff;}
.box p, #feat p { padding:12px 22px; color:#333; font-size:15px; line-height:26px; font-weight:normal; text-align:center;}
.geeks { 
            width: 98%; 
            overflow: hidden; 
            margin: 0 auto; margin-bottom:20px;
        } 
      
        .geeks img { 
            width: 100%; 
            transition: 0.5s all ease-in-out; 
        } 
      
        .geeks:hover img { 
            transform: scale(1.2); 
        } 
.text {color:#131212; text-align:center; line-height:26px; font-weight:bold; font-size:17px;}
.text a {color:#131212; text-decoration:none;}
.text a:hover {color:#104378;}
.rm {
    text-align: center;
    padding: 2% 0;
    font-size: 19px;
    background: #ED1B2E;
    color: #fff;
	width:100%;
}
.rm a {color: #fff; text-decoration:none;}
.attr {width:80%; margin:0 auto; padding:3% 0%;}
.pol {float:left; width:46%; font-size:15px; color:#333; font-weight:normal; line-height:28px;}
.hotelbg { float:right;  width:50%; }
.hotel { float:right; margin:10px 10px; width:96%; outline: 1px dashed #FFF; outline-offset: -15px; 
            overflow: hidden; margin-bottom:20px; box-shadow:0px 0px 30px 0px rgb(168 168 168 / 30%);
        } 
      
        .hotel img { 
            width: 100%; 
            transition: 0.5s all ease-in-out; 
        } 
      
        .hotel:hover img { 
            transform: scale(1.2); 
        } 
.name { padding:2% 4%; float:none; margin:0 auto; color:#fff;  font-weight:bold; font-size:17px; position:absolute; top:84%;}

#footbg { width:100%; background:#104378; padding:3% 0;}
#footer  {width:80%; margin:0 auto;  line-height:30px; color:#fff;}
#footer p{ font-size:14px; color:#f5f5f5; font-weight:normal;}
#footer p a{text-decoration:none; color:#f5f5f5;}
.footer-col {float:left; width:42%; text-align:left; padding:15px 0px; font-size:14px; font-weight:normal;}
.footer-co {float:left; width:30%; text-align:left; padding:15px 0px;}
.footer-co ul { float:left; width:44%; margin-left:12px;}
.footer-co ul li{list-style:circle; line-height:28px; }
.footer-co ul li a{ font-size:14px; font-weight:normal; text-decoration:none; color:#fff;}
.footer-sm {float:right; width:24%; text-align:left; padding:15px 0px;}
#lastbg { width:100%;  background:#333;}
.last  {width:86%; margin:0 auto; padding:1% 0%; line-height:30px; color:#ededed;}
.last p, p a { font-size:15px; color:#ededed; text-decoration:none; font-weight:200; text-align:center;}

.col1{ width:40%; font-size:15px; color:#111010;  margin:15px 20px; float:left;}
.col1 ul li{list-style:circle; line-height:28px;}
.col1 ul li a{color:#111010; text-decoration:none; list-style:circle;}
.col{ width:80%; font-size:15px;  margin:15px 12px; float:left; text-transform:capitalize;}
.col ul li{list-style:circle; line-height:28px; text-transform:capitalize;}
.pool { float:right; width:40%; border-spacing:4px; border:solid 4px #2eb0d1;}
.pool img { width:100%}

.room { float:left; width:40%; }
.room img, .vid img { width:100%}
.booknow{padding:1% 4%; float:left; font-size:15px;font-weight:bold;color:#ff8a00; border:solid 2px #ff8a00;  text-align:center;  margin:1% 0; text-transform:uppercase; clear:both; }
.booknow a{color:#f68852;text-decoration:none;}
hr.style-four {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}
hr {margin: 6% 0;}

.event{border: 0px solid rgb(201, 0, 1); overflow: hidden; margin: 15px auto; max-width: 96%;}
.event iframe{border: 0px none; margin-left: 0px; height:1200px; margin-top:-480px; margin-bottom:-220px; width: 100%;}

.collapsible {
 background-color: #fff;
  color: #777; font-weight:bold;
  cursor: pointer;
  padding:8px 12px; font-family: 'Comfortaa', cursive;
  width:100%; margin:0 auto; float:none;
  border: none;
  text-align: center;
  outline: none;
  font-size: 15px;
}

.active, .collapsible:hover {
  background-color: #fff;
}

.addtx {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  
}


#w2b-StoTop{display: block;position: fixed;top:70%;padding: 10px; color:#fff; font-size:14px; right:0; margin-right:20px; text-decoration:none; cursor:pointer; background:#006AE1;}
#w2b-StoTop a{color:#fff; text-decoration:none; font-size:14px;}

#atrbg { width:100%; margin:0 auto; background:url(../images/Mountains.jpg) top center;  background-size:cover; padding-top:16%; }
.attrac_text {
    color: #fff; text-align:center; padding-bottom:14px;
    font-size: 80px!important;
    font-weight: bolder;
    text-transform: uppercase;
    letter-spacing: 5px;
    line-height: .8;
    margin: 0 auto;
    text-shadow: 5px 5px 10px #000;}
.atrtx { width:70%; margin:0 auto;  padding:4% 4%; float:none; background-color: rgba(0,0,0,0.5) }
.atrtx p {margin: 0 0 10px; font-size:16px; color:#dedede; font-weight:normal; line-height:28px; text-align:center;}
.readmore{padding:12px 0px;font-size:15px;font-weight:normal;color:#fff;text-decoration:none; text-align:center;  float:none; margin:0 auto; width:180px; margin-top:15px; background:#104378; margin-top:15px;}
.readmore a{color:#fff;text-decoration:none;}
.reserve { color:#104378; text-align:center; margin:0 auto; font-size:24px;  text-transform:uppercase;  float:none;  width:90%; clear:both; margin-bottom:12px; line-height:35px; font-weight:bold;}
#reserve {margin:0 auto; font-family: 'Poppins', sans-serif; width:100%; padding:20px 0; background:#f2f6fa;}
.imenu { width:80%; margin:0 auto; }
.check1{ margin:0px 12px; float:left; width:14%; }
#submit{float:left; margin-top:5px; }
.message1{ font-size:12px; background:#fff;
width:88%; padding:10px 8px;
border: 1px double #333;
overflow:hidden;
margin:0 auto;
color:#444; font-family: 'Poppins', sans-serif; border-radius:10px;
}
.message{font-size:12px; border-radius:10px;
width:100%; padding:9px;
border: 1px double #333;
overflow:hidden; background:#fff;
margin:0 auto;
color:#444; font-family: 'Poppins', sans-serif;
}
input[type="submit"]
.palace-button, input[type="submit"], input#searchsubmit {
background-color:#006AE1; border:none; color:#fff; font-size: 14px; font-family: 'Poppins', sans-serif; padding:9px 36px; font-weight:bold;  border-radius:10px;}
::-webkit-input-placeholder {
   color: #333333;
}

:-moz-placeholder { /* Firefox 18- */
   color: #333333;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #333333;  
}

:-ms-input-placeholder {  
   color: #333333;  
}
.map1{ font-size:12px;
padding:10px;  font-family: 'Poppins', sans-serif;
width:50%;
margin-right:15px; background:#fff;
border: 1px double #929292;
color:#444;
float:left; border-radius: 20px;
}
label { display:none;}

.cc_dialog.simple {
left: 0 !important;
top: auto;
bottom: 0;
right: auto !important;
max-width: 87% !important;
position: fixed;
}
.ada { width:100%; margin:0 auto;  text-align:center; color:#4b2884; background:#BAC9D6; font-size:17px; padding:1% 0;}
.ada a { color:#4b2884; text-decoration:none;}

.fq{text-align:left; text-decoration: none; color:#004986; font-weight:bold;  font-size:18px;  line-height:34px; margin-top:6px; list-style:none;}
.fqa{font-size:16px; color:#424242; font-weight:normal; line-height:28px; text-align:left;}
.fqa a{font-size:16px; color:#104378; text-decoration:none;}

.vid { float:left; width:48%;  margin:0 auto;  /* position: relative;    height: 0;
    padding-bottom:30%; */ margin-right:38px; margin-bottom:20px; }
 
.vid iframe {
    width: 100% !important; height:100% !important;
	position: absolute;
   top: 0;
    left: 0;
  }
 .vid img { width:100%;} 
#content {
  display: none;
}
.rd{ float:left; margin:18px 0px; width:140px; color:#FD7120; font-size:15px; line-height:34px; font-weight:normal; text-align:center; border:solid 2px #FD7120;  letter-spacing:.04em; background:#fff; cursor:pointer;}
a.toggleLink { font-size:14px;
color : #104378; border:#104378 solid 1px;
text-decoration : none; font-weight:bold;
margin:14px 0;
padding:2px 14px;} 
#smo{ width:90%; float:left; margin:8px 0;}
.social-icons {
            display: flex;
            gap: 12px; margin-top:10px;
        }
        .social-icons a {
            text-decoration: none;
            color: white;
            width: 34px;
            height: 34px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
        }
        .social-icons a.facebook { background-color: #3b5998; }
        .social-icons a.twitter { background-color: #1da1f2; }
        .social-icons a.instagram { background-color: #e4405f; }
        .social-icons a.linkedin { background-color: #0077b5; }
        .social-icons a.youtube { background-color: #ff0000; }
#cookieConsent {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    z-index: 1000;
    display: none;
}

#cookieConsent a {
    color: #4CAF50;
}

#acceptCookies {
    margin-left: 20px;
    padding: 5px 10px;
    background-color: #4CAF50;
    color: #fff;
    border: none;
    cursor: pointer;
}		
.amenities-title {
  font-family: 'Playfair Display', serif;
  font-size: 2.0rem;
  color: #2c3e50;
  margin: 5px auto;
  padding: 0px 0px;
  text-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
  letter-spacing: 1px;
  line-height: 1.3;
}
.amenities-title a {color: #2c3e50; text-decoration:none;}

.at-title {
  font-family: 'Playfair Display', serif;
  font-size: 2.0rem;
  color: #fff;
  margin: 5px auto;
  padding: 0px 0px;
  text-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
  letter-spacing: 1px;
  line-height: 1.3;
}