:root {
	--primary-green: #2d5354;
	--secondary-green: #43c57e;

	--primary-color: #44B277; /* suptitle, subtitle, icons, ... */
	--btn-bg-color: #43C57F;

	--color-light: #fbfbfb;

	--trip-advisor-color: #c7e8d7;

	--border-radius: 10px;
}


body {
	font-family: "museo-sans", sans-serif;
	font-size: 14px;
	line-height: 22px;
	font-weight: 500;
	font-style: normal;
	font-variant: normal;
	letter-spacing: 0;
	color: #383838;
}

main {
	-webkit-animation: fadeIn 1.5s;
	-moz-animation: fadeIn 1.5s;
	-ms-animation: fadeIn 1.5s;
	-o-animation: fadeIn 1.5s;
	animation: fadeIn 1.5s;
}
@keyframes fadeIn {
	from { opacity: 0; }
	to   { opacity: 1; }
}
@-moz-keyframes fadeIn {
	from { opacity: 0; }
	to   { opacity: 1; }
}
@-webkit-keyframes fadeIn {
	from { opacity: 0; }
	to   { opacity: 1; }
}
@-ms-keyframes fadeIn {
	from { opacity: 0; }
	to   { opacity: 1; }
}
@-o-keyframes fadeIn {
	from { opacity: 0; }
	to   { opacity: 1; }
}
.body2 {
	font: normal normal 500 14px / 22px "museo-sans", sans-serif;
}
.body3 {
	font: normal normal 500 13px/19px "museo-sans", sans-serif;
}
@media (min-width: 768px) {
	body {
		font-size: 18px;
		line-height: 29px;
	}
	.body2 {
		font: normal normal 500 16px / 25px "museo-sans", sans-serif;
	}
}


h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: 'Playfair Display', sans-serif;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	letter-spacing: 0;
	color: #383838;
}
h5, .h5, h6, .h6 {
	font-family: "museo-sans", sans-serif;
}
h1, .h1 {
	margin-bottom: 25px;
	font-size: 32px;
	line-height: 38px;
}
@media (min-width: 768px) {
	h1, .h1 {
		margin-bottom: 30px;
		font-size: 52px;
		line-height: 69px;
	}
}
h2, .h2 {
	margin-bottom: 20px;
	font-size: 32px;
	line-height: 38px;
}
@media (min-width: 768px) {
	h2, .h2 {
		margin-bottom: 30px;
		font-size: 48px;
		line-height: 56px;
	}
}
h3, .h3 {
	margin-bottom: 20px;
	font-size: 26px;
	line-height: 44px;
}
@media (min-width: 768px) {
	h3, .h3 {
		margin-bottom: 30px;
		font-size: 36px;
		line-height: 44px;
	}
}
h4, .h4 {
	margin-bottom: 20px;
	font-size: 22px;
	line-height: 27px;
}
@media (min-width: 768px) {
	h4, .h4 {
		font-size: 26px;
		line-height: 31px;
	}
}
h5, .h5 {
	margin-bottom: 20px;
	font-size: 22px;
	line-height: 27px;
}
@media (min-width: 768px) {
	h5, .h5 {
		font-size: 26px;
		line-height: 31px;
	}
}
h6, .h6 {
	font-size: 22px;
	line-height: 27px;
}
@media (min-width: 768px) {
	h6, .h6 {
		font-size: 26px;
		line-height: 31px;
	}
}
.display1 {
	margin-bottom: 30px;
	font: normal normal 700 32px/38px 'Playfair Display', sans-serif;
}
.display2 {
	margin-bottom: 30px;
	/*font: normal normal 700 32px/38px 'Playfair Display', sans-serif;*/
	font: normal normal 700 26px/32px 'Playfair Display', sans-serif;
}
@media (min-width: 768px) {
	.display1 {
		font: normal normal 700 112px/132px 'Playfair Display', sans-serif;
	}
	.display2 {
		font: normal normal 700 48px/56px 'Playfair Display', sans-serif;
	}
}
@media (min-width: 992px) {
	.display2 {
		font: normal normal 700 62px/79px 'Playfair Display', sans-serif;
	}
}
a {
	color: inherit;
	text-decoration: none;
}
p {

}
p.lead {
	font: normal normal 500 14px/22px "museo-sans", sans-serif;
}
@media (min-width: 768px) {
	p.lead {
		font: normal normal 500 22px/29px "museo-sans", sans-serif;
	}
}

.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}


img {
	border-radius: var(--border-radius);
}
.br-1 {
	border-radius: var(--border-radius);
}



