/* ---------------------------------------------------------------------- */
/*	project colors
/* ---------------------------------------------------------------------- */
:root {
	--color-bg: #000;
	--color-base: #FFF !important;
	--color-black: #000;
	--color-white: #FFF;
	--color-red: #8A161C;
	--color-green: #014D31;
	--color-light-green: #669934;
	--color-light-green-rgb: 102, 153, 51;
	--color-gray: #797979;
	--color-light-gray: #EFEFEF;
	--border-radius: 8px;
}

/* ---------------------------------------------------------------------- */
/*	global
/* ---------------------------------------------------------------------- */
body {
	font-family: "Roboto Slab", serif;
	color: var(--color-base) !important;
	background: var(--color-bg);
}

.clear {
	clear: both;
	width: 100%;
	font-size: 1px;
}

.font-zero {
	margin: 0;
	padding: 0;
	font-size: 0em;
}

/* styled text that replaced the old <h1>/<h2> tags (one <h1> per page): same look as a Bootstrap heading */
.menu-label,
.heading,
.subheading,
.box-title,
footer .info p {
	display: block;
	margin-top: 0;
	margin-bottom: .5rem;
	font-weight: 500;
	line-height: 1.2;
}


a,
a:hover {
	text-decoration: none !important;
	color: var(--color-base) !important;
}

ul,
li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.display-block {
	display: block !important;
}

.padding-none {
	padding: 0;
}

.padding-top {
	padding-top: 0;
}

.padding-right {
	padding-right: 0;
}

.padding-bottom {
	padding-bottom: 0;
}

.padding-left {
	padding-left: 0;
}

::-webkit-input-placeholder {
	color: var(--color-gray) !important;
	font-size: 13px;
}

:-moz-placeholder {
	color: var(--color-gray) !important;
	font-size: 13px;
}

:-ms-input-placeholder {
	color: var(--color-gray) !important;
	font-size: 13px;
}

.btn-main,
.btn-main:hover,
.btn-main:focus {
	background: var(--color-green) !important;
	border-color: var(--color-green) !important;
	color: var(--color-white) !important;
}

body.modal-open {
	overflow: visible;
}


/* ---------------------------------------------------------------------- */
/*	navigation
/* ---------------------------------------------------------------------- */
.pagination {
	margin: 30px 0;
}

.pagination .page-item {
	margin: 0 !important;
	padding: 0 !important;
}

.pagination a {
	background: var(--color-red) !important;
	color: var(--color-white) !important;
	border: 1px solid var(--color-red) !important;
}

.pagination .active a {
	background: var(--color-green) !important;
	color: var(--color-white) !important;
	border: 1px solid var(--color-green) !important;
}

/* ---------------------------------------------------------------------- */
/*	scroll top button
/* ---------------------------------------------------------------------- */
.scroll-top {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	right: 15px;
	bottom: 15px;
	z-index: 99999;
	padding: 8px 10px;
	background: var(--color-bg);
	border-radius: 50px;
	transition: all 0.4s;
}

.scroll-top i {
	font-size: 24px;
	color: var(--color-white) !important;
	line-height: 0;
}

.scroll-top:hover {
	background: var(--color-bg);
	color: var(--color-white);
}

.scroll-top.active {
	visibility: visible;
	opacity: 1;
	bottom: 15px;
}

/* ---------------------------------------------------------------------- */
/*	page title
/* ---------------------------------------------------------------------- */
.page-title {
	margin-bottom: 10px;
	padding: 20px 0;
	font-size: 20px;
	color: var(--color-white);
}

.page-title a {
	display: inline-block;
	padding-top: 5px;
	padding-bottom: 5px;
	color: var(--color-white) !important;
}

.page-title span {
	display: inline-block;
	padding: 0 5px;
}

.page-title .back {
	float: right;
	display: block;
	margin-top: -5px;
	padding: 0 0 0 10px;
	font-size: 30px;
	border-left: 5px solid var(--color-white);
}


/* ---------------------------------------------------------------------- */
/*	sitemap
/* ---------------------------------------------------------------------- */
.sitemap-list {
	margin-bottom: 20px;
}

.sitemap-list h2 {
	margin-top: 30px;
	font-size: 20px;
}

.sitemap-list ul {
	padding: 10px;
	border: 1px solid #CDCDCD;
	border-radius: 5px;
	text-align: left !important;
}

.sitemap-list ul li {
	padding: 5px;
	border-bottom: 1px solid #CDCDCD;
}

.sitemap-list ul li:last-child {
	border: none;
}

.sitemap-list ul h1 {
	margin: 0;
	font-size: 16px;
}

/* ---------------------------------------------------------------------- */
/*	maintenance
/* ---------------------------------------------------------------------- */
.maintenance .title {
	margin-bottom: 10px;
	font-size: 20px;
}

.maintenance .container img {
	margin-bottom: 20px;
}

.maintenance .container {
	text-align: left;
	font-size: 18px;
}

/* ---------------------------------------------------------------------- */
/*	copied text
/* ---------------------------------------------------------------------- */
.copied-toast {
	display: none;
	position: fixed;
	z-index: 10;
	top: 10px;
	right: 5px;
	transform: translate(-50%, 0);
	padding: 15px 25px;
	background: var(--color-gray);
	color: var(--color-white);
	border-radius: 30px;
}

/* ---------------------------------------------------------------------- */
/*	image zoom
/* ---------------------------------------------------------------------- */
.zoom-img img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.zoom-img:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

/* ---------------------------------------------------------------------- */
/*	error page
/* ---------------------------------------------------------------------- */
.error-page {
	padding-top: 10%;
	text-align: center;
	font-size: 20px;
}

.error-page p {
	margin-bottom: 50px;
}

/* ---------------------------------------------------------------------- */
/*	bg menu
/* ---------------------------------------------------------------------- */
.menu-bg {
	z-index: 3;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	visibility: hidden;
	opacity: 0;
	transition: visibility 0.2s, opacity 0.2s linear;
}

.menu-bg-open {
	visibility: visible;
	opacity: 1;
}

.no-scroll {
	overflow: hidden;
}

/* ---------------------------------------------------------------------- */
/*	not found
/* ---------------------------------------------------------------------- */
.not-found {
	padding: 50px;
	min-height: 100vh;
	text-align: center;
}

/* ---------------------------------------------------------------------- */
/*	alerts
/* ---------------------------------------------------------------------- */
.alert {
	color: var(--color-white) !important;
}

/* ---------------------------------------------------------------------- */
/*	required note
/* ---------------------------------------------------------------------- */
.required-note {
	font-size: 14px;
	color: var(--color-white);
	font-weight: 600;
}

/* ---------------------------------------------------------------------- */
/*	preloader
/* ---------------------------------------------------------------------- */
#preloader {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 999999;
	overflow: hidden;
	background: #fff;
	transition: all 0.6s ease-out;
}

#preloader:before {
	content: "";
	position: fixed;
	top: calc(50% - 30px);
	left: calc(50% - 30px);
	border: 6px solid var(--color-green);
	border-color: var(--color-green) transparent var(--color-green) transparent;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	animation: animate-preloader 1.5s linear infinite;
}

