@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&family=Work+Sans:wght@200&display=swap');

#gmap {float:left;}
img {  width: 100%;  height: auto;}
.flag { height:25px!important;}
body { font-size:20px; margin-bottom:0px; padding-bottom:0px; background-color:#000001; color:#FFFFFF; }
.offcanvas.offcanvas-start  { overflow:auto;}
.booking-table { font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.parallax-window {
        min-height: 400px;
        background: transparent;
    }
.box-shadow {
    box-shadow: rgb(0 0 0 / 45%) 0px 25px 20px -20px;
}
.top_nav { list-style:none; position:relative; }
.nav-item {display:inline-block; text-transform:uppercase; }

a { color:#2E2824}
a {  -webkit-transition: all 0.35s;  -moz-transition: all 0.35s;  transition: 0.35s;  }
a:hover { color:#ccc}
a.filter { color:#A7A9AB; text-transform:uppercase; padding-right:25px; text-decoration:none;}

.text-shadow {    text-shadow: 2px 2px 2px rgb(0 0 0 / 10%);}

.small_button { width:55px; margin:2px;}
.image-zoom {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 10s;
    -moz-transition: all 10s;
    transition: all 10s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
}
.title { position:absolute; bottom:20px; left:50px; font-size: clamp(18px, 8vw, 22px); text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.filter:hover{ color:#EE799F; }
.white { color:#FFFFFF;}
/* .white p {  color:#FFFFFF} */

.yellow { color:#E5D901;}
.y { background-color:#AECC3A!important}
.bg-green { background-color:#AECC3A!important}
.bg-pink { background-color:#FF66FF!important}
.pink-white a{  color:#ffffff}
.top-nav a{ color:#EE799F; text-decoration:none;}
.top-nav a:hover{ color:#2E2824; }
.lg    { background-color:#EDEEEE; color:#000001;}
.dg-white {    background-color: #777777;   color: #FFFFFF;}
.bg-white   { background-color:#fff; color:#2E2824; }
.bg-red {background-color:#FB2202}
.red {color:#FB2202}
.black {color:#000}
.orange {color:#F90}
.green {color:#AECC3A}
.bg-orange {background-color:#F90}
.bg-black  { background-color:#000001; color:#fff; }
.bg-black a, .bg-black h1, .bg-black h2  {  color:#E5D901; }

.bg-yellow  { background-color:#EADE00; color:#000001; }
.bg-yellow a {color:#000001; }
.bg-black-trans  { background-color: rgba(0,0,0,.8); color:#fff; }

.bg-lg-trans { background-color: rgba(237,238,238,.8); color:#000001; }
.bg-lg-trans a{ color:#000001; }

.bg-yellow-trans  { background-color: rgba(234,222,0,.9); color:#000000!important; }

.nav-item  { font-family:Arial, Helvetica, sans-serif; font-size:15px; }
.logo {position:absolute; top:0px; right:50px; max-width:250px; margin-bottom:50px;  opacity: 0.8; z-index:9999;}
.nav-logo { max-width:250px; margin-bottom:10px;  }
.login { position:absolute; right:60px; top:225px; z-index:99999999;}
.login-nav { position:absolute; right:20px; top:30px;}
.navigation-bar {position:absolute; top:30px; left:30px; z-index:999999; }
@media (max-width: 991px) {.navigation-bar { top:10px; left:0px;}  }  

.nav-item:hover  {  color:#fff; }
.social { position:absolute; top:25px; right:125px; z-index:99999;}
.bg-default { background-color:#000; color:#ffffff }
.tb { min-height:100px; }
.weight { position:absolute; top:10px; left:10px; background-color:#000; font-size:14px; font-weight:bold; padding:5px 10px; border-radius: 2px;} 
.cd { position:absolute; top:10px; right:10px; background-color:#000; font-size:14px; font-weight:bold; padding:5px 10px; border-radius: 2px;} 
.imgshadow { box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;}
.imgshadow-2 { box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;}
.overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}


.grad {

background-image:
    linear-gradient(to bottom, rgba(0,0,0, 0.8), rgba(9,9,9,0)),
    url('images/background.jpg');

}

h1 { text-transform:uppercase}


.h100{ height:calc(100vh)}
.h80{  height:calc(80vh )}
.h70{  height:calc(70vh )}
.h60{  height:calc(60vh )}
.h50{  height:calc(50vh )}
.h40{  height:calc(40vh )}
.h30{  height:calc(30vh )}
.h20{  height:calc(20vh )}
.h10{  height:calc(10vh )}

.h-65 {
    height: 65%!important;
}

.img-bg-scroll { background-attachment: scroll; -webkit-background-size: cover;  background-position: center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
.img-bg-fixed  { background-attachment: fixed; -webkit-background-size: cover;  background-position: center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}


.bars { position:absolute; left:0px; top:10px;}



.btn-black { background-color:#000001; text-transform:uppercase; color:#FFFFFF; border-radius: .0rem;}
.lakeoverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #000001;
    opacity: .4;
	z-index:1;
	
}
.overlay-text {
	text-transform:uppercase;
 
	position: absolute;
    bottom: -50px;
    left: 50%;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(0,0,0,0);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
			  z-index:102;
			  width:80%
}
.overlay-text p{ font-size:14px; }
.carousel-control-prev, .carousel-control-next { z-index:101}

.small-text { font-size:12px;}
.text-14 { font-size:14px;}

.fa-stack.small { font-size: 1.0em; }

.carousel-item-100{ height:100vh; }
.carousel-item-90{  height:80vh; }
.carousel-item-80{  height:80vh; }
.carousel-item-70{  height:70vh; }
.carousel-item-60{  height:60vh; }
.carousel-item-50{  height:50vh; }
.carousel-item-40{  height:40vh; }
.carousel-item-30{  height:30vh; }
.carousel-item-20{  height:20vh; }
.carousel-item-10{  height:10vh; }
.carousel-indicators [data-bs-target] {border: solid 1px #000;background-color: #000;height:20px;}
.carousel-indicators {	border-radius: 100%;	position:absolute;	bottom:-80px;}
.carousel-caption { position:absolute; bottom:40px; left:0px; padding:0px 20px; ; margin:0px; text-align:left; text-transform:uppercase; font-size: calc(1.0em + 2.0vmin);}
.carousel-caption p { font-size:14px; line-height:16px; padding:0px; margin:0px;} 
.carousel-inner { background-color:#fff; }
.carousel {  position: reltive;  top: 0;  left: 0;}
.carousel-inner {  background-color: pink;  height: 100%;}
.carousel-item {  background-color: yellow;  opacity .5; }
a.carousel-control-next:link, a.carousel-control-prev:link {  background-color: transparent;  text-decoration: none;  opacity: .5; }
.carousel,.carousel-inner,.carousel-item {  width: 100%;   background: no-repeat center center scroll;  -webkit-background-size: cover;  background-position: center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   
}


.bottom { position:absolute; bottom:0px; left:0px;}
.img-bg { position:relative;    background: no-repeat center center scroll;  -webkit-background-size: cover;  background-position: center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
.dg{  background-color:#A5A7AA; padding:20px; text-transform:uppercase; color:#FFFFFF; border-radius: .0rem; font-size:16px}
.dg-button {  background-color:#A5A7AA; padding:10px; text-transform:uppercase; color:#FFFFFF; border-radius: .0rem; font-size:16px}

.fadein {overflow: hidden;   /*  hide scrollbars */
opacity: 1.0;
-webkit-transition: background 1.5s linear;
-moz-transition: background 1.5s linear;
-o-transition: background 1.5s linear;
-ms-transition: background 1.5s linear;
transition: background 1.5s linear;}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}


@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
.item-img { 
  min-height:280px; 
   background: no-repeat center center scroll;
  -webkit-background-size: cover;
  background-position: center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  }
  
@media (max-width: 900px) {.item-img {  min-height:240px;}  }  
 
.item-img-180 { 
  min-height:180px; 
   background: no-repeat center center scroll;
  -webkit-background-size: cover;
  background-position: center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }

.item-img-140 { 
  min-height:180px; 
   background: no-repeat center center scroll;
  -webkit-background-size: cover;
  background-position: center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }  
  
footer { font-weight:normal; margin-bottom:0px!important;}
.copyright { background-color:#1A1A1A; color:#a0a0a0}
.copyright a { color:#a0a0a0; text-decoration:none;}
footer h3 { margin-bottom:20px; font-weight:bold;}
.foot-list-group, ul{ list-style:none; padding:0px; }
.foot-list-group-item  {list-style:none; margin:0px; padding:0px; text-transform:uppercase;}
.foot-list-group-item  a{ text-decoration:none;}

.foot-list-group-item  a:hover{ text-decoration:none; color:#EDEEEE}


.wrapper {
    display: flex;
    width: 100%;
}



.nav-btn-close {
   
	position:absolute;
	top:20px; 
	right:20p;
	right:15px;
	background-color:#fff;
	opacity:1.0;
	font-size:12px;
	padding:5px!important;
}

#sidebar {
    width: 250px;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 999;
    background: #7386D5;
    color: #fff;
    transition: all 0.3s;
}





.form-control { border: 1px solid #ced4da; line-height:1.5}
.form-control:focus {
        border-color: #ccc;
        box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, 0.25);
    } 
/* Style the search field */
form.search input[type=text] {
  padding: 10px;
  font-size: 17px;
  border: 1px solid #A5A7AA;
  float: left;
  width: 80%;
  background: #fff;
}

/* Style the submit button */
form.search button {
  float: left;
  width: 20%;
  padding: 10px;
  background: #A5A7AA ;
  color: white;
  font-size: 17px;
  border: 1px solid #A5A7AA;
  border-left: none; /* Prevent double borders */
  cursor: pointer;
}

form.search button:hover {
  background: #EE799F;
}

/* Clear floats */
form.search::after {
  content: "";
  clear: both;
  display: table;
}	
	
	
@-webkit-keyframes autofill {
    0%,100% {
        color: #666;
        background: transparent;
    }
}



input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
}
input[data-autocompleted] {
    background-color: transparent !important;
}




.btn:focus , btn-close:focus , btn-lg:focus, btn-close:active{
outline: none!important;
box-shadow: none!important;
}


.offcanvas.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right:none;
    transform: translateX(-100%);
	    z-index: 999999;
}

:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

:focus,
.focus-visible:focus:not(:focus-visible) {
  outline: 0;
  box-shadow:none;
}

.grecaptcha-badge { 
    visibility: hidden;
}


.alert-danger1 {
    --bs-alert-color: #E5D901;
     --bs-alert-bg: #E5D901; */
    --bs-alert-border-color: #E5D901;
	color:#000001!important;
}

.col-7 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
  
  
  .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: var(--bs-nav-tabs-link-active-color);
    background-color:#EDEEEE;
	color:#000;
    border-color: var(--bs-nav-tabs-link-active-border-color);
}

  .nav-tabs .nav-item-tab.show .nav-link-tab, .nav-tabs .nav-link-tab.active, a.nav-link-tab{
    color: var(--bs-nav-tabs-link-active-color);
    background-color:#000;
	color:#E5D901;
    border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs-tab, a.nav-link-tab, .nav-tabs-tab:hover{ color:#000;  }
.nav-link-tab:hover {
 
  color: #000;
}


.parent {
  width: 400px; 
  height: 300px;
  overflow: hidden;
}

.child {
  width: 100%;
  height: 100%;
  background-color: black; /* fallback color */
  background-image: url("images/city.jpg");
  background-position: center;
  background-size: cover;
  transition: all .5s;
}

.parent:hover .child,
.parent:focus .child {
  transform: scale(1.2);
}

.child::before {
  content: "";
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(52, 73, 94, 0.75);
}

.parent:hover .child:before,
.parent:focus .child:before {
  display: block;
}

p, li {font-size: calc(0.9rem + 0.4vw)}
.modal { z-index:999999999999;}

/* Create three equal columns that floats next to each other */
.column {

  display: none; /* Hide columns by default */
}



/* The "show" class is added to the filtered elements */
.show {
  display: block;
}



.fullwrap {
  position: relative;
 
}
 

.fullwrap img { width: 100%; }
 

.fullcap {

  box-sizing: border-box;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0; left: 0;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
}
 

.fullcap {
  visibility: none; opacity: 0;
  transition: opacity 0.3s;
}
.fullwrap:hover .fullcap {
  visibility: visible; opacity: 1;
}


 .instagram-media {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }

  .instagram-media div:first-child {
    display: none; /* Hides the header */
  }

  .instagram-item {
    width: calc(33.33% - 10px); /* Adjust for a 3x3 grid */
  }
  
  /* Individual photo styling */
.instagram-box img , .instagram-box video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px; /* Optional: Rounded corners */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border:solid 1px #666666;
  background-color:#F6F6F6;
}


.ratio-cover {  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  background-position: center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}  

.ratio-3x4 {
  /* For a width-to-height ratio of 3:4, we calculate:
     (height / width) * 100 = (4 / 3) * 100 ˜ 133.33%
  */
  --bs-aspect-ratio: 133.33%;
}

.ratio-1x7 {
  /* For a width-to-height ratio of 3:4, we calculate:
     (height / width) * 100 = (4 / 3) * 100 ˜ 133.33%
  */
  --bs-aspect-ratio: 140%;
  
  
}