.box-1 {
	padding-top: 32px;
	padding-bottom: 32px;
	border-radius: 20px;
	background-color: var(--color-light);
}
.box-2 {
	/*padding: 32px 32px;*/
	padding-top: 32px;
	padding-bottom: 32px;
	border-radius: 20px;
	background-color: var(--color-light);
}
.box-3 {
	/*padding: 32px 32px;*/
	padding-top: 32px;
	padding-bottom: 32px;
	border-radius: 20px;
	background-color: var(--color-light);
}
.box-4 {
	/*padding: 32px 32px;*/
	padding-top: 32px;
	padding-bottom: 32px;
	border-radius: 10px;
	background-color: var(--color-light);
}
.box-trip-advisor {
	padding: 45px 25px;
	background-color: var(--trip-advisor-color);
	border-radius: var(--border-radius);
}
@media (min-width: 768px) {
	.box-1 {
		padding-top: 64px;
		padding-bottom: 64px;
		border-radius: 44px;
	}
	.box-2 {
		padding: 70px 70px;
		border-radius: 56px;
	}
	.box-3 {
		padding: 48px 42px;
		border-radius: 44px;
	}
	.box-4 {
		padding: 60px 30px;
		border-radius: 10px;
	}
}


.text-green {
	color: var(--primary-color);
}
.fw-900 {
	font-weight: 900;
}

.bg-none {
	background-color: transparent;
}
.bg-white {
	background-color: #ffffff;
}
.bg-lighter {
	background-color: #2d53542b;
}
.bg-light {
	background-color: var(--color-light);
}
.bg-green {
	background-color: var(--primary-color);
}

.suptitle, .subtitle {
	color: var(--primary-color);
	font-weight: 700;
	text-transform: uppercase;
}

.container {

}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	--bs-gutter-x: 40px;

	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
}
.py-section {
	padding-top: 60px;
	padding-bottom: 60px;
}
.pt-section {
	padding-top: 60px;
}
.pb-section {
	padding-bottom: 60px;
}
body {
	padding-top: 60px;
}
body.webpage-index {
	padding-top: 0;
}
@media (min-width: 768px) {
	.py-section {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.pt-section {
		padding-top: 100px;
	}
	.pb-section {
		padding-bottom: 100px;
	}
	body {
		padding-top: 90px;
	}
}
.my-section {
	margin-top: 60px;
	margin-bottom: 60px;
}
.mt-section {
	margin-top: 60px;
}
.mb-section {
	margin-bottom: 60px;
}
@media (min-width: 768px) {
	.my-section {
		margin-top: 100px;
		margin-bottom: 100px;
	}
	.mt-section {
		margin-top: 100px;
	}
	.mb-section {
		margin-bottom: 100px;
	}
}
.mw-300 {
	max-width: 300px;
	width: unset;
}
.mw-360 {
	max-width: 360px;
}
.col-mw-360 {
	max-width: unset;
}
.col-mw-400 {
	max-width: unset;
}
@media (min-width: 768px) {
	.col-mw-360 {
		max-width: 360px;
	}
	.col-mw-400 {
		max-width: 400px;
	}
}
.mw-450 {
	max-width: 450px;
	width: unset;
}
.mw-500 {
	max-width: 500px;
	width: unset;
}
.mw-700 {
	max-width: 700px;
	width: unset;
}
.col-mw-700 {
	max-width: 700px;
}
.mw-800 {
	max-width: 800px;
	width: unset;
}
.mw-900 {
	max-width: 900px;
	width: unset;
}
.mw-1000 {
	max-width: 1000px;
	width: unset;
}
.mw-1100 {
	max-width: 1100px;
	width: unset;
}
.mw-1300 {
	max-width: 1300px;
	width: unset;
}
.mw-1500 {
	max-width: 1500px;
	width: unset;
}
.mw-1800 {
	max-width: 1800px;
	width: unset;
}
.mw-1920 {
	max-width: 1920px;
	width: unset;
}
.col-mw-1920 {
	max-width: 1920px;
}
.mh-300 {
	max-height: 300px;
}
.mh-450 {
	max-height: 450px;
}



.ratio-1x1 {
	aspect-ratio: 1 / 1;
}
.object-fit-cover {
	object-fit: cover;
}


.btn {

}
.btn-empty {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	outline: 0;
}
.btn-green {
	margin-top: 14px; /* 30px */
	padding: 18px 24px;

	font-family: "museo-sans", sans-serif;
	font-size: 14px;
	line-height: 17px;
	font-weight: 700;
	font-style: normal;
	font-variant: normal;
	letter-spacing: 0;
	color: #ffffff;

	background-color: var(--btn-bg-color);
	border: 1px solid var(--btn-bg-color);
	border-radius: 30px;
	box-shadow: 0px 3px 6px #00000016;

	--bs-btn-color: #fff;
	--bs-btn-bg: var(--btn-bg-color);
	--bs-btn-border-color: var(--btn-bg-color);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--btn-bg-color);
	--bs-btn-hover-border-color: var(--btn-bg-color);
	--bs-btn-focus-shadow-rgb: 130, 138, 145;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--btn-bg-color);
	--bs-btn-active-border-color: var(--btn-bg-color);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--btn-bg-color);
	--bs-btn-disabled-border-color: var(--btn-bg-color);
}
.btn-green:hover {
	background-color: rgba(67, 197, 127, 0.90);

}

