header {
	padding: 0 0 10px;
}

.hasAnnouncement header {
	border: 0;
}

header .maxwidth {
	padding: 36px 36px;
	transition: all .35s cubic-bezier(.215, .61, .355, 1);
}

.fascia-annuncio {
	background-color: var(--gold);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 3px 0;
}

.fascia-annuncio-content,
.announcement {
	width: 100%;
	position: relative;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}

.fascia-annuncio-content p {
	margin: 0;
	color: #fff;
	font-size: 13px;
}

.fascia-annuncio-content a {
	margin: 0;
	color: #fff;
	font-size: 13px;
	color: var(--lightgold);
	text-decoration: underline;
}

.announcement_dismiss {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	font-size: 12px;
	color: var(--bodycolor);
	cursor: pointer;
	transition: all .35s linear;
}

.announcement_dismiss:hover {
	opacity: .75;
}

header.smaller .maxwidth {
	padding: 20px 36px;
	transition: all .35s cubic-bezier(.215, .61, .355, 1);
}

.logo {
	width: 220px;
	top: calc(50% + 6px);
}

.smaller .logo {
	width: 170px;
}

.logo .st0 {
	fill: var(--bodycolor);
	transition: all .25s cubic-bezier(.215, .61, .355, 1);
}

.logo .st1 {
	fill: var(--bodycolor);
	transition: all .25s cubic-bezier(.215, .61, .355, 1);
}

.smaller .logo .st0 {
	fill: var(--gold);
}

.smaller .logo .st1 {
	fill: var(--darkercolor);
}

.hotel_menu_container {
	position: fixed;
	top: 0;
	right: -120%;
	bottom: 0;
	opacity: 0;
	min-width: 420px;
	z-index: 101;
	background-color: var(--bodycolor);
	width: 20%;
	box-shadow: 0 0 72px rgba(0, 0, 0, .9);
	transition: all .5s ease-in-out .25s;
}

.hotel_menu_container.visibile {
	transition: all .5s ease-in-out .25s;
	opacity: 1;
	right: 0%;
}

.hotel_menu_container::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgb(255, 255, 255);
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 100%);
	height: 50px;
}

.black_hotel_menu {
	position: fixed;
	top: 0;
	right: -120%;
	opacity: 0;
	bottom: 0;
	z-index: 100;
	width: 100%;
	background-color: var(--darkercolor);
	backdrop-filter: blur(10px);
	transition: all .5s ease-in-out .45s;
}

.black_hotel_menu.visibile {
	right: 0%;
	opacity: .9;
	transition: all .5s ease-in-out;
}

.hotel_menu_header {
	width: 100%;
	padding: 0 6.333%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100px;
	transform: translateY(-100%);
	opacity: 0;
	transition: all .5s ease-in-out .35s;
}

.visibile .hotel_menu_header {
	transform: translateY(0);
	opacity: 1;
	transition: all .5s ease-in-out .65s;

}

.hotel_menu_header h3 {
	color: var(--darkercolor);
	font-size: 18px;
}

.hotel_menu_content {
	border-top: 1px solid var(--lightcolor);
	height: calc(100% - 100px);
	overflow-y: auto;
	padding-bottom: 50px;
	transform: translateX(100%);
	opacity: 0;
	transition: all .35s ease-in-out .1s;
}

.close_hotel_menu {
	cursor: pointer;
	width: 32px;
	color: var(--darkercolor);
}

.menu_hotel {
	display: flex;
	border-bottom: 1px solid var(--lightcolor);
	padding: 15px;
	align-items: stretch;
	justify-content: flex-start;
	flex-wrap: wrap;
	transition: all .35s linear;
	position: relative;
}

.icona_menu_hotel {
	width: 28px;
	display: flex;
	color: var(--midcolor);
	align-items: center;
	justify-content: center;
}

.visibile .hotel_menu_content {
	transform: translateX(0);
	opacity: 1;
	transition: all .35s ease-in-out .75s;
}

.menu_hotel a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
}

.menu_hotel:hover {
	background-color: var(--lightcolor);
}

.foto_menu_hotel {
	width: 140px;
	border-radius: 10px;
	overflow: hidden;
	aspect-ratio: 16 / 10;
}

.foto_menu_hotel img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.txt_menu_hotel {
	width: calc(100% - 28px);
	padding: 0 0 0 15px;
	text-align: left;
}

.txt_menu_hotel h2 {
	color: var(--gold);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
	text-transform: uppercase;
}

.txt_menu_hotel p {
	margin: 0;
	text-transform: none;
	font-size: 14px;
}

.main-nav nav a::before {
	content: '' attr(namelink)'';
}

.main-nav nav a::after {
	content: '' attr(namelink)'';
}

.bigmenu {
	z-index: 1000000000000;
}

.main a::before {
	content: '' attr(namelink)'';
}

.main a::after {
	content: '' attr(namelink)'';
}

.submain a::before {
	content: '' attr(namelink)'';
}

.submain a::after {
	content: '' attr(namelink)'';
}

.gradient {
	z-index: 2;
	opacity: .55;
}

.sfondo-bologna {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.s-bologna-content {
	background-image: url(skin/sfondobologna.webp);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	animation: zooming 650s linear infinite;
	width: 100%;
	height: 100%;
	opacity: .7;
}

.s-atipico-content {
	background-image: url(skin/osteria_uno.webp);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	opacity: .7;
}

.logobig {
	z-index: 2;
	opacity: .05;
}

.testo-slogan-container {
	z-index: 3;
}

.testo-slogan-content h1 {
	letter-spacing: 10px;
	font-size: 16px;
}

.testo-slogan-content p {
	font-size: 82px;
}

.testo-slogan-content .btn,
.testo_atipico_home .btn {
	display: flex;
	justify-content: center;
	margin: 36px 0 0;
}

.testo-slogan-content .btn a,
.testo-slogan-content .btn a span,
.testo-slogan-content .btn a svg,
.testo_atipico_home .btn a span,
.testo_atipico_home .btn svg {
	color: var(--bodycolor);
}

.testo-slogan-content .btn a,
.testo_atipico_home .btn a {
	border-color: var(--bodycolor);
}

.foto_cover {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

.foto_cover .swiper-wrapper,
.foto_cover .swiper-slide {
	width: 100%;
	height: 100%;
}

.foto_cover_slide {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	position: relative;
	padding: 0 3.333% 3.333% 0;
}

.foto_cover_slide::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--darkercolor);
	opacity: .45;
}

