/********************************/
/* INTRO
/********************************/


/* Intro BG */
#intro .section-bg:after {
	content: '';
	position: absolute;
	z-index: 6;
	inset: 0;
	background-color: rgba(0,0,0,0.3);
	opacity: 0;
	-webkit-transition: opacity 1s ease 0.6s;
			transition: opacity 1s ease 0.6s;
}
#intro .section-bg.animated:after {
	opacity: 1;
}
/***/


/* Intro main content */
#intro .section-main { 
	align-items: center;
	padding: 90px;
} 
#intro .section-content {
	margin: auto;
}
#intro .section-content.animate {
	opacity: 0;
	-webkit-transform: scale(1.1);
			transform: scale(1.1);
	-webkit-transition: all 1s ease 1s;
			transition: all 1s ease 1s;
	will-change: transform, opacity;
}
#intro .section-content.animated {
	opacity: 1;
	-webkit-transform: none;
			transform: none;
}
/***/


/* Intro down btn */
#intro-down-btn {
	width: 30px;
	height: 20px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADkSURBVHgBvZIBEcMgDEUjoRIqoRIqoQ5WCXMwHFAHm5NKQAISKoHBLWwZKx0Byr+jdw0kP4QHxpjRrh4a6e1nPxuuAU6WM/R+7mcxL+kzb46mGr0WH1wxoOzqoLJcTWKqYht3qCxbU0anSubvdINKcrWw5hZ9SrsxmY8uUKig3vTvsCAdZpMeTFCkJhWRvkswI1n9UNggN+xaMvJkybR8kYFDehLBDPOZkDkenEsnmGEujm6SRTDD/EHergtMdRbBicYdoXUlcbXXUG3zL9IJTPkEM8wp6V49tFBA+hVaCs1nyNQTroX8lSyuWzEAAAAASUVORK5CYII=) 50% 50% no-repeat;
}
#intro-down-btn.animate {
	opacity: 0;
	-webkit-transform: translateY(-30px);
			transform: translateY(-30px);
	-webkit-transition: all 1s cubic-bezier(0.76, 0, 0.24, 1) 1.2s, color 0.2s ease;
			transition: all 1s cubic-bezier(0.76, 0, 0.24, 1) 1.2s, color 0.2s ease;
}
#intro-down-btn.animated {
	opacity: 1;
	-webkit-transform: none;
			transform: none;
}
/***/




/****************************************/
/* ABOUT
/****************************************/
#about {
}
@media (min-width : 1200px) {
	#about .section-main {
	}
	#about .section-side {
		padding-inline-end: 70px;
	}
}



/****************************************/
/* SEA
/****************************************/
#sea {
}
@media (max-width : 1200px) {
}




/****************************************/
/* CITY
/****************************************/
#city {
}
@media (max-width : 1200px) {
}




/****************************************/
/* LOCATION
/****************************************/

#location {
}

#location button.open-map {
	outline: 0;
	border: 0;
	font: inherit;
	font-weight: 400;
	background: none;
	cursor: pointer;
}
#location button svg {
	height: 1.2em;
	vertical-align: text-bottom;
}

.d-table {
	margin: auto;
	text-align: initial;
	font-weight: 400;
}
.d-table tr {
	-webkit-transition: all 0.2s ease;
			transition: all 0.2s ease;
}
.d-table tr:hover {
	background-color: #e4edfb;
}
.d-table td {
	padding-block: 0.25em;
	padding-inline: 1em;
}
.d-table td:first-child {
	padding-inline-start: 2em;
}
.d-table td:last-child {
	padding-inline-end: 2em;
}

@media (min-width : 1200px) {
	#location .section-main {
		max-width: 40%;
	}
	
	.section-open-btn {
		position: absolute;
		z-index: 99;
		top: 10px;
		left: 30px;
		height: 44px;
		outline: 0;
		margin: min(1.25vw, 48px);
		border: 0;
		border-radius: 6px;
		padding: 8px;
		background: transparent;
		cursor: pointer;
		-webkit-transition: all 0.8s cubic-bezier(0.83, 0, 0.17, 1) 0s, color 0.4s ease 0s, background 0.4s ease 0.4s;
				transition: all 0.8s cubic-bezier(0.83, 0, 0.17, 1) 0s, color 0.4s ease 0s, background 0.4s ease 0.4s;
	}
}