.btn-icon span {
	padding-right: 19px;
}
.btn-sm {
	padding: 6px 12px;
	padding: 12px 20px;

	font-size: 12px;
	line-height: 15px;
}
@media (min-width: 768px) {
	.btn-green {
		padding: 19px 30px;

		font-size: 17px;
		line-height: 20px;
	}
	.btn-sm {
		padding: 8px 16px;

		font-size: 14px;
		line-height: 28px;
	}
}


.form-control {
	--bs-body-bg: #F7F7F7;
	--bs-border-width: 1px;
	--bs-border-color: #C0C0C0;
	--bs-border-radius: 5px;

	font: normal normal 700 15px/28px "museo-sans", sans-serif;
	padding: 14px 20px;
	background-color: var(--bs-body-bg);
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);
}
.form-check-input {
	--bs-body-bg: #F7F7F7;
	--bs-form-check-bg: #F7F7F7 !important;
	--bs-border-width: 1px;
	--bs-border-color: #C0C0C0;
	font: normal normal 700 15px/38px "museo-sans", sans-serif;

	--bs-form-check-bg: var(--bs-body-bg);
	width: 20px;
	height: 20px;
	background-color: var(--bs-form-check-bg);
	border: var(--bs-border-width) solid var(--bs-border-color);

	margin-right: 12px;
}
@media (min-width: 768px) {
	.form-check-input {
		font: normal normal 700 15px/38px "museo-sans", sans-serif;
	}
}


.table-prices-wrapper th, .table-prices-wrapper td {
	padding: 2px 15px;
	text-align: right;
}



.accordion {
	--bs-accordion-bg: transparent;

	background-color: var(--bs-accordion-bg);
}
.accordion-item {
	--bs-accordion-border-color: rgba(112, 112, 112, 0.4); /* #707070; */
	--bs-accordion-border-width: 1px;
	--bs-accordion-bg: transparent;

	background-color: var(--bs-accordion-bg);
	border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-flush>.accordion-item:first-child {
	--bs-accordion-border-color: rgba(112, 112, 112, 0.4); /* #707070; */
	--bs-accordion-border-width: 1px;

	border-top: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-flush>.accordion-item:last-child {
	--bs-accordion-border-color: rgba(112, 112, 112, 0.4); /* #707070; */
	--bs-accordion-border-width: 1px;

	border-bottom: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-button {
	--bs-accordion-btn-padding-x: 0;
	--bs-accordion-btn-padding-y: 22px;

	padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
	font: normal normal 700 16px/19px "museo-sans", sans-serif;
}
.accordion-button::after {
	--bs-accordion-btn-icon-width: 12.219px;
	--bs-accordion-btn-icon-height: 18.081px;
	--bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.219' height='18.081' viewBox='0 0 12.219 18.081'%3E%3Cg transform='translate(12.219) rotate(90)'%3E%3Cpath d='M0,0H15.647' transform='translate(0 6.109)' fill='none' stroke='%2313292a' stroke-width='1'/%3E%3Cg transform='translate(11.978)'%3E%3Cpath d='M6.1,6.1A6.1,6.1,0,0,1,0,0' transform='translate(0)' fill='none' stroke='%2313292a' stroke-miterlimit='10' stroke-width='1'/%3E%3Cpath d='M6.1,0A6.1,6.1,0,0,0,0,6.1' transform='translate(0 6.115)' fill='none' stroke='%2313292a' stroke-miterlimit='10' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
	--bs-accordion-btn-icon-width: 12.219px;

	width: var(--bs-accordion-btn-icon-width);
	height: var(--bs-accordion-btn-icon-height);
	background-image: var(--bs-accordion-btn-icon);
	background-size: var(--bs-accordion-btn-icon-width);
}
.accordion-button:not(.collapsed)::after {
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.219' height='18.081' viewBox='0 0 12.219 18.081'%3E%3Cg transform='translate(12.219) rotate(90)'%3E%3Cpath d='M0,0H15.647' transform='translate(0 6.109)' fill='none' stroke='%2313292a' stroke-width='1'/%3E%3Cg transform='translate(11.978)'%3E%3Cpath d='M6.1,6.1A6.1,6.1,0,0,1,0,0' transform='translate(0)' fill='none' stroke='%2313292a' stroke-miterlimit='10' stroke-width='1'/%3E%3Cpath d='M6.1,0A6.1,6.1,0,0,0,0,6.1' transform='translate(0 6.115)' fill='none' stroke='%2313292a' stroke-miterlimit='10' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");

	background-image: var(--bs-accordion-btn-active-icon);
}
.accordion-button:focus {
	box-shadow: none;
	outline: none;
}
.accordion-button:not(.collapsed) {
	background-color: transparent !important;
	color: inherit;

	box-shadow: none;
}
@media (min-width: 768px) {
	.accordion-button {
		--bs-accordion-btn-padding-x: 0;
		--bs-accordion-btn-padding-y: 30px;

		padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
		font: normal normal 700 20px/24px "museo-sans", sans-serif;
	}
}

.accordion-activities {

}
.accordion-activities .accordion-item {
	--bs-accordion-border-color: transparent; /* #707070; */
	--bs-accordion-border-width: 1px;
	--bs-accordion-bg: var(--color-light);

	background-color: var(--bs-accordion-bg);
	border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);

	border-radius: 44px;
}
.accordion-activities .accordion-button {
	--bs-accordion-btn-padding-x: 30px;
	--bs-accordion-btn-padding-y: 30px;

	padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
	font: normal normal 700 22px/27px 'Playfair Display', sans-serif;
}
.accordion-activities .accordion-body {
	--bs-accordion-body-padding-x: 30px;
	--bs-accordion-body-padding-y: 25px;

	padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);

	/*font: normal normal 500 14px/22px "museo-sans", sans-serif;*/
}
@media (min-width: 768px) {
	.accordion-activities .accordion-button {
		--bs-accordion-btn-padding-x: 40px;
		--bs-accordion-btn-padding-y: 30px;

		padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
		font: normal normal 700 29px/56px 'Playfair Display', sans-serif;
	}
	.accordion-activities .accordion-body {
		--bs-accordion-body-padding-x: 40px;
		--bs-accordion-body-padding-y: 40px;

		padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);

		/*font: normal normal 500 16px/26px "museo-sans", sans-serif;*/
	}

}