.foto_cover_slide span {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	color: var(--bodycolor);
	font-size: 14px;
	position: relative;
	z-index: 3;
	text-align: left;
	width: 100%;
}

.foto_cover_slide span svg {
	width: 24px;
	margin-right: 10px;
}

.btn a,
.btn button {
	color: var(--gold);
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 2px;
	padding: 12px 24px;
	border-width: 0 5px;
	border-style: solid;
	border-color: var(--gold);
	border-radius: 50px;
	position: relative;
	overflow: hidden;
	transition: all .5s cubic-bezier(.215, .61, .355, 1);
}

.btn a:hover {
	text-decoration: none;
}

.btn a::after,
.btn a::before,
.btn button::after,
.btn button::before {
	border-radius: 50px;
	content: "";
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 0;
	height: 100%;
	width: 0;
	transform: translateX(-50%);
}

.btn a::after,
.smaller .btn a::after,
.btn button::after {
	background-color: var(--gold);
	transition: all .5s cubic-bezier(.215, .61, .355, 1);
}

.btn a::before,
.smaller .btn a::before,
.btn button::before {
	background-color: var(--lightcolor);
	transition: all .5s cubic-bezier(.215, .61, .355, 1) .2s;
}

.btn a:hover::after,
.btn button:hover::after {
	width: 130%;
	transition: all .5s cubic-bezier(.215, .61, .355, 1) .2s;
}

.btn a:hover::before,
.btn button:hover::before {
	width: 130%;
	transition: all .5s cubic-bezier(.215, .61, .355, 1);
}

.btn a span,
.btn a svg,
.btn button span {
	position: relative;
	z-index: 2;
	margin: 0;
	color: var(--gold);
	transition: all .75s cubic-bezier(.215, .61, .355, 1) .2s;
}

.intro_phi_home {
	background-color: var(--lightgold);
}

.title_intro_phi_home span {
	color: var(--gold);
	text-transform: uppercase;
	letter-spacing: 4px;
	font-size: 16px;
	display: flex;
	margin: 0 0 10px;
	justify-content: center;
}

.title_intro_phi_home {
	max-width: 650px;
	margin: 0 auto;
	padding: 100px 20px;
	text-align: center;
	transition: all .5s cubic-bezier(.215, .61, .355, 1) .25s;
	transform: translateY(-100px);
	opacity: 0;
}

.title_intro_phi_home.in-page {
	transform: translateY(0px);
	opacity: 1;
}

.title_intro_phi_home h2 {
	color: var(--darkercolor);
	font-size: 64px;
	margin: 0 0 20px;
	line-height: 100%;
	font-weight: 500;
	text-align: center;
}

.title_intro_phi_home p {
	text-align: center;
}

.blocchi_intro_phi_home {
	position: relative;
	padding: 0 36px 100px;
}

.blocchi_intro_phi_home::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 40%;
	background-color: var(--lightgold);
}

.blocchi_intro_p_content {
	padding: 0px calc(16.6667% - 16px) 0px;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	position: relative;
	z-index: 2;
	overflow: hidden;
}

.blocco_intro_p {
	padding: 0 16px;
	text-align: left;
	width: 33.333%;
	transform: translateY(150px);
	opacity: 0;
	transition: all .5s cubic-bezier(.215, .61, .355, 1);
}

.blocco_intro_p:first-child {
	transform: translateY(200px);
	opacity: 0;
	transition: all .3s cubic-bezier(.215, .61, .355, 1);
}

.blocco_intro_p:last-child {
	transform: translateY(100px);
	opacity: 0;
	transition: all .6s cubic-bezier(.215, .61, .355, 1);
}

.blocco_intro_p.in-page {
	transform: translateY(0);
	opacity: 1;
}

.foto_blocco_p {
	width: 100%;
	background-color: var(--lightcolor);
	aspect-ratio: 9 / 11;
	border-radius: 20px;
	margin: 0 0 32px;
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
}

.title_blocco_p h3 {
	font-size: 24px;
	color: var(--darkercolor);
	margin: 0 0 16px;
}

.blocchi_intro_phi_home .btn {
	text-align: center;
	justify-content: center;
	margin: 72px 0 0;
}

.atipico_home {
	background-image: url(skin/osteria_uno.webp);
	padding: 150px 36px;
	text-align: center;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: relative;
}

.atipico_home::after {
	content: "";
	background-color: var(--darkercolor);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	opacity: .15;
}

.testo_atipico_home {
	max-width: 610px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 2;
}

.testo_atipico_home img {
	width: 220px;
	margin: 0 0 32px;
}

.testo_atipico_home span {
	color: var(--bodycolor);
	text-transform: uppercase;
	letter-spacing: 4px;
	font-size: 16px;
	display: flex;
	margin: 0 0 10px;
	justify-content: center;
}

.testo_atipico_home h3 {
	color: var(--bodycolor);
	font-weight: normal;
	font-size: 56px;
	line-height: 100%;
	margin: 0 0 72px;
}

.testo-intro-camere p {
	font-weight: 400;
	font-family: 'Cinzel', serif;
}

.testo-intro-camere .txt p {
	font-weight: 400;
	line-height: 180%;
	font-size: 16px;
	text-align: left;
	margin: 0 0 32px;
	color: var(--darkcolor);
	font-family: 'Poppins', sans-serif;
}

.room-list-content {
	background-position: center center;
	background-size: cover;
	width: 100%;
	transform: translateY(50px);
	opacity: 0;
	position: relative;
	transition: all .75s cubic-bezier(.215, .61, .355, 1);
	background-repeat: no-repeat;
}

.room-list-content.in-page {
	transform: translateY(0);
	opacity: 1;
}

.room-list-content::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background-color: var(--bodycolor);
	width: 100%;
	height: 100%;
	z-index: 2;
	transition: all 1s cubic-bezier(.215, .61, .355, 1) .1s;
}

.room-list-content:hover::before {
	height: 0;
}

.room-list-content::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background-color: var(--darkercolor);
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: .55;
}

