body{
margin: 0px auto;
padding: 0;
font-family: 'Lato', sans-serif;
}
.herowrapper
{
width:100%;
height:auto;
height:100vh;
border:0px solid red;
background-image:url(images/bg.jpg);
background-repeat:no-repeat;
background-size:cover;
display:table;
}
.bgwrapper
{
width:100%;
height:auto;
min-height:60px;
display:table;
background-image:url(bgsection.jpg);
background-repeat:no-repeat;
background-size:cover;
padding:5% 3%;
}
.desstrip
{
width:100%;
height:auto;
}
.destbox
{
width:33%;
height:auto;
float:left;
text-align:left;
padding:2%;
}
.whitetext
{
font-family: 'Montserrat', sans-serif;
font-size:21px;
color:#FFFFFF;
}
.imgicon
{
width:120px;
}
.bgl
{
width:50%;
height:auto;
float:left;
padding:7%;
}
.img100
{
width:100%;
}
.bgr
{
width:50%;
height:auto;
float:left;
}
.blackdiv
{
width:100%;
height:auto;
background-color:#000000;
padding:2% 2%;
}
.galwrap
{
width:100%;
height:auto;
padding:0% 10%;
display:table;
}
.white
{
color:#FFFFFF;
}
.blue
{
color:#071C35;
}
.herosubwrap
{
width:100%;
padding:0% 5%;
height:auto;
display:table;
text-align:center;
box-sizing: border-box;
}
.menunlogowrap
{
width:100%;
height:auto;
border:0px solid green;
background-color:#FFF;
display:table;
}
.swipediv
{
width:100%;
height:22px;
background-color:#333333;
color:#FFFFFF;
font-size:14px;
text-align:center;
}
.logobox
{
width:30%;
height:auto;
padding-left:2%;
padding-top:20px;
padding-bottom:20px;
float:left;
border:0px solid aqua;
}
.waptop
{
width:20px;
}
.textsmlw
{
font-family: 'Lato', sans-serif;
font-size:14px;
color:#071C35;
}
.btmwapp
{
background-color:#006633;
background-image:url(images/w.png);
}
.menubox
{
width:360px;
height:auto;
padding-right:2%;
padding-top:28px;
min-height:60px;
float:right;
text-align:right;
border:0px solid white;
}
.menu1
{
width:30px;
height:auto;
float:left;
padding-top:20px;
border:0px solid red;
}
.menu2
{
width:90px;
height:auto;
float:left;
text-align:left;
padding-left:3px;
padding-top:20px;
border:0px solid white;
}
.menutext
{
padding-left:30px;
color:#FFFFFF;
}
.menu3
{
width:160px;
height:auto;
float:left;
border:0px solid red;
}
.logo
{
width:200px;
}
.ctatop
{
width:200px;
 background: #071C35;
 color: #FFF!important;
 font-weight: 700;
 font-size: 12px;
border:1px solid white;
border-radius: 2px;
padding: 13px 15px;
line-height: 24px;
text-transform: uppercase;
letter-spacing: 2px;
cursor:pointer;
}
.ctahero
{
width:300px;
 background: #fff;
 color: #232323!important;
 font-weight: 700;
 font-size: 12px;
border:1px solid white;
border-radius: 2px;
padding: 13px 15px;
line-height: 24px;
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
cursor:pointer;
}
.ctabl
{
width:280px;
background:#000;
color: #ffffff;
font-weight: 700;
font-size: 12px;
border:1px solid white;
border-radius: 2px;
padding: 13px 15px;
line-height: 24px;
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
cursor:pointer;
margin-left:1%;
}
.ctablneg
{
width:280px;
background:#000;
color: #ffffff;
font-weight: 700;
font-size: 12px;
border:1px solid white;
border-radius: 2px;
padding: 13px 15px;
line-height: 24px;
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
cursor:pointer;
margin-left:1%;
margin-top:-100px;
}
.herostrip
{
width:100%;
height:auto;
min-height:80px;
text-align:center;
}
.textlogo
{
font-family: 'Montserrat', sans-serif;
font-size:50px;
font-weight:800;
line-height:60px;
color:#FFF;
}
.textlogob
{
font-family: 'Montserrat', sans-serif;
font-size:40px;
font-weight:800;
line-height:60px;
color:#000;
}
.textlogosm
{
font-family: 'Montserrat', sans-serif;
font-size:36px;
line-height:60px;
font-weight:600;
color:#FFF;
}
.textlogosm2
{
font-family: 'Montserrat', sans-serif;
font-size:36px;
line-height:60px;
font-weight:600;
color:#FFF;
}
.textwsm
{
font-family: 'Montserrat', sans-serif;
font-size:36px;
line-height:30px;
font-weight:200;
color:#FFF;
}
.textheadings
{
font-family: 'Montserrat', serif;
font-size:24px;
color:#000;
}
.textheadingsbl
{
font-family: 'Montserrat', serif;
font-size:24px;
color:#071C35;
}
.logobot
{
width:280px;
}
.black
{
color:#000000;
}