.navbar {
	--bs-navbar-toggler-border-color: transparent;

	padding: 20px 0;
	background-color: #ffffff;
	border-color: transparent;

	/*font: normal normal 700 18px/22px "museo-sans", sans-serif;*/
	color: #3e3e3e;
	letter-spacing: 0.7px;
}
.navbar .nav-link {
	font: normal normal 700 18px/22px "museo-sans", sans-serif;
}
.navbar-toggler {
	padding-right: 0;
}
.navbar-toggler:focus,
.navbar-toggler:focus-visible {
	outline: none;
	box-shadow: none;
}
.navbar-collapse {
	margin-top: 20px;
	text-align: right;
}
.navbar-toggler-icon {
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='15' viewBox='0 0 26 15'%3E%3Cg transform='translate(-377.5 -35.559)'%3E%3Cline x1='25' transform='translate(378 36.059)' fill='none' stroke='%233e3e3e' stroke-linecap='round' stroke-width='1'/%3E%3Cpath d='M13.106,0H0' transform='translate(378 42.968)' fill='none' stroke='%233e3e3e' stroke-linecap='round' stroke-width='1'/%3E%3Cline x1='20' transform='translate(378 50.059)' fill='none' stroke='%233e3e3e' stroke-linecap='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");

	width: 26px;
	height: 15px;
	background-image: var(--bs-navbar-toggler-icon-bg);
}
.navbar .nav-link {
	text-transform: uppercase;
}
@media (max-width: 767.99px) {
	.nav-link-contact {
		font: normal normal 700 13px/15px "museo-sans", sans-serif;
		letter-spacing: 1.4px;
	}
}
.webpage-index .navbar {
	position: absolute;
	width: 100%;
	background-color: transparent !important;

	z-index: 5;
}
.webpage-index .navbar {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
}
.webpage-index nav.navbar .navbar-nav .nav-link {
	color: #fff;
}
.webpage-index nav.navbar .navbar-nav .nav-link:hover,
.webpage-index nav.navbar .navbar-nav .nav-link:focus {
	color: rgba(255, 255, 255, 0.85);
}
.webpage-index nav.navbar .navbar-toggler {
	--bs-navbar-color: transparent;

	color: var(--bs-navbar-color);
	border-color: transparent;
}
.webpage-index .navbar-toggler-icon {
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='15' viewBox='0 0 26 15'%3E%3Cg transform='translate(-377.5 -35.559)'%3E%3Cline x1='25' transform='translate(378 36.059)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-width='1'/%3E%3Cpath d='M13.106,0H0' transform='translate(378 42.968)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-width='1'/%3E%3Cline x1='20' transform='translate(378 50.059)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");

	background-image: var(--bs-navbar-toggler-icon-bg);
}
.webpage-index .navbar.is-scrolled,
.webpage-index .navbar:hover {
	background: #fff !important;
	box-shadow: 0 8px 24px rgba(0,0,0,.08);
}
.webpage-index .navbar.is-scrolled .nav-link,
.webpage-index .navbar.is-scrolled .navbar-brand,
.webpage-index .navbar:hover .nav-link,
.webpage-index .navbar:hover .navbar-brand {
	/*color: #111 !important;*/
	color: #3E3E3E !important;
}
.webpage-index .navbar.is-scrolled .dropdown-menu,
.webpage-index .navbar:hover .dropdown-menu {
	background: #fff;
}
.webpage-index .navbar.is-scrolled .dropdown-item,
.webpage-index .navbar:hover .dropdown-item {
	/*color: #111;*/
	color: #3E3E3E;
}
.webpage-index .navbar.is-scrolled .dropdown-item:hover,
.webpage-index .navbar:hover .dropdown-item:hover {
	background: rgba(0,0,0,.05);
}
.webpage-index .navbar.is-scrolled .navbar-toggler,
.webpage-index .navbar:hover .navbar-toggler {
	/*border-color: rgba(0,0,0,.25);*/
}
.webpage-index .navbar.is-scrolled .navbar-toggler-icon,
.webpage-index .navbar:hover .navbar-toggler-icon {
	filter: invert(1) brightness(0);
}
@media (min-width: 768px) {
	.navbar {
		padding: 20px;
		/*font: normal normal 700 14px/17px "museo-sans", sans-serif;*/
		background-color: var(--color-light);
	}
	.navbar .nav-link {
		font: normal normal 700 14px/17px "museo-sans", sans-serif;
	}
	.navbar-collapse {
		margin-top: 0;
		justify-content: space-between !important;
		text-align: right;
	}
}