#map-lightbox .google-map {
	border: 1px solid;
}

#location .section-img {
	position: relative;
	width: 100%;
}
#location .section-img img {
	display: block;
	width: 100%;
}
#location .section-img a:after {
	content: '';
	display: block;
	position: absolute;
	left: 10px;
	bottom: 10px;
	width: 32px;
	height: 32px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABJNJREFUeNrsW11IVEEU1kVkkWWDgk1qE1FZUsKkInwKHyKCohdjAzGsIPApRKiHXiIifBARCx9EqETSEHyPIIJ+oISCJK1IMzNNFDPN/GndtjNwFq6HuT87P3e33T3wPYzePXPmu2dmzpwzNzcWi+VksuRmCcgSkCUgS4Am8QKqAJWAUkAAUID/WwXMASYAw4A3gPV0IMAPCANqATVIghNhg38OGAQMAH64xgAjQAGKAJ2AXzF5+Q3oApQoss0SsgoKAC2AtZh62QC0AXw6CZCZAtWAXkCZxTMzgCHAKGAKsGyYKrsBFYDDgKCFjq+As4CnqTQFGvEN8eQ7ekVlAvoqANcBUyY6I4CmVJkCNy0GzojJlzCI/faCBREdAE8yCTAbPFu0/AoN8+FgoyYkJIWARpMVO6xxkToFWOL02+w2AdWcOb+If9e9VVUB5jlrQo1bBLCt7hPnzbsxeCMJ1BOmVEw7Jw+1cFww7OLg4zjJWRM6dBNQxAlyugU7CwBa0eigoI52zlQI6SSgk7PVibrdY4OetxKR5ySx6a4uAvyc2L5RojPqSaIhbj0nZA6I2uWxCBLZqc5naM8C7igMQj2Cv3sA+GJo5wPqdBhRS9r3AH9SIIexCei2sVU6H8DO8YvkPL8fkxeiskb0bTMcjhKVEsA4IWWHiD4zD6gixs5KDl61fAaMGdp5eKpUNgUqSftlCqbzqE37VBJQStqjKUjAiI3NUgQESHvaRg97/gnO8w0T0PzgvMlzTMcrQJFNnzOkXaiSgALStltcLhuSoPkmoGL2nBfn8zWbPpdtbNa6F1PJ0+Didjr/6gxGVknbZ6OnFXP7quQD4IaDFLyVzVIsz5H2Hgfz8SC6rxmpi2Qq7ASsmLxZJ0WSoI3NUgRMkPbeBAocTl12XfStoZST9rjKKTDMSYGnmlCb3qkkgNbqdokGGpqkGBAiofCQSgLitTqjnEkhAsKkzQb/U/U2OEja50z2c7eF2XzRxlYlBAyQRYqtuvUKByK6j58m5Th2RO/TVRrr4mRiRTM5Lwx6Pgrq8HIy1Pd15gRLOPWA24KdBTGhynJ4ZYI6WjhJ0QrdafE20mkUKzZup8WPctLiXW7UBZjLT5COWZHigIuDZ295gZOh3u5WaewIuptR5rFi48bgpzleeNzt4mgTp0K0hBUbnW6/wOm3P1nl8XaOMVH8e4HCgXtxwYtaXJioSwYBHixt8WQSixZ5EgZ5sO447uAOkRISRH/YzFkT4sIWzKsJbnXFgCucPd7oZf2cPqVJkLkkxVJgPTa5uzHM3r4HfDOksXwYWZbjqS5koYOl5M8DHmIFqIcc49lBqEE4GpR0IT9OiYiGa3IR3OfpVlen0hNULVohjPA2FN0P7LWJ8JSRoHrbYlXaS4BnCXpFBM8KbG0pdNiXEhJ0XpZmSctDOVsvS8eTqys5Wy9LDwnWCaXXhHS4Li9FQrp8LyBMQjp9MCFEQrp9MZIwCen4yYwZCScAj3TVBlNJ+vCNb5ICUIPO4uj/QMJIpkwBoxxDIl4DbhFCMoKAjAiEsgRkCcgSIC7/BBgA5gAhYfQnqg8AAAAASUVORK5CYII=);
	background-size: 100% auto;
	opacity: 0.7;
	filter: drop-shadow(1px 2px 3px #000);
}