.room-list-content a {
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.testo-room-list {
	width: 1230px;
	margin: 0 auto;
	padding: 50px 0;
	border-top: 1px solid var(--darkcolor);
	position: relative;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.testo-room-list svg {
	width: 72px;
	height: 72px;
	color: #fff;
	transform: translateX(-40px);
	opacity: 1;
	transition: all 1s cubic-bezier(.215, .61, .355, 1);
	color: var(--darkercolor);
}

.room-list-content:hover .testo-room-list svg {
	color: var(--bodycolor);
	animation: clicking 1.5s infinite linear;
}

.testo-int {
	text-align: left;
	width: 66.667%;
}

.testo-int span {
	font-family: 'Cinzel', serif;
	color: var(--darkercolor);
	font-size: 80px;
	line-height: 100%;
	font-weight: 500;
	transition: all .75s cubic-bezier(.215, .61, .355, 1);
}

.testo-int p {
	margin: 0 0 0;
	font-size: 16px;
	color: var(--darkercolor);
	transition: all .75s cubic-bezier(.215, .61, .355, 1);
}

.room-list-content:hover .testo-int span,
.room-list-content:hover .testo-int p {
	color: var(--bodycolor);
}

.room-list-content:last-child .testo-room-list {
	border-bottom: 1px solid var(--darkcolor);
}

.descrizione-camera {
	padding: 120px 36px;
}

.luogo_hotel {
	border-top: 1px solid var(--lightcolor);
	border-bottom: 1px solid var(--lightcolor);
	padding: 10px 0 0;
	margin: 0 0 20px;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 13px;
	letter-spacing: 1px;
	color: var(--darkcolor);
}

.luogo_hotel ul {
	margin: 0;
	list-style: none;
	padding: 0;
}

.luogo_hotel li {
	margin: 0 0 10px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: 500;
}

.luogo_hotel img {
	width: 22px;
	color: var(--gold);
	margin-right: 10px;
}

.lista_hotel_content {
	text-align: left;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 72px 32px;
	background-color: var(--bodycolor);
}

.lista_hotel_content:nth-child(2n) {
	background-color: var(--lightgold);
}

.lista_hotel_content:nth-child(2n) .luogo_hotel {
	border-color: var(--midcolor);
}

.foto_hotel_container {
	width: 50%;
	padding: 0 5px 0 8.6667%;
	transform: translateX(-100px);
	opacity: 0;
	transition: all .5s cubic-bezier(.215, .61, .355, 1) .25s;
}

.in-page .foto_hotel_container {
	transform: translateX(0);
	opacity: 1;
}

.foto_hotel_content {
	border-radius: 20px;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
}

.testo_hotel_container {
	width: 50%;
	padding: 52px 8.6667%;
}

.testo_hotel_container span {
	color: var(--gold);
	text-transform: uppercase;
	letter-spacing: 4px;
	font-size: 16px;
	display: flex;
	margin: 0 0 10px;
}

.testo_hotel_container .btn a {
	padding: 10px 15px;
	border-width: 0 3px;
}

.testo_hotel_container .btn a span {
	letter-spacing: 1px;
	font-size: 14px;
}

.testo_hotel_container h2 {
	color: var(--darkercolor);
	font-size: 52px;
	margin: 0 0 20px;
	line-height: 100%;
	font-weight: 500;
}

.testo_hotel_content {
	transform: scale(0);
	opacity: 0;
	transition: all .5s cubic-bezier(.215, .61, .355, 1) .25s;
}

.in-page .testo_hotel_content {
	transform: scale(1);
	opacity: 1;
}

.lista-hotels-promo {
	background-color: var(--ultralightcolor);
	border-radius: 20px;
	padding: 52px 72px 42px;
	text-align: left;
}

.lista-hotels-promo h2 {
	color: var(--darkercolor);
	font-size: 24px;
	margin: 0 0 32px;
	text-align: left;
}

.promo-hotel {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	background-color: #fff;
	margin: 10px 0;
	background-color: var(--bodycolor);
	border-radius: 10px;
	padding: 10px;
}

.promo-hotel .img-promo-hotel {
	width: 160px;
	aspect-ratio: 16 / 10;
	border-radius: 5px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.testo-promo-hotel {
	width: calc(100% - 160px);
	padding: 0 0 0 32px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.testo-promo-hotel h3 {
	color: var(--darkercolor);
	font-size: 18px;
}

.luogo-promo-hotel {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.luogo-promo-hotel svg {
	color: var(--gold);
	width: 22px;
	margin: 0 5px 0 0;
}

.testo-promo-hotel a {
	color: var(--gold);
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--gold);
	border-radius: 5px;
	padding: 15px;
	font-size: 13px;
	font-weight: 500;
	transition: all .5s cubic-bezier(.215, .61, .355, 1);
}

.testo-promo-hotel a:hover {
	text-decoration: none;
	background-color: var(--gold);
	color: var(--bodycolor);
}

.vantaggi_content li {
	width: 33.333%;
	margin: 0 0 64px;
	padding: 0 20px;
}

.testo_about_home_content {
	text-align: left;
}

.gallery-camera .swiper-slide {
	aspect-ratio: 16 / 9;
}

.gallery-camera .swiper-slide a {
	display: block;
	width: 100%;
	height: 100%;
}

.testo-servizio {
	padding: 0 8.333%;
}

.testo-servizio h2 {
	font-size: 80px;
}

.posizioni_form_container {
	padding: 100px 32px;
	position: relative;
	overflow: hidden;
}

.posizioni_form_content {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 0 16.6667%;
	position: relative;
	z-index: 3;
}

.posizioni_aperte_container {
	width: 50%;
	padding: 0 12px 0 0;
}

.posizioni_form_content h2 {
	text-align: left;
	font-size: 24px;
	color: var(--darkercolor);
	font-weight: 500;
	text-transform: uppercase;
	margin: 0 0 36px;
}

.form-container button {
	background-color: transparent;
}

.posizioni_aperte_container .accordion {
	margin: auto;
	width: 100%;
}

.accordion input {
	display: none;
}

.box {
	position: relative;
	background-color: var(--ultralightcolor);
	height: 64px;
	margin: 0 0 5px;
	transition: all .15s ease-in-out;
}

.box::before {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	pointer-events: none;
}

header.box {
	background: #00BCD4;
	z-index: 100;
	cursor: initial;
	box-shadow: 0 -1px 0 #e5e5e5, 0 0 2px -2px rgba(0, 0, 0, .12), 0 2px 4px -4px rgba(0, 0, 0, .24);
}

header .box-title {
	margin: 0;
	font-weight: normal;
	font-size: 16pt;
	color: white;
	cursor: initial;
}

.box-title {
	width: calc(100% - 40px);
	height: 64px;
	line-height: 64px;
	padding: 0;
	display: inline-block;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align: left;
	font-weight: 500;
	font-size: 16px;
	padding: 0;
	color: var(--darkercolor);
}

.box-content {
	width: calc(100% - 40px);
	padding: 30px 20px 32px;
	font-size: 11pt;
	color: rgba(0, 0, 0, .54);
	display: none;
	transition: all .5s linear;
}

.box-content p {
	font-size: 14px;
}

.box-content ul {
	margin: 0 0 32px;
	padding: 0;
	list-style: none;
}

.box-content li {
	margin: 0 0 15px;
	border-left: 3px solid var(--gold);
	padding: 0 0 0 10px;
	font-size: 14px;
}

.box-close {
	position: absolute;
	height: 64px;
	width: 100%;
	top: 0;
	left: 0;
	cursor: pointer;
	display: none;
}

.accordion input:checked+.box {
	height: auto;
	margin: 16px 0;
	transition: all 1s cubic-bezier(.215, .61, .355, 1);
	box-shadow: 0 0 26px rgba(0, 0, 0, .1), 0 6px 62px rgba(0, 0, 0, .1);
}

.accordion input:checked+.box .box-title {
	border-bottom: 1px solid rgba(0, 0, 0, .18);
}

.accordion input:checked+.box .box-content,
.accordion input:checked+.box .box-close {
	display: inline-block;
}

.arrows section .box-title {
	padding-left: 44px;

}

.arrows section .box-title:before {
	position: absolute;
	display: block;
	content: '\203a';
	font-size: 18pt;
	left: 20px;
	top: -2px;
	transition: transform .15s ease-in-out;
	color: rgba(0, 0, 0, .54);
}

.accordion input:checked+section.box .box-title:before {
	transform: rotate(90deg);
}

.form-container {
	background-color: var(--ultralightcolor);
}

.input-file {
	border-top: 1px solid var(--midcolor);
	margin: 10px 0;
}

.form-container .input-file label {
	display: block;
	margin: 20px 0 0 20px;
	font-weight: 600;
	color: var(--darkercolor);
}

.form-container .input.checkbox {
	margin: 0;
	padding: 0;
}

.form-container .checkbox label {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 11px;
	margin: 0;
	padding: 0 0 20px 20px;
}

.form-container .checkbox label a {
	margin: 0 0 0 5px;
}

.form-container .checkbox label input {
	display: block;
	width: auto;
	margin: 0 15px 0 0;
}

.form-container input,
.form-container select {
	border: 0;
	border-radius: 50px;
	width: 100%;
	height: auto;
	padding: 20px;
	font-family: 'Poppins', sans-serif;
	font-size: 16p;
	color: var(--darkercolor);
}

.form-container .input-group.input-group-tre .input {
	width: 33.333%;
}

.form-container textarea {
	border-radius: 10px;
}

.tab-content {
	width: 33.333%;
}

.testo-luogo-inside h2 {
	color: var(--darkercolor);
	font-size: 28px;
	margin: 0 0 32px;
}

.promozioni-container .luogo:nth-child(2n) .foto-luogo {
	height: 250px;
}

.foto-luogo-content img {
	width: 100%;
}

.altriluoghicontent {
	align-items: stretch;
	justify-content: center;
	flex-wrap: wrap;
}

.altrologuocontent {
	min-height: 100%;
}

.standard-content h3 {
	font-size: 20px;
}

.atipico_container {
	background-color: var(--ultralightcolor);
	padding: 150px 20px;
}

.atipico_content {
	max-width: 960px;
	margin: 0 auto;
}

.atipico_content img {
	margin: 0 auto 64px;
	max-width: 320px;
}

.atipico_content p.intro {
	font-family: 'Cinzel', serif;
	font-size: 28px;
	color: var(--darkercolor);
	text-align: center;
	line-height: 160%;
	margin: 0 0 32px;
}

.atipico_content p {
	text-align: center;
	margin: 0;
}

ul.citta_atipico {
	margin: 0 0 52px;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

ul.citta_atipico li {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 13px;
	font-weight: 500;
	color: var(--darkcolor);
	border: 1px solid var(--midcolor);
	padding: 5px 10px;
	margin: 0 5px;
}

.citta_atipico svg {
	color: var(--gold);
	width: 18px;
	margin: 0 5px 0 0;
}

.detinazioni_container {
	padding: 0 32px;
}

.destinazioni_content {
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	text-align: left;
	flex-wrap: wrap;
	max-width: 1920px;
	margin: 0 auto;
}

.destinazioni_txt {
	width: 40%;
	padding-left: 16.667%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	padding-top: 15%;
}

.destinazioni_txt span {
	color: var(--gold);
	text-transform: uppercase;
	letter-spacing: 4px;
	font-size: 16px;
	display: flex;
	margin: 0 0 10px;
}

.destinazioni_txt h3 {
	color: var(--darkercolor);
	font-size: 64px;
	margin: 0 0 20px;
	line-height: 100%;
	font-weight: 500;
}

.destinazioni_txt_content {
	opacity: 0;
	width: 100%;
	position: sticky;
	top: 150px;
	padding-bottom: 45vh;
	transition: all 1s cubic-bezier(.215, .61, .355, 1);
}

.in-page .destinazioni_txt_content {
	opacity: 1;
}

.destinazioni_mapp {
	width: 60%;
	padding-right: 8.333%;
	padding-top: 100px;
	padding-bottom: 100px;
}

#italy .st0 {
	fill: var(--midcolor);
}

#markers .st2 {
	fill: var(--gold);
}

#hotels {
	opacity: 0;
	transition: all .55s cubic-bezier(.215, .61, .355, 1) .25s;
	transform: translateX(100px);
}

#markers {
	opacity: 0;
	transition: all .55s cubic-bezier(.215, .61, .355, 1) .15s;
	transform: translateX(100px);
}

#italy {
	opacity: 0;
	transition: all .55s cubic-bezier(.215, .61, .355, 1);
}