.webpage-index {
	background: url('../img/index/background.svg');
}

.navbar .logo {
	width: 87px;
	height: auto;

	color: #1f5e72;
}
.webpage-index .navbar .logo {
	/*fill: #ffffff;*/
	/*width: 87px;
	height: auto;*/

	color: #ffffff;
}
/*.webpage-index .navbar .logo rect,
.webpage-index .navbar .logo path {
	fill: #ffffff;
}*/
.webpage-index .navbar.is-scrolled .logo,
.webpage-index .navbar:hover .logo {
	/*filter: invert(1) brightness(0);*/
	color: #1f5e72;
}
/*.webpage-index .navbar.is-scrolled .logo rect,
.webpage-index .navbar:hover .logo path {
	fill: #1f5e72;
}*/
@media (min-width: 768px) {
	.navbar .logo {
		width: 120.939px;
	}
	.webpage-index .navbar .logo {
		width: 120.939px;
	}
}


.webpage-faq .accordion-body, .accordion-faq .accordion-body {
	padding-right: 0;
	padding-left: 0;
}


.hp-fly{
	position: absolute;
	opacity: 0;

	transform: translate3d(var(--from-x, 0), var(--from-y, 0), 0);
	transition:
			transform var(--dur, 900ms) cubic-bezier(.2,.8,.2,1),
			opacity 500ms ease;
	transition-delay: var(--delay, 0ms);

	will-change: transform, opacity;
	pointer-events: none;

	max-width: none;
	height: auto;
}
.hp-fly.is-in{
	opacity: 1;
	transform: translate3d(var(--to-x, 0), var(--to-y, 0), 0);
}
@media (prefers-reduced-motion: reduce){
	.hp-fly{
		transition: none !important;
		opacity: 1 !important;
		transform: none !important;
	}
}
.position-absolute {
	position: absolute;
}
.hp-compass {
	top: -50px;
	right: -80px;

	width: 160px;

	--from-x: 120vw;
	--to-x: 0px;
	--delay: 100ms;
	--dur: 800ms;
}
.hp-salmon {
	bottom: 0px;
	right: -200px;

	width: 380px;

	--from-x: 140vw;
	--to-x: 0px;
	--delay: 180ms;
	--dur: 900ms;
}
.hp-salad {
	left: -180px;
	top: -80px;

	width: 300px;

	--from-x: 140vw;
	--to-x: 0px;
	--delay: 180ms;
	--dur: 900ms;
}
.hp-utensils {
	bottom: -350px;
	right: -200px;

	width: 360px;

	--from-x: 140vw;
	--to-x: 0px;
	--delay: 180ms;
	--dur: 900ms;
}
.hp-salmon-2 {
	bottom: -180px;
	right: -200px;

	width: 380px;

	--from-x: 140vw;
	--to-x: 0px;
	--delay: 180ms;
	--dur: 900ms;
}
.hp-salad-2 {
	right: -280px;
	top: -80px;

	width: 260px;

	--from-x: 140vw;
	--to-x: 0px;
	--delay: 180ms;
	--dur: 900ms;
}
@media (min-width: 768px){
	.hp-compass {
		top: -100px;
		right: 200px;

		width: 330px;

		--from-x: -1500px;
		--to-x: 200px;
	}
	.hp-salmon {
		bottom: -250px;
		right: -400px;

		width: 900px;

		/*--from-x: 100px;
		--to-x: -200px;*/
	}
	.hp-salad {
		left: -200px;
		top: -100px;

		width: 330px;

		--from-x: 140vw;
		--to-x: 0px;
		--delay: 180ms;
		--dur: 900ms;
	}
	.hp-utensils {
		bottom: unset;
		top: -350px;
		right: -350px;

		width: 460px;

		--from-x: -850px;
		--to-x: -350px;
		--delay: 1080ms;
		--dur: 9000ms;
	}
	.hp-salmon-2 {
		bottom: -180px;
		right: -500px;

		width: 700px;

		--from-x: 140vw;
		--to-x: 0px;
		--delay: 180ms;
		--dur: 900ms;
	}
	.hp-salad-2 {
		right: -280px;
		top: -80px;

		width: 260px;

		--from-x: 140vw;
		--to-x: 0px;
		--delay: 180ms;
		--dur: 900ms;
	}
}
.hp-fly.is-fade{
	--from-x: 0px;
	--from-y: 0px;
	--to-x: 0px;
	--to-y: 0px;
}