.width100
{
width:100%;
}

.spacer60
{
width:100%;
height:60px;
}
.strip100
{
width:100%;
height:auto;
text-align:center;
margin-top:60px;
margin-bottom:30px;
}
.textlargebl
{
font-family: 'Montserrat', serif;
font-size:36px;
color:#071C35;
}
.descdiv
{
width:80%;
margin:2% 10%;
height:auto;
text-align:center;
}
.textdesc
{
font-size:18px;
line-height:2;
font-family: 'Montserrat', sans-serif;
text-align:center;
}
.wapp {
    position: fixed;
    bottom: 16px;
    right: 10px;
    z-index: 999;
    width: 70px;
}

.whaphlp {
    position: fixed;
	background-color:#25D366;
	background-image:url(agent.png);
	background-repeat:no-repeat;
	background-position:left;
    bottom: 90px;
    right: 14px;
    z-index: 999;
    width: 208px;
	height:74px;
	border:1px solid;
	border-color:#25D366;
	border-radius:6px;
	padding-left:76px;
	padding-top:6px;
}
.txtwapp
{
color:#fff;
}
.projectcc
{
width:50%;
padding-right:1%;
}
.blts
{
 font-size: 20px;
 font-family: 'Merriweather', serif;
 margin-bottom: 10px;
 color:#0a2233;
 font-weight:bold;
 line-height: 1.6 !important;
 padding-top:3px;
 }
 .txtblu
 {
 font-size:18px;
 color:#d3ac67;
 }
 .txtblu1
 {
 font-size:24px;
 color:#d3ac67;
 font-weight:bold;
 }
 .ifrm
 {
 width:100%;
 min-height:300px;
 padding:2%;
 border:0px solid;
 background-color:#CCCCCC;
 }
 .vidbg
 {
 width:100%;
 height:auto;
 }
.formwrap
{
width:100%;
height:auto;
display:table;
border:0px solid red;
background-color:#F8F9FB;
padding:0% 5%;
}
.forml
{
width:40%;
height:auto;
float:left;
text-align:center;
vertical-align:middle;
padding-top:10%;
}
.formr
{
width:58%;
height:auto;
float:left;
border:0px solid green;
}
.formstrip
{
width:96%;
height:auto;
padding:2%;
display:table;
border:0px solid red;
text-align:center;
}
.amnfix
{
width:100%;
height:500px;
background-image:url(hammock.jpg);
background-repeat:no-repeat;
background-size:cover;
background-attachment: fixed;
}
.txtbx
{
width:43%;
height:40px;
padding:7px;
margin-right:2%;
border:1px solid #232323;
}
.txtbxr
{
width:45%;
height:40px;
padding:7px;
margin-right:1%;
border:1px solid #232323;
}
.txtbxfl
{
width:92%;
height:40px;
padding:7px;
border:1px solid #232323;
}
.submit
{
font-family: 'Lato','Open Sans',sans-serif;
font-weight: 700;
font-size: 12px;
border-radius: 2px;
padding: 13px 15px;
line-height: 24px;
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
position: relative;
}
.tselbx
{
width:46%;
height:40px;
padding:7px;
margin-right:2%;
border:1px solid #232323;
}
.botwrap
{
width:100%;
height:auto;
display:table;
background-color:#E9EAEC;
}
.padtop30
{
padding-top:30px;
}
.botl
{
width:50%;
height:auto;
float:left;
padding:2%;
}
.botr
{
width:50%;
height:auto;
float:left;
padding:3%;
}
.botsrtip
{
width:100%;
height:auto;
display:table;
}
.bothalfbox
{
width:50%;
height:auto;
float:left;
text-align:center;
}
.botline
{
width:100%;
height:142px;
background-image:url(images/botline.png);
background-repeat:repeat-x;
}
.textmedbl
{
font-family: 'Montserrat', serif;
font-size:30px;
color:#071C35;
}
.foot
{
width:100%;
height:24px;
background-color:#071C35;
padding:3px;
color:#FFFFFF;
text-align:center;
}
.mapdiv
{
width:100%;
padding:1% 5%;
height:auto;
display:table;
}
.menuwrap
{
width:100%;
height:auto;
padding:2%;
display:table;
}
.menuleft
{
width:30%;
height:auto;
float:left;
}
.menuright
{
width:70%;
height:auto;
float:left;
text-align:right;
padding:20px 60px 0px 100px;
}
.topspacer
{
widows:100%;
height:100px;
}
.amnwrap
{
width:100%;
height:auto;
text-align:center;
}
.vilwrap
{
width:100%;
height:auto;
padding:0% 7%;
}
.vildet
{
width:86%;
height:auto;
margin:0% 7%;
padding:2% 2%;
background-color:#000000;
text-align:center;
}
.vilbox
{
width:100%;
height:auto;
}
.spacerdyn
{
width:100%;
height:5px;
}
.nomob
{
display:block;
}
a:link {
  color: white;
}