.in-page #hotels,
.in-page #italy,
.in-page #markers {
	opacity: 1;
	transform: translateX(0px);
}

#hotels .st1 {
	fill: var(--darkercolor);
}

.container_map {
	padding: 130px 16.6663%;
	background-color: var(--ultralightcolor);
}

.content_map {
	justify-content: flex-start;
	margin: 0 auto;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.txt_map {
	width: 40%;
	text-align: left;
	position: sticky;
	top: 100px;
	transition: all .5s ease-in;
	transform: translateY(100px);
	opacity: 0;
	transition: all .5s ease-in;
}

.txt_map.in-page {
	transform: translateY(0px);
	opacity: 1;
}

.txt_map h3 {
	font-family: 'Cinzel', serif;
	font-size: 52px;
	color: var(--darkercolor);
	text-align: left;
	line-height: 120%;
	margin: 0 0 32px;
	font-weight: 400;
}

.map_img {
	width: 60%;
	transform: translateX(100px);
	opacity: 0;
	transition: all .5s ease-in;
}

.map_img.in-page {
	transform: translateX(0px);
	opacity: 1;
}

.gruppo_container {
	padding: 130px 32px;
	position: relative;
}

.destinazioni_container .swipe-btn {
	top: 50%;
	transform: translateY(-50%);
}

.gruppo_container::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 56%;
	background-color: var(--ultralightcolor);
}