.box {
	transition: transform .9s, opacity .9s;
}
.box.top {
	transform: translateY(-100px);
	opacity: 0;
}
.box.right {
	transform: translateX(50px);
	opacity: 0;
}
.box.bottom {
	transform: translateY(100px);
	opacity: 0;
}
.box.left {
	transform: translateX(-50px);
	opacity: 0;
}
.box.active {
	transform: translateX(0);
	opacity: 1;
}


.section-hp-carousel img {
	border-radius: 0;
}
.section-hp-carousel .display1, .section-hp-carousel .display2 {
	color: #ffffff;
}
.section-hp-carousel .carousel-caption {
	top: 50%;
	bottom: auto;          /* pobriše bootstrap "bottom" */
	transform: translateY(-50%);
}


.section-trip-advisor {
	background-color: var(--trip-advisor-color);
	padding-top: 30px;
	padding-bottom: 30px;
}
.section-trip-advisor .carousel-item {
	font: normal normal 500 14px/22px "museo-sans", sans-serif;
}
@media (min-width: 768px) {
	.section-trip-advisor {
		padding-top: 48px;
		padding-bottom: 48px;
	}
	.section-trip-advisor .carousel-item {
		font: normal normal 500 16px/25px "museo-sans", sans-serif;
	}
}


.section-zig-zag .grid {
	display: grid;
	gap: 40px;
}
/*.section-zig-zag .row {
	gap: 60px 0;
}*/
.section-zig-zag .body-content {
	padding-top: 50px;
	padding-top: 30px;
}
@media (min-width: 768px) {
	.section-zig-zag .grid {
		gap: 100px;
	}
	/*.section-zig-zag .row {
		gap: 0 120px;
	}*/
	.section-zig-zag .body-content {
		padding-top: unset;
		padding: 0 70px;
	}
}


.section-thank-you-notes img {
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	object-fit: cover;
}
.section-thank-you-notes #tynGalleryModal img {
	aspect-ratio: unset;
	border-radius: 0;
}



.section-contact {
	padding-top: 60px;
	padding-bottom: 60px;
	background-color: rgba(45, 83, 84, 0.05);
}
.section-contact .contact-card-overlay {
	position: relative;
	display: block;
	padding: 2rem;
	margin-top: -30px;
	margin-right: 15px;
	margin-left: 15px;

	text-wrap: nowrap;
	font: normal normal 500 17px / 28px "museo-sans", sans-serif;
}
@media (min-width: 768px) {
	.section-contact {
		padding-top: 110px;
		padding-bottom: 65px;
	}
	.section-contact .contact-card-overlay {
		position: absolute;
		bottom: 0;
		right: 0;
		margin: unset;
		transform: translate(50%, -20%);
		font: normal normal 500 17px / 28px "museo-sans", sans-serif;
	}
}



