@import url('https://fonts.googleapis.com/css?family=Comfortaa');
*{margin:0;padding:0;border:0;outline:none;}
.tp { padding-top:4px;}
.ct {text-align:center;}
.ti, .ti a{text-decoration: none; color:#0c375d; font-weight: bold;  font-size:28px; font-family: 'Comfortaa', cursive;
 }
.title2{text-decoration: none; color:#000; font-weight: bold;  font-size:23px; font-family: 'Comfortaa', cursive; padding-bottom:8px;
 }
.grey{text-decoration: none; color:#333; font-weight:bold;  font-size:21px; line-height:32px; clear:both; font-family: 'Comfortaa', cursive; }
.red {text-decoration: none;  color: #BF2724; }
.hw, .hw a {text-decoration: none; color:#E4822D; font-weight:bold;  font-size:17px;  line-height: 42px; font-family: 'Comfortaa', cursive;
 }
.title3{text-transform:uppercase; font-weight:bold; font-size:29px; line-height:38px; color:#034485; padding:15px 0; font-family: 'Comfortaa', cursive; }
.title4{text-transform:uppercase; margin:0 auto;margin-bottom:10px; font-weight:normal; font-size:26px; line-height:32px;  color:#FFF; padding:10px 0; font-family: 'Comfortaa', cursive; }
.title5{font-size:19px; font-weight:normal;color:#FFF; text-decoration:none;  padding-bottom:4px; text-transform:uppercase; font-family: 'Comfortaa', cursive;}
.title5 a{text-decoration:none; color:#fff;}
.fq{text-align:left; text-decoration: none; color: #403A60; font-weight:bold;  font-size:17px;  line-height:34px; margin-top:6px; 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;}
.title {text-align: center;
    font-size: 40px;
    padding: 10% 0;
    float: none;
    color: #fff;
    margin: 0 auto;
    width: 100%;}
body{ font-family: 'Comfortaa', cursive; color:#939598; font-size:15px;}
#slide { width:100%;  margin:0 auto; background:#999;}
#slide img, .logo img { width:100%;}
#headbg { margin:0 auto; width:100%; background-color:#110D24;}
#head{width:70%; margin:0 auto; float:none; }
.logo{ float:left; margin:5px 0; width:100px;}
.bk{ float:right; color:#fff; font-size:15px; font-weight:normal; text-align:center; margin:22px 40px;}
.bk a { color:#fff; text-decoration:none;}
.bk a:hover {color:#BF2724; text-decoration:none;}
.bkn{ float:right; margin:10px 8px; color:#fff; font-size:15px; line-height:28px; font-weight:bold; text-align:center; padding:4px 10px; text-transform:uppercase; background:#E4822D; border-radius:2px; letter-spacing:.04em; font-family: 'Comfortaa', cursive;}
.bkn a { color:#fff; text-decoration:none; }
.bkn a:hover {color:#0c375d;text-decoration:none;}
.bkn:hover {
  background-color:#fff; /* Green */
  color:#0c375d;
}
/* Button Styles */
.button {background-color:#BF2724; border: none; display:inline; color: #fff; text-transform:uppercase; font-weight: bold; text-align: center; letter-spacing:0.09em; padding:16px 24px; font-size: 15px; transition: 0.3s;  border-radius: 50px 0px 50px 0px; float:left; cursor:pointer; }
.button a{ color:#fff; text-decoration:none;}
.button:hover {background-color:#140D24; color:#fff;}

.buttonc {background-color:#BF2724; border: none; color: #fff; text-transform:uppercase; font-weight: bold; text-align: center; letter-spacing:0.09em; padding:16px 24px; font-size: 15px; transition: 0.3s;  border-radius: 50px 0px 50px 0px;  cursor:pointer; margin:0 auto; float:none; width:126px; }
.buttonc a{ color:#fff; text-decoration:none;}
.buttonc:hover {background-color:#140D24; color:#fff;}

.buttonw {background-color:#BF2724; border: none; display:inline; color: #fff; text-transform:uppercase; font-weight: bold; text-align: center; letter-spacing:0.09em; padding:16px 24px; font-size: 15px; transition: 0.3s;  border-radius: 50px 0px 50px 0px;  cursor:pointer; float:left; }
.buttonw a{ color:#fff; text-decoration:none;}
.buttonw:hover {background-color:#fff; color:#BF2724;}
.buttonw a:hover {background-color:#fff; color:#BF2724;}

#menubg{ float:none; width:100%; margin:0 auto; z-index:1000; position:absolute;}
#menu{ float:none; width:70%; margin:0 auto; background:#1E1E1E; border-left:solid 4px #bf2724;}
#form {width:90%; float:right; color:#333; border:1px solid #02b6e4; box-shadow: 0px 0px 10px 0px rgba(17.00000000000002, 13.000000000000002, 36, 0.12941176470588237);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #f5f5f5;
    border-radius: 0px 0px 0px 0px; padding:20px 20px;}
.txbg1 { margin:0 auto; width:96%; margin:5px 0; clear:both;}
.area1{ margin:0 auto; width:96%; float:none; padding:10px 0;}
.textarea1{ width:98%;  margin:15px 20px 15px 0; }
.message{font-size:15px; border-radius:10px; 
width:100%; padding:10px;
border: 1px double #cecece;
overflow:hidden;
margin:0 auto;
color:#333; font-family: 'Poppins', sans-serif;
}
input[type="submit"]
.palace-button, input[type="submit"], input#searchsubmit {
border:none; color:#333; font-size: 15px; font-family: 'Roboto Slab', serif; padding:9px 36px; font-weight:bold; }
::-webkit-input-placeholder {
   color: #333333;
}

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

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

:-ms-input-placeholder {  
   color: #333333;  
}
label { display:none;}
input[type="submit"]
.palace-button, input[type="submit"], input#searchsubmit {
background-color:#BF2724; border:none; color:#fff; font-size: 14px; font-family: 'Comfortaa', cursive; padding:8px 30px; font-weight:bold;}
::-webkit-input-placeholder {
   color: #333333;
}

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

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

:-ms-input-placeholder {  
   color: #333333;  
}
.welpic { float:left; margin:0 6% 2% 0; width:40%;}
.welpic img { width:100%;}
#content {width:100%; margin:0 auto; background:#F6F6F6; }
.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:70%; margin:0 auto; padding:5% 0; float:none;}
#contsub p{font-size:14px; color:#111010; font-weight:normal; line-height:26px;}

.groom1 {float:left; width:42%;}
.groom1 img {width:100%;}

.groom2 {float:right; width:42%;}
.groom2 img {width:100%;}

.grtx1 {float:left; width:50%; background:#fff; padding:20px 20px; margin:5% 0; text-align:center;}
.grtx2 {float:right; width:50%; background:#fff; padding:18px 18px; margin:5% 0; text-align:center;}
.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-left:18px;}
 
.vid iframe {
    width: 100% !important; height:100% !important;
	position: absolute;
   top: 0;
    left: 0;
  }

.main {width:100%; background:#fff; margin:0 auto; float:none; }
.main1 {width:76%; margin:0 auto; float:none; padding:4% 0;}
.att {float:left; margin:32px 10px; width:29%; border:1px solid #02b6e4; box-shadow: 0px 0px 10px 0px rgba(17.00000000000002, 13.000000000000002, 36, 0.12941176470588237);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #f5f5f5;
    border-radius: 0px 0px 0px 0px; padding:10px 10px; height:480px;}
.att img, .box1 img{ width:100%;}
.thing {width:96%; margin:0 auto; float:none; padding:20px 0; color:#595959; font-size:13px; line-height:24px !important;}
.box1 { float:left; width:52%;}
.box1 img { width:100%; height: 406px; object-fit: cover;    object-position: center center;}
.box2 { float:right; width:34%;}
.box2 p {color:#000; font-weight: bold;  font-size:23px; font-family: 'Comfortaa', cursive; line-height:32px; text-transform:uppercase; letter-spacing:0.02em;}
.ab { float:left; width:48%;}
.ab img { width:100%; height: 450px; object-fit: cover;    object-position: center center;}
.box3 { float:right; width:48%;}
.box3 p {color:#000; font-weight: normal;  font-size:15px; font-family: 'Comfortaa', cursive; line-height:24px;}
.ab1 { float:right; width:48%; margin-top:10%;}
.ab1 img { width:100%; height: 450px; object-fit: cover;    object-position: center center;}
.box4 { float:left; width:48%; margin-top:10%;}
.box4 p {color:#000; font-weight: normal;  font-size:15px; font-family: 'Comfortaa', cursive; line-height:24px;}
.boxpr { float:right; width:40%; padding:14% 4%;}
.boxpr p {color:#000; font-weight: normal;  font-size:18px; font-family: 'Comfortaa', cursive; line-height:24px;}
.boxpr1 { float:left; width:40%; margin-top:10%; padding:14% 4%;}
.boxpr1 p {color:#000; font-weight: normal;  font-size:18px; font-family: 'Comfortaa', cursive; line-height:24px;}
.wrap {width:100%; background:#110D24; margin:0 auto; float:none; }
.wpic {width:50%; float:left;}
.wpic img { width:100%; height:630px; object-fit: cover;    object-position: center center;}
.wtx {width:40%; float:right; padding:4% 4%;}
.wtx p{color:#fff; font-weight: normal;  font-size:14px; font-family: 'Comfortaa', cursive; line-height:24px;}

.slideshow-container {position: relative;
 background-color: rgba(255,255,255,0.7); font-family: 'Montserrat', sans-serif; padding:3% 0;
}

/* Slides */
.mySlides { 
  display: none;
  padding: 30px 80px 60px 80px;
  text-align: center;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer; font-family: 'Montserrat', sans-serif;
  position: absolute;
  width: 0;
  margin-top: -30px;
  padding: 16px;
  color: #fff; background:#032967;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  position: absolute;
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
  color: white;
}

/* The dot/bullet/indicator container */
.dot-container {
    text-align: center;
    padding: 20px;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/* Add a background color to the active dot/circle */
.active, .dot:hover {
  background-color: #717171;
}

/* Add an italic font style to all quotes */
q {font-style: italic; line-height:28px; font-size:16px; color:#313131;}

.testm {text-decoration: none; color:#363636; font-weight: bold;  font-size:23px; padding:10px 0; }
/* Add a blue color to the author */
.author {color: cornflowerblue;}
#foot{width:100%; margin:0 auto; background:#110D24; }
#footer{width:88%; text-align:left; margin:0 auto; font-weight:normal; padding-top:30px; line-height:28px; font-size:13px; color:#fff;}
#footer p{line-height:26px; font-size:14px; color:#fff; }
#footer p a, #footer a{text-decoration:none; line-height:29px; color:#fff; }
.footer-logo {float:left; width:140px; text-align:left; padding:15px 0px;}
.footer-logo img { width:100%;}
.footer-col {float:right; width:40%; text-align:left; font-size:13px;}
.smobt { width:90%; float:left; margin:8px 0;}
.smo{ width:90px; float:right; margin:6px 0;}
.social-icons { display: flex; gap: 10px; margin-top:10px; }
        .social-icons a {
            text-decoration: none; font-size:14px;
            color: white;
            width: 34px;
            height: 34px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
        }
        .social-icons a.facebook { background-color: #fff; }
#w2b-StoTop{display: block;position: fixed;top:78%;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;}
.col1{ width:36%; 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;}
.col2{ width:42%; font-size:15px; color:#111010;  margin:15px 24px; float:left;}
.col2 ul li{list-style:circle; padding-bottom:16px; line-height:28px;}
.col2 ul li a{color:#111010; text-decoration:none; list-style:circle;}

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



.guestbg { margin:0 auto; width:100%; background:url(../images/guestroom.jpg); padding:5% 0;}
.guest { margin:0 auto; width:80%;}
.guest p, .guest p a {text-align:center; font-size:17px; line-height:28px; color:#eee; font-weight:normal;}
.bookroom { text-align:center; font-size:32px; line-height:40px; color:#fff; letter-spacing:1px;}