.gruppo_container .atipico_content {
	position: relative;
	z-index: 2;
}

.destinazioni_container {
	margin: 0 auto 0;
	padding: 92px 16.6663% 32px;
	position: relative;
	transform: translateY(100px);
	opacity: 0;
	z-index: 3;
	transition: all .75s cubic-bezier(.215, .61, .355, 1);
}

.destinazioni_container.in-page {
	transform: translateY(0);
	opacity: 1;
}

.destinazioni_container .swipe-btn,
.blocco_attivita_content .swipe-btn {
	top: 50%;
	transform: translateY(-50%);
}

.destinazioni_container .swipe-btn.swipe-next {
	right: 16.6663%;
	transform: translate(30px, -50%);
}

.destinazioni_container .swipe-btn.swipe-prev {
	left: 16.6663%;
	right: auto;
	transform: translate(-30px, -50%);
}

.foto_destinazione {
	width: 100%;
	aspect-ratio: 1 / 1;
	border-radius: 10px;
	margin: 0 0 20px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.blocco_destinazione h3 {
	text-align: left;
	font-weight: normal;
	color: var(--darkercolor);
	font-size: 28px;
}

.blocco_destinazione p {
	text-align: left;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 14px;
	font-weight: 500;
}

.blocco_destinazione svg {
	color: var(--gold);
	width: 18px;
	margin: 0 10px 0 0;
}

.attivita_container {
	padding: 130px 32px;
	text-align: left;
}

.attivita_content {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 0 16.6663%;
}

.txt_attivita {
	width: 37%;
	padding: 0 32px 0 0;
	position: sticky;
	top: 110px;
}

.txt_attivita span {
	color: var(--gold);
	text-transform: uppercase;
	letter-spacing: 4px;
	font-size: 16px;
	display: flex;
	margin: 0 0 10px;
}

.txt_attivita h3 {
	color: var(--darkercolor);
	font-size: 42px;
	margin: 0 0 20px;
	line-height: 120%;
	font-weight: 500;
}

.blocco_attivita {
	width: 63%;
	padding: 0;
	opacity: 0;
	transform: translateY(100px);
	transition: all .75s cubic-bezier(.215, .61, .355, 1);
}

.blocco_attivita.in-page {
	opacity: 1;
	transform: translateY(0px);
}

.blocco_attivita_content {
	width: 100%;
	position: relative;
}

.blocco_attivita .swiper-slide {
	padding: 20px 10px;
}

.blocco_attivita_content .swipe-btn.swipe-next-att {
	right: -10px;
	border-radius: 0 50px 50px 0;
}

.blocco_attivita_content .swipe-btn.swipe-prev-att {
	left: -10px;
	border-radius: 50px 0 0 50px;
}

.attivita_scheda {
	position: relative;
	background-color: var(--bodycolor);
	border-radius: 20px;
	box-shadow: 0 0 11px rgba(0, 0, 0, .1);
}

.attivita_scheda>a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.foto_attivita {
	aspect-ratio: 16 / 12;
	border-radius: 20px 20px 0 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.testo_attivita {
	padding: 42px 20px 20px;
}

.attivita_scheda h3 {
	color: var(--darkercolor);
	font-size: 24px;
	margin: 0;
}

.attivita_scheda p {
	margin: 20px 0 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.b2b_container {
	background-color: var(--darkercolor);
	text-align: center;
	padding: 130px 32px;
}

.b2b_content {
	text-align: center;
	max-width: 640px;
	margin: 0 auto;
	transform: scale(.1);
	opacity: 0;
	transition: all .75s cubic-bezier(.215, .61, .355, 1);
}

.b2b_content.in-page {
	transform: scale(1);
	opacity: 1;
}

.b2b_content span {
	color: var(--gold);
	text-transform: uppercase;
	letter-spacing: 4px;
	font-size: 16px;
	display: flex;
	margin: 0 0 10px;
	justify-content: center;
}

.b2b_content h3 {
	color: var(--bodycolor);
	font-size: 64px;
	margin: 0 0 20px;
	line-height: 100%;
	font-weight: 500;
	text-align: center;
}

.b2b_content p {
	text-align: center;
}

.b2b_content .btn {
	justify-content: center;
}

.homy_container {
	background-color: var(--ultralightcolor);
	padding: 100px 32px;
}

.homy_content {
	margin: 0 auto;
	max-width: 960px;
}

.logo_homy {
	margin: 0 auto 56px;
	max-width: 160px;
	opacity: 0;
	transform: scale(0);
	transition: all 1s cubic-bezier(.215, .61, .355, 1);
}

.logo_homy.in-page {
	transform: scale(1);
	opacity: 1;
}

.testo_homy {
	transform: translateY(50px) scale(0);
	opacity: 0;
	transition: all 1s cubic-bezier(.215, .61, .355, 1);
}

.testo_homy.in-page {
	transform: translateY(0) scale(1);
	opacity: 1;
}

.testo_homy h3 {
	display: none;
}

.testo_homy .intro p {
	text-align: center;
	font-family: 'Cinzel', serif;
	color: var(--darkercolor);
	font-size: 28px;
	line-height: 160%;
	margin: 0 0 32px;
}

.testo_homy p {
	text-align: center;
}

.betobe_container {
	background-color: var(--darkercolor);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 130px 16.6663%;
}

.betobe_content {
	max-width: 960px;
	margin: 0 auto;
}

.betobe_container span {
	color: var(--gold);
	text-transform: uppercase;
	letter-spacing: 4px;
	font-size: 16px;
	display: flex;
	justify-content: center;
	margin: 0 0 10px;
}

.betobe_container h2 {
	color: var(--bodycolor);
	font-size: 64px;
	margin: 0 0 20px;
	line-height: 100%;
	font-weight: 500;
}

.betobe_container .intro p {
	font-family: 'Cinzel', serif;
	font-size: 28px;
	color: var(--lightcolor);
	text-align: center;
	line-height: 160%;
	margin: 0 0 32px;
}

.betobe_container p {
	text-align: center;
	color: var(--lightcolor);
}

.standard_content {
	max-width: 960px;
	padding: 0 32px 0 0;
	text-align: left;
	margin: 0 auto;
}

.standard_content h3 {
	text-align: left;
	margin: 0;
	font-size: 52px;
	line-height: 1.25;
	font-weight: 400;
	color: var(--darkercolor);
	font-family: 'Cinzel', serif;
	margin: 0 0 32px;
}

.standard_content ul {
	margin: 0 0 32px;
	padding: 0;
	list-style: none;
}

.standard_content li {
	margin: 0 0 10px;
	padding: 0 0 0 20px;
	border-left: 3px solid var(--gold);
}

.fragranze_link {
	position: relative;
	z-index: 3;
	background-color: #000;
	width: 100%;
	padding: 82px 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.fragranze_link video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
	width: 100%;
	height: 100%;
	opacity: .6;
}

.testo_fra_link {
	width: 100%;
	max-width: 960px;
	text-align: center;
	position: relative;
	z-index: 3;
}

.testo_fra_link img {
	width: 72px;
	aspect-ratio: 1 / 1;
	margin: 0 auto 72px;
}

.testo_fra_link h2 {
	font-weight: normal;
	color: var(--bodycolor);
	font-size: 42px;
	text-align: center;
}

.testo_fra_link p {
	text-align: center;
	color: var(--bodycolor);
	font-size: 22px;
	margin: 0 0 72px;
}

.cover_fragrance {
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #0C0C0B;
}

.cover_fragrance .covervideo {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
	transform: translate(-50%, -50%);
	opacity: .6;
}

.fra_gradient {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgb(12, 12, 12);
	background: linear-gradient(0deg, rgba(12, 12, 12, 1) 0%, rgba(12, 12, 12, 0) 100%);
	z-index: 2;
	height: 60%;
	opacity: 1;
}

.blocco_txt_fragrance {
	position: relative;
	z-index: 3;
	text-align: left;
	max-width: 1100px;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.title_fragrance {
	width: 66.667%;
	position: relative;
	z-index: 2;
}

.title_fragrance h1 {
	font-weight: normal;
	font-size: 64px;
	line-height: 1;
	margin: 0 0 10px;
	color: var(--gold);
}

.title_fragrance p {
	color: var(--bodycolor);
	margin: 0;
	font-size: 28px;
	width: 100%;
	font-weight: 300;
	line-height: 1.6;
}

.foto_profumo {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(calc(-60%));
	width: 35%;

	display: flex;
	align-items: center;
	justify-content: center;
}

.foto_profumo img {
	object-fit: contain;
	width: 100%;
	height: 100%;
}

.intro_fragranze {
	background-color: #0c0c0c;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	overflow: hidden;
	height: 85vh;
}

.img_flower {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: auto;
	z-index: 1;
	opacity: 0;
	transition: all 2s cubic-bezier(.215, .61, .355, 1) .75s;
}

.img_flower.in-page {
	opacity: 1;
}

.testo_flower {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 50%;
	position: relative;
	z-index: 2;
}

.blocco_txt_fl {
	width: 50%;
	text-align: left;
}

.blocco_txt_fl h2 {
	color: var(--gold);
	font-size: 36px;
	width: 80%;
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 32px;
	transform: translateY(50px);
	opacity: 0;
	transition: all 3s cubic-bezier(.215, .61, .355, 1) .15s;
}

.blocco_txt_fl h2.in-page {
	transform: translateY(0);
	opacity: 1;
}

.blocco_txt_fl p {
	margin: 0;
	color: var(--bodycolor);
	transform: translateY(50px);
	opacity: 0;
	transition: all 3s cubic-bezier(.215, .61, .355, 1) .15s;
}

.blocco_txt_fl p.in-page {
	transform: translateY(0);
	opacity: 1;
}

.profumeria {
	background-color: #0c0c0c;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: left;
	flex-wrap: wrap;
	width: 100%;
	overflow: hidden;
	height: 100vh;
}

.img_profumeria {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	transition: all 4s cubic-bezier(.215, .61, .355, 1) .15s;
	opacity: 0;
}

.img_profumeria.in-page {
	opacity: 1;
}

.img_profumeria img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.testo_prof {
	position: relative;
	z-index: 2;
	background-color: #010101c4;
	width: 100%;
	margin: 0 auto;
	max-width: 690px;
	padding: 72px;
	opacity: 0;
	border-radius: 15px;
	transform: translateY(50px) scale(0.8);
	transition: all 1s ease-in-out .1s;
}

.testo_prof.in-page {
	transform: translateY(0) scale(1);
	opacity: 1;
}

.blocco_txt_prof h3 {
	font-weight: 400;
	color: var(--bodycolor);
	font-size: 28px;
	width: 82%;
	margin: 0 0 42px;
}

.blocco_txt_prof p {
	color: var(--bodycolor);
	margin: 0;
}

.ingredienti {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	overflow: hidden;
	background-color: #000;
}

.img_ing {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	opacity: .9;
	bottom: 0;
}

.img_ing img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.testo_ing {
	width: 100%;
	max-width: 690px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	z-index: 2;
	padding: 15% 0;
}

.blocco_txt_int h2 {
	color: var(--gold);
	font-weight: normal;
	font-size: 42px;
}

.blocco_txt_int h3 {
	color: var(--bodycolor);
	font-weight: normal;
	font-size: 24px;
}

.ing_ico {
	margin: 42px -10px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	flex-wrap: wrap;
}

.ico_ing {
	width: 25%;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.ico_ing h4 {
	display: block;
	font-weight: normal;
	text-align: center;
	font-size: 20px;
	margin-top: 20px;
	color: var(--bodycolor);
}

.ico_ing img {
	width: 120px;
}

.testo_ing p {
	color: var(--bodycolor);
}

.testo_ing p:last-child {
	margin: 0;
}

.testo_fra_link .btn {
	display: flex;
	align-items: center;
	justify-content: center;
}

.bloccob_txt h1 {
	text-shadow: 0 0 10px rgba(0, 0, 0, .4);
}

.link_fotogallery {
	transform: translate(-50%, -50%) scale(1);
	box-shadow: 0 0 32px rgba(0, 0, 0, .9);
}

.link_fotogallery:hover {
	box-shadow: 0 0 64px rgba(0, 0, 0, .5);
	transform: translate(-50%, -50%) scale(1.05);
}

.foto_padding img,
.gallery_container .box_gallery img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gallery_container .box_gallery {
	width: 25%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	padding: 10px;
	border-radius: 10px;
}

.gallery_container .box_gallery a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	overflow: hidden;
}

footer {
	border-top: 5px solid var(--gold);
}

.newsletter_social {
	flex-wrap: wrap;
	justify-content: flex-end;
}

.input_news_block .input.email {
	width: calc(100% - 96px);
	padding: 0 10px 0 0;
}

.input_news_block input {
	width: 100%;
}

.input_news_block {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 10px;
}

.privacy_form label {
	font-size: 12px;
	font-weight: normal;
	color: var(--darkcolor);
}

.input_news_block button {
	background-color: var(--gold);
	border: 0;
	font-family: 'Poppins', sans-serif;
	color: var(--bodycolor);
	font-size: 12px;
	padding: 12px 18px;
	border-radius: 60px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.bloccofooter.address {
	width: 50%;
	padding-right: 25px;
}

.bloccofooter .main {
	padding: 0 25px 0 0;
}

.social a:hover {
	background-color: #ffffffbd;
	color: var(--darkercolor);
	text-decoration: none;
}

.fascia-obb {
	padding: 32px 0 64px;
}

@keyframes clicking {
	0% {
		transform: translateX(-40px);
	}

	50% {
		transform: translateX(0px);
	}

	100% {
		transform: translateX(-40px);
	}
}

@keyframes dondolio {

	0%,
	20%,
	50%,
	80%,
	100% {
		transform: rotate(0deg);
	}

	40% {
		transform: rotate(-3deg);
	}

	60% {
		transform: rotate(2.9deg);
	}
}

@media (min-width: 1921px) and (max-width: 2600px) {}

@media (min-width: 1281px) and (max-width: 1367px) {}

@media (min-width: 1087px) and (max-width: 1280px) {
	.smart-content {
		align-items: center;
	}

	.blocchi_intro_p_content {
		padding: 0 32px;
	}

	.foto_hotel_container {
		padding: 0 5px 0 0;
	}

	.testo_hotel_container {
		width: 50%;
		padding: 52px 0 52px 52px;
	}

	.txt_map h3 {
		font-size: 42px;
	}

	.attivita_content {
		padding: 0 3.333%;
	}

	.posizioni_form_container {
		padding: 0;
	}

	.posizioni_form_content {
		padding: 0 3.333%;
	}

	.cover_fragrance {
		overflow: visible;
	}

	.img_flower {
		width: 80%;
	}

	.blocco_txt_fl {
		width: 100%;
		text-align: left;
		padding: 0 52px 0 0;
	}
}

@media (max-height: 768px) {
	header {
		height: 82px;
	}

	.foto_hotel_container {
		padding: 0 5px 0 0;
	}

	.testo_hotel_container {
		width: 50%;
		padding: 52px 0 52px 52px;
	}

	.atipico {
		height: auto;
		padding: 52px 0;
	}

	.blocchi_intro_p_content {
		padding: 0 32px;
	}

	.smart-content {
		align-items: center;
	}

	.gallery_container {
		padding: 32px;
	}
}

@media (min-width: 811px) and (max-width: 1085px) {
	header {
		height: 105px;
	}

	.foto_hotel_container {
		padding: 0 5px 0 0;
	}

	.testo_hotel_container {
		width: 50%;
		padding: 52px 0 52px 52px;
	}

	.blocchi_intro_p_content {
		padding: 0 32px;
	}

	.attivita_content {
		padding: 0;
	}

	.testo-room-list {
		padding: 50px 32px;
		width: auto;
	}

	.form-container .input-group .input {
		width: 100%;
	}

	.recapiti .standard_content {
		position: sticky;
		top: 130px;
	}

	.posizioni_form_content {
		padding: 0;
	}

	.lista-hotels-promo {
		padding: 20px;
	}

	.promo-hotel {
		flex-wrap: wrap;
	}

	.promo-hotel .img-promo-hotel {
		width: 100%;
		height: 180px;
		margin: 0 0 26px;
	}

	.testo-promo-hotel {
		width: 100%;
		flex-wrap: wrap;
		padding: 0;
	}

	.testo-promo-hotel a {
		margin: 30px 0 0;
	}

	.cover_fragrance {
		overflow: visible;
	}

	.title_fragrance {
		padding: 0 0 0 42px;
	}

	.img_flower {
		width: 80%;
	}

	.blocco_txt_fl {
		width: 100%;
		text-align: left;
		padding: 0 52px 0 0;
	}
}

@media (min-width: 481px) and (max-width: 810px) {
	header {
		height: 105px;
	}

	.blocchi_intro_p_content {
		padding: 0;
	}

	.bloccofooter.address {
		width: 100%;
		padding-right: 25px;
	}

	.bloccofooter {
		padding: 20px;
	}

	.gruppo_container {
		padding: 56px 32px;
		position: relative;
	}

	.mission_vision_content {
		padding: 112px 0 82px;
	}

	.container_map {
		padding: 32px;
	}

	.txt_map h3 {
		font-size: 28px;
		padding: 0 15px 0 0;
	}

	.betobe_container {
		padding: 120px 20px;
	}

	.attivita_container {
		padding: 100px 20px;
	}

	.attivita_content {
		padding: 0;
	}

	.txt_attivita {
		width: 100%;
		position: static;
	}

	.foto_hotel_container {
		padding: 0;
		width: 100%;
		height: auto;
		aspect-ratio: 16 / 9;
	}

	.testo_hotel_container {
		width: 100%;
		padding: 32px 0 0;
	}

	.testo-room-list {
		width: 100%;
		padding: 50px 32px;
	}

	.testo-int span {
		font-size: 64px;
		margin: 0;
	}

	.blocco_attivita {
		width: 100%;
	}

	.gallery-atipico-container {
		height: auto;
	}

	.luoghi-content {
		column-gap: 15px;
	}

	.posizioni_form_content {
		padding: 0;
		flex-wrap: wrap;
	}

	.posizioni_aperte_container {
		width: 100%;
		padding: 0;
		margin: 0 0 42px;
	}

	.cover_fragrance {
		overflow: visible;
	}

	.blocco_txt_fragrance {
		padding: 0 0 0 32px;
	}

	.foto_profumo {
		width: 50%;
	}

	.intro_fragranze {
		height: auto;
		padding: 15% 0;
	}

	.blocco_txt_fl {
		width: 100%;
		text-align: left;
		padding: 0 32px 0 0;
	}

	.profumeria {
		height: auto;
		padding: 15% 32px;
	}
}

@media (min-width: 320px) and (max-width: 480px) {
	.promo_banner {
		background-color: var(--gold);
		margin: 0 0 10px;
	}

	header {
		height: auto;
		padding: 0;
	}

	header.smaller .maxwidth {
		padding: 0px 15px;
	}

	header .btn a span {
		display: none;
	}

	.testo-slogan-content p {
		font-size: 28px;
	}

	header .maxwidth {
		padding: 0 20px;
	}

	.logo,
	.smaller .logo {
		width: 130px;
		top: auto;
		left: auto;
		position: static;
		transform: none;
		margin: 12px 0 10px;
	}

	header .btn a,
	.head-menu .btn a {
		border-width: 0 2px;
	}

	.blocchi_intro_phi_home {
		padding: 0 20px 52px;
	}

	.blocchi_intro_p_content {
		flex-wrap: wrap;
		padding: 0;
	}

	.foto_blocco_p {
		aspect-ratio: 16 / 10;
		height: 250px;
	}

	.blocco_intro_p {
		padding: 0 0 15px;
		width: 100%;
	}

	.hotel_menu_container {
		min-width: auto;
		width: 100%;
	}

	.main a {
		font-size: 26px;
	}

	.main a::before,
	.main a::after {
		font-size: 26px;
	}

	.gruppo_container {
		padding: 32px 20px;
	}

	.mission_vision_content {
		padding: 42px 0;
	}

	.betobe_container {
		padding: 72px 20px;
	}

	.atipico_home {
		background-attachment: scroll;
	}

	.standard_content h3 {
		font-size: 32px;
	}

	.betobe_content {
		width: 100%;
	}

	.betobe_container h2 {
		font-size: 36px;
	}

	.betobe_container .intro p {
		font-size: 20px;
		font-family: 'Poppins', sans-serif;
		font-weight: 300;
	}

	.txt_map {
		width: 100%;
		margin: 0 0 32px;
		position: static;
	}

	.map_img {
		width: 100%;
	}

	.attivita_container {
		padding: 52px 32px;
		text-align: left;
	}

	.attivita_content {
		padding: 0;
	}

	.txt_attivita {
		width: 100%;
		padding: 0;
		position: static;
	}

	.blocco_attivita {
		width: 100%;
	}

	.lista_hotel_content {
		padding: 20px;
	}

	.foto_hotel_container {
		width: 100%;
		padding: 0;
		aspect-ratio: auto;
		height: 200px;
	}

	.testo_hotel_container {
		width: 100%;
		padding: 32px 0;
	}

	.testo_hotel_container span {
		letter-spacing: 1px;
		text-align: center;
	}

	.testo_hotel_container h2 {
		font-size: 42px;
	}

	.atipico {
		padding: 0;
		margin: 25px 0 0;
	}

	.gallery-atipico-container {
		height: auto;
	}

	.foto_attivita {
		height: 160px;
		aspect-ratio: auto;
	}

	.foto-servizio {
		height: 200px;
	}

	.quickinfo li {
		margin: 10px 0;
	}

	.logo-atipico {
		width: 160px;
		margin: 0 0 42px;
	}

	.vantaggi_content li {
		width: 100%;
		padding: 0 16px;
	}

	.title_promozioni h2 {
		font-size: 32px;
		line-height: 120%;
		margin: 0;
	}

	.title_promozioni {
		padding: 72px 0;
	}

	.bloccofooter.address {
		width: 100%;
		padding: 0;
	}

	.posizioni_form_container {
		padding: 0 20px 32px;
	}

	.posizioni_form_content {
		padding: 0;
		flex-wrap: wrap;
	}

	.posizioni_aperte_container {
		width: 100%;
		padding: 0 0 32px;
	}

	.lista-hotels-promo {
		padding: 20px;
	}

	.promo-hotel {
		flex-wrap: wrap;
	}

	.promo-hotel .img-promo-hotel {
		width: 100%;
		height: 180px;
		margin: 0 0 26px;
	}

	.testo-promo-hotel {
		width: 100%;
		flex-wrap: wrap;
		padding: 0;
	}

	.testo-promo-hotel a {
		margin: 30px 0 0;
	}

	.blocco_newsletter {
		margin: 0 0 42px;
	}

	.bloccosocial {
		width: 100%;
	}

	.gallery_container .box_gallery {
		border-radius: 5px;
		width: 50%;
	}

	.title_fragrance {
		width: 100%;
		position: relative;
		z-index: 2;
		padding: 20px;
	}

	.title_fragrance h1 {
		font-size: 46px;
		line-height: 1.2;
		text-shadow: 0 0 13px rgb(0, 0, 0);
	}

	.foto_profumo {
		width: 64%;
	}

	.testo_flower {
		padding: 24px;
	}

	.blocco_txt_fl {
		width: 100%;
		text-align: left;
	}

	.img_flower {
		top: 0;
		width: auto;
	}

	.intro_fragranze {
		height: auto;
		padding-top: 25%;
		padding-bottom: 62px;
	}

	.testo_prof {
		padding: 32px 20px;
		border-radius: 0;
	}

	.profumeria {
		height: auto;
	}

	.testo_ing {
		padding: 32px 20px;
	}

	.blocco_txt_int h2 {
		font-size: 32px;
	}

	.ico_ing {
		width: 50%;
	}
}