body {
  min-height: 800px;
  background-color: #fff;
}

img {
	max-width: 100%;
}

a {
	text-decoration: none;
}

.home-hotel {
	background-repeat: no-repeat!important;
	background-position: center center!important;
	background-size: cover!important;
	height: 600px;
	width: 100%;
}

.home-hotel .inner {
   padding: 180px 20px;
   color: #fff;
}

.btn-success {
  color: #000;
  background-color: #f9cc00;
  border-color: #f9cc00;
}

.btn-info {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}

#home-whois .inner {
	background-position: center center!important;
	background-repeat: no-repeat!important;
	background-size: cover!important;
	width: 100%;
	height: 650px;
	position: relative;
}

#home-whois .inner .caption {
	width: 100%;
	position: absolute;
	bottom: 10%;
	left: 0;
}

#home-whois .inner .caption .intro {
	background: rgba(0, 0, 0, 0.5);
	padding: 20px;
	color: #fff;
}

#home-whois .inner .caption .intro h1{
	color: #f9cc00;
}	

.navbar-toggler {
  line-height: 1;
  color: #1b5e59;
}


.separator {
	border-bottom: 5px solid #cccccc;
	margin: 15px 0;
}

.btn-book-excursion {
	margin: 20px;
	text-transform: uppercase;

}

.btn.submit {
	
	text-transform: uppercase;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: #f9cc00;
}

.modal-header.alert-notice {
  --bs-alert-color: var(--bs-primary-text);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;

}


.alert-error{
    color: #842029;
    background-color: #f8d7da;
}

.nav-top {
	background-color: #000;
}

.nav-top.scrolled {
  background-color: rgba(252, 252, 252, 0.8);
}

.navbar .nav-link {
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
}

.navbar .nav-link.active {
   color: #ccc;  

}

.navbar .nav-item:hover .nav-link{ 
	color: #ccc;  

}

.bd-navbar {
  padding: .75rem 0;
  background-color: transparent;
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15),inset 0 -1px 0 rgba(255,255,255,0.15);
}


#carousel-home .carousel-item {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    min-height: 680px;
}

#carousel-home .carousel-item:after {

	width: 100%;
	height: 100%;
	z-index: 2;
	position: absolute;
	content: "";
	
	background-repeat: repeat;

	top: 0px;
	left: 0px;
	z-index: 3;
	display: block;
	pointer-events: none;

}

#carousel-home .carousel-item {
		min-height: 650px;
	}

#carousel-home .carousel-item.first {
	background-color: #fff;
}

#carousel-home .carousel-item.first:after {
	background: none;
}

#carousel-home .carousel-caption {
    font-size: 18px;
    bottom: 8%;
    z-index: 5;
}

#carousel-home .carousel-caption h3 {
	text-transform: uppercase;
	font-size: 40px;
	font-weight: bold;
}

#carousel-home .carousel-caption h3 a {
	color: #fff;
	text-decoration: none;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
}

#carousel-home .logo-carousel {
	max-width: 400px;
	position: relative; 
	left: 50%;
	top: 12%;
	transform: translateX(-50%);
}

#carousel-home .first .carousel-caption {
	color: #009b90;  
}

#carousel-home .first .carousel-caption h3 a {
	color: #d1ac7a;
	text-shadow: 2px 2px 5px #d1ac7a;
}



.hero_scroll {
  position: relative;
  top: 30px;
  display: block;
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  color: #fff;
  font-size: 50px;
}

.home-who-is {
	background-color: #fdfdfd;
}

.home-who-is h1 {
	color: #009b90;
}

#home-ncc {
	padding: 20px 0;
	overflow-x: hidden;
	background-color: #f9cc00;
	padding-top: 40px;
}

#home-ncc .item .intro {
	padding: 15px;
}

#home-ncc .item img {
	padding: 15px;
}

#home-ncc .item {
	margin-bottom: 20px;
	border: 1px solid #555;
	background-color: transparent;
	color: #555;
}

#home-ncc .item .d-grid.gap-2{
	margin: 20px;
	
}


.box-booking {
	padding: 15px;
	text-align: center;
	margin: 15px 0;
}