/* visited link */
a:visited {
  color: white !important;
}

/* mouse over link */
a:hover {
  color: white !important;
}

/* selected link */
a:active {
  color: white;
}

/* SLIDER STARTS */

/* Slider container */
.slider{
  width:90%;margin:40px auto;position:relative;overflow:hidden;
  border-radius:16px;aspect-ratio:16/9;
}
.slider input{display:none;}

.slides{position:relative;width:100%;height:100%;}
.slide{
  position:absolute;inset:0;opacity:0;transition:.5s ease-in-out;
  pointer-events:none;
}
.slide img{
  width:100%;height:100%;object-fit:cover;display:block;
}

/* Enable active slide + clicking only when visible */
#s1:checked ~ .slides .sl1,
#s2:checked ~ .slides .sl2,
#s3:checked ~ .slides .sl3,
#s4:checked ~ .slides .sl4,
#s5:checked ~ .slides .sl5,
#s6:checked ~ .slides .sl6,
#s7:checked ~ .slides .sl7{
  opacity:1;pointer-events:auto;
}

/* Arrows */
.arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  width:42px;height:42px;border-radius:50%;
  background:rgba(0,0,0,0.45);backdrop-filter:blur(4px);
  color:#fff;display:flex;align-items:center;justify-content:center;
  font-size:22px;cursor:pointer;user-select:none;text-decoration:none;
  transition:.3s;
}
.arrow.prev{left:16px;}
.arrow.next{right:16px;}
.arrow:hover{
  background:rgba(0,0,0,0.75);box-shadow:0 4px 10px rgba(0,0,0,.35);
  transform:translateY(-50%) scale(1.05);
}

/* Dots */
.dots{text-align:center;margin-top:12px;}
.dots label{
  width:12px;height:12px;border-radius:50%;display:inline-block;
  margin:0 4px;background:#ccc;cursor:pointer;transition:.3s;
}
#s1:checked ~ .dots label[for="s1"],
#s2:checked ~ .dots label[for="s2"],
#s3:checked ~ .dots label[for="s3"],
#s4:checked ~ .dots label[for="s4"],
#s5:checked ~ .dots label[for="s5"],
#s6:checked ~ .dots label[for="s6"],
#s7:checked ~ .dots label[for="s7"]{
  background:#333;
}

/* SECTION WRAPPER — FULL HEIGHT */
.video-section {
  width: 100%;
  height: 90vh;     /* ?? 90% of screen height */
  display: flex;
  justify-content: center;
  align-items: center;
}

/* CONTAINER */
.video-container {
  width: 90%;          /* ?? 90% of the screen width */
  height: 100%;        /* fills 90vh set above */
  max-width: 1600px;
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  box-shadow: 0 10px 40px rgba(255, 223, 128, 0.25);
}

/* VIDEO */
.video-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* LUXURY GRADIENT */
.luxury-gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom right, rgba(0,0,0,0.08), rgba(0,0,0,0.4));
  pointer-events: none;  /* ? ensures button is clickable */
}

/* GOLD PLAY / PAUSE BUTTON */
.video-toggle {
  position: absolute;
  bottom: 24px;
  right: 24px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 2px solid #c9a24a;
  background: rgba(0,0,0,0.55);
  backdrop-filter: blur(5px);
  color: #c9a24a;
  font-size: 26px;
  cursor: pointer;
  z-index: 10;
  transition: 0.3s;
}

.video-toggle:hover {
  background: rgba(0,0,0,0.8);
  box-shadow: 0 0 12px rgba(201,162,74,0.7);
}