.section-footer {
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #ffffff;

	font: normal normal 500 14px / 21px "museo-sans", sans-serif;
}
.section-footer .logo {
	width: 84px;
}
.section-footer .copyright {
	margin-top: 30px;
}
.section-footer .copyright a {
	text-decoration: underline;
}
@media (min-width: 768px) {
	.section-footer {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.section-footer .logo {
		width: 128.117px;
	}
	.section-footer .copyright {
		margin-top: unset;
	}
}


.section-itinerary {
	font-weight: 300;
}


.card-body {
	--bs-card-spacer-y: 2rem;
	--bs-card-spacer-x: 2rem;

	padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
}
.card-plain {
	--bs-card-border-width: 1px;
	--bs-card-border-color: #E7E7E7;

	border: var(--bs-card-border-width) solid var(--bs-card-border-color);

	box-shadow: none;
}
.card-plain-light {
	--bs-card-border-width: 0;
	--bs-card-border-color: transparent;

	border: var(--bs-card-border-width) solid var(--bs-card-border-color);

	box-shadow: none;
}
.card-perfect-for {
	--bs-card-border-width: 1px;
	--bs-card-border-color: #E7E7E7;

	border: var(--bs-card-border-width) solid var(--bs-card-border-color);

	box-shadow: none;
}
.card-perfect-for .card-title {
	font-weight: 900;
}
.card-perfect-for .card-text {
	font: normal normal 300 14px / 22px "museo-sans", sans-serif;
}
@media (min-width: 768px) {
	.card-perfect-for .card-text {
		font: normal normal 300 16px / 25px "museo-sans", sans-serif;
	}
}
.card-package {
	--bs-card-bg: #ffffff;
	--bs-card-border-width: 0;
	--bs-card-border-color: transparent;
	--bs-card-border-radius: 10px;

	background-color: var(--bs-card-bg);
	border: var(--bs-card-border-width) solid var(--bs-card-border-color);
	border-radius: var(--bs-card-border-radius);

	box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.10);
	transition: 0.3s;
}
a.card-package:hover {
	box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.30);
}
.card-package .card-img, .card-package .card-img-top {
	--bs-card-inner-border-radius: 10px;

	border-top-left-radius: var(--bs-card-inner-border-radius);
	border-top-right-radius: var(--bs-card-inner-border-radius);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.card-blog {
	--bs-card-bg: #ffffff;
	--bs-card-border-width: 0;
	--bs-card-border-color: transparent;
	--bs-card-border-radius: 0;

	background-color: var(--bs-card-bg);
	border: var(--bs-card-border-width) solid var(--bs-card-border-color);
	border-radius: var(--bs-card-border-radius);

	box-shadow: none;
}
.card-blog .card-img, .card-blog .card-img-top {
	--bs-card-inner-border-radius: 10px;

	border-top-left-radius: var(--bs-card-inner-border-radius);
	border-top-right-radius: var(--bs-card-inner-border-radius);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.card-blog .card-body {
	--bs-card-spacer-x: 0;
	--bs-card-spacer-y: 16px;

	padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
}
.card-blog-date {
	font: normal normal 500 12px/25px "museo-sans", sans-serif;
	letter-spacing: 0;
	color: #383838;
	opacity: 0.4;
	margin: 0;

	display: none;
}

.card-blog-title {
	font: normal normal 700 20px/26px "museo-sans", sans-serif;
	letter-spacing: 0;
	color: #383838;
}

.card-blog-description {
	font: normal normal 500 16px/25px "museo-sans", sans-serif;
	letter-spacing: 0;
	color: #383838;
}

.card-blog-link {
	font: normal normal 700 17px/20px "museo-sans", sans-serif;
	letter-spacing: 0;
	color: #132a2b;
	text-decoration: none;
}

.card-title {

}
.card-badge {
	font: normal normal 700 13px / 15px "museo-sans", sans-serif;
	color: #242424;
	letter-spacing: 0.13px;
	background-color: rgba(45, 83, 84, 0.17);
	border-radius: 44px;
	border-radius: 6px;
}
.card-badge.card-badge-book {
	color: #000000;
	background-color: rgba(67, 197, 126, 0.22);
}
.card-badge.card-badge-sold {
	color: #7D7D7D;
	background-color: rgba(45, 83, 84, 0.0);
}
.card-location {
	font: normal normal 300 15px/18px "museo-sans", sans-serif;
	letter-spacing: 0.15px;
	color: #242424;
}
.card-reviews {
	font: normal normal 300 13px / 15px "museo-sans", sans-serif;
	letter-spacing: 0;
	color: #242424;
}
.card-price {
	font: normal normal 300 19px / 23px "museo-sans", sans-serif;
	letter-spacing: 0.19px;
	color: #000;
}
.card-price .price {
	font-weight: 700;
}


.blog-post .blog-back-button, .blog-post .blog-date {
	/*max-width: 900px;
	margin: 0 auto;*/
}
.blog-post .blog-back-button {
	display: block;
	margin-bottom: 30px;
}
.blog-post .blog-prev-next-button {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 18px
}
.blog-post .blog-prev-next-button, .blog-post .blog-date {
	display: none;
}
.blog-post .blog-link {
	color: var(--secondary-green);
	text-decoration: underline;
}

.blog-post h1 {
	max-width: 900px;
	margin: 0 auto !important;
}
.blog-post .post-default p {
	max-width: 900px;
	margin: 0 auto;
}
.blog-post .post-default h5 {
	max-width: 900px;
	margin: 40px auto 15px auto;
}


.top-img {
	position: relative;
	margin-top: 20px;
	width: 100%;
}
.top-img-img {
	width: 100%;
	height: 100%;
	border-radius: 10px;
}
@media (min-width: 992px) {
	.top-img {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		margin-top: unset;
		width: 30%;
	}
	.top-img-img {
		width: 100%;
		height: 100%;
		border-radius: 0;
		object-fit: cover;
		object-position: center;
	}
}


/* Step 3 feature list styles */
.feature-list {
	margin: 0;
	padding: 0;
}
.feature-item {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 4px;
	color: #000; /* default for active */
}
.feature-item .feature-icon {
	width: 18px;
	height: 18px;
}
.feature-item.active {
	color: #000;
}
.feature-item.active .feature-icon {
	filter: none;
}
.feature-item.inactive {
	color: #949494;
}

.feature-item svg {
	flex-shrink: 0;
}
.feature-item.inactive svg rect {
	fill: #949494;
	fill: rgba(148, 148, 148, 0.2);
}
.feature-item.inactive svg path {
	/*stroke: #949494; */
}
.feature-item.inactive .feature-icon {
	/* desaturate and lighten to match light gray text */
	filter: grayscale(1) brightness(1.4);
}
.offer-card-title {
	font-weight: 900;
	text-transform: uppercase;
}
.offer-card-delivery {
	/*font-weight: 900;*/
}

.price-line {
	font: normal normal 300 17px/20px "museo-sans", sans-serif;
	color: #242424;
}
.price-line .price {
	font-weight: 900;
}
.btn-choose {
	padding: 10px 40px;
	background: #ffffff 0% 0% no-repeat padding-box;
	color: #2d2d2d;
	border: 1px solid #707070;
	border-radius: 30px;
	opacity: 1;
	box-shadow: none;
	font: 700 14px/17px "museo-sans", sans-serif;
}
.btn-check:checked+.btn-choose, .btn-check:hover+.btn-choose { /* .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active */
	color: #ffffff;
	background-color: #43C57F;
	border-color: #43C57F;
}
.cards-offers {
	cursor: pointer;
	background: #fbfbfb 0% 0% no-repeat padding-box;
	border: 1px solid #e7e7e7;
	border-radius: 10px;
	transition: 0.3s;

	font: normal normal 300 14px/21px "museo-sans", sans-serif;
}
@media (min-width: 768px) {
	.cards-offers {
		font: normal normal 300 16px/26px "museo-sans", sans-serif;
	}
}
.btn-check:checked + .cards-offers, .cards-offers:hover, .cards-offers:focus, .cards-offers:active {
	background: rgba(67, 197, 126, 0.11);
	border: 1px solid #43C57E;
}
.btn-check:checked + .cards-offers .btn-choose, .cards-offers:hover .btn-choose {
	color: #ffffff;
	background-color: #43C57F;
	border-color: #43C57F;
}
.contact-2 .form-control {
	background-color: #ffffff;
}
.col-textarea {
	display: flex;
}
.col-textarea .form-group {
	flex: 1;
	display: flex;
}
.col-textarea textarea.form-control {
	flex: 1;
	height: auto;
	resize: none;
}
.btn-check + .cards-offers .label-checked { display: none; }
.btn-check + .cards-offers .label-default { display: inline; }
/* ko je paket izbran */
.btn-check:checked + .cards-offers .btn-choose .label-default { display: none; }
.btn-check:checked + .cards-offers .btn-choose .label-checked { display: inline; }


/* Offer section */
.carousel-indicators [data-bs-target] {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin: 0 4px;
	background-color: white;
	opacity: 1;
}

.carousel-indicators .active {
	background-color: var(--secondary-green);
	opacity: 1;
}


.step-number {
	font:
		normal normal 900 26px/31px "museo-sans",
		sans-serif;
	letter-spacing: 0;
	color: #242424;
}


.alert-success {
	background: rgba(67, 197, 126, 0.11);
	border: 1px solid #43C57E;
}
.alert-danger {
	background: rgba(230, 85, 47, 0.11);
	border: 1px solid #E6552F;
}


.splide__arrow {
	background: transparent;
	width: 40px;
	height: 27px;
}
.splide__arrow--next {
	right: -4em;
}
.splide__arrow--prev {
	left: -4em;
}
.splide__arrow svg { width: 40px; height: 27px; }
.splide__arrow--prev svg { transform: rotate(180deg); }