@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inspiration&display=swap');

*{
/*	font-family: 'Source Serif 4', serif;*/
font-family: 'Work Sans', sans-serif;
}
.font-inspiration{
	font-family: 'Inspiration', cursive !important;
}

.text-gold{
	color: #cda847!important;
}

.btn-gold{
	color: white;
	background-color: #D8A416!important;
}
.btn-gold:hover{
	color: white;
	background-color: #676767!important;
}

.w-md-75{
	width: 75%;
}
@media (max-width: 768px){
	.w-md-75{
		width: 90%;
	}
}

.vh-80 {
	height: calc(80vh + 33px);
}
@media (max-width: 768px){
	.vh-80 {
		height: calc(30vh + 33px);
	}
}

.link-custom {
	display: inline-block;
	color: #000;
	text-decoration: none;
}
.link-custom::after {
	content: '';
	display: block;
	width: 0;
	height: 2px;
	background: #000;
	transition: width .3s;
}
.link-custom:hover::after {
	width: 100%;
	transition: width .3s;
}

.link-custom-white {
	display: inline-block;
	color: #fff;
	text-decoration: none;
}
.link-custom-white::after {
	content: '';
	display: block;
	width: 0;
	height: 2px;
	background: #fff;
	transition: width .3s;
}
.link-custom-white:hover::after {
	width: 100%;
	transition: width .3s;
}

/*letter spacing*/
.ls-1{
	letter-spacing: 1px;
}
.ls-2{
	letter-spacing: 2px;
}
.ls-3{
	letter-spacing: 3px;
}
.ls-4{
	letter-spacing: 4px;
}
.ls-5{
	letter-spacing: 5px;
}

/*margin negative*/
.mt-n1{
	margin-top: -0.5rem;
}
.mt-n2{
	margin-top: -1rem;
}
.mt-n3{
	margin-top: -1.5rem;
}
.mt-n4{
	margin-top: -2rem;
}
.mt-n5{
	margin-top: -2.5rem;
}
.mb-n1{
	margin-bottom: -0.5rem;
}
.mb-n2{
	margin-bottom: -1rem;
}
.mb-n3{
	margin-bottom: -1.5rem;
}
.mb-n4{
	margin-bottom: -2rem;
}
.mb-n5{
	margin-bottom: -2.5rem;
}
.me-n1{
	margin-right: -0.5rem;
}
.me-n2{
	margin-right: -1rem;
}
.me-n3{
	margin-right: -1.5rem;
}
.me-n4{
	margin-right: -2rem;
}
.me-n5{
	margin-right: -2.5rem;
}
.ms-n1{
	margin-left: -0.5rem;
}
.ms-n2{
	margin-left: -1rem;
}
.ms-n3{
	margin-left: -1.5rem;
}
.ms-n4{
	margin-left: -2rem;
}
.ms-n5{
	margin-left: -2.5rem;
}
/*end margin negative*/


/*navbar*/
.navbar, .navbar .logo-nav, .navbar .btn-nav{
	transition: all 0.4s;
}
.bg-nav-custom{
	background-image: linear-gradient(180deg,#000000a1 , #ffffff00);
}
.bg-nav-custom-scrolled{
	background-color: rgba(255, 255, 255, 1);
}
.navbar .img-nav-custom{
	max-width: 320px;
}
.navbar .img-nav-custom-scrolled{
	max-width: 200px;
}
@media (max-width: 768px){
	.navbar .img-nav-custom{
		max-width: 180px;
	}
	.navbar .img-nav-custom-scrolled{
		max-width: 180px;
	}
}
/*end navbar*/

/*footer*/
footer .logo-footer{
	max-width: 100%;
	filter: brightness(0) invert(1);
}
footer .list-link-footer{
	list-style: none;
	columns: 1;
}
@media (max-width: 768px){
	footer .logo-footer{
		max-width: 250px;
	}
	footer .list-link-footer{
		list-style: none;
		columns: 2;
	}
	footer .link-title{
		margin: 0 auto 20px auto;
	}
}
/*end footer*/

/*home*/
.section-1 .main-img-1{
	width: 75%;
	z-index:5;
}
.section-1 .main-img-2{
	width: 75%;
	margin-bottom: -30px;
}
@media (max-width: 768px){
	.section-1 .main-img-1{
		width: 100%;
	}
}

.section-2 .main-img{
	height: 75vh;
	width: 100%;
	object-fit: cover;
}
@media (max-width: 768px){
	.section-2 .main-img{
		height: 35vh;
		width: 100%;
		object-fit: cover;
		padding-bottom: 10px;
	}
}

.section-3 .box-text{
	border: 3px double #D8A416;
	font-size: 15px;
}
.section-3 .main-img{
	height: 80vh; 
	object-fit: cover;
	background-color: rgba(0, 0, 0, 0.9);
}
.section-3 .logo-tides{
	max-width: 200px;
	filter: brightness(0) invert(1); 
	position: absolute;
	bottom: 1%; 
	right: 1%;
}
@media (max-width: 768px){
	.section-3 .logo-tides{
		max-width: 120px; 
		position: absolute;
		bottom: 1%; 
		right: 1%;
	}
	.section-3 .main-img{
		height: 85vh; 
		object-fit: cover;
	}
	.section-3 .box-text{
		border: 3px double #D8A416;
		font-size: 13px;
	}
}

.section-4 .box-text{
	border: 3px double #D8A416;
	font-size: 13px;
}
.section-4 .main-img{
	height: 75vh;
	width: 100%;
	object-fit: cover;
}
.section-4 .main-img-2{
	position: absolute;
	bottom: -10%;
	right: -25%;
	max-width: 25vw;
}
.section-4 .box-area{
	position: absolute;
	max-width: 40vw;
	right:-25%;
	top: 5%;
}
@media (max-width: 768px){
	.section-4 .main-img{
		height: 35vh;
		width: 100%;
		object-fit: cover;
		padding-bottom: 10px;
	}
}

.section-5 .main-img-1{
	width: 75%;
	z-index:5;
}
.section-5 .main-img-2{
	width: 75%;
	margin-bottom: -30px;
}
@media (max-width: 768px){
	.section-5 .main-img-1{
		width: 100%;
	}
}

.section-6 .box-text{
	border: 3px double #D8A416;
	font-size: 15px;
}
.section-6 .main-img{
	height: 80vh; 
	object-fit: cover;
	background-color: rgba(0, 0, 0, 0.9);
}
.section-6 .logo-tides{
	max-width: 200px;
	filter: brightness(0) invert(1); 
	position: absolute;
	bottom: 1%; 
	right: 1%;
}
@media (max-width: 768px){
	.section-6 .logo-tides{
		max-width: 120px; 
		position: absolute;
		bottom: 1%; 
		right: 1%;
	}
	.section-6 .main-img{
		height: 85vh; 
		object-fit: cover;
	}
	.section-6 .box-text{
		border: 3px double #D8A416;
		font-size: 13px;
	}
}

.section-7 .main-img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.section-7 .facilities-list{
	columns: 3;
}
@media (max-width: 768px){
	.section-7 .main-img{
		height: 100%;
		width: 100%;
		object-fit: cover;
		padding-bottom: 10px;
	}
	.section-7 .facilities-list{
		columns: 2;
	}
}

.section-8 .box-text{
	border: 3px double #D8A416;
	font-size: 15px;
}
.section-8 .main-img{
	height: 80vh; 
	object-fit: cover;
	background-color: rgba(0, 0, 0, 0.9);
}
.section-8 .logo-tides{
	max-width: 200px;
	filter: brightness(0) invert(1); 
	position: absolute;
	bottom: 1%; 
	right: 1%;
}
@media (max-width: 768px){
	.section-8 .logo-tides{
		max-width: 120px; 
		position: absolute;
		bottom: 1%; 
		right: 1%;
	}
	.section-8 .main-img{
		height: 85vh; 
		object-fit: cover;
	}
	.section-8 .box-text{
		border: 3px double #D8A416;
		font-size: 13px;
	}
}

.section-9 .main-img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
@media (max-width: 768px){
	.section-9 .main-img{
		height: 100%;
		width: 100%;
		object-fit: cover;
		padding-bottom: 10px;
	}
}

.section-10 .main-img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
@media (max-width: 768px){
	.section-10 .main-img{
		height: 100%;
		width: 100%;
		object-fit: cover;
		padding-bottom: 10px;
	}
}

.section-11 .main-img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
@media (max-width: 768px){
	.section-11 .main-img{
		height: 100%;
		width: 100%;
		object-fit: cover;
		padding-bottom: 10px;
	}
}

.section-12 .box-text{
	z-index: 10;
	width: max-content;
	padding:20px 50px 20px 50px;
	border: 3px double #D8A416;
	background-color: rgba(255, 255, 255, 0.9);
}
.section-12 .img-gallery{
	height: 35vh;
	width: 100%;
	object-fit: cover;
}
@media (max-width: 768px){
	.section-12 .img-gallery{
		height: 25vh;
		width: 100%;
		object-fit: cover;
	}
}

.section-13 .box-text{
	border: 3px double #D8A416;
	font-size: 15px;
}
.section-13 .form-control::placeholder{
	color: white;
}
.section-13 .input-group{
	width: 30%!important;
}
.section-13 .main-img{
	height: 40vh; 
	object-fit: cover;
	background-color: rgba(0, 0, 0, 0.9);
}
.section-13 .logo-tides{
	max-width: 200px;
	filter: brightness(0) invert(1); 
	position: absolute;
	bottom: 1%; 
	right: 1%;
}
@media (max-width: 768px){
	.section-13 .logo-tides{
		max-width: 120px; 
		position: absolute;
		bottom: 1%; 
		right: 1%;
	}
	.section-13 .input-group{
		width: 70%!important;
	}
	.section-13 .main-img{
		height: 40vh; 
		object-fit: cover;
	}
	.section-13 .box-text{
		border: 3px double #D8A416;
		font-size: 13px;
	}
}

/*slider*/
@media (max-width: 600px){
	.slider-img{
		height: 30vh;
		width: 100%;
		object-fit: cover;
	}
}
@media (max-width: 768px){
	.slider-img{
		height: 35vh;
		width: 100%;
		object-fit: cover;
	}
}
.slider-section img {
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover;
}