@keyframes animate-preloader {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/* ---------------------------------------------------------------------- */
/*	desktop
/* ---------------------------------------------------------------------- */
@media only screen and (min-width: 991px) {

	/* ---------------------------------------------------------------------- */
	/*	global
	/* ---------------------------------------------------------------------- */
	.font-zero,
	.web,
	.mobile-buttons {
		display: none !important;
	}

	.mobile {
		opacity: 1;
	}

	img {
		max-width: 100%;
	}

	.home {
		padding: 15px 0;
	}

	.scroll-top {
		position: fixed;
		visibility: hidden;
		opacity: 0;
		right: 15px;
		bottom: 50px !important;
		z-index: 99999;
		padding: 8px 10px;
		background: var(--color-green);
		border-radius: 50px;
		transition: all 0.4s;
	}

	[vw] [vw-access-button] img.access-button,
	[vw] [vw-access-button] img.pop-up {
		display: none !important;
	}

	/* ---------------------------------------------------------------------- */
	/*	VLibras
	/* ---------------------------------------------------------------------- */
	#main-vlibras {
		position: fixed !important;
		top: auto !important;
		margin-top: -180px !important;
		bottom: 0;
		right: 0;
	}

	#main-vlibras>div:nth-child(2).active {
		height: 225px !important;
	}

	#main-vlibras>div:nth-child(2) {
		width: 150px !important;
		-moz-border-radius: 0px !important;
		-webkit-border-radius: 0px !important;
		-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
		-moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
	}

	#main-vlibras>div:nth-child(2)>div {
		min-width: 150px !important;
		min-height: 225px !important;
	}

	#gameContainer {
		min-height: calc(0.5 * 225px) !important;
		min-width: calc(0.9 * 150px) !important;
	}

	#\#canvas {
		top: -12px !important;
		min-height: calc(0.7 * 225px) !important;
		min-width: calc(0.9 * 150px) !important;
	}

	/* ---------------------------------------------------------------------- */
	/*	header
	/* ---------------------------------------------------------------------- */
	header {
		z-index: 4;
		position: fixed;
		top: 0;
		padding-bottom: 20px;
		width: 100%;
		background: var(--color-black);
	}

	/* ---------------------------------------------------------------------- */
	/*	top bar
	/* ---------------------------------------------------------------------- */
	.top {
		padding: 10px 0;
		font-size: 15px;
		font-weight: 300;
		background: var(--color-red);
		color: var(--color-white);
	}

	.top .networks {
		text-align: right;
	}

	.top .networks a {
		display: inline-block;
		padding: 0 10px !important;
		border-right: 1px solid var(--color-light-gray);
	}

	.top .networks a:last-child {
		border: none;
	}

	/* ---------------------------------------------------------------------- */
	/*	logo
	/* ---------------------------------------------------------------------- */
	.logo {
		padding-top: 20px;
		text-align: center;
	}

	.logo img {
		max-height: 50px;
	}

	.logo-mobile {
		display: none;
	}

	/* ---------------------------------------------------------------------- */
	/*	menu
	/* ---------------------------------------------------------------------- */
	.menu-icon.mobile {
		display: none;
	}

	.menu {
		padding-top: 23px;
	}

	.menu ul li {
		display: inline-block;
	}

	.menu ul li .menu-label {
		margin: 0 !important;
		padding: 0 !important;
		font-size: 12px !important;
		text-transform: uppercase;
		font-weight: 400 !important;
	}

	.menu ul li .menu-label a {
		padding: 4px;
		color: var(--color-base) !important;
		border-radius: 5px;
	}

	.menu ul li .menu-label a:hover {
		background: var(--color-green);
		color: var(--color-white) !important;
	}

	.menu ul li .menu-label a.active {
		background: var(--color-green);
		color: var(--color-white) !important;
	}

	.menu ul li:hover .menu-toggle {
		position: relative;
		z-index: 10;
		background: var(--color-green);
		color: var(--color-white) !important;
	}

	.menu .dropdown-menu {
		margin-top: 1px !important;
		background: var(--color-green) !important;
	}

	.menu .dropdown-menu li {
		width: 100%;
	}

	.menu .dropdown-menu .dropdown-item {
		padding-left: 10px;
		color: var(--color-white) !important;
		font-size: 13px !important;
		text-transform: uppercase;
		font-weight: 400 !important;
	}

	.menu .dropdown-menu .dropdown-item:hover {
		background: var(--color-light-green);
		color: var(--color-white) !important;
	}

	.menu .dropdown-toggle::after {
		display: none;
	}

	.menu .dropdown-menu .nav-item {
		display: block;
		padding-left: 10px;
		color: var(--color-white) !important;
		font-size: 13px !important;
		text-transform: uppercase;
		font-weight: 400 !important;
	}

	.menu .dropdown-menu .nav-item:hover {
		background: var(--color-light-green);
		color: var(--color-white) !important;
	}

	.dropdown:hover>.dropdown-menu,
	.dropend:hover>.dropdown-menu {
		display: block;
		margin-top: 0.125em;
		margin-left: 0.125em;
	}

	.dropend:hover>.dropdown-menu {
		position: absolute;
		top: 0;
		left: 100%;
	}

	.open {
		display: none;
	}

	.site-menu .close {
		display: none;
	}

	/* ---------------------------------------------------------------------- */
	/*	search
	/* ---------------------------------------------------------------------- */
	.search {
		position: absolute;
		top: 110px;
		right: 2%;
		padding: 6px 10px;
		width: 50px;
		background: var(--color-red);
		color: var(--color-white);
		text-align: center;
		border-radius: 50%;
	}

	.search a i {
		font-size: 25px !important;
	}

	/* ---------------------------------------------------------------------- */
	/*	social networks mobile
	/* ---------------------------------------------------------------------- */
	.social-networks-mobile {
		display: none;
	}

	/* ---------------------------------------------------------------------- */
	/*	weather
	/* ---------------------------------------------------------------------- */
	.weather {
		z-index: 2;
		position: absolute;
		top: 30%;
		right: 0;
		padding: 5px;
		width: 20%;
		background: var(--color-red);
		border-radius: var(--border-radius) 0 0 var(--border-radius);
	}

	.weather a {
		border-radius: var(--border-radius);
	}

	/* ---------------------------------------------------------------------- */
	/*	whatsapp
	/* ---------------------------------------------------------------------- */
	.whatsapp-cta {
		z-index: 2;
		position: absolute;
		top: 90%;
		right: 0;
		padding: 5px;
	}

	.whatsapp-cta img {
		z-index: 999;
		position: relative;
		float: left;
		margin: -10px -10px 0 0;
	}

	.whatsapp-cta span {
		display: block;
		float: left;
		padding: 5px 10px 5px 20px;
		line-height: 15px;
		font-size: 14px;
		background: var(--color-red);
		border-radius: 0 var(--border-radius) var(--border-radius) 0;
	}

	/* ---------------------------------------------------------------------- */
	/*	main banner
	/* ---------------------------------------------------------------------- */
	.main-banner {
		z-index: -1;
		margin-top: 80px;
		display: block;
		position: relative;
		width: 100%;
		color: var(--color-white) !important;
	}

	.main-banner .container {
		max-width: 100%;
	}

	/*
	.main-banner:before {
		content: "";
		position: absolute;
		height: 50%;
		width: 100%;
		bottom: 0;
		left: 0;
		right: 0;
		background-image: linear-gradient(180deg, transparent, #000);
		border-radius: var(--border-radius);
		z-index: 1;
	}
	*/

	.main-banner:after {
		content: "";
		position: absolute;
		height: 50%;
		width: 100%;
		bottom: 0;
		left: 0;
		right: 0;
		background-image: linear-gradient(180deg, transparent, #000);
		border-radius: var(--border-radius);
		z-index: 1;
	}

	.main-banner .image-frame {
		overflow: hidden;
		display: flex;
		transform: translate(0, 0);
		width: 100%;
		height: 650px !important;
		transition: .6s ease;
	}

	.main-banner .image-frame img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: .6s ease;
	}

	/* ---------------------------------------------------------------------- */
	/*	featured banner
	/* ---------------------------------------------------------------------- */
	.featured-banner {
		z-index: 3;
		margin-top: -120px;
	}

	.featured-banner .img {
		overflow: hidden;
		display: flex;
		transform: translate(0, 0);
		width: 100%;
		height: 250px !important;
		transition: .6s ease;
	}

	.featured-banner .img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: .6s ease;
		border-radius: var(--border-radius);
	}

	.slider-button {
		border: none;
		background: none !important;
		color: #014D31 !important;
		font-size: 50px;
		font-weight: bold;
	}

	.featured-banner .item {
		position: relative;
	}

	.featured-banner h2 {
		position: absolute;
		bottom: -10px;
		padding: 10px;
		width: 100% !important;
		border-radius: 0 0 var(--border-radius) var(--border-radius);
		font-size: 16px;
		font-weight: 400;
		background: rgba(var(--color-light-green-rgb), 0.5);
		color: var(--color-white) !important;
		text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
	}


	/* ---------------------------------------------------------------------- */
	/*	register your business
	/* ---------------------------------------------------------------------- */
	.register-cta a {
		display: block;
		margin: 40px 0;
		padding: 30px 0;
		font-size: 25px;
		text-align: center;
		background: var(--color-red);
		border-radius: var(--border-radius);
	}

	.register .social-links {
		margin: 30px 0;
		padding: 20px;
		border: 1px dashed var(--color-white);
		border-radius: var(--border-radius);
	}

	.register .social-links .box-title {
		margin-bottom: 20px;
		font-size: 20px;
		font-weight: 400;
	}

	.register .social-links .box-title a {
		margin-top: -10px;
		float: right !important;
		width: auto !important;
		font-size: 20px;
		background: var(--color-red);
		border-radius: var(--border-radius);
	}

	.register .payment-methods {
		margin-bottom: 30px;
		padding: 20px;
		border: 1px dashed var(--color-white);
		border-radius: var(--border-radius);
	}

	.register .payment-methods .box-title {
		margin-bottom: 20px;
		font-size: 20px;
		font-weight: 400;
	}

	.register .opening-hours {
		margin-bottom: 30px;
		padding: 20px;
		border: 1px dashed var(--color-white);
		border-radius: var(--border-radius);
	}

	.register .opening-hours .box-title {
		margin-bottom: 20px;
		font-size: 20px;
		font-weight: 400;
	}

	.register .opening-hours .box-title a {
		margin-top: -10px;
		float: right;
		width: auto !important;
		font-size: 20px;
		background: var(--color-red);
		border-radius: var(--border-radius);
	}

	.register .details {
		margin-bottom: 30px;
		padding: 20px;
		border: 1px dashed var(--color-white);
		border-radius: var(--border-radius);
	}

	.register .details .box-title {
		margin-bottom: 20px;
		font-size: 20px;
		font-weight: 400;
	}

	.register .details input {
		margin-bottom: 10px;
	}

	.register .extras {
		margin-bottom: 30px;
		padding: 20px;
		border: 1px dashed var(--color-white);
		border-radius: var(--border-radius);
	}

	.register .extras .box-title {
		margin-bottom: 20px;
		font-size: 20px;
		font-weight: 400;
	}

	.register .extras input {
		margin-bottom: 10px;
	}

	.register #rotateLeft {
		float: left;
		margin-right: 1px;
		width: 48%;
	}

	.register #rotateRight {
		float: right;
		width: 48%;
	}

	.register .images {
		margin: 30px 0;
		padding: 20px;
		border: 1px dashed var(--color-white);
		border-radius: var(--border-radius);
	}

	.register .images .box-title {
		margin-bottom: 20px;
		font-size: 20px;
		font-weight: 400;
	}

	.register .images .box-title span {
		display: inline-block;
		margin: 10px 0;
		padding: 5px;
		font-size: 15px;
		background: var(--color-red);
		border-radius: var(--border-radius);
	}


	/* ---------------------------------------------------------------------- */
	/*	experiences / attractions
	/* ---------------------------------------------------------------------- */
	.experiences-attractions {
		padding-top: 30px;
		padding-bottom: 30px;
		background: url(../img/bg/bg-experiences-attractions.png) 0 50% repeat-x;
	}

	.experiences .heading {
		margin-bottom: 20px;
		text-align: left;
		font-size: 30px;
		font-weight: 400;
	}

	.experiences li {
		margin-bottom: 20px;
	}

	.experiences li .frame {
		position: relative;
		overflow: hidden;
		height: 300px;
		border-radius: var(--border-radius);
	}

	.experiences li .frame img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: .6s ease;
		border-radius: var(--border-radius);
	}

	.experiences li .frame h3 {
		position: absolute;
		bottom: -10px;
		padding: 20px;
		width: 100%;
		font-size: 16px;
		font-weight: 400;
		background: rgba(var(--color-light-green-rgb), 0.5);
		color: var(--color-white) !important;
		text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
	}

	.attractions-search {
		margin-top: 30px;
		padding: 30px;
		background: var(--color-white);
		border-radius: var(--border-radius);
	}

	.attractions-search .heading {
		margin-bottom: 10px;
		font-size: 25px;
		font-weight: 400;
		color: var(--color-green);
	}

	.attractions-search .subheading {
		margin-bottom: 20px;
		font-size: 18px;
		font-weight: 400;
		color: var(--color-light-green);
	}

	.attractions-search label {
		color: var(--color-gray);
	}

	.attractions-search form {
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.attractions-search .w-1 {
		float: left;
		padding-right: 10px;
		width: 23%;
	}

	.attractions-search .w-1 input,
	.attractions-search .w-1 select {
		border: none;
		background-color: var(--color-light-gray);
		color: var(--color-black);
	}

	.attractions-search .w-2 {
		float: none;
		width: 100%;
		text-align: center;
	}

	.attractions-search .w-2 button {
		margin-top: 25px;
		border: none;
		background: none;
		font-size: 30px;
		font-weight: 400;
		color: var(--color-green);
	}

	/* ---------------------------------------------------------------------- */
	/*	agenda
	/* ---------------------------------------------------------------------- */
	.agenda {
		padding-top: 50px;
	}

	.agenda .heading {
		margin-bottom: 10px;
		font-size: 30px;
		font-weight: 400;
		text-align: left;
	}

	.agenda .subheading {
		margin-bottom: 20px;
		font-size: 25px;
		font-weight: 400;
		color: var(--color-light-green);
		text-align: left;
	}

	.agenda li {
		margin-bottom: 20px;
	}

	.agenda li .frame {
		position: relative;
		overflow: hidden;
		height: 500px;
		border-radius: var(--border-radius);
	}

	.agenda li .frame img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: .6s ease;
		border-radius: var(--border-radius);
	}

	.agenda .list {
		padding-top: 10px;
		padding-bottom: 20px;
	}

	.agenda .list li {
		display: inline-block;
		margin-right: 1%;
		margin-bottom: 20px;
		width: calc(100% - 68%);
	}

	.agenda .list li img {
		margin-bottom: 10px;
	}

	.agenda .list li .info {
		font-size: 15px;
	}

	.agenda .list li .info h2 {
		margin-bottom: 10px;
		font-size: 20px;
	}

	/* ---------------------------------------------------------------------- */
	/*	virtual tour
	/* ---------------------------------------------------------------------- */
	.virtual-tour {
		margin-top: 50px;
	}

	.virtual-tour ul {
		background: var(--color-white);
		border-radius: 50px;
	}

	.virtual-tour ul li {
		padding: 0;
	}

	.virtual-tour ul img {
		max-width: 100%;
		border-radius: 50px;
	}

	.virtual-tour .heading {
		margin-top: 20px;
		margin-left: 20px;
		font-size: 30px;
		font-weight: 400;
		color: var(--color-light-green);
	}

	.virtual-tour .subheading {
		margin-top: 10px;
		margin-left: 20px;
		font-size: 25px;
		font-weight: 500;
		color: var(--color-green);
	}

	.virtual-tour p {
		margin-top: 10px;
		margin-left: 20px;
		width: 90%;
		font-size: 18px;
		font-weight: 500;
		color: var(--color-green);
	}

	.virtual-tour a,
	.virtual-tour a:hover,
	.virtual-tour a:focus,
	.virtual-tour a:active {
		display: inline-block;
		margin-left: 20px;
		font-size: 20px;
		font-weight: 500;
		background: var(--color-red) !important;
		color: var(--color-white) !important;
	}

	/* ---------------------------------------------------------------------- */
	/*	tagline
	/* ---------------------------------------------------------------------- */
	.tagline {
		padding-top: 100px;
		line-height: 35px;
		text-align: center;
		font-size: 30px;
		font-style: italic;
	}

	.tagline span {
		display: block;
	}

	/* ---------------------------------------------------------------------- */
	/*	header image
	/* ---------------------------------------------------------------------- */
	.header-image {
		z-index: -1;
		position: absolute;
		width: 100%;
		height: 700px !important;
		background-size: cover;
	}

	.header-image:before {
		height: 50%;
		bottom: 0;
		left: 0;
		right: 0;
		content: '';
		position: absolute;
		background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
		background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
	}

	/* ---------------------------------------------------------------------- */
	/*	inner page
	/* ---------------------------------------------------------------------- */
	.inner-page {
		margin-top: 100px;
		background: rgba(0, 0, 0, .6);
	}

	.inner-page .btn-share {
		float: right;
		padding-left: 10px;
		padding-right: 10px;
		background: var(--color-green);
		color: var(--color-white) !important;
	}

	/* ---------------------------------------------------------------------- */
	/*	inner page > share box
	/* ---------------------------------------------------------------------- */
	.inner-page .share-box {
		display: none;
		position: fixed;
		z-index: 5;
		top: 40%;
		right: 10px;
		padding: 10px 10px 0 10px;
		background: var(--color-white);
		border-radius: var(--border-radius);
	}

	.inner-page .share-box a {
		display: block;
		margin-bottom: 10px;
		font-size: 20px;
		background: var(--color-red);
	}

	.inner-page .share-box a img {
		filter: brightness(100);
	}

	/* ---------------------------------------------------------------------- */
	/*	inner page > list
	/* ---------------------------------------------------------------------- */
	.card-list li {
		margin-bottom: 20px;
	}

	.card-list li .image-frame {
		position: relative;
		overflow: hidden;
		height: 300px;
		border-radius: var(--border-radius) var(--border-radius);
	}

	.card-list li .image-frame img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: .6s ease;
		border-radius: var(--border-radius);
	}

	.card-list li .frame h2 {
		position: absolute;
		bottom: -10px;
		padding: 20px;
		width: 100%;
		font-size: 16px;
		font-weight: 400;
		background: rgba(var(--color-light-green-rgb), 0.5);
		color: var(--color-white) !important;
		text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
	}

	.card-list a {
		color: var(--color-black) !important;
	}

	/* ---------------------------------------------------------------------- */
	/*	inner page > read
	/* ---------------------------------------------------------------------- */
	.inner-page .read {
		padding-top: 20px;
		border-top: 1px solid var(--color-light-gray);
	}

	.inner-page .read .title {
		margin-bottom: 10px;
		font-size: 25px;
		font-weight: 600;
	}

	.inner-page .read .title span {
		display: block;
		color: var(--color-green);
	}

	.inner-page .read .title span i {
		margin-left: -5px;
	}

	.inner-page .read .address {
		margin-bottom: 20px;
		font-size: 15px;
	}

	.inner-page .read .text {
		padding: 20px 0;
		text-align: left !important;
		color: var(--color-white) !important;
	}

	.inner-page .read .body-text p,
	.inner-page .read .body-text span {
		color: var(--color-white) !important;
	}

	.inner-page .read .body-text a {
		color: var(--color-white) !important;
		text-decoration: underline !important;
	}

	.inner-page .image {
		margin-bottom: 20px;
	}

	.inner-page .image .img {
		display: inline-block;
		margin-right: 1%;
		width: calc(100% - 52%);
		height: 350px;
	}

	.inner-page .image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: var(--border-radius);
	}

	.inner-page .event-image img {
		margin: 0 20px 20px 0;
		width: 50% !important;
	}

	.inner-page .contact-info {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid var(--color-light-gray);
	}

	.inner-page .contact-info h1 {
		font-size: 25px;
		font-weight: 600;
	}

	.inner-page .contact-info .info-item {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.inner-page .contact-info .info-item h3 {
		font-size: 16px;
		font-weight: 400;
	}

	.inner-page .contact-info .info-item i {
		display: inline-block;
		margin-right: 5px;
		padding: 5px 10px;
		background: var(--color-red);
		color: var(--color-white);
		font-size: 20px;
		border-radius: 50%;
	}

	.inner-page .social-networks {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid var(--color-light-gray);
	}

	.inner-page .social-networks h1 {
		font-size: 20px;
		font-weight: 600;
	}

	.inner-page .social-networks a {
		display: inline-block;
		margin-bottom: 5px;
		padding: 5px;
		background: var(--color-red);
		color: var(--color-white);
		border-radius: var(--border-radius);
	}

	.inner-page .payment {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid var(--color-light-gray);
	}

	.inner-page .payment h2 {
		font-size: 20px;
		font-weight: 600;
	}

	.inner-page .payment a {
		display: inline-block;
		margin-bottom: 5px;
		padding: 5px;
		background: var(--color-red);
		color: var(--color-white);
		border-radius: var(--border-radius);
	}

	.inner-page .opening-hours {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid var(--color-light-gray);
	}

	.inner-page .opening-hours h2 {
		font-size: 20px;
		font-weight: 600;
	}

	.inner-page .opening-hours span {
		display: inline-block;
		margin-bottom: 5px;
		padding: 5px;
		background: var(--color-red);
		color: var(--color-white);
		border-radius: var(--border-radius);
	}

	.inner-page .website {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid var(--color-light-gray);
	}

	.inner-page .website h3 {
		font-size: 20px;
		font-weight: 600;
	}

	.inner-page .distance {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid var(--color-light-gray);
	}

	.inner-page .distance h3 {
		font-size: 20px;
		font-weight: 600;
	}

	.inner-page .extra-details {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid var(--color-light-gray);
	}

	.inner-page .extra-details h2 {
		font-size: 20px;
		font-weight: 600;
	}

	.inner-page .extra-details span {
		display: inline-block;
		margin-bottom: 5px;
		padding: 5px;
		background: var(--color-red);
		color: var(--color-white);
		border-radius: var(--border-radius);
	}

	.inner-page .map {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid var(--color-light-gray);
	}

	.inner-page .map a {
		width: 100%;
	}

	.inner-page .video {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid var(--color-light-gray);
	}

	.inner-page .video h2 {
		font-size: 20px;
		font-weight: 600;
	}

	.inner-page form {
		margin-top: 20px;
	}

	.inner-page form .captcha-image {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.inner-page form .btn {
		width: 100%;
	}

	.inner-page .photos-label {
		padding: 5px 10px;
		font-size: 16px;
	}

	.inner-page .photo-grid ul {
		margin: 0;
	}

	.inner-page .photo-grid li {
		margin-bottom: 20px;
		padding-left: 0;
		height: 250px;
	}

	.inner-page .photo-grid li img {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}

	/* ---------------------------------------------------------------------- */
	/*	phones
	/* ---------------------------------------------------------------------- */
	.phones li {
		margin-bottom: 20px;
		padding-bottom: 20px;
		padding-left: 10px;
		border-bottom: 1px solid var(--color-light-gray);
	}

	.phones li .name {
		float: left;
		display: inline-block;
		width: 49%;
	}

	.phones li .phone {
		display: inline-block;
		padding-left: 10px;
		width: 49%;
		text-align: right;
	}

	/* ---------------------------------------------------------------------- */
	/*	personalities
	/* ---------------------------------------------------------------------- */
	.inner-page .personalities {
		margin-top: 50px;
	}

	.inner-page .personalities .heading {
		margin-bottom: 20px;
		font-size: 30px;
		text-align: center;
	}

	.inner-page .personalities li {
		padding-bottom: 20px;
		border-bottom: 1px solid var(--color-mid-gray);
	}

	.inner-page .personalities li .image-frame {
		float: left;
		display: inline-block;
		margin-right: 10px;
		overflow: hidden;
	}

	.inner-page .personalities li .image-frame img {
		width: 100px;
		height: 100px;
		object-fit: cover;
	}

	.inner-page .personalities li .title-frame {
		font-size: 15px;
	}

	/* ---------------------------------------------------------------------- */
	/*	footer
	/* ---------------------------------------------------------------------- */
	footer {
		position: relative;
		margin: 80px 0 10px 0;
		background: linear-gradient(90deg, var(--color-light-green) 30%, var(--color-red) 30%);
	}

	footer .logo {
		float: left;
		display: block;
		width: 30%;
		position: relative;
		padding: 50px 0;
		text-align: center;
		background: var(--color-black);
	}

	.cut {
		display: block;
		top: 0;
		bottom: 0;
		position: absolute;
		width: 100px
	}

	.left {
		background: var(--color-light-green);
		-webkit-transform: skew(16deg) translateX(-50px);
		-ms-transform: skew(16deg) translateX(-50px);
		transform: skew(16deg) translateX(-50px);
		left: 0
	}

	.right {
		background: var(--color-red);
		-webkit-transform: skew(16deg) translateX(50px);
		-ms-transform: skew(16deg) translateX(50px);
		transform: skew(16deg) translateX(50px);
		right: 0
	}

	footer .social-networks {
		float: left;
		display: block;
		padding-top: 40px;
		width: 30%;
		text-align: center;
	}

	footer .social-networks h2 {
		font-size: 25px;
		color: var(--color-white);
	}

	footer .social-networks a {
		display: inline-block;
		margin: 10px 3px;
	}

	footer .rights {
		margin-bottom: 20px;
		padding: 10px 0;
		text-align: center;
		color: var(--color-white);
		font-size: 13.5px;
	}

	footer .info {
		float: left;
		display: block;
		width: 30%;
		padding-bottom: 50px;
		font-size: 25px;
		text-align: right !important;
	}

	footer .info .info-name {
		padding-top: 25px;
	}

	footer .info .info-name,
	footer .info .info-address,
	footer .info .info-phone,
	footer .info .info-email {
		font-size: 13px;
		font-weight: 400;
	}

	footer .info a {
		margin-top: 20px;
		display: inline-block;
		margin-left: 10px;
	}

	footer .agency img {
		max-height: 30px;
	}

	.stripe {
		margin-bottom: 10px;
		height: 10px;
		background: #A8DAE6;
	}

}

/* ---------------------------------------------------------------------- */
/*	tablet
/* ---------------------------------------------------------------------- */
@media (min-width: 580px) and (max-width: 990px) {

	/* ---------------------------------------------------------------------- */
	/*	global
	/* ---------------------------------------------------------------------- */
	.font-zero,
	.web {
		display: none !important;
	}

	.mobile {
		opacity: 1;
	}

	img {
		max-width: 100%;
	}

	.home {
		padding: 15px 0;
	}

	.scroll-top {
		position: fixed;
		visibility: hidden;
		opacity: 0;
		right: 15px;
		bottom: 50px !important;
		z-index: 99999;
		padding: 8px 10px;
		background: var(--color-green);
		border-radius: 50px;
		transition: all 0.4s;
	}

	[vw] [vw-access-button] img.access-button,
	[vw] [vw-access-button] img.pop-up {
		display: none !important;
	}

	/* ---------------------------------------------------------------------- */
	/*	VLibras
	/* ---------------------------------------------------------------------- */
	#main-vlibras {
		position: fixed !important;
		top: auto !important;
		margin-top: -180px !important;
		bottom: 0;
		right: 0;
	}

	#main-vlibras>div:nth-child(2).active {
		height: 225px !important;
	}

	#main-vlibras>div:nth-child(2) {
		width: 150px !important;
		-moz-border-radius: 0px !important;
		-webkit-border-radius: 0px !important;
		-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
		-moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
	}

	#main-vlibras>div:nth-child(2)>div {
		min-width: 150px !important;
		min-height: 225px !important;
	}

	#gameContainer {
		min-height: calc(0.5 * 225px) !important;
		min-width: calc(0.9 * 150px) !important;
	}

	#\#canvas {
		top: -12px !important;
		min-height: calc(0.7 * 225px) !important;
		min-width: calc(0.9 * 150px) !important;
	}

	/* ---------------------------------------------------------------------- */
	/*	header
	/* ---------------------------------------------------------------------- */
	header {
		z-index: 4;
		position: fixed;
		top: 0;
		;
		width: 100%;
		background: var(--color-black);
		border-bottom: 1px solid rgba(255, 255, 255, .5);
	}

	/* ---------------------------------------------------------------------- */
	/*	top bar
	/* ---------------------------------------------------------------------- */
	.top {
		padding: 10px 0;
		font-size: 15px;
		font-weight: 300;
		background: var(--color-red);
		color: var(--color-white);
		text-align: center;
	}

	.top .networks a {
		display: inline-block;
		margin: 0 5px;
	}

	/* ---------------------------------------------------------------------- */
	/*	logo
	/* ---------------------------------------------------------------------- */
	.logo {
		padding-top: 20px;
		padding-bottom: 20px;
		text-align: left;
	}

	.logo img {
		max-height: 50px;
	}

	.logo-mobile {
		padding: 20px 0;
		width: 100%;
		text-align: center;
		background: var(--color-black);
		border-bottom: 1px solid rgba(255, 255, 255, .5);
	}

	.logo-mobile img {
		max-width: 40%;
	}

	/* ---------------------------------------------------------------------- */
	/*	menu
	/* ---------------------------------------------------------------------- */
	.menu-icon.mobile {
		display: block !important;
		margin-top: 20px;
		text-align: right;
	}

	.menu-icon.mobile a {
		display: inline-block;
		padding: 2px 8px;
	}

	.menu-icon.mobile a i {
		font-size: 30px !important;
		font-weight: 600;
	}

	.site-menu {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 999999;
		padding-bottom: 50px;
		width: 80%;
		height: calc(100vh + 20px);
		background: var(--color-white);
		transform: translateX(-100%);
		transition: transform 0.3s ease-in-out;
		overflow: auto !important;
	}

	.site-menu .navbar {
		padding: 0 0 50px 0;
		width: 100%;
		background: var(--color-white);
	}

	.site-menu ul {
		position: relative;
		margin: 10px 0 0 0 !important;
		width: 100%;
	}

	.site-menu li {
		display: block;
		margin-bottom: 5px !important;
		padding: 10px 2px 10px 10px !important;
		text-align: left !important;
	}

	.site-menu li .menu-label {
		margin: 0 !important;
		padding: 0 !important;
		font-size: 15px;
		font-weight: 600;
	}

	.site-menu ul li .menu-label a {
		color: var(--color-black) !important;
		text-align: left;
		text-transform: uppercase;
	}

	.site-menu .dropdown-menu {
		display: block;
		position: static;
		z-index: 2;
		padding: 0;
		width: 98%;
		border: 1px solid var(--color-gray);
	}

	.site-menu .dropdown-menu li {
		margin-bottom: 0px !important;
	}

	.site-menu .dropdown-menu a {
		color: var(--color-black) !important;
		text-transform: uppercase;
	}

	.site-menu .dropdown-menu a:hover {
		color: var(--color-black) !important;
	}

	.site-menu .dropdown-toggle::after {
		opacity: 0;
		height: 0;
	}

	.site-menu .dropdown-menu a:hover,
	.site-menu .dropdown-menu a:active,
	.site-menu .dropdown-menu a:active:focus {
		background: none !important;
		color: var(--color-black) !important;
	}

	.open {
		transform: translateX(0);
	}

	.site-menu .close {
		z-index: 2;
		position: absolute;
		top: 2px;
		right: 2px;
		display: block !important;
		float: right;
		margin: 5px;
		font-size: 25px;
	}

	.site-menu .close a {
		color: var(--color-white) !important;
		font-weight: 500;
	}

	/* ---------------------------------------------------------------------- */
	/*	search
	/* ---------------------------------------------------------------------- */
	.search {
		display: block !important;
		margin-top: 20px;
		text-align: right;
	}

	.search a {
		display: inline-block;
		padding: 2px 8px;
	}

	.search a i {
		font-size: 30px !important;
		font-weight: 600;
	}

	/* ---------------------------------------------------------------------- */
	/*	social networks mobile
	/* ---------------------------------------------------------------------- */
	.social-networks-mobile {
		padding: 5px !important;
		width: 100%;
		background: var(--color-red);
		border-bottom: 1px solid rgba(0, 0, 0, .5);
		text-align: center;
	}

	.social-networks-mobile a {
		display: inline-block;
		padding: 5px !important;
		font-size: 20px;
		color: var(--color-white) !important;
		font-weight: 100 !important;
	}

	/* ---------------------------------------------------------------------- */
	/*	weather
	/* ---------------------------------------------------------------------- */
	.weather {
		display: none;
	}

	/* ---------------------------------------------------------------------- */
	/*	whatsapp
	/* ---------------------------------------------------------------------- */
	.whatsapp {
		display: none;
	}

	/* ---------------------------------------------------------------------- */
	/*	main banner
	/* ---------------------------------------------------------------------- */
	.main-banner {
		margin-top: 180px;
		display: block;
		position: relative;
		width: 100%;
		color: var(--color-white) !important;
	}

	.main-banner:before {
		content: "";
		position: absolute;
		height: 70%;
		width: 100%;
		bottom: 0;
		left: 0;
		right: 0;
		background-image: linear-gradient(180deg, transparent, #000);
		border-radius: var(--border-radius);
		z-index: 1;
	}

	.main-banner .image-frame {
		overflow: hidden;
		display: flex;
		transform: translate(0, 0);
		width: 100%;
		height: 250px !important;
		transition: .6s ease;
	}

	.main-banner .image-frame img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: .6s ease;
		border-radius: var(--border-radius);
	}

	/* ---------------------------------------------------------------------- */
	/*	featured banner
	/* ---------------------------------------------------------------------- */
	.featured-banner {
		z-index: 3;
		margin-top: -120px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.featured-banner .img {
		overflow: hidden;
		display: flex;
		transform: translate(0, 0);
		width: 100%;
		height: 250px !important;
		transition: .6s ease;
	}

	.featured-banner .img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: .6s ease;
		border-radius: var(--border-radius);
	}

	.slider-button {
		border: none;
		background: none !important;
		color: #014D31 !important;
		font-size: 50px;
		font-weight: bold;
	}

	.featured-banner h2 {
		position: absolute;
		bottom: -10px;
		padding: 20px;
		width: 100%;
		font-size: 16px;
		font-weight: 400;
		background: rgba(var(--color-light-green-rgb), 0.5);
		color: var(--color-white) !important;
		text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
	}

	/* ---------------------------------------------------------------------- */
	/*	register your business
	/* ---------------------------------------------------------------------- */
	.register-cta a {
		display: block;
		margin: 40px 0;
		padding: 30px 0;
		font-size: 25px;
		text-align: center;
		background: var(--color-red);
		border-radius: var(--border-radius);
	}

	.register .social-links {
		margin: 30px 0;
		padding: 20px;
		border: 1px dashed var(--color-white);
		border-radius: var(--border-radius);
	}

	.register .social-links .box-title {
		margin-bottom: 20px;
		font-size: 20px;
		font-weight: 400;
	}

	.register .social-links .box-title a {
		margin-top: -10px;
		float: right;
		width: auto !important;
		font-size: 20px;
		background: var(--color-red);
		border-radius: var(--border-radius);
	}

	.register .payment-methods {
		margin-bottom: 30px;
		padding: 20px;
		border: 1px dashed var(--color-white);
		border-radius: var(--border-radius);
	}

	.register .payment-methods .box-title {
		margin-bottom: 20px;
		font-size: 20px;
		font-weight: 400;
	}

	.register .opening-hours {
		margin-bottom: 30px;
		padding: 20px;
		border: 1px dashed var(--color-white);
		border-radius: var(--border-radius);
	}

	.register .opening-hours .box-title {
		margin-bottom: 20px;
		font-size: 20px;
		font-weight: 400;
	}

	.register .opening-hours .box-title a {
		margin-top: -10px;
		float: right;
		width: auto !important;
		font-size: 20px;
		background: var(--color-red);
		border-radius: var(--border-radius);
	}

	.register .details {
		margin-bottom: 30px;
		padding: 20px;
		border: 1px dashed var(--color-white);
		border-radius: var(--border-radius);
	}

	.register .details .box-title {
		margin-bottom: 20px;
		font-size: 20px;
		font-weight: 400;
	}

	.register .details input {
		margin-bottom: 10px;
	}

	.register .extras {
		margin-bottom: 30px;
		padding: 20px;
		border: 1px dashed var(--color-white);
		border-radius: var(--border-radius);
	}

	.register .extras .box-title {
		margin-bottom: 20px;
		font-size: 20px;
		font-weight: 400;
	}

	.register .extras input {
		margin-bottom: 10px;
	}

	.register .images {
		margin: 30px 0;
		padding: 20px;
		border: 1px dashed var(--color-white);
		border-radius: var(--border-radius);
	}

	.register .images .box-title {
		margin-bottom: 20px;
		font-size: 20px;
		font-weight: 400;
	}

	.register .images .box-title span {
		display: inline-block;
		margin: 10px 0;
		padding: 5px;
		font-size: 15px;
		background: var(--color-red);
		border-radius: var(--border-radius);
	}

	/* ---------------------------------------------------------------------- */
	/*	experiences / attractions
	/* ---------------------------------------------------------------------- */
	.experiences-attractions {
		padding-top: 30px;
		padding-bottom: 30px;
		background: var(--color-green);
	}

	.experiences .heading {
		margin-bottom: 20px;
		text-align: center;
		font-size: 20px;
		font-weight: 400;
	}

	.experiences li {
		margin-bottom: 20px;
	}

	.experiences li .frame {
		position: relative;
		overflow: hidden;
		height: 250px;
		border-radius: var(--border-radius);
	}

	.experiences li .frame img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: .6s ease;
		border-radius: var(--border-radius);
	}

	.experiences li .frame h3 {
		position: absolute;
		bottom: -10px;
		padding: 20px;
		width: 100%;
		font-size: 16px;
		font-weight: 400;
		background: rgba(var(--color-light-green-rgb), 0.5);
		color: var(--color-white) !important;
		text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
	}

	.attractions-search {
		margin-top: 30px;
		padding: 30px;
		background: var(--color-white);
		border-radius: var(--border-radius);
	}

	.attractions-search .heading {
		margin-bottom: 10px;
		font-size: 25px;
		font-weight: 400;
		color: var(--color-green);
	}

	.attractions-search .subheading {
		margin-bottom: 20px;
		font-size: 18px;
		font-weight: 400;
		color: var(--color-light-green);
	}

	.attractions-search label {
		color: var(--color-gray);
	}

	.attractions-search form {
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.attractions-search .w-1 {
		float: left;
		padding-right: 10px;
		width: 50%;
	}

	.attractions-search .w-1 input,
	.attractions-search .w-1 select {
		border: none;
		background-color: var(--color-light-gray);
		color: var(--color-black);
	}

	.attractions-search .w-2 {
		float: none;
		width: 100%;
		text-align: center;
	}

	.attractions-search .w-2 button {
		margin-top: 25px;
		border: none;
		background: none;
		font-size: 30px;
		font-weight: 400;
		color: var(--color-green);
	}

	/* ---------------------------------------------------------------------- */
	/*	agenda
	/* ---------------------------------------------------------------------- */
	.agenda {
		padding-top: 50px;
	}

	.agenda .heading {
		margin-bottom: 10px;
		font-size: 18px;
		font-weight: 400;
		text-align: center;
	}

	.agenda .subheading {
		margin-bottom: 20px;
		font-size: 16px;
		font-weight: 400;
		color: var(--color-light-green);
		text-align: center;
	}

	.agenda .list {
		padding-top: 10px;
		padding-bottom: 20px;
	}

	.agenda .list li {
		display: inline-block;
		margin-right: 1%;
		margin-bottom: 20px;
		width: calc(100% - 52%);
	}

	.agenda .list li img {
		margin-bottom: 10px;
	}

	.agenda .list li .info {
		font-size: 12px;
	}

	.agenda .list li .info h2 {
		margin-bottom: 10px;
		font-size: 15px;
	}

	/* ---------------------------------------------------------------------- */
	/*	virtual tour
	/* ---------------------------------------------------------------------- */
	.virtual-tour {
		margin-top: 20px;
		padding: 0 10px;
		text-align: center;
	}

	.virtual-tour ul {
		padding-bottom: 20px !important;
		background: var(--color-white);
		border-radius: var(--border-radius);
	}

	.virtual-tour ul li {
		padding: 0;
	}

	.virtual-tour ul .img {
		display: none;
	}

	.virtual-tour .heading {
		margin-top: 20px;
		margin-left: 20px;
		font-size: 30px;
		font-weight: 400;
		color: var(--color-light-green);
	}

	.virtual-tour .subheading {
		margin-top: 10px;
		margin-left: 20px;
		font-size: 25px;
		font-weight: 500;
		color: var(--color-green);
	}

	.virtual-tour p {
		margin-top: 10px;
		margin-left: 20px;
		width: 90%;
		font-size: 18px;
		font-weight: 500;
		color: var(--color-green);
	}

	.virtual-tour a,
	.virtual-tour a:hover,
	.virtual-tour a:focus,
	.virtual-tour a:active {
		display: inline-block;
		margin-left: 20px;
		font-size: 20px;
		font-weight: 500;
		background: var(--color-red) !important;
		color: var(--color-white) !important;
	}

	/* ---------------------------------------------------------------------- */
	/*	tagline
	/* ---------------------------------------------------------------------- */
	.tagline {
		padding-top: 100px;
		line-height: 35px;
		text-align: center;
		font-size: 30px;
		font-style: italic;
	}

	.tagline span {
		display: block;
	}

	/* ---------------------------------------------------------------------- */
	/*	header image
	/* ---------------------------------------------------------------------- */
	.header-image {
		z-index: -1;
		position: absolute;
		width: 100%;
		height: 350px !important;
		background-size: cover;
	}

	.header-image:before {
		height: 50%;
		bottom: 0;
		left: 0;
		right: 0;
		content: '';
		position: absolute;
		background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
		background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
	}

	/* ---------------------------------------------------------------------- */
	/*	inner page
	/* ---------------------------------------------------------------------- */
	.inner-page {
		margin-top: 100px;
		background: rgba(0, 0, 0, .6);
	}

	.inner-page .btn-share {
		float: right;
		padding-left: 10px;
		padding-right: 10px;
		background: var(--color-green);
		color: var(--color-white) !important;
	}

	/* ---------------------------------------------------------------------- */
	/*	inner page > share box
	/* ---------------------------------------------------------------------- */
	.inner-page .share-box {
		display: none;
		position: fixed;
		z-index: 5;
		top: 40%;
		right: 10px;
		padding: 10px 10px 0 10px;
		background: var(--color-white);
		border-radius: var(--border-radius);
	}

	.inner-page .share-box a {
		display: block;
		margin-bottom: 10px;
		font-size: 20px;
		background: var(--color-red);
	}

	.inner-page .share-box a img {
		filter: brightness(100);
	}

	/* ---------------------------------------------------------------------- */
	/*	inner page > list
	/* ---------------------------------------------------------------------- */
	.card-list li {
		margin-bottom: 20px;
	}

	.card-list li .image-frame {
		position: relative;
		overflow: hidden;
		height: 300px;
		border-radius: var(--border-radius) var(--border-radius);
	}

	.card-list li .image-frame img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: .6s ease;
		border-radius: var(--border-radius);
	}

	.card-list li .frame h2 {
		position: absolute;
		bottom: -10px;
		padding: 20px;
		width: 100%;
		font-size: 16px;
		font-weight: 400;
		background: rgba(var(--color-light-green-rgb), 0.5);
		color: var(--color-white) !important;
		text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
	}

	.card-list a {
		color: var(--color-black) !important;
	}

	/* ---------------------------------------------------------------------- */
	/*	inner page > read
	/* ---------------------------------------------------------------------- */
	.inner-page .read {
		padding-top: 20px;
		border-top: 1px solid var(--color-light-gray);
	}

	.inner-page .read .title {
		margin-bottom: 10px;
		font-size: 25px;
		font-weight: 600;
	}

	.inner-page .read .title span {
		display: block;
		color: var(--color-green);
	}

	.inner-page .read .title span i {
		margin-left: -5px;
	}

	.inner-page .read .address {
		margin-bottom: 20px;
		font-size: 15px;
	}

	.inner-page .read .text {
		padding: 20px 0;
		text-align: left !important;
		color: var(--color-white) !important;
	}

	.inner-page .read .body-text p,
	.inner-page .read .body-text span {
		color: var(--color-white) !important;
	}

	.inner-page .read .body-text a {
		color: var(--color-white) !important;
		text-decoration: underline !important;
	}

	.inner-page .image {
		margin-bottom: 20px;
	}

	.inner-page .image .img {
		display: inline-block;
		margin-right: 1%;
		width: calc(100% - 52%);
		height: 350px;
	}

	.inner-page .image img {
		width: 100% !important;
		height: 100%;
		object-fit: cover;
		border-radius: var(--border-radius);
	}

	.inner-page .contact-info {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid var(--color-light-gray);
	}

	.inner-page .contact-info h1 {
		font-size: 25px;
		font-weight: 600;
	}

	.inner-page .contact-info .info-item {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.inner-page .contact-info .info-item h3 {
		font-size: 16px;
		font-weight: 400;
	}

	.inner-page .contact-info .info-item i {
		display: inline-block;
		margin-right: 5px;
		padding: 5px 10px;
		background: var(--color-red);
		color: var(--color-white);
		font-size: 20px;
		border-radius: 50%;
	}

	.inner-page .social-networks {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid var(--color-light-gray);
	}

	.inner-page .social-networks h1 {
		font-size: 20px;
		font-weight: 600;
	}

	.inner-page .social-networks a {
		display: inline-block;
		margin-bottom: 5px;
		padding: 5px;
		background: var(--color-red);
		color: var(--color-white);
		border-radius: var(--border-radius);
	}

	.inner-page .payment {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid var(--color-light-gray);
	}

	.inner-page .payment h2 {
		font-size: 20px;
		font-weight: 600;
	}

	.inner-page .payment a {
		display: inline-block;
		margin-bottom: 5px;
		padding: 5px;
		background: var(--color-red);
		color: var(--color-white);
		border-radius: var(--border-radius);
	}

	.inner-page .opening-hours {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid var(--color-light-gray);
	}

	.inner-page .opening-hours h2 {
		font-size: 20px;
		font-weight: 600;
	}

	.inner-page .opening-hours span {
		display: inline-block;
		margin-bottom: 5px;
		padding: 5px;
		background: var(--color-red);
		color: var(--color-white);
		border-radius: var(--border-radius);
	}

	.inner-page .website {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid var(--color-light-gray);
	}

	.inner-page .website h3 {
		font-size: 20px;
		font-weight: 600;
	}

	.inner-page .distance {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid var(--color-light-gray);
	}

	.inner-page .distance h3 {
		font-size: 20px;
		font-weight: 600;
	}

	.inner-page .extra-details {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid var(--color-light-gray);
	}

	.inner-page .extra-details h2 {
		font-size: 20px;
		font-weight: 600;
	}

	.inner-page .extra-details span {
		display: inline-block;
		margin-bottom: 5px;
		padding: 5px;
		background: var(--color-red);
		color: var(--color-white);
		border-radius: var(--border-radius);
	}

	.inner-page .map {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid var(--color-light-gray);
	}

	.inner-page .map a {
		width: 100%;
	}

	.inner-page .video {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid var(--color-light-gray);
	}

	.inner-page .video h2 {
		font-size: 20px;
		font-weight: 600;
	}

	.inner-page form {
		margin-top: 20px;
	}

	.inner-page form .captcha-image {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.inner-page form .btn {
		width: 100%;
	}

	.inner-page .photos-label {
		padding: 5px 10px;
		font-size: 16px;
	}

	.inner-page .photo-grid ul {
		margin: 0;
	}

	.inner-page .photo-grid li {
		margin-bottom: 20px;
		padding-left: 0;
		height: 150px;
	}

	.inner-page .photo-grid li img {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}

	/* ---------------------------------------------------------------------- */
	/*	phones
	/* ---------------------------------------------------------------------- */
	.phones li {
		margin-bottom: 20px;
		padding-bottom: 20px;
		padding-left: 10px;
		border-bottom: 1px solid var(--color-light-gray);
	}

	.phones li .name {
		float: left;
		display: inline-block;
		width: 49%;
	}

	.phones li .phone {
		display: inline-block;
		padding-left: 10px;
		width: 49%;
	}

	/* ---------------------------------------------------------------------- */
	/*	personalities
	/* ---------------------------------------------------------------------- */
	.inner-page .personalities {
		margin-top: 50px;
	}

	.inner-page .personalities .heading {
		margin-bottom: 20px;
		font-size: 30px;
		text-align: center;
	}

	.inner-page .personalities li {
		padding-bottom: 20px;
		border-bottom: 1px solid var(--color-mid-gray);
	}

	.inner-page .personalities li .image-frame {
		float: left;
		display: inline-block;
		margin-right: 10px;
		overflow: hidden;
	}

	.inner-page .personalities li .image-frame img {
		width: 100px;
		height: 100px;
		object-fit: cover;
	}

	.inner-page .personalities li .title-frame {
		font-size: 15px;
	}

	/* ---------------------------------------------------------------------- */
	/*	footer
	/* ---------------------------------------------------------------------- */
	footer {
		position: relative;
		margin: 80px 0 10px 0;
		padding: 0;
		background: linear-gradient(90deg, var(--color-light-green) 10px 50%, var(--color-red) 10px 50%);
	}

	footer .container {
		max-width: 100% !important;
		width: 100% !important;
		padding: 0 !important;
	}

	footer .logo {
		margin-bottom: 20px;
		padding: 60px 0;
		text-align: center !important;
		background: var(--color-black);
	}

	.cut {
		display: none;
	}

	footer .social-networks {
		margin-bottom: 20px;
		text-align: center;
	}

	footer .social-networks h2 {
		font-size: 25px;
		color: var(--color-white);
	}

	footer .social-networks a {
		display: inline-block;
		margin: 10px 3px;
	}

	footer .rights {
		margin-bottom: 20px;
		padding: 10px 0;
		text-align: center;
		color: var(--color-white);
		font-size: 13.5px;
	}

	footer .info {
		padding-bottom: 0;
		font-size: 15px;
		text-align: center !important;
	}

	footer .info .info-name,
	footer .info .info-address,
	footer .info .info-phone,
	footer .info .info-email {
		font-size: 13px;
		font-weight: 400;
	}

	footer .agency {
		padding-bottom: 50px;
		text-align: center;
	}

	footer .agency a {
		margin-top: 20px;
		display: inline-block;
		margin-left: 10px;
	}

	.stripe {
		margin-bottom: 10px;
		height: 10px;
		background: #A8DAE6;
	}

}

/* ---------------------------------------------------------------------- */
/*	mobile
/* ---------------------------------------------------------------------- */
@media only screen and (max-width: 579px) {

	/* ---------------------------------------------------------------------- */
	/*	global
	/* ---------------------------------------------------------------------- */
	.font-zero,
	.web,
	.web-m {
		display: none !important;
	}

	.mobile {
		opacity: 1;
	}

	img {
		max-width: 100%;
	}

	.home {
		padding: 15px 0;
	}

	.scroll-top {
		position: fixed;
		visibility: hidden;
		opacity: 0;
		right: 15px;
		bottom: 50px !important;
		z-index: 99999;
		padding: 8px 10px;
		background: var(--color-green);
		border-radius: 50px;
		transition: all 0.4s;
	}

	.whatsapp-cta {
		display: none !important;
	}

	[vw] [vw-access-button] img.access-button,
	[vw] [vw-access-button] img.pop-up {
		display: none !important;
	}

	/* ---------------------------------------------------------------------- */
	/*	VLibras
	/* ---------------------------------------------------------------------- */
	#main-vlibras {
		position: fixed !important;
		top: auto !important;
		margin-top: -180px !important;
		bottom: 0;
		right: 0;
	}

	#main-vlibras>div:nth-child(2).active {
		height: 225px !important;
	}

	#main-vlibras>div:nth-child(2) {
		width: 150px !important;
		-moz-border-radius: 0px !important;
		-webkit-border-radius: 0px !important;
		-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
		-moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
	}

	#main-vlibras>div:nth-child(2)>div {
		min-width: 150px !important;
		min-height: 225px !important;
	}

	#gameContainer {
		min-height: calc(0.5 * 225px) !important;
		min-width: calc(0.9 * 150px) !important;
	}

	#\#canvas {
		top: -12px !important;
		min-height: calc(0.7 * 225px) !important;
		min-width: calc(0.9 * 150px) !important;
	}

	/* ---------------------------------------------------------------------- */
	/*	header
	/* ---------------------------------------------------------------------- */
	header {
		z-index: 4;
		position: fixed;
		top: 0;
		;
		width: 100%;
		background: var(--color-black);
		border-bottom: 1px solid rgba(255, 255, 255, .5);
	}

	/* ---------------------------------------------------------------------- */
	/*	top bar
	/* ---------------------------------------------------------------------- */
	.top {
		padding: 10px 0;
		font-size: 15px;
		font-weight: 300;
		background: var(--color-red);
		color: var(--color-white);
		text-align: center;
	}

	.top .networks a {
		display: inline-block;
		margin: 0 5px;
	}

	/* ---------------------------------------------------------------------- */
	/*	logo
	/* ---------------------------------------------------------------------- */
	.logo {
		padding-top: 20px;
		padding-bottom: 20px;
		text-align: left !important;
	}

	.logo img {
		max-height: 50px;
	}

	.logo-mobile {
		padding: 20px 0;
		width: 100%;
		text-align: center;
		background: var(--color-black);
		border-bottom: 1px solid rgba(255, 255, 255, .5);
	}

	.logo-mobile img {
		max-width: 40%;
	}

	/* ---------------------------------------------------------------------- */
	/*	menu
	/* ---------------------------------------------------------------------- */
	.menu-icon.mobile {
		display: block !important;
		margin-top: 20px;
		text-align: right;
	}

	.menu-icon.mobile a {
		display: inline-block;
		padding: 2px 8px;
	}

	.menu-icon.mobile a i {
		font-size: 30px !important;
		font-weight: 600;
	}

	.site-menu {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 999999;
		padding-bottom: 50px;
		width: 80%;
		height: calc(100vh + 20px);
		background: var(--color-white);
		transform: translateX(-100%);
		transition: transform 0.3s ease-in-out;
		overflow: auto !important;
	}

	.site-menu .navbar {
		padding: 0 0 50px 0;
		width: 100%;
		background: var(--color-white);
	}

	.site-menu ul {
		position: relative;
		margin: 10px 0 0 0 !important;
		width: 100%;
	}

	.site-menu li {
		display: block;
		margin-bottom: 5px !important;
		padding: 10px 2px 10px 10px !important;
		text-align: left !important;
	}

	.site-menu li .menu-label {
		margin: 0 !important;
		padding: 0 !important;
		font-size: 15px;
		font-weight: 600;
	}

	.site-menu ul li .menu-label a {
		color: var(--color-black) !important;
		text-align: left;
		text-transform: uppercase;
	}

	.site-menu .dropdown-menu {
		display: block;
		position: static;
		z-index: 2;
		padding: 0;
		width: 98%;
		border: 1px solid var(--color-gray);
	}

	.site-menu .dropdown-menu li {
		margin-bottom: 0px !important;
	}

	.site-menu .dropdown-menu a {
		color: var(--color-black) !important;
		text-transform: uppercase;
	}

	.site-menu .dropdown-menu a:hover {
		color: var(--color-black) !important;
	}

	.site-menu .dropdown-toggle::after {
		opacity: 0;
		height: 0;
	}

	.site-menu .dropdown-menu a:hover,
	.site-menu .dropdown-menu a:active,
	.site-menu .dropdown-menu a:active:focus {
		background: none !important;
		color: var(--color-black) !important;
	}

	.open {
		transform: translateX(0);
	}

	.site-menu .close {
		z-index: 2;
		position: absolute;
		top: 2px;
		right: 2px;
		display: block !important;
		float: right;
		margin: 5px;
		font-size: 25px;
	}

	.site-menu .close a {
		color: var(--color-white) !important;
		font-weight: 500;
	}

	/* ---------------------------------------------------------------------- */
	/*	search
	/* ---------------------------------------------------------------------- */
	.search {
		display: block !important;
		margin-top: 20px;
		text-align: right;
	}

	.search a {
		display: inline-block;
		padding: 2px 8px;
	}

	.search a i {
		font-size: 30px !important;
		font-weight: 600;
	}

	/* ---------------------------------------------------------------------- */
	/*	social networks mobile
	/* ---------------------------------------------------------------------- */
	.social-networks-mobile {
		padding: 5px !important;
		width: 100%;
		background: var(--color-red);
		border-bottom: 1px solid rgba(0, 0, 0, .5);
		text-align: center;
	}

	.social-networks-mobile a {
		display: inline-block;
		padding: 5px !important;
		font-size: 20px;
		color: var(--color-white) !important;
		font-weight: 100 !important;
	}

	/* ---------------------------------------------------------------------- */
	/*	weather
	/* ---------------------------------------------------------------------- */
	.weather {
		display: none !important;
	}

	/* ---------------------------------------------------------------------- */
	/*	whatsapp
	/* ---------------------------------------------------------------------- */
	.whatsapp {
		display: none;
	}

	/* ---------------------------------------------------------------------- */
	/*	main banner
	/* ---------------------------------------------------------------------- */
	.main-banner {
		margin-top: 100px;
		display: block;
		position: relative;
		width: 100%;
		color: var(--color-white) !important;
	}

	.main-banner:before {
		content: "";
		position: absolute;
		height: 70%;
		width: 100%;
		bottom: 0;
		left: 0;
		right: 0;
		background-image: linear-gradient(180deg, transparent, #000);
		border-radius: var(--border-radius);
		z-index: 1;
	}

	.main-banner .image-frame {
		overflow: hidden;
		display: flex;
		transform: translate(0, 0);
		width: 100%;
		height: 250px !important;
		transition: .6s ease;
	}

	.main-banner .image-frame img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: .6s ease;
		border-radius: var(--border-radius);
	}

	/* ---------------------------------------------------------------------- */
	/*	featured banner
	/* ---------------------------------------------------------------------- */
	.featured-banner {
		z-index: 3;
		margin-top: 0 !important;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.featured-banner .img {
		overflow: hidden;
		display: block !important;
		transform: translate(0, 0);
		width: 100% !important;
		height: 250px !important;
		transition: .6s ease;
	}

	.featured-banner .img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: .6s ease;
		border-radius: var(--border-radius);
	}

	.slider-button {
		border: none;
		background: none !important;
		color: #014D31 !important;
		font-size: 50px;
		font-weight: bold;
	}

	.featured-banner h2 {
		position: absolute;
		bottom: -10px;
		padding: 20px;
		width: 100%;
		font-size: 16px;
		font-weight: 400;
		background: rgba(var(--color-light-green-rgb), 0.5);
		color: var(--color-white) !important;
		text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
	}

	.mobile-buttons {
		text-align: center;
	}

	.mobile-buttons .slider-button {
		margin: 0 auto;
	}

	/* ---------------------------------------------------------------------- */
	/*	register your business
	/* ---------------------------------------------------------------------- */
	.register-cta a {
		display: block;
		margin: 40px 0;
		padding: 30px 0;
		font-size: 25px;
		text-align: center;
		background: var(--color-red);
		border-radius: var(--border-radius);
	}

	.register .social-links {
		margin: 30px 0;
		padding: 20px;
		border: 1px dashed var(--color-white);
		border-radius: var(--border-radius);
	}

	.register .social-links .box-title {
		margin-bottom: 20px;
		font-size: 20px;
		font-weight: 400;
	}

	.register .social-links .box-title a {
		margin-top: -10px;
		float: right;
		width: auto !important;
		font-size: 20px;
		background: var(--color-red);
		border-radius: var(--border-radius);
	}

	.register .payment-methods {
		margin-bottom: 30px;
		padding: 20px;
		border: 1px dashed var(--color-white);
		border-radius: var(--border-radius);
	}

	.register .payment-methods .box-title {
		margin-bottom: 20px;
		font-size: 20px;
		font-weight: 400;
	}

	.register .opening-hours {
		margin-bottom: 30px;
		padding: 20px;
		border: 1px dashed var(--color-white);
		border-radius: var(--border-radius);
	}

	.register .opening-hours .box-title {
		margin-bottom: 20px;
		font-size: 20px;
		font-weight: 400;
	}

	.register .opening-hours .box-title a {
		margin-top: -10px;
		float: right;
		width: auto !important;
		font-size: 20px;
		background: var(--color-red);
		border-radius: var(--border-radius);
	}

	.register .details {
		margin-bottom: 30px;
		padding: 20px;
		border: 1px dashed var(--color-white);
		border-radius: var(--border-radius);
	}

	.register .details .box-title {
		margin-bottom: 20px;
		font-size: 20px;
		font-weight: 400;
	}

	.register .details input {
		margin-bottom: 10px;
	}

	.register .extras {
		margin-bottom: 30px;
		padding: 20px;
		border: 1px dashed var(--color-white);
		border-radius: var(--border-radius);
	}

	.register .extras .box-title {
		margin-bottom: 20px;
		font-size: 20px;
		font-weight: 400;
	}

	.register .extras input {
		margin-bottom: 10px;
	}

	.register .images {
		margin: 30px 0;
		padding: 20px;
		border: 1px dashed var(--color-white);
		border-radius: var(--border-radius);
	}

	.register .images .box-title {
		margin-bottom: 20px;
		font-size: 20px;
		font-weight: 400;
	}

	.register .images .box-title span {
		display: inline-block;
		margin: 10px 0;
		padding: 5px;
		font-size: 15px;
		background: var(--color-red);
		border-radius: var(--border-radius);
	}

	/* ---------------------------------------------------------------------- */
	/*	experiences / attractions
	/* ---------------------------------------------------------------------- */
	.experiences-attractions {
		padding-top: 30px;
		padding-bottom: 30px;
		background: var(--color-green);
	}

	.experiences .heading {
		margin-bottom: 20px;
		text-align: center;
		font-size: 20px;
		font-weight: 400;
	}

	.experiences li {
		margin-bottom: 20px;
	}

	.experiences li .frame {
		position: relative;
		overflow: hidden;
		height: 250px;
		border-radius: var(--border-radius);
	}

	.experiences li .frame img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: .6s ease;
		border-radius: var(--border-radius);
	}

	.experiences li .frame h3 {
		position: absolute;
		bottom: -10px;
		padding: 20px;
		width: 100%;
		font-size: 16px;
		font-weight: 400;
		background: rgba(var(--color-light-green-rgb), 0.5);
		color: var(--color-white) !important;
		text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
	}

	.attractions-search {
		margin-top: 30px;
		padding: 30px;
		background: var(--color-white);
		border-radius: var(--border-radius);
	}

	.attractions-search .heading {
		margin-bottom: 10px;
		font-size: 25px;
		font-weight: 400;
		color: var(--color-green);
	}

	.attractions-search .subheading {
		margin-bottom: 20px;
		font-size: 18px;
		font-weight: 400;
		color: var(--color-light-green);
	}

	.attractions-search label {
		color: var(--color-gray);
	}

	.attractions-search form {
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.attractions-search .w-1 {
		float: left;
		padding-right: 10px;
		width: 50%;
	}

	.attractions-search .w-1 input,
	.attractions-search .w-1 select {
		border: none;
		background-color: var(--color-light-gray);
		color: var(--color-black);
	}

	.attractions-search .w-2 {
		float: none;
		width: 100%;
		text-align: center;
	}

	.attractions-search .w-2 button {
		margin-top: 25px;
		border: none;
		background: none;
		font-size: 30px;
		font-weight: 400;
		color: var(--color-green);
	}

	/* ---------------------------------------------------------------------- */
	/*	agenda
	/* ---------------------------------------------------------------------- */
	.agenda {
		padding-top: 50px;
	}

	.agenda .heading {
		margin-bottom: 10px;
		font-size: 18px;
		font-weight: 400;
		text-align: center;
	}

	.agenda .subheading {
		margin-bottom: 20px;
		font-size: 16px;
		font-weight: 400;
		color: var(--color-light-green);
		text-align: center;
	}

	.agenda .list {
		padding-top: 10px;
		padding-bottom: 20px;
	}

	.agenda .list li {
		display: inline-block;
		margin-right: 1%;
		margin-bottom: 20px;
		width: calc(100% - 52%);
	}

	.agenda .list li img {
		margin-bottom: 10px;
	}

	.agenda .list li .info {
		font-size: 12px;
	}

	.agenda .list li .info h2 {
		margin-bottom: 10px;
		font-size: 15px;
	}

	/* ---------------------------------------------------------------------- */
	/*	virtual tour
	/* ---------------------------------------------------------------------- */
	.virtual-tour {
		margin-top: 20px;
		padding: 0 10px;
		text-align: center;
	}

	.virtual-tour ul {
		padding-bottom: 20px !important;
		background: var(--color-white);
		border-radius: var(--border-radius);
	}

	.virtual-tour ul li {
		padding: 0;
	}

	.virtual-tour ul .img {
		display: block !important;
	}

	.virtual-tour .heading {
		margin-top: 20px;
		margin-left: 20px;
		font-size: 30px;
		font-weight: 400;
		color: var(--color-light-green);
	}

	.virtual-tour .subheading {
		margin-top: 10px;
		margin-left: 20px;
		font-size: 25px;
		font-weight: 500;
		color: var(--color-green);
	}

	.virtual-tour p {
		margin-top: 10px;
		margin-left: 20px;
		width: 90%;
		font-size: 18px;
		font-weight: 500;
		color: var(--color-green);
	}

	.virtual-tour a,
	.virtual-tour a:hover,
	.virtual-tour a:focus,
	.virtual-tour a:active {
		display: inline-block;
		margin-left: 20px;
		font-size: 20px;
		font-weight: 500;
		background: var(--color-red) !important;
		color: var(--color-white) !important;
	}

	/* ---------------------------------------------------------------------- */
	/*	tagline
	/* ---------------------------------------------------------------------- */
	.tagline {
		padding-top: 100px;
		line-height: 35px;
		text-align: center;
		font-size: 30px;
		font-style: italic;
	}

	.tagline span {
		display: block;
	}

	/* ---------------------------------------------------------------------- */
	/*	header image
	/* ---------------------------------------------------------------------- */
	.header-image {
		z-index: -1;
		position: absolute;
		width: 100%;
		height: 350px !important;
		background-size: cover;
	}

	.header-image:before {
		height: 50%;
		bottom: 0;
		left: 0;
		right: 0;
		content: '';
		position: absolute;
		background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
		background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
	}

	/* ---------------------------------------------------------------------- */
	/*	inner page
	/* ---------------------------------------------------------------------- */
	.inner-page {
		margin-top: 100px;
		background: rgba(0, 0, 0, .6);
	}

	.inner-page .btn-share {
		float: right;
		padding-left: 10px;
		padding-right: 10px;
		background: var(--color-green);
		color: var(--color-white) !important;
	}

	/* ---------------------------------------------------------------------- */
	/*	inner page > share box
	/* ---------------------------------------------------------------------- */
	.inner-page .share-box {
		display: none;
		position: fixed;
		z-index: 5;
		top: 40%;
		right: 10px;
		padding: 10px 10px 0 10px;
		background: var(--color-white);
		border-radius: var(--border-radius);
	}

	.inner-page .share-box a {
		display: block;
		margin-bottom: 10px;
		font-size: 20px;
		background: var(--color-red);
	}

	.inner-page .share-box a img {
		filter: brightness(100);
	}

	/* ---------------------------------------------------------------------- */
	/*	inner page > rows
	/* ---------------------------------------------------------------------- */
	.inner-page .rows {
		margin-top: 20px;
	}

	.inner-page .rows li {
		margin-bottom: 20px;
	}

	.inner-page .rows .image-frame {
		float: left;
		display: inline-block;
		margin-right: 10px;
		overflow: hidden;
	}

	.inner-page .rows .image-frame img {
		width: 100px;
		height: 100px;
		object-fit: cover;
	}

	.inner-page .rows .title-frame {
		font-size: 15px;
		font-weight: 600;
	}

	.inner-page .rows .title-frame span {
		display: block;
		margin-top: 5px;
		font-size: 13px;
		font-weight: 600;
	}

	.inner-page .rows:last-child {
		margin-bottom: 0;
		border: none;
	}

	.card-list a {
		color: var(--color-black) !important;
	}

	/* ---------------------------------------------------------------------- */
	/*	inner page > read
	/* ---------------------------------------------------------------------- */
	.inner-page .read {
		padding-top: 20px;
		border-top: 1px solid var(--color-light-gray);
	}

	.inner-page .read .title {
		margin-bottom: 10px;
		font-size: 25px;
		font-weight: 600;
	}

	.inner-page .read .title span {
		display: block;
		color: var(--color-green);
	}

	.inner-page .read .title span i {
		margin-left: -5px;
	}

	.inner-page .read .address {
		margin-bottom: 20px;
		font-size: 15px;
	}

	.inner-page .read .text {
		padding: 20px 0;
		text-align: left !important;
		color: var(--color-white) !important;
	}

	.inner-page .read .body-text p,
	.inner-page .read .body-text span {
		color: var(--color-white) !important;
	}

	.inner-page .read .body-text a {
		color: var(--color-white) !important;
		text-decoration: underline !important;
	}

	.inner-page .image {
		margin-bottom: 20px;
	}

	.inner-page .image .img {
		display: inline-block;
		margin-right: 0;
		margin-bottom: 20px;
		width: 100%;
	}

	.inner-page .image img {
		width: 100% !important;
		border-radius: var(--border-radius);
	}

	.inner-page .contact-info {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid var(--color-light-gray);
	}

	.inner-page .contact-info h1 {
		font-size: 25px;
		font-weight: 600;
	}

	.inner-page .contact-info .info-item {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.inner-page .contact-info .info-item h3 {
		font-size: 16px;
		font-weight: 400;
	}

	.inner-page .contact-info .info-item i {
		display: inline-block;
		margin-right: 5px;
		padding: 5px 10px;
		background: var(--color-red);
		color: var(--color-white);
		font-size: 20px;
		border-radius: 50%;
	}

	.inner-page .social-networks {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid var(--color-light-gray);
	}

	.inner-page .social-networks h1 {
		font-size: 20px;
		font-weight: 600;
	}

	.inner-page .social-networks a {
		display: inline-block;
		margin-bottom: 5px;
		padding: 5px;
		background: var(--color-red);
		color: var(--color-white);
		border-radius: var(--border-radius);
	}

	.inner-page .payment {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid var(--color-light-gray);
	}

	.inner-page .payment h2 {
		font-size: 20px;
		font-weight: 600;
	}

	.inner-page .payment a {
		display: inline-block;
		margin-bottom: 5px;
		padding: 5px;
		background: var(--color-red);
		color: var(--color-white);
		border-radius: var(--border-radius);
	}

	.inner-page .opening-hours {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid var(--color-light-gray);
	}

	.inner-page .opening-hours h2 {
		font-size: 20px;
		font-weight: 600;
	}

	.inner-page .opening-hours span {
		display: inline-block;
		margin-bottom: 5px;
		padding: 5px;
		background: var(--color-red);
		color: var(--color-white);
		border-radius: var(--border-radius);
	}

	.inner-page .website {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid var(--color-light-gray);
	}

	.inner-page .website h3 {
		font-size: 20px;
		font-weight: 600;
	}

	.inner-page .distance {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid var(--color-light-gray);
	}

	.inner-page .distance h3 {
		font-size: 20px;
		font-weight: 600;
	}

	.inner-page .extra-details {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid var(--color-light-gray);
	}

	.inner-page .extra-details h2 {
		font-size: 20px;
		font-weight: 600;
	}

	.inner-page .extra-details span {
		display: inline-block;
		margin-bottom: 5px;
		padding: 5px;
		background: var(--color-red);
		color: var(--color-white);
		border-radius: var(--border-radius);
	}

	.inner-page .map {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid var(--color-light-gray);
	}

	.inner-page .map a {
		width: 100%;
	}

	.inner-page .video {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid var(--color-light-gray);
	}

	.inner-page .video h2 {
		font-size: 20px;
		font-weight: 600;
	}

	.inner-page form {
		margin-top: 20px;
	}

	.inner-page form .captcha-image {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.inner-page form .btn {
		width: 100%;
	}

	.inner-page .photos-label {
		padding: 5px 10px;
		font-size: 16px;
	}

	.inner-page .photo-grid ul {
		margin: 0;
	}

	.inner-page .photo-grid li {
		margin-bottom: 20px;
		padding-left: 0;
		height: 150px;
	}

	.inner-page .photo-grid li img {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}

	/* ---------------------------------------------------------------------- */
	/*	phones
	/* ---------------------------------------------------------------------- */
	.phones li {
		margin-bottom: 20px;
		padding-bottom: 20px;
		padding-left: 10px;
		border-bottom: 1px solid var(--color-light-gray);
	}

	.phones li .name {
		float: left;
		display: inline-block;
		width: 49%;
	}

	.phones li .phone {
		display: inline-block;
		padding-left: 10px;
		width: 49%;
	}

	/* ---------------------------------------------------------------------- */
	/*	personalities
	/* ---------------------------------------------------------------------- */
	.inner-page .personalities {
		margin-top: 50px;
	}

	.inner-page .personalities .heading {
		margin-bottom: 20px;
		font-size: 30px;
		text-align: center;
	}

	.inner-page .personalities li {
		padding-bottom: 20px;
		border-bottom: 1px solid var(--color-mid-gray);
	}

	.inner-page .personalities li .image-frame {
		float: left;
		display: inline-block;
		margin-right: 10px;
		overflow: hidden;
	}

	.inner-page .personalities li .image-frame img {
		width: 100px;
		height: 100px;
		object-fit: cover;
	}

	.inner-page .personalities li .title-frame {
		font-size: 15px;
	}

	/* ---------------------------------------------------------------------- */
	/*	footer
	/* ---------------------------------------------------------------------- */
	footer {
		position: relative;
		margin: 80px 0 10px 0;
		padding: 0;
		background: linear-gradient(90deg, var(--color-light-green) 10px 50%, var(--color-red) 10px 50%);
	}

	footer .container {
		padding: 0 !important;
	}

	footer .logo {
		margin-bottom: 20px;
		padding: 60px 0;
		text-align: center !important;
		background: var(--color-black);
	}

	.cut {
		display: none;
	}

	footer .social-networks {
		margin-bottom: 20px;
		text-align: center;
	}

	footer .social-networks h2 {
		font-size: 25px;
		color: var(--color-white);
	}

	footer .social-networks a {
		display: inline-block;
		margin: 10px 3px;
	}

	footer .rights {
		margin-bottom: 20px;
		padding: 10px 0;
		text-align: center;
		color: var(--color-white);
		font-size: 13.5px;
	}

	footer .info {
		padding-bottom: 0;
		font-size: 15px;
		text-align: center !important;
	}

	footer .info .info-name,
	footer .info .info-address,
	footer .info .info-phone,
	footer .info .info-email {
		font-size: 13px;
		font-weight: 400;
	}

	footer .agency {
		padding-bottom: 50px;
		text-align: center;
	}

	footer .agency a {
		margin-top: 20px;
		display: inline-block;
		margin-left: 10px;
	}

	.stripe {
		margin-bottom: 10px;
		height: 10px;
		background: #A8DAE6;
	}

}