@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:wght@600&family=Montserrat:wght@300;400;500;700&display=swap');

* {
	margin:0;
	padding:0;box-sizing: border-box;
}
body {
	width:100%;
	font-size:15px;
	color:#000000;
	overflow-x:hidden;
	font-family: 'Montserrat';
	font-weight:400;
}

.fullContainer, .banner img{ width:100%; float:left}
.header{ max-width:1200px; margin:0 auto; width:100%; display:block; float:none}

.headerLeft{ float:left; width:250px}
.headerRight{ float:right; width:80%; max-width:618px; margin-right: 20px;}
.headerRight ul li{ display:inline; list-style:none; float:left}

.logo{ margin:15px 0 0 20px; height:80px;}
.logorr{ margin:15px 0 0 0; vertical-align:top; height:80px}

.blackBgg .logo{ width:auto;}

.headerLeft{font-family: 'Crimson Text' !important; text-align: center; font-size: 22px; letter-spacing:1px; width:395px;}
.minTable td.presidentialTxt{font-family: 'Crimson Text' !important; text-align: center; font-size: 62px; text-transform:uppercase; letter-spacing:1px; color:#fff}
.headerRight ul{ margin:25px 0 0 0; clear:both; float:right}
.headerRight ul li a:link,.headerRight ul li a:visited{ margin:0 15px; text-transform:uppercase; text-decoration:none; color:#666; font-weight: 500;  letter-spacing: 1px; float:left}
.headerRight ul li a:hover{ color:#000}
.headerRight ul li:last-child a:link,.headerRight ul li:last-child a:visited{ margin-right:0px}
.rightBoxHeader{ float:right; margin-top:15px; font-size: 12px;}

.rightBoxHeader input{ padding:5px; border-radius:0; border:1px solid #666}
.rightBoxHeader input[type="submit"]{ background:#666; color:#fff; cursor:pointer}
.rightBoxHeader input[type="submit"]:hover{ background:#000}
.rightBoxHeader input[type="tel"]{ margin-left:5px}
.banner{ position:relative; margin-top:0px}
.banner:after{ content:''; background:url(images/banner-bottom.svg) no-repeat left bottom; left:0; right:0; bottom:0; position:absolute; z-index:10; height:200px}

.cls{ clear:both}

.tableCustom{ max-width:1100px; margin:20px auto}

.tableCustom td:first-child{ width:50%; vertical-align:top}
.tableCustom td:last-child{ width:50%}
.resimg{ max-width:100%}

h2{ font-size:80px; font-weight:500; margin-bottom:10px}
h3{ font-size:60px; font-weight:700; margin-bottom:10px}

.tableCustom p{ font-size:24px; text-align:center; line-height:38px}
.tableCustom td{ text-align:center}

.grayBg{ background:#333333; padding:50px 0}
h2.whiteTxt{ text-align:left; font-size:30px !important; color:#fff !important; padding-bottom:20px}

.enquireNow{ max-width:1000px; width:100%; margin:0 auto}
.enquireNow input{ width:90%; padding:5px; border-radius:0; border:0; margin:3px 0 }
.enquireNow td{ padding-bottom:20px; color:#10e698}

.enquireNow input[type="submit"]{ background:#0a8558; color:#fff; margin-top:15px; cursor:pointer}

.tableBox{ width:100%; max-width:1200px; margin:100px auto}
.tableBoxRight{ float:left; width:35%}
.tableBoxLeft{ float:left; width:65%}

.tableBox.custTable .tableBoxRight{ float:left; width:35%}
.tableBox.custTable .tableBoxLeft{ float:left; width:65%}

.tableBox.custTable .tableBoxRight{background:#fff; margin:100px -100px 0 0; position:relative; z-index:5; padding:50px 25px; box-shadow:0 0 10px rgba(0,0,0,.1)}

.tableBoxRight{ background:#fff; margin:100px 0 0 -100px; position:relative; z-index:5; padding:50px 25px; box-shadow:0 0 10px rgba(0,0,0,.1); width:calc(35% + 100px)}
.tableBoxRight p:first-child{ color:rgb(119, 119, 119); font-weight:300; font-size:26px}
.tableBoxRight p:nth-child(2),.tableBox.custTable .tableBoxRight p.tt{color:rgb(0, 0, 0); font-weight:700; font-size:42px; padding:10px 0}
.tableBoxRight p:last-child{color:rgb(119, 119, 119); font-weight:500; font-size:22px}

.blackBg{ background:#333b3e; margin:100px auto 0 auto}

.minTable{ width:100%; max-width:1200px; margin:0 auto; padding:50px}
.minTable td{ color:#fff; font-size:20px; text-align:center; padding:10px 0}

.minTable td.t1{ font-size:30px}
.minTable td p.t2{ line-height:30px; padding:20px 100px}
.bullets{ width:600px; margin:0 auto}
.bullets,.bullets li{ list-style:none}
.bullets li{ border-radius:100px; background:rgba(0,0,0,0.2) url(images/yes1.svg) no-repeat 8px 10px; padding:10px 20px 10px 40px; margin-bottom:20px; text-align:left}

.resimgg{ width:100%; max-width:1200px; margin:0px auto; display:block}

.greatnessTable{ margin:50px auto; width:100%; max-width:1000px}
.greatnessTable ul{ margin-left:20px;}
.greatnessTable ul li{ margin-bottom:10px}
.greatnessTable h2{ font-size:50px; margin-bottom:20px}

.formBg{ width:100%; display:block; background:#404a54; padding:30px; float:left}
.formBg p{ color:#fff; float:left; width:100%}
.formBg p input{ width:100%; padding:8px;float:left; width:100%; border:0; margin-top:5px}

.greatnessTable td:first-child{ width:65%; vertical-align:middle}
.greatnessTable td:last-child{ width:35%;}
p.heading{ font-size:30px}
p.subheading{ font-size:14px}
p.filedTxt{ margin-top:30px; color:rgb(16, 230, 152)}
p.filedTxt input[type="submit"]{ border-radius:50px; padding:15px; background:rgb(16, 230, 152); color:#000; font-size:16px; cursor:pointer; border:0}
p.filedTxt input[type="submit"]:hover{ background:rgb(10, 133, 88)}

.whiteTxtt{ text-align:center; margin:-90px auto 0 auto; background:#fff; position:relative; z-index:5; font-size:45px; font-weight:700; width:550px; padding:20px; line-height:normal}
.whiteTxttt{ text-align:center; margin:0 auto; max-width:800px; font-size:18px; line-height:32px}

.bookHome:link,.bookHome:visited{ margin: 30px auto;
  width: 165px;
  background: #333;
  color: #fff;
  display: block;
  padding: 10px;
  text-align: center;
  font-size: 16px;
  text-decoration: none;
  box-shadow: 0px 0px 1px 0px rgb(0, 0, 0);
  border: 2px solid #fff;}

.bookHome:hover{ background:#000;box-shadow: 0px 0px 5px 0px rgb(0, 0, 0);}

.photoBg{ background:url(images/photo2.webp) no-repeat center top fixed; padding:250px 0; background-size:100%}
.txtBox{ margin:0 auto 0 auto; width:100%; max-width:800px; padding:30px; background:rgba(0,0,0,0.7); display:block}
.txtBox p{ color:#fff; text-align:center}
.txtBox p.heading{ font-weight:700; font-size:30px; line-height:normal}
.txtBox p{ font-size:16px; line-height:26px}

.boxx div{ width:100%; max-width:1000px; margin:50px auto; display:block; text-align:center}
p{ font-size:16px; line-height:26px}

.flexContainer{ display:flex ; width:100%; max-width:1000px; margin:0px auto 100px auto}
.flexContainerSecond{ display:flex ; width:100%; max-width:1000px; margin:50px auto 100px auto}

.flexContainerLeft{ width:55%;}
.flexContainerRight{ width:45%; padding-left:10%; text-align:right}

.flexContainerRightSecond{ width:55%;}
.flexContainerLeftSecond{ width:45%; padding-right:10%; text-align:left}

.bgTitle{ color:#fff; background:url(images/prsedential-bg-theme-05.webp); padding:30px 30px; text-align:center; max-width:600px; margin:50px auto; display:block; font-size:36px}
.tt{ line-height:normal}
.flexContainerLeft img{ width:100%}
p.titleTxt{ font-size:30px; font-weight:700; margin-bottom:20px; line-height:normal}

ul.amenities,ul.amenities li{ list-style:none; float:left;}
ul.amenities{ max-width:1000px; margin:0 auto; display:block;float: none;}
ul.amenities li{ width:33.33%; float:left; text-align:center; min-height:280px; font-weight:500}
ul.amenities li p{ margin:-20px 0 0 0; padding:0}

.bullets.bulletTxt li{ background:none; padding:0; text-transform:none; list-style:disc}
.bullets.bulletTxt{ max-width:400px}

.brd{ border:10px solid #333}
h4{ font-size:30px}
.loc{ margin:50px auto}

.whiteBox{ background:#fff; padding:20px; text-align:center; width:90%; margin:50px auto; max-width:800px;}

.blackBgg{ background:#404a54}
.llogo{font-family: 'Crimson Text' !important;
  text-align: center;
  font-size:30px;}

.photoGallery,.photoGallery li{ margin:0; padding:0; list-style:none}

.photoGallery{ width:100%; max-width:900px; margin:30px auto; display:block }
.photoGallery li{ display: inline-block; width:49%; float:left;padding:10px;}
.photoGallery li img{  width:100%; box-shadow:0 0 10px rgba(0,0,0,0.1);padding:10px;}
h2.custom{ font-size:36px !important; font-weight:bold !important; margin-top:70px}
.menuIcon{ display:none}
@media screen and (max-width:800px) {
	.headerRight ul{ margin-top:0}
	.menuIcon{ display:block !important; position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;}
.headerLeft{ padding-left:10px;}
.rightBoxHeader{ display:none}
.tableBoxLeft img{ width:100%}
.menusList{ position:absolute; z-index:99; background:#f1f1f1; left:0; right:0; top:90px}
.menusList,.menusList li{ width:100% !important; float:left !important}
.menusList li a:link,.menusList li a:visited{ padding:10px 15px}
.headerLeft{ padding-left:10px !important; font-size:20px !important}

.banner::after{ height:100px; background-size:100%}
h2,.greatnessTable h2, h3,.minTable td.presidentialTxt{ font-size:30px;}
.tableCustom p,.minTable td.t1{ font-size:16px; line-height:normal}
.tableCustom{ padding:0 20px}
.tableCustom td:last-child{ display:none}
.enquireNow td,.greatnessTable td{ width:100% !important; display:block; padding-left:20px}
h2.whiteTxt{ padding-left:20px}
.grayBg{ padding:30px 0}
.tableBox{ margin:0}
.tableBoxLeft,.tableBoxRight,.tableBox.custTable .tableBoxRight,.tableBox.custTable .tableBoxLeft{ width:100%; margin:0}
.tableBoxRight p:nth-child(2), .tableBox.custTable .tableBoxRight p.tt{ font-size:30px; line-height:normal}
.minTable td p.t2{ padding:20px}
.tableBox.custTable .tableBoxRight{ order: 5;  display: grid;}
.tableBox.custTable .tableBoxLeft{order:2; display:grid}
.tableBox.custTable{ display: flex; flex-direction: column;}
.blackBg{ margin:0px auto 0 auto}
.minTable{ padding:30px 20px}
.bullets,.flexContainerLeft,.flexContainerRight{ width:100%}
.greatnessTable{ margin:0}
.enquireNow td, .greatnessTable td{ padding:0 !important}
.greatnessTable h2{ padding:30px 0 0 20px}
p.heading{ line-height:normal}
.greatnessTable ul{ margin-bottom:30px; margin-left:30px !important}
.whiteTxtt{ margin:0; width:100%; font-size:30px}

.flexContainer,.flexContainerSecond{ display:flex;flex-direction: column;}
.flexContainerLeft,.flexContainerRight,.flexContainerLeftSecond,.flexContainerRightSecond{ display: grid; width:100%; text-align:center; padding:20px}
.boxx div{ margin:30px 0 0 0}
.flexContainerLeftSecond{ order:5}
.flexContainerRightSecond{order:2}
.flexContainerSecond{ margin-top:0; padding-top:0;margin-bottom:0; padding-bottom:0}
.flexContainer{ margin-bottom:0; padding-bottom:0}
ul.amenities li,.bullets.bulletTxt{ width:100%}
.bullets.bulletTxt li{ font-size:14px; margin-left:30px}
.loc img{ width:100%}
.enquireNowTable td{ padding-left:20px !important}
.blackBgg td{ width:100%; display:block; padding:10px 0 10px 0}
.headerLeft{ float:left; width:200px}

.logorr{ height:71px; width:auto !important}
.logo { width:90px; margin-left:10px}
.logorr{ width:90px}
.headerLeft { display: flex;}

}