/****************************************/
/* GALLERY
/****************************************/

#gallery {
	min-height: 50vh;
	justify-content: center;
}

.gallery-container {
	position: relative;
	width: 100%;
	--swiper-navigation-size: 1em;
}
.gallery-container .swiper-container {
	max-width: 1600px;
	height: 100%;
	margin: auto;
	overflow: hidden;
}
.gallery-container .swiper-slide {
	align-content: center;
}
.gallery-container .swiper-slide > img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}
.gallery-container .swiper-button-prev,
.gallery-container .swiper-button-next {
	width: 22px;
    height: 24px;
	border: 0;
	background: none;
}
.gallery-container .swiper-button-prev {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAvCAYAAACYECivAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEJSURBVHgB7ZhRDcJAEEQfDpBwEpCwEpBwDsBB6wAJ4AAJ4AAJSEAC3KYQepQ/aLLT9CXT75dLbqY50MBKrs+ExkpOJfdnwgobteitZEtAVgxF25IlwUglewREXaihE3zJtoiI+gkngvFN9Ex3ycKxQUR0Tdef4UWNYekbATGGopmAGHPp/xcX2iG6TlKlnwiIzDplREv/wlz6v2GIlL4j0aV9+pfqSNCa6pNKDrylww7BJ4la3E++QVQ8I4DRDYWceKa+mNLihgCZWtwHJyFASy0uU4UtE+hwWXH/N5nHZ0z8gfqMoPjn+9q8mmOTGY6PIUBGeHwkxQ9MZDVlx6dBgERvfBboYP55AJdpv9LjQtcqAAAAAElFTkSuQmCC) 50% 50% no-repeat;
	background-size: contain;
}
.gallery-container .swiper-button-next {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAvCAYAAACYECivAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAETSURBVHgB7ZhRDcJAEESfBCScBCScBCSsA3BAHYADcIAEzgESkIAE6KZtwtF+EUJ2mr5kk6ZfL811JrcA934MEVz22Y8/ZwQwavFrOwkBGmrxEwLiiU78iaD4mRmIP9rZIyjuZ32HAKmdQi1uCLBhnOGGAMZMxL18MgIYwuUjKX5mJq0pWz57BEiIlk9mKZ//YtTiN0TL54Lole1AcFZ0X/f9bIfERT2f/XYzyB7796GYEg1Z5VOihaAJYdQ/ViGoaEZI9IpAq2VqUT+vIdcEibFoQ8CISnSRFF50KqIaltD/HqnQ3yIi+rlXKwiFfiYgmXGWGgHJLKH/W1zI702S7RQy9J2pLE0EZpAtiCwt1oiIOi/Whr+AXngdfQAAAABJRU5ErkJggg==) 50% 50% no-repeat;
	background-size: contain;
}
.gallery-container .swiper-button-prev:after,
.gallery-container .swiper-button-next:after {
	content: none;
}
.gallery-container .swiper-slide-caption {
	opacity: 0;
	-webkit-transform: scale(0.9);
			transform: scale(0.9);
    -webkit-transition: all 0.4s ease 1s;
			transition: all 0.4s ease 1s;
}
.gallery-container .swiper-slide-active > .swiper-slide-caption {
	opacity: 1;
	-webkit-transform: scale(0.99);
			transform: scale(0.99);
}

@media (min-width : 1200px) {
	.gallery-container {
		margin-inline: 32px;
		padding-inline: 64px;
	}
	.gallery-container .swiper-button-prev,
	.gallery-container .swiper-button-next {
		width: 44px;
		height: 48px; 
	}
}



/****************************************/
/* COMPANY
/****************************************/
#company {
	min-height: 0;
}
#company .section-side > figure {
	margin-block: 10px;
}


@media (min-width : 1200px) {
	#company .section-wrapper {
		flex-direction: row-reverse;
		padding-inline: clamp(70px, 6vw, 112px);
	}
	#company .section-main {
		max-width: 50%;
		margin-inline: auto;
	}
}




