* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;
}

body {

	color: #2c3e50;
	background: #ecf0f1;
}

a {

	text-decoration: none;
}

img {

	max-width: 100%;
	vertical-align: top;
}

.options-city {

	gap: 15px;
    display: flex;
    flex-direction: column;
}

.options-city li {

	display: grid;
    grid-template-columns: 100px auto;
    gap: 10px;
}

.flex {

	display: flex;
}

.flex span {

	display: flex;
}

.gap-5 {

	gap: 5px;
}

.gap-10 {

	gap: 10px;
}

.items-center {

	display: flex;
    align-items: center;
}

.bold {

	font-weight: bold;
}

.gallery {

	display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
}

.gallery a {

	border: 1px solid #333;
}

.no-style li {

	list-style: none
}

.mx-auto {

	margin: 0 auto;
	justify-content: center;
}

.qrcode {

	width: 100px;
    margin: 0 auto;
    margin-top: 10px;
    border: 1px solid #333;
}

.share {

	position: fixed;
	right: 20px;
	top: 20px;
	background-color: #FFC107;
	padding: 7px;
	border-radius: 100%;
	z-index: 2;
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.center {

	width: 430px;
	margin: 0 auto;
}

.title {

	font-size: 1.5em;
	padding-left: 15px;
	padding-right: 15px;
}

.relative {

	position: relative;
}

.mySwiper .swiper-slide .style {

	padding: 20px;
	height: 100vh;
}

.subtitle {

	font-weight: 400;
	font-size: 1em;
}

body .swiper-pagination {

	bottom: 15px;
	position: fixed;
}

.avatar {

	width: 80px;
	margin: 0 auto;
	margin-bottom: 10px;
}

.avatar img {

	border-radius: 100%;
}

.header {

	text-align: center;
	padding-top: 30px;
}

.pages {

	padding: 15px;
}

.pages ul li {

	list-style: none;
}

.share-page {

	margin-top: 25px;
	padding-bottom: 100px;
}

.share-page h4 {

	font-size: 0.9em;
	margin-bottom: 10px;
}

.share-page .social-link span {

	text-indent: -99999px;
	float: left;
}

.share-page .social-link {

	display: flex;
	justify-content: center;
	gap: 10px;
}

.accordion-content p {

	color: #333;
	padding-bottom: 15px;
}

.social-link strong {

	text-indent: -99999px;
	float: left;
}

.flex-vertical {

	display: flex;
    flex-direction: column;
    gap: 5px;
}

.flex-vertical  img {

	width: max-content
}

.content-scroll {

	height: 100px;
	overflow: auto;
}

.share-page {

	text-align: center;
}

.reviews .review {

	border: 1px solid #333;
	width: 100%;
	margin-bottom: 15px;
}

@media screen and (max-width: 580px) {

	.center {

		width: 100%;
	}
}