/* Wrapper has 5% left/right padding */
.info-wrapper {
  width: 100%;
  padding: 0 5%; /* left & right padding */
  margin: 40px 0;
  
}

/* Flex container */
.info-boxes {
  display: flex;
  justify-content: space-between;
  gap: 2%; /* approx 2% space between boxes */
}

/* Each box width = 49% to leave a 2% gap */
.box {
  width: 49%;
  padding: 20px;
  border: 2px solid #cfe8ff;
  background: #f8fbff;
  border-radius: 10px;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  color: #003366;
}

/* Mobile: stack */
@media (max-width: 768px) {
  .info-boxes {
    flex-direction: column;
    gap: 15px;
  }
  .box {
    width: 100%;
  }
}




@media (max-width: 768px) {
  .video-toggle {
    width: 48px;
    height: 48px;
    font-size: 20px;
  }
}

@media (max-width: 768px) {
  .slide img { height: 350px; }
  .arrow {
    width: 34px; height: 34px;
    font-size: 16px;
  }
}


@media screen and (max-width: 690px) {
.textlargebl
{
font-family: 'Montserrat', serif;
font-size:31px;
color:#071C35;
}
.slider{
  width:90%;
  margin:40px auto;
  position:relative;
  overflow:hidden;
  border-radius:16px;
  aspect-ratio:16/9;
}
.ctablneg
{
width:280px;
background:#000;
color: #ffffff;
font-weight: 700;
font-size: 12px;
border:1px solid white;
border-radius: 2px;
padding: 13px 15px;
line-height: 24px;
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
cursor:pointer;
margin-left:1%;
margin-top:-30px;
}
.topspacer
{
widows:100%;
height:250px;
border:0px solid red;
}
.nomob
{
display:none;
}
.vilwrap
{
width:100%;
height:auto;
padding:0% 0%;
}
.vildet
{
width:100%;
height:auto;
margin:0% 0%;
padding:2% 2%;
background-color:#000000;
text-align:center;
}
.textwsm
{
font-family: 'Montserrat', sans-serif;
font-size:14px;
line-height:30px;
font-weight:200;
color:#FFF;
}
.spacerdyn
{
width:100%;
height:20px;
}
.bgl
{
width:100%;
height:auto;
float:none;
padding:7%;
}
.bgr
{
width:100%;
height:auto;
float:none;
padding-bottom:30px;
}
.textlogosm
{
font-family: 'Montserrat', sans-serif;
font-size:26px;
line-height:60px;
font-weight:600;
color:#FFF;
}
.textlogosm2
{
font-family: 'Montserrat', sans-serif;
font-size:14px;
line-height:60px;
font-weight:500;
color:#FFF;
}
.herowrapper
{
width:100%;
height:auto;
height:100vh;
border:0px solid red;
background-image:url(images/bg.jpg);
background-repeat:no-repeat;
background-size:cover;
display:table;
padding:0% 2%;
}
.menuleft
{
width:100%;
height:auto;
float:none;
text-align:center;
padding-top:20px;
}
.menuright
{
display:none;
width:70%;
height:auto;
float:left;
text-align:right;
padding:20px 60px 0px 100px;
}
.descdiv
{
width:90%;
margin:2% 5%;
height:auto;
}
.herostrip
{
width:100%;
height:auto;
min-height:50px;
text-align:center;
}
.ctabl
{
width:90%;
background:#000;
color: #ffffff;
font-weight: 700;
font-size: 12px;
border:1px solid white;
border-radius: 2px;
padding: 13px 15px;
line-height: 24px;
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
cursor:pointer;
margin-left:5%;
margin-right:5%;
margin-top:2%;
margin-bottom:2%;
}
.herosubwrap
{
width:100%;
padding:2% 5%;
height:auto;
display:table;
text-align:center;
box-sizing: border-box;
}
.txtbxr
{
width:100%;
height:40px;
padding:7px;
margin-right:2%;
margin-top:16px;
border:1px solid #232323;
}
.txtbxfl
{
width:100%;
height:40px;
padding:7px;
border:1px solid #232323;
}
.tselbx
{
width:100%;
height:55px;
padding:7px;
margin-right:2%;
margin-top:16px;
border:1px solid #232323;
}
.txtbx
{
width:100%;
height:40px;
padding:7px;
margin-right:0%;
border:1px solid #232323;
}
.textlogo
{
font-family: 'Quicksand', sans-serif;
font-size:30px;
line-height:60px;
color:#FFF;
}
.ctahero
{
width:80%;
background: #fff;
color: #232323!important;
font-weight: 700;
font-size: 14px;
margin-left:2%;
margin-right:2%;
border:1px solid white;
border-radius: 2px;
padding: 13px 15px;
line-height: 24px;
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
cursor:pointer;
}
.foot
{
width:100%;
height:26px;
background-color:#071C35;
padding:5px;
color:#FFFFFF;
text-align:center;
box-sizing: border-box;
}
.botline
{
width:100%;
height:42px;
background-image:url(images/botline.png);
background-repeat:repeat-x;
}
.botwrap
{
width:100%;
height:auto;
display:table;
background-color:#E9EAEC;
}
.padtop30
{
padding-top:30px;
}
.botl
{
width:100%;
height:auto;
float:none;
padding:2%;
box-sizing: border-box;
}
.botr
{
width:100%;
height:auto;
float:none;
padding:3%;
border:0px solid green;
box-sizing: border-box;
}
.formwrap
{
width:100%;
height:auto;
display:table;
border:0px solid red;
background-color:#F8F9FB;
padding-top:40px;
padding-bottom:40px;
box-sizing: border-box;
}
.forml
{
width:100%;
height:auto;
float:none;
text-align:center;
vertical-align:middle;
padding-top:10%;
}
.formr
{
width:100%;
height:auto;
float:none;
border:0px solid green;
}
.logobox
{
width:40%;
height:auto;
padding-left:2%;
padding-top:20px;
padding-bottom:20px;
float:left;
border:0px solid aqua;
}
.menu1
{
width:30px;
height:auto;
float:left;
padding-top:10px;
border:0px solid red;
display:none;
}
.menu2
{
width:90px;
height:auto;
float:left;
text-align:left;
padding-left:3px;
padding-top:10px;
border:0px solid white;
display:none;
}
.menu3
{
width:150px;
height:auto;
float:right;
border:0px solid red;
}
.menubox
{
width:50%;
height:auto;
padding-right:2%;
padding-top:20px;
min-height:40px;
float:right;
text-align:right;
border:0px solid red;
}
.ctatop
{
width:140px;
background: #071C35;
font-weight: 700;
font-size: 12px;
border:1px solid white;
border-radius: 2px;
padding: 6px 8px;
line-height: 24px;
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
cursor:pointer;
}
.logobot
{
width:280px;
}
.headtop
{
width:100%;
height:70px;
padding-top:5px;
display:table;
}
.bttn {
    font-size: 16px;
    font-weight: 400;
    font-family: "Merriweather";
    padding: 0px 15px;
    line-height: 40px;
    text-align: center;
    outline: none; 
    border: none;
    border-radius: 6px;
    display: inline-block;
    -webkit-box-shadow: 0 3px 6px rgb(91 130 148 / 8%);
    box-shadow: 0 3px 6px rgb(91 130 148 / 8%);
    top: 0px;
    position: relative;
}
.logo
{
width:180px;
}
.highwrap
{
width:90%;
height:auto;
margin:0% 5%;
min-height:100px;
margin-top:30px;
display:table;
}
.highbox
{
width:98%;
height:220px;
float:none;
margin:1%;
border:1px solid #C9A585;
text-align:center;
z-index:350;
}
.strip100
{
width:90%;
margin:0% 5%;
height:auto;
text-align:center;
margin-top:30px;
margin-bottom:20px;
}
.amnbox
{
width:100%;
height:auto;
float:none;
margin-bottom:20px;
background-color:#f8f9fa;
}
 .txtblu1
 {
 font-size:20px;
 color:#d3ac67;
 font-weight:bold;
 }
.projectcc
{
width:98%;
padding-right:1%;
padding-left:1%;
}
.blts
{
 font-size: 20px;
 font-family: 'Merriweather', serif;
 margin-bottom: 10px;
 color:#0a2233;
 font-weight:bold;
 line-height: 1.6 !important;
 padding-top:3px;
 }
.wapp {
    position: fixed;
    bottom: 18px;
    right: 10px;
    z-index: 999;
    width: 60px;
}
.whaphlp {
    position: fixed;
	background-color:#25D366;
	background-image:url(agent.png);
	background-repeat:no-repeat;
	background-position:left;
    bottom: 86px;
    right: 14px;
    z-index: 999;
    width: 208px;
	height:72px;
	border:1px solid;
	border-color:#25D366;
	border-radius:6px;
	padding-left:76px;
	padding-top:8px;
}
.txtwapp
{
color:#fff;
font-size12px;
}
}