.box-book {
	background-color: #fdfdfd;
	margin-bottom: 20px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.box-book .inner {
	padding: 15px;
	text-align: center;
}

.box-book  h3 {
	padding: 15px;
	font-size: 20px;
}



.box-book.ncc .btn {
	background-color: #f9cc00;
	color: #000;
	border-color: #000;
}

.box-book.taxi .btn {
	background-color: #f9cc00;
	color: #000;
	border-color: #000;
}

.cat-menu {
	background-color: #fdfdfd;
	margin-bottom: 20px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.cat-menu h3 {
	background: #f9cc00;
	color: #000;
	padding: 15px;
	font-size: 20px;
}

.cat-menu a {
	color: #000;
}

.cat-menu .nav-link.active {
	background-color: #f9cc00;
	border-radius: 0;
}

.cat-menu .nav-link.active a {
	color: #fff;
}

.page .title {
	min-height: 30px;
}


.page-intro.img {
	background-size: cover!important;
	width: 100;
	padding-bottom: 40%;
	position: relative;
	margin-bottom: 30px;
}

.page-intro.img .title {
	position: absolute;
	bottom: -15px;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 2;
}

.page-intro.img .title .inner {
	  margin: 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f9cc00+0,f9cc00+100&0.5+0,1+100 */
background: linear-gradient(to bottom, rgba(249,204,0,0.5) 0%,rgba(249,204,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;

}

.page .title .inner {
	
	color: #333;
	margin-top: 15px;
	padding: 15px;
	margin-bottom: 20px;
}

.page .full {
	padding:0 15px;
}

.page-intro.img .title h1 {
	border-bottom: 4px solid #555;
	padding-bottom: 10px;
}

.article h2 {
  font-size: 22px;
  color: #000;
  text-transform: uppercase;
  margin-top: 0px;
  padding: 10px;
  min-height: 60px;
}

.article ul {
	list-style: none;
}
.article ul li {
	margin-bottom: 10px;
}

.article ul li::before {
  content: "\2022";
  color:#1b5e59;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}

.article-list .item {
	text-align: center;
	margin-bottom: 20px;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	padding-bottom: 15px;
	background-color: #fff;

}

.article-list .item:hover {
	box-shadow: none;
}

.article-list .item h3 {
	font-size: 16px;
	text-transform: uppercase;
	padding: 10px;
	min-height: 60px;
	margin-bottom: 0;
}

.article-list .item h3 a {
	color: #000;
	
}

.article-list .item h3 a:hover {
	opacity: 0.8;
}

.article-list .item .inner {
	background-color: #EFEFF0;
	padding: 10px;
	font-size: 14px;
	min-height: 120px;
	overflow: hidden;
	margin-bottom: 15px;
	
}

.article-list .item .btn-light {
	background-color: #000;
	color: #fff;
	border-color: #000;
}

.gallery #gallery-flters {
  list-style: none;
  margin-bottom: 20px;
}

.gallery #gallery-flters li {
  cursor: pointer;
  display: inline-block;
  margin: 10px 5px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  color: #444444;
  transition: all 0.3s;
  padding: 8px 20px;
  border-radius: 50px;
  font-family: "Poppins", sans-serif;
}

.gallery #gallery-flters li:hover,
.gallery #gallery-flters li.filter-active {
  background: #47b2e4;
  color: #fff;
}

.gallery .gallery-item {
  margin-bottom: 30px;
}

.gallery .gallery-item .gallery-img {
  overflow: hidden;
}

.gallery .gallery-item .gallery-img img {
  transition: all 0.6s;
}

.gallery .gallery-item .gallery-info {
  opacity: 0;
  position: absolute;
  left: 12px;
  bottom: 0;
  z-index: 3;
  right: 12px;
  transition: all 0.3s;
  background: rgba(0,0,0, 0.8);
  padding: 10px 15px;
}

.gallery .gallery-item .gallery-info h4 {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  color: #fff;
  margin-bottom: 0px;
}

.gallery .gallery-item .gallery-info p {
  color: #f9fcfe;
  font-size: 14px;
  margin-bottom: 0;
}

.gallery .gallery-item .gallery-info .preview-link,
.gallery .gallery-item .gallery-info .details-link {
  color: #fff;
  text-align: center;
  font-size: 18px;
}

.gallery .gallery-item .gallery-info .preview-link:hover,
.gallery .gallery-item .gallery-info .details-link:hover {
  opacity: 0.8;
}

.gallery .gallery-item .gallery-info .details-link {
  right: 10px;
}

.gallery .gallery-item:hover .gallery-img img {
  transform: scale(1.15);
}

.gallery .gallery-item:hover .gallery-info {
  opacity: 1;
}

/*--------------------------------------------------------------
# gallery Details
--------------------------------------------------------------*/
.gallery-details {
  padding-top: 40px;
}

.gallery-details .gallery-details-slider img {
  width: 100%;
}

.gallery-details .gallery-details-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.gallery-details .gallery-details-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #47b2e4;
}

.gallery-details .gallery-details-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #47b2e4;
}

.gallery-details .gallery-info {
  padding: 30px;
  box-shadow: 0px 0 30px rgba(55, 81, 126, 0.08);
}

.gallery-details .gallery-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.gallery-details .gallery-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}

.gallery-details .gallery-info ul li+li {
  margin-top: 10px;
}

.gallery-details .gallery-description {
  padding-top: 30px;
}

.gallery-details .gallery-description h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

.gallery-details .gallery-description p {
  padding: 0;
}

#col-item.sticky-top {
	top: 20px;
}

#category {
	background-color: #1b5e59;
	padding-top: 20px;
	padding-bottom: 20px;
}

#category h2 {
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 15px;

}

#category h2 a {
	color: #fff;
}

#category h3 a:hover {
	opacity: 0.8;
}

#home-services {
	padding: 20px 0;
	background-color: #fcfcfc;
	color: #000;
}

#home-services .item-img {
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	min-height: 500px;
	margin-bottom: 20px;
}

#home-services .item .intro {
	min-height: 250px;
	line-height: 2;
}

#home-services .item h3 {
	text-transform: uppercase;
}

#home-services .item h3 a {
	color:#1b5e59
}

#module-20 h3 {
	text-align: center;
	text-transform: uppercase;
}

.contact {
	background-color: #EFEFF0;
	margin-bottom: 15px;
}



#footer {
	padding: 20px 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#184b8a+0,184b8a+100&0.5+0,1+100 */
background: #f9cc00;
	color: #555;

}

#footer .nav li a {
	color: #000;
	padding-left: 0;
}

#footer .nav li a.active {
	color: #555;
}

#footer .nav li .dropdown-item {
	color: #212529;
	padding: .25rem 1rem;
}

#logo-footer {
	text-align: center;
}

 #logo-footer .inner {
  	background:#1b5e59 url('../img/pattern8.jpg') repeat-x top;
  }

@keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } 
}

@media all and (min-width: 1600px) {
	#carousel-home .logo-carousel {
		max-width: 500px;
		position: relative; 
		left: 50%;
		top: 15%;
		transform: translateX(-50%);
	}


	#carousel-home .carousel-item {
		min-height: 800px;
	}
}

@media all and (min-width: 992px) {
	#top-nav .navbar .dropdown-menu-end{ right:0; left: auto;  }
	#top-nav .navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;  }
	#top-nav .navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
	#top-nav .navbar .dropdown-menu.fade-up{ top:180%;  }
	#top-nav .navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }

	.autohide{
		  position: fixed;
	    top: 0;
	    right: 0;
	    left: 0;
	    width: 100%;
	    z-index: 1030;
		}

		.scrolled-down{
		  transform:translateY(-100%); transition: all 0.3s ease-in-out;
		}
		.scrolled-up{
		  transform:translateY(0); transition: all 0.3s ease-in-out;
		}

}



@media (max-width: 991.98px){
  
  body {
  	padding-top: 0!important;
  }
	
	#home-ncc .img {
	  padding-bottom: 30%;
	}

	.page-intro.img {
		padding-bottom: 60%;
		margin-bottom: 120px;
	}

	.page-intro.img .title {
	    bottom: -100px;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 2;
		top: auto;
	}

	.btn-book {
		text-align: center;
	}

	.btn-book .btn {
		display: block;
	}

	.home-hotel {
  background-repeat: no-repeat !important;
  background-position: 80% center !important;
  }

}


@media screen and (max-width: 768px) {
		.navbar {
		display: flex;
		flex-wrap: wrap;
		}
		.navbar-brand {
			width: 100%;
			text-align: center;
			padding: 0;
		
		}
		.navbar-toggler {
		  position: absolute;
			right: 20px;
			top: 20px;
		}

		.navbar-brand img {
			height: 70px;
		}
}

@media (max-width: 575.98px) { 
  #footer {
  	text-align: center;
  }


	#carousel-home .logo-carousel {
		top: 8%;
		max-width: 250px;
	}

	#carousel-home .carousel-item {
		 min-height: 500px;
	}
   
	#carousel-home .carousel-caption {
		left: 0;
		right: 0;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.3+0,0.8+100 */
		background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
		padding-left: 15px;
		padding-right: 15px;
		bottom: 0;
		padding-bottom: 80px;
  }



}