/****************************************/
/* CONTACT
/****************************************/

#contact {
}

#main-form-container {
}
#main-form-container form {
}
#main-form-container .form-field.animate {
	opacity: 0;
	-webkit-transform: translateX(-2em);
			transform: translateX(-2em);
	-webkit-transition: all 0.8s cubic-bezier(0.65, 0, 0.35, 1);
			transition: all 0.8s cubic-bezier(0.65, 0, 0.35, 1);	
}
#main-form-container .form-field.animated {
	opacity: 1;
	-webkit-transform: none;
			transform: none;
}

#contact .section-bg {
    display: flex;
    flex-direction: column;
    color: #fff;
    text-align: center;
}

#contact .section-bg:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.75);
	-webkit-transition: all 0.2s ease;
			transition: all 0.2s ease;
}
#contact .section-bg.animate:before {
	opacity: 0;
	-webkit-transition: all 0.8s ease;
			transition: all 0.8s ease;
}
#contact .section-bg.animated:before {
	opacity: 1;
}


#contact-logo {
    position: relative;
    margin: auto 0 10vh 0;
    padding: 30px;
}
#contact-logo > img {
    max-width: 50%;
    height: auto !important;
	margin: 20% auto 10% auto;
}
#contact .section-bg.animate #contact-logo > img {
	opacity: 0;
	-webkit-transform: scale(0.75);
			transform: scale(0.75);
	-webkit-transition: all 1s ease 0.2s;
			transition: all 1s ease 0.2s;	
}
#contact .section-bg.animated #contact-logo > img {
	opacity: 1;
	-webkit-transform: none;
			transform: none;
}

#contact-logo > p {
}
#contact .section-bg.animate #contact-logo > p {
	opacity: 0;
	-webkit-transform: scale(0.75);
			transform: scale(0.75);
	-webkit-transition: all 1s ease 0.6s;
			transition: all 1s ease 0.6s;	
}
#contact .section-bg.animated #contact-logo > p {
	opacity: 1;
	-webkit-transform: none;
			transform: none;
}

#contact .phone-btn {
    color: inherit;
	font-size: 2em;
	font-family: Bebas, Helvetica, sans-serif;
}
#contact .phone-btn:hover {
    color: #10a7c8;
}


#disclaimer {
    position: relative;
    padding: 0 50px 50px;
}
#contact .section-bg.animate #disclaimer {
	opacity: 0;
	-webkit-transform: translateY(2em);
			transform: translateY(2em);
	-webkit-transition: all 1s ease 1s;
			transition: all 1s ease 1s;	
}
#contact .section-bg.animated #disclaimer {
	opacity: 1;
	-webkit-transform: none;
			transform: none;
}

@media (max-width : 1200px) {
    #contact .section-bg {
		position: relative;
	}
}

@media (min-width : 1200px) {
	#contact .section-bg {
		width: 50%;
	}
	
	#contact .section-side {
		width: 50%;
		flex-grow: 0;
	}
	
	#disclaimer {
        position: relative;
        padding: 0 100px 50px;
    }
	
	#main-form-container {
		margin-right: 0;
	}
	.submit-field {
		float: left;
		margin-bottom: 0;
	}
	
	.subscribe-field {
		width: 60%;
	}
}

@media (min-width : 1600px) {
	#contact-details {
		margin: 75px -80px;
	}
	#contact-logo {
		padding: 25px 80px;
	}
	#contact-text {
		padding: 25px 80px;
	}
}

#contact .section-extra {
	display: flex;
	gap: 1em;
}
#contact .extra-logo {
	border: 0;
}
#contact .extra-logo.animate {
	opacity: 0;
	-webkit-transform: translateY(2em);
			transform: translateY(2em);
	-webkit-transition: all 1s ease 2s;
			transition: all 1s ease 2s;	
}
#contact .extra-logo.animated {
	opacity: 1;
	-webkit-transform: none;
			transform: none;
}
#contact .extra-logo > img {
	max-width: 100%;
}






/****************************************/
/* MISC
/****************************************/

#accessibility-lightbox {
    direction: rtl;
    background-color: #fff;
	color: #040404;
}
#accessibility-statement {
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 60px 1em;
    text-align: initial;
}