@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merienda:wght@500&display=swap');
*{margin:0;padding:0;border:0;outline:none;}
.tp { padding-top:4px;}
.ct {text-align:center;}
.ti, .ti a{text-decoration: none; color:#008122; font-weight: bold;  font-size:23px; font-family: 'Merienda', cursive;
 }
.title2{text-decoration: none; color:#fff; font-weight: bold;  font-size:27px; font-family: 'Merienda', cursive;
 }
.grey{text-decoration: none; color:#fff; font-weight:normal;  font-size:21px; line-height:32px; clear:both; text-align:center; font-family: 'Merienda', cursive; }
.tsub, .tsub a {text-decoration: none; color:#0379b0; font-weight: bold;  font-size:21px; line-height:32px; }
.hw, .hw a {text-decoration: none; color:#333; font-weight:bold;  font-size:25px;  line-height: 42px; font-family: 'Merienda', cursive;
 }
.title3{text-transform:uppercase; font-weight:bold; font-size:29px; line-height:38px; color:#333; padding:15px 0; font-family: 'Merienda', cursive; }
.title4{text-transform:uppercase; margin:0 auto;margin-bottom:10px; font-weight:normal; font-size:26px; line-height:28px; text-align:center; color:#FFF; padding:10px 0; }
.title5{font-size:19px; font-weight:bold;color:#8fcc00; text-decoration:none; margin-top:15px; padding-bottom:4px; }
.title5 a{text-decoration:none; color:#8fcc00;}
.fq{text-align:left; text-decoration: none; color: #403A60; font-weight:bold;  font-size:17px;  line-height:34px; margin-top:10px; list-style:none;}
.fqa{font-size:15px; color:#111010; font-weight:normal; line-height:28px; text-align:left;}
.fqa a{font-size:15px; color:#083faf; text-decoration:none;}
.tit{text-decoration: none; color:#5b5b5b; font-weight:bold;  font-size:19px;  line-height:26px;}
body{ font-family: 'Montserrat', sans-serif; color:#939598; font-size:15px;}
#slide{ width:100%;  margin:0 auto; }
#slide img { width:100%;}
#slide iframe { padding-top:90px; background-color:#ccc;}
#headbg { margin:0 auto; width:100%; position:absolute; z-index:1000; background: linear-gradient(to top, rgba(255,255,255,0.6), rgba(238,238,238,0.6)); margin-top:8px;}
#head {width:90%; margin:0 auto; }
.logo{ float:left; margin:5px 0; width:130px;}
.bk{ float:right; margin:10px 0; padding:1%;  color:#053874; font-size:17px; border:solid 1px #053874; font-weight:bold; text-align:center;}
.bk a { color:#053874; text-decoration:none;}
#menu{ float:right; width:68%; margin:22px 0;}
#reserve {margin:0 auto; font-family: 'Montserrat', sans-serif; width:80%; padding:16px 0; background:#005062; position:relative; z-index: 2; margin-top: -3rem;}
.reserve { color:#FFF; font-size:19px; text-transform:uppercase; padding:4px 0; float:left; margin:18px 16px 0 0; line-height:28px; }
.imenu { width:90%; margin:0 auto; }
.check1{ margin:0px 12px; float:left; width:14%; font-size:13px; color:#fff; font-family: 'Montserrat', sans-serif; text-transform:uppercase; line-height:20px; }
#submit{float:left; margin-top:5px; }
.message1{ font-size:12px; background:#005062;
width:88%; padding:15px 8px;
border: 1px double #fff;
overflow:hidden;
margin:0 auto; margin-top:5px;
color:#fff; font-family: 'Montserrat', sans-serif;
}
.message{font-size:12px;
width:100%; padding:13px 8px; background:#005062;
border: 1px double #fff;
overflow:hidden;
margin:0 auto;  margin-top:5px;
color:#fff; font-family: 'Montserrat', sans-serif;
}
.map1 { font-size:12px; float:left;
width:60%; padding:12px;
border: 1px double #cecece;
overflow:hidden;
 margin:22px 6px 0 0;
color:#444; font-family: 'Montserrat', sans-serif;
}
.c6 { margin-top:20px;}
input[type="submit"]
.palace-button, input[type="submit"], input#searchsubmit {font-size: 14px; font-family: 'Montserrat', sans-serif; padding:14px 30px; font-weight:bold; border:#fff solid 1px; background-color: #8fcc00; color: #005062;}
::-webkit-input-placeholder {
   color: #333333;
}

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

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

:-ms-input-placeholder {  
   color: #333333;  
}
.hotel { float:right; margin:0 0 10px 30px; width:46%; background:none;
            overflow: hidden; margin-bottom:20px; 
        } 
      
        .hotel img { 
            width: 100%; 
            transition: 0.5s all ease-in-out; 
        } 
      
        .hotel:hover img { 
            transform: scale(1.2); 
        }
#content {width:100%; margin:0 auto; }
.contx  { width:46%; float:left; padding:4% 0 4% 5%; }
.contx p{font-size:15px; color:#111010; font-weight:normal; line-height:28px; text-align:left;}
#content p a, #contsub p a, #conthm p a {color:#0379b0; text-decoration:none;}
.note { width:30%; float:left; background:url(../images/slep.jpg); padding:7% 6%; }
.note p { font-family: 'Courgette', cursive; font-size:23px; line-height:36px; font-weight:lighter;}
#conthm {width:86%; margin:0 auto; padding:0 0 2% 0; float:none;}
#conthm p{font-size:15px; color:#111010; font-weight:normal; line-height:28px; text-align:left;}
#contsub {width:86%; margin:0 auto; padding:5% 0; float:none;}
#contsub p{font-size:15px; color:#111010; font-weight:normal; line-height:28px; text-align:left;}
#ftbg { width:100%; background:#005062; margin:0 auto; float:none;}
#feature {width:86%; margin:0 auto; padding:2% 0; float:none;}
.ftx { float:left; width:44%; color:#fff; line-height:26px;} 
.ft{width:28%; float:left; margin:15px 8px 0 8px; background:#005062; cursor:pointer;}
.ft:hover { background:#515151;}
.ftimg{ width:40px; height:40px; margin:0 auto; margin-bottom:10px; margin-top:8px;}
.ft p{font-size:13px; color:#fff; text-align:center; font-weight:normal; margin-bottom:12px;  line-height:21px;}
.pool {float:right; width:50%; color:#fff; line-height:36px; text-align:center; font-size:21px; font-style:italic; font-weight:bold; margin-top:15px;}
.pool img { width:100%; border: solid 2px #ededed;}
.container { position: relative; float:right; width:100%;}
.container img {vertical-align: middle;}
.container .content {
  position: absolute; margin:10px 10px;
  bottom: 0; font-size:16px;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  width: 94%;
  padding: 10px 8px;
}
.vid { float:right; width:50%; border: solid 2px #ededed;
    -moz-box-shadow: 1px 1px 5px #999;
    -webkit-box-shadow: 1px 1px 5px #999;
    box-shadow: 1px 1px 5px #999;  position: relative;    height: 0;
    padding-bottom:30%; margin:0 0 15px 20px;}
 
.vid iframe {
    width: 100% !important; height:100% !important;
	position: absolute;
   top: 0;
    left: 0;
  }

.main {width:90%; margin:0 auto; float:none; padding-top:4%; padding-bottom:18%;}
.maintx{width:80%; float:none; margin:0 auto; padding:1% 0;}
.main p{color:#333;font-size:15px;font-weight:normal; line-height:25px; text-align:center; padding:5px 30px;}
.att {float:left; margin:20px 4px; background:#02b6e4; width:24%; border:1px solid #02b6e4;}
.att img { width:100%;}
.thing {width:86%; margin:0 auto; float:none; padding:12px 0; text-align:center; color:#fff; font-size:15px; line-height:26px;}
.room {float:right; width:24%; color:#323437; font-size:16px; line-height:26px; }
.mon { width:100%; background:url(../images/Niagara.png) bottom center; margin:0 auto; background-size:cover;}
#mainbg { margin:0 auto; width:90%; background:#fff; padding:3% 0;}
#mainbg  p{color:#575757;font-size:15px;font-weight:normal; line-height:25px; text-align:left; line-height:28px;}
.box{width:68%;float:left;}
.boxtx{width:96%; float:none; margin:0 auto; padding:3% 2%; background:#1C67AD;}
.boxtx  a{color:#fff !important;font-size:28px !important;font-weight:normal; line-height:25px; text-align:left; text-decoration:none;}
.button {background-color:#ffcc00; border: none; display: block; color: #fff; text-transform:uppercase; font-weight: bold; text-align: center; letter-spacing: 2px; padding: 14px 10px; font-size:21px; transition: 0.3s; margin-top:26px; width:350PX; }
.button a{ color:#fff; text-decoration:none;}
.button:hover {background-color:#02b6e4; color:#fff;}
.rom {float:right; width:30%; margin:0 5%;}
.rom img { width:100%;} 

#foot{width:100%; margin:0 auto; background:#005062; }
#footer{width:86%; text-align:left; margin:0 auto; font-weight:normal; padding-top:30px; line-height:28px; font-size:15px; color:#fff;}

#footer p, p a {line-height:26px;  color:#fff; }
#footer p a  {text-decoration:none; line-height:29px; color:#fff; }
.footer-col{float:left; width:38%; text-align:left; padding:15px 0px;}
.footer-co {float:left; width:20%; text-align:left; padding:15px 0px;}
.footer-col p a{ font-weight:normal; font-size:13px !important; color:#fff; text-decoration:none;}
.footer-col ul{list-style:none; width:50%; float:left;}
.footer-col li a{font-size:14px; text-align:left; text-transform:none; color:#fff; text-decoration:none;}
#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; }
		.social-icons a.call { background-color: #ff5a00; }
#w2b-StoTop{display: block;position: fixed;top:90%;padding: 10px; color:#fff; font-size:13px; right:0; margin-right:20px; text-decoration:none; cursor:pointer; background:#4c4c4c;}
#w2b-StoTop a{color:#fff; text-decoration:none; font-size:13px;}
a.toggleLink { font-size:14px;
color : #333; border:#FF5F03 solid 1px;
text-decoration : none; font-weight:bold;
margin:14px 0; float:left;
padding:2px 14px;} 
label { display:none;}
.link { width:100%; margin:0 auto; padding:2% 0; text-align:center; color:#fff; font-size:17px; background:#02b6e4;}
.link a {color:#fff; text-decoration: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; padding:12px 0; text-align:center; color:#008122; background:#FBFBFB; font-size:17px;}
.ada a { color:#008122; text-decoration:none;}

.collapsible {
 background-color: #fff;
  font-weight:bold;
  cursor: pointer;
  padding:8px 12px; 
 margin:0 auto; float:none;
color : #008122; border:#008122 solid 1px;
  text-align: center;
  outline: none; font-family: 'Montserrat', sans-serif; 
  font-size: 15px;
}

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

.addtx {
  padding: 0 5px;
  display: none;
  overflow: hidden;
  
}
/* Container */
.promo-section {
  display: flex; background: #f9f7f3;
  flex-wrap: wrap;
  gap: 20px;
  max-width: 94%;
  padding: 6% 3%;
}

/* Each card */
.promo-card {
  flex: 1 1 48%;
  display: flex;
  background: #f9f7f3;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  transition: transform 0.3s ease;
}

.promo-card:hover {
  transform: translateY(-5px);
}

/* Image */

.promo-image {
  width: 260%;
  height: auto;
  object-fit: cover;
}


.promo-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Content */
.promo-content {
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.promo-subtitle {
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #005062;
  margin-bottom: 8px;
}

.promo-title {
  font-size: 1.6rem;
  margin: 0 0 16px;
  color: #222;
}

.promo-content p {
  font-size: 1rem;
  line-height: 1.5;
  color: #555;
  margin-bottom: 20px;
}

.promo-btn {
  align-self: start;
  padding: 10px 20px;
  border: 1px solid #005062;
  background: transparent;
  color: #222;
  text-decoration: none;
  font-weight: 500;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.promo-btn:hover {
  background: #005062;
  color: #fff;
}

/* Responsive */
@media (max-width: 768px) {
  .promo-card {
    flex: 1 1 100%;
    flex-direction: column;
  }

  .promo-image img {
    height: 200px;
  }
}

.amenities {
      width:30%; float:left;
      margin: 10px 10px;
      padding: 20px; 
      
    }
  
    .amenities ul {
      list-style: none;
      padding: 0;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 15px 30px;
    }
    .amenities li {
      font-size: 16px;
      color: #333; padding:8px 0;
      display: flex;
      align-items: center;
    }
    .amenities li i {
      color: #333;
      margin-right: 10px;
      font-size: 18px;
      min-width: 20px;
      text-align: center;
    }
.amenities-list li {
  position: relative;
  padding-left: 8px;
  margin-bottom: 10px;
}

.amenities-list li::before {
  content: "";
  position: absolute;
  left: 0;
  color: #333; /* Blue checkmark */
  font-size: 16px;
}
.col1{ width:30%; font-size:15px; color:#333;  margin:18px 22px; float:left;}
.col1 ul li{list-style:circle; line-height:28px;}
.col1 ul li a{color:#333; text-decoration:none; list-style:none;}