@font-face {
	font-family: 'Muli';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/muli/v29/7Aulp_0qiz-aVz7u3PJLcUMYOFnOkEk30eifwniDtzM.woff2)
		format('woff2');
	unicode-range:
		U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
		U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
		U+2212, U+2215, U+FEFF, U+FFFD;
	advance-override: 111.2%;
	ascent-override: 100.5%;
	descent-override: 25%;
	line-gap-override: 0;
	font-display: swap;
}
@font-face {
	font-family: 'Prata';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/prata/v20/6xKhdSpbNNCT-sWPCm7bLnwI.woff2)
		format('woff2');
	unicode-range:
		U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
		U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
		U+2212, U+2215, U+FEFF, U+FFFD;
	advance-override: 123.9%;
	ascent-override: 99.3%;
	descent-override: 36.3%;
	line-gap-override: 0;
	font-display: swap;
}

.view-id-gallery.view-display-id-block_1 .view-content {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.p-0 [class^='col-'] {
	padding: 0 !important;
}

.field--name-field-media-image img {
	width: 100% !important;
}

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

button.apart-gallery-btn,
.flex-btn a {
	display: block;
	margin: 0 auto;
	font-size: 19px;
	font-family: 'Muli';
	text-transform: unset;
	background: #372624;
	padding: 10px 20px;
	box-shadow: none;
	border: 1px solid #372624;
	margin-top: 10px;
	transition: 0.3s all;
}

.flex-btn a {
	color: #fff;
}

button.apart-gallery-btn:hover,
.flex-btn a:hover {
	background: #fff;
	color: #372624;
}

body {
	color: #4a4a4a;
	font-family: Muli;
	font-size: 18px;
	font-weight: 300;
	margin-top: 156px;
}
section#block-views-block-blocchi-block-3 {
	margin-bottom: 30px;
}
h1 {
	color: #372624;
	font-family: Prata;
	font-size: 40px;
	margin-top: 0;
}
a,
a:hover {
	color: #372624;
}
section#block-title {
	background: #f8f8f8;
	color: #372624;
	font-family: Prata;
	font-size: 40px;
	text-align: center;
	padding: 30px 0;
}
h2 {
	color: #372624;
	font-family: Prata;
	font-size: 30px;
}

.field--name-body strong,
.field--type-text-long strong {
	color: #372624;
}
.nopadding {
	padding: 0;
}

.paragraph--type--bp-image h2,
.path-frontpage .imghover .views-field-title a,
.views-field-title a,
.apartments-name {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	color: #fff;
	pointer-events: none;
	font-family: Prata;
	font-size: 33px;
	text-align: center;
}
.path-frontpage .imghover {
	position: relative;
	overflow: hidden;
}
.paragraph--type--bp-image,
.path-frontpage .imghover .field--type-image {
	position: relative;
	overflow: hidden;
}
.path-frontpage .paragraph--type--bp-image img,
.path-frontpage .imghover img {
	transition: 0.5s all;
}
.path-frontpage .paragraph--type--bp-image:hover img,
.path-frontpage .imghover:hover img {
	filter: blur(10px);
	-webkit-filter: blur(10px);
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

h2.block-title {
	display: none;
}
.buttons a,
.field--name-field-links a,
.work-with-us {
	border: 1px solid #372624;
	color: #372624;
	padding: 10px 20px;
	margin: 0 10px 0 0;
	transition: 0.5s all;
}

a.work-with-us {
	display: block;
	width: 165px;
	text-align: center;
	margin-top: 15px;
	text-transform: uppercase;
}

.buttons a:hover,
.field--name-field-links a:hover,
.work-with-us:hover {
	background: #372624;
	color: #fff !important;
	text-decoration: none;
}

.buttons a.scuro,
.field--name-field-links a {
	border: 1px solid #372624;
	background: #372624;
	color: #ffffff;
	padding: 10px 20px;
	margin: 0 10px 0 0;
	transition: 0.5s all;
}
.buttons a.scuro:hover,
.field--name-field-links a:hover {
	color: #4a4a4a;
	color: #fff !important;
	text-decoration: none;
}

.field--name-field-links {
	margin-top: 30px;
}
.testata {
	padding: 15px 0 10px;
	position: fixed;
	width: 100%;
	background: #fff;
	z-index: 5;
	top: 0;
}

.alternate .views-row:nth-child(2n) .col-sm-6:nth-child(1) {
	float: right;
}
.alternate .views-row {
	margin: 0 0 60px 0;
}

a.logo.navbar-btn img {
	text-align: center;
	margin: 0 auto;
	display: block;
	height: 115px;
}

a.logo.navbar-btn.pull-left {
	float: none !important;
	margin: 0;
}

.prenota-container .testata-prenota {
	margin-top: 28px;
	float: right;
	text-align: center;
	margin-right: 50px;
}

.prenota-container a.testata-prenota img {
	width: 45px;
	margin-bottom: 7px;
}

.prenota-container a.testata-prenota.offerte img {
	width: 42px;
	margin-bottom: 10px;
}

.prenota-container a.testata-prenota span {
	font-family: Prata;
}

.prenota-container a.testata-prenota.offerte {
	margin-right: 0;
}

.prenota-container .testata-prenota span {
	display: block;
	clear: both;
	font-size: 12px;
}
.testata.fixed {
	border-bottom: 1px solid #ccc;
}

.testata.fixed .logo {
	height: 50px;
	overflow: hidden;
	display: block;
	margin: 0;
}
.testata.fixed .testata-prenota {
	margin: 0;
	margin-top: -10px;
	margin-right: 50px;
}
.testata.fixed .menu-button {
	margin: 4px 0 0 0;
}
.testata.fixed .logo img {
	height: 91px;
}

.menu-button {
	width: 40px;
	position: relative;
	z-index: 0;
	cursor: pointer;
	margin-left: 50px;
	margin-top: 40px;
}
.testata.fixed .menu-button {
	margin-left: 50px;
}
.menu-button span {
	padding-top: 29px;
	display: block;
	clear: both;
	font-size: 12px;
	font-family: Prata;
}
.menu-button .bit-1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	transform-origin: left bottom;
	height: 3px;
	background: #4a4a4a;
	transition:
		transform 0.3s,
		top 0.3s;
}
.menu-button .bit-2 {
	position: absolute;
	left: 0;
	top: 10px;
	width: 40px;
	transform-origin: right bottom;
	height: 3px;
	background: #4a4a4a;
	transition:
		transform 0.3s,
		top 0.3s;
}
.menu-button .bit-3 {
	position: absolute;
	top: 20px;
	left: 0;
	width: 40px;
	transform-origin: right top;
	height: 3px;
	background: #4a4a4a;
	transition:
		transform 0.3s,
		bottom 0.3s;
}

.menulateralbg {
	position: fixed;
	opacity: 0;
	height: 100vh;
	width: 100vw;
	z-index: 49;
	display: none;
}
.menulateral {
	background-color: #2c2c2c;
	position: fixed;
	width: 40%;
	z-index: 50;
	top: 0;
	height: 100vh;
	overflow: auto;
	text-align: center;
	box-shadow: 0 0 5px #000;
	transition: 0.5s all;
	transition: 0.5s all;
	left: -50%;
	overflow: hidden;
}
.menulateral.open {
	left: 0;
}
.menulateral ul.menu {
	padding: 0;
	margin: 0;
	height: calc(100vh - 150px);
	overflow: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.menulateral li a.is-active,
.menulateral li a:hover {
	text-decoration: underline;
}
.nav > li > a:focus,
.nav > li > a:hover {
	background: none !important;
}
/* .nav > li > a:hover, .nav > li > a:focus{
	background:#fff;
} */
.menulateral ul.menu a {
	font-family: Prata;
	font-size: 28px;
	padding: 10px 0;
	text-align: center;
	display: block;
	text-transform: uppercase;
	line-height: 1;
	color: #fff;
}
.navbar-nav > li {
	float: none;
	display: block;
	width: 100%;
}
.menulateral ul.menu {
	width: 100%;
}

.language-switcher-language-url ul.links li {
	font-size: 14px;
}

ul.menu li.last a {
	border: 1px solid #fff;
	background: #fff;
	color: #372624;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1;
	font-size: 19px;
	padding: 15px;
	display: block;
	width: 150px;
	margin: 15px auto 0 auto;
	transition: 0.5s all;
	font-family: Muli;
	font-weight: bold;
}
ul.menu li.last a:hover {
	/* background: #fff; */
	color: #fff;
}

.contatti-bottom .social a {
	text-decoration: none;
}
.contatti-bottom {
	clear: both;
	position: absolute;
	width: 100%;
	bottom: 15px;
}
.contatti-bottom img {
	width: 30px;
}
.contatti-bottom .social img {
	margin: 0 10px;
}

section#block-close-menu img.close-btn {
	float: left;
	width: 18px;
	margin: 20px;
	cursor: pointer;
}

section#block-selettorelingua ul li {
	display: inline-block;
	margin-right: 5px;
	padding-right: 5px;
	line-height: 1;
	text-transform: uppercase;
	margin-right: 15px;
}

section#block-selettorelingua ul li a {
	color: #fff;
	font-weight: 400;
}

section#block-selettorelingua li.is-active {
	text-decoration: underline;
}

section#block-selettorelingua li.is-active a {
	color: #fff;
}

section#block-selettorelingua {
	float: right;
	margin-top: 15px;
	margin-right: 15px;
}

section#block-selettorelingua ul li:nth-last-child(1) {
	border: 0;
	padding: 0;
	margin: 0;
}

.social-right {
	position: fixed;
	right: 0;
	top: 251px;
	z-index: 4;
	opacity: 0.9;
}

.social-right ul {
	list-style-type: none;
	margin: 0;
	color: #fff;
	background: #372624;
	padding: 0;
}

.social-right span {
	position: absolute;
	width: 205px;
	color: #ffffff;
	background: #372624;
	line-height: 30px;
	text-align: center;
	visibility: hidden;
	right: -100%;
	top: 50%;
	margin-top: -15px;
	transition: all 0.5s ease;
	z-index: -1;
	height: 30px;
	padding: 1px;
	font-size: 13px;
}

.social-right a:hover span {
	visibility: visible;
	opacity: 1;
	right: 100%;
}

.social-right ul li {
	padding: 10px;
	border-bottom: 1px solid #5f514f;
}

.social-right ul li img {
	width: 25px;
}

.social-right a {
	position: relative;
}

.footer-wrapper {
	background: #ffffff;
	font-size: 15px;
	padding: 70px 40px 10px 40px;
}
.footer-title {
	font-weight: bold;
	margin-bottom: 15px;
}
.footer-credits {
	font-size: 12px;
	border-top: 1px solid #f8f8f8;
	padding: 20px 0 20px 0;
	margin-top: 20px;
}

img.logo-ril {
	width: 100px;
}

.newsletter-subititle {
	font-size: 20px;
}

form#submitnewsletter input[type='text'] {
	border: 1px solid #f4f6f8;
	background-color: #ffffff;
	box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
	padding: 15px;
	clear: both;
	display: block;
	text-align: center;
	margin: 7px auto;
	border-radius: 5px;
}

form#submitnewsletter input[type='text']::placeholder {
	text-align: left;
	text-transform: capitalize;
	color: #9b9b9b;
	font-size: 20px;
	font-weight: 200;
}

form#submitnewsletter input[type='checkbox'] {
	display: inline-block;
	margin-right: 5px;
	box-shadow: none;
}

form#submitnewsletter input.button.button-newsletter {
	border: 1px solid #372624;
	color: #372624;
	padding: 10px 20px;
	margin: 15px auto 0 auto;
	transition: 0.5s all;
	border-radius: 0;
	box-shadow: none;
	background: transparent;
	text-transform: uppercase;
	width: 175px;
}

form#submitnewsletter input.button.button-newsletter:hover {
	background: #372624;
	color: #fff;
	text-decoration: none;
}

form#submitnewsletter input[type='text'],
form#submitnewsletter input[type='email'] {
	width: 70%;
	text-align: left;
}

a.google-maps-link {
	text-decoration: underline;
}

.social-links {
	margin-top: 40px;
}

.social-links a {
	text-decoration: none;
}

.social-links img.social {
	width: 25px;
	margin-right: 20px;
}

.owl-theme .owl-controls .owl-buttons div.owl-prev,
.owl-theme .owl-controls .owl-buttons div.owl-next {
	width: 42px;
	height: 97px;
	position: absolute;
	left: 55px;
	top: calc(50% - 49px);
	background: transparent;
	text-indent: -99999em;
	opacity: 1;
	background-image: url(../images/prev.png);
	background-size: contain;
}
.owl-theme .owl-controls .owl-buttons div.owl-next {
	background-image: url(../images/next.png);
	left: auto;
	right: 55px;
}
.owl-theme .owl-controls .owl-page span {
	border: 1px solid #ffffff;
	background: transparent;
}
.owl-theme .owl-controls .owl-pagination {
	margin-top: -43px;
	position: absolute;
	width: 100%;
}
.owl-theme .owl-controls .owl-page.active span {
	background: #fff;
}
.path-frontpage .view.view-blocchi.view-id-blocchi.view-display-id-block_3 {
	margin-bottom: 30px;
}
.page-node-type-offerta .hero_slider {
	margin-bottom: 60px;
}

.slide-text {
	top: 50%;
	color: #ffffff;
	font-family: Prata;
	font-size: 50px;
	text-align: center;
	width: 100%;
	position: absolute;
	z-index: 3;
	text-transform: uppercase;
}

.hero_slider .field--type-image {
	position: relative;
	margin-top: -23px;
}
section#block-menu-footer {
	clear: both;
}

.cc-window.cc-floating.cc-type-info.cc-theme-block.cc-bottom.cc-right.cc-color-override-688238583 {
	background: #2c2c2c;
}

.cc-window {
	font-size: 14px;
}

a.cc-btn.cc-dismiss {
	background: #fff;
}

a.cc-btn.cc-dismiss:hover {
	background: #fff;
}

.button-hotel {
	margin-top: 50px;
	margin-bottom: 50px;
}

.button-hotel a {
	margin-left: 35px;
}

a.back {
	color: #4a4a4a;
	font-family: Prata;
	font-size: 12px;
	position: absolute;
	text-transform: uppercase;
	margin-top: -80px;
	background-image: url(../images/back.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 15px 0 15px 25px;
	margin-left: 65px;
}

.path-frontpage .se-block {
	display: none;
}
.se-block .block-content .se-container {
	position: absolute;
	margin-top: -71px;
	right: 60px;
	width: initial;
}
.se-block .block-content .se-container .se-trigger {
	float: right;
	cursor: pointer;
}
.se-block .block-content .se-container .se-links-container {
	float: right;
	position: absolute;
	height: auto;
	right: 0;
	text-align: right;
	display: none;
	width: 100px;
}
.se-block .block-content .se-container .se-links-container .se-links {
	float: right;
	position: relative;
	margin-top: 24px;
	height: auto;
}
.se-block .block-content:hover .se-container .se-links-container {
	display: block;
}

.se-block .block-content .se-container .se-trigger img {
	max-height: 30px !important;
}

.prenota-camere {
	text-align: center;
	background: #f8f8f8;
	padding: 100px;
	font-family: Muli;
}

.prenota-camere h1 {
	font-family: Prata;
	text-transform: uppercase;
	font-size: 40px;
	margin-bottom: 20px;
	color: #2c2c2c;
}

.prenota-camere .buttons a,
.link-offerte .buttons a {
	display: block;
	text-transform: uppercase;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 25%;
	margin-top: 50px;
}

.link-offerte .buttons a {
	width: 40%;
	margin-top: 25px;
	margin-bottom: 25px;
}

.view-display-id-block_9 {
	margin-top: 50px;
}

.link-offerte {
	text-align: center;
	border: 1px solid;
	width: 350px;
	margin-top: 20px;
}

.link-offerte .disclaimer {
	padding: 15px;
}

.link-offerte .disclaimer strong {
	text-transform: uppercase;
}

span.date-chiusura {
	margin-left: -10px;
}

div#vbp-149 h2 {
	text-transform: uppercase;
	margin-top: 30px;
}

.view-display-id-block_14 {
	margin: 50px 0;
}

.autore {
	font-size: 27px;
	margin-top: 40px;
}

p.recensioni {
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 40px;
	margin-top: 35px;
}

.view-display-id-block_9 img,
.view-display-id-block_4 img,
.view-display-id-block_11 img,
.view-display-id-block_8 img,
.view-display-id-block_7 img,
.view-display-id-block_12 img,
.view-display-id-block_15 img {
	height: 350px;
}

.view-display-id-block_9 h2 a,
.view-display-id-block_4 h2 a,
.view-display-id-block_11 h2 a,
.view-display-id-block_8 h2 a,
.view-display-id-block_7 h2 a,
.view-display-id-block_12 h2,
.view-display-id-block_15 h2 {
	text-transform: uppercase;
}

.se-links-container ul li {
	margin-left: 5px;
}

.se-block
	.block-content
	.se-container
	.se-links-container
	.se-links
	.se-link.facebook_share {
	margin-bottom: 10px;
}

li.se-link.whatsapp,
.se-link.facebook_share {
	float: right;
}

li.se-link.googleplus,
li.se-link.messenger {
	float: left;
}

div#vbp-141 {
	margin-top: 40px;
}

.se-container span {
	margin-right: 15px;
	font-size: 12px;
	font-family: Prata;
	text-transform: uppercase;
}

.location-video {
	text-align: center;
	margin-bottom: 40px;
	margin-top: 45px;
}

.location-video h2 {
	text-transform: uppercase;
	margin-bottom: 35px;
}

.location-video iframe {
	width: 85%;
	height: 500px;
}

.video-spa video {
	width: 100%;
}

.video-spa {
	margin-bottom: 50px;
}

div#vbp-160,
div#vbp-193,
div#vbp-195 {
	background: #f8f8f8 !important;
	padding: 100px !important;
}

.slide-gallery-video {
	display: none;
}

.show-desktop {
	display: block;
}

.show-mobile {
	display: none;
}

.banner-offerte {
	z-index: 3 !important;
	background: #2c2c2c;
	position: absolute;
	top: 40px;
	padding: 20px;
	width: 400px;
	color: #fff;
	text-align: center;
	display: block;
}

.banner-offerte span {
	display: block;
}

span.banner-titolo {
	font-weight: bold;
	font-size: 17px;
}

span.banner-contatti {
	font-size: 15px;
}

.banner-offerte a {
	color: #fff;
}

div#edit-dati-anagrafici .form-item {
	width: 49%;
	display: inline-block;
}

.panel-heading .panel-title {
	color: #fff;
	background: #4b3c3a;
}

button#edit-actions-submit {
	background: #4b3c3a !important;
	border: 1px solid #4b3c3a !important;
	border-radius: 0 !important;
	transition: 0.3s all !important;
}

button#edit-actions-submit:hover {
	background: #fff !important;
	color: #000 !important;
}

.view-display-id-block_17 p {
	margin-bottom: 0;
}

.view-display-id-block_17 {
	margin-top: 40px;
}

a.candidati {
	color: #fff;
	background: #4b3c3a;
	border: 1px solid #4b3c3a;
	padding: 10px 20px;
	transition: 0.3s all;
	float: right;
}

a.candidati:hover {
	text-decoration: none;
	background: #fff;
	color: #000;
}

.form-required:after {
	margin-left: 4px;
	margin-bottom: 6px;
}

form#webform-submission-lavora-con-noi-node-86-add-form legend {
	border: none;
}

fieldset#edit-occupazioni--wrapper {
	margin-top: 0;
}

form#webform-submission-lavora-con-noi-node-86-add-form .panel-default {
	border: none !important;
	box-shadow: none !important;
}

div#edit-tipologia-di-occupazione-ricercata .panel-body {
	padding: 0 15px;
}

div#edit-tipologia-di-occupazione-ricercata .checkbox input[type='checkbox'] {
	margin-left: -25px;
}

.wrapper-gallery-appartamento .view-content {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wrapper-gallery-appartamento .view-content img {
	height: 370px;
	object-fit: cover;
}

.apartment-media-wrapper {
	margin-bottom: 60px;
}

.apartment-gallery.no-full {
	width: 75%;
	float: right;
}

.apartment-video {
	width: 25%;
	display: inline-block;
}

.apartment-gallery.full {
	width: 100%;
	float: none;
}

.apartment-media-wrapper .apartment-video video {
	height: 740px;
}

@media only screen and (max-width: 1440px) {
	.menulateral ul.menu a {
		font-size: 19px;
	}
}

@media only screen and (max-width: 1024px) {
	.wrapper-gallery-appartamento .view-content {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.wrapper-gallery-appartamento .view-content img {
		height: 200px;
	}

	.apartment-gallery,
	.apartment-video {
		width: 100% !important;
		float: none !important;
	}

	.apartment-media-wrapper .apartment-video video {
		height: 400px;
	}

	.path-frontpage .img-responsive,
	div#vbp-166 .img-responsive {
		width: 100%;
	}

	.testata.fixed .logo img {
		height: 77px;
	}

	.testata .logo {
		height: 80px;
	}
}

@media only screen and (max-width: 1023px) {
	.location-video iframe {
		width: 100%;
		height: 290px;
	}

	.page-node-type-offerta .hero_slider {
		margin-bottom: 0;
	}

	.view-display-id-block_9
		.field.field--name-field-media-image.field--type-image.field--label-hidden.field--item,
	.view-display-id-block_4
		.field.field--name-field-media-image.field--type-image.field--label-hidden.field--item,
	.view-display-id-block_11
		.field.field--name-field-media-image.field--type-image.field--label-hidden.field--item,
	.view-display-id-block_8
		.field.field--name-field-media-image.field--type-image.field--label-hidden.field--item,
	.view-display-id-block_7
		.field.field--name-field-media-image.field--type-image.field--label-hidden.field--item,
	.view-display-id-block_12
		.field.field--name-field-media-image.field--type-image.field--label-hidden.field--item,
	.view-display-id-block_15
		.field.field--name-field-media-image.field--type-image.field--label-hidden.field--item {
		margin-bottom: 30px;
	}

	.view-display-id-block_9 img,
	.view-display-id-block_4 img,
	.view-display-id-block_11 img,
	.view-display-id-block_8 img,
	.view-display-id-block_7 img,
	.view-display-id-block_12 img,
	.view-display-id-block_15 img {
		height: unset;
	}
	.field.field--name-bp-title.field--type-string.field--label-hidden.field--item {
		margin-bottom: 25px;
	}
	.prenota-camere .buttons a {
		width: 50%;
	}
	a.back {
		display: none;
	}
	.se-block {
		display: none;
	}
	h1 {
		font-size: 30px;
	}
	h2 {
		font-size: 20px;
	}
	section#block-title {
		font-size: 30px;
	}
	.view.view-blocchi.view-id-blocchi.view-display-id-block_3 {
		margin-top: -50px;
	}
	.path-frontpage .view.view-blocchi.view-id-blocchi.view-display-id-block_3 {
		margin-top: 0px;
	}

	.menulateral {
		width: 80% !important;
		left: -90%;
	}
	.menulateral ul.menu a {
		font-size: 20px !important;
	}
	.slide-text {
		font-size: 30px;
	}
	body {
		margin-top: 82px;
	}
	.testata {
		border-bottom: 1px solid #ccc;
	}
	.testata .logo {
		height: 50px;
		overflow: hidden;
		display: block;
		margin: 0;
	}
	.testata .testata-prenota {
		margin: 0;
		margin-top: -10px;
	}
	.testata .menu-button {
		margin: 4px 0 0 0;
	}
	.testata .logo img {
		height: 91px !important;
	}
	.bookingmobile {
		margin-bottom: 0 !important;
	}
}

@media only screen and (max-width: 768px) {
	.testata .logo img {
		height: 63px !important;
	}
	.slide-gallery-video .col-xs-3:nth-child(3) {
		text-align: right;
	}
	.slide-gallery-video .col-xs-3:nth-child(1) {
		text-align: left;
	}
	.prenota-container {
		margin-top: 10px;
	}
	.slide-gallery-video {
		text-align: center;
		position: relative;
		top: -100px;
		display: block !important;
	}

	span.title-span {
		color: #fff;
		font-size: 15px;
		display: block;
		margin-top: 3px;
	}

	.slide-gallery-video .row {
		margin-right: 0;
		margin-left: 0;
	}
	.slide-gallery-video img {
		width: 30px;
	}
	.social-right {
		display: none;
	}
	video#koffeeVideo {
		margin-top: 0px;
	}
	.location-video iframe {
		height: 325px !important;
	}
	.view-display-id-block_4 .buttons,
	.view-display-id-block_11 .buttons,
	.view-display-id-block_8 .buttons,
	.view-display-id-block_7 .buttons,
	.view-display-id-block_9 .buttons {
		margin-bottom: 15px;
	}
	.bookingcnt {
		margin-top: -165px !important;
	}
	.testata {
		padding: 15px 0 6px;
		padding-top: 10px;
	}
	.testata .logo {
		height: 64px !important;
	}
	.view.view-blocchi.view-id-blocchi.view-display-id-block_3 {
		margin-top: -10px !important;
	}
	.testata.fixed .testata-prenota {
		margin-right: 20px;
	}
	.prenota-container a.testata-prenota.offerte {
		margin-right: 20px;
	}
	section#block-title {
		margin-top: -10px;
	}
	.contatti-bottom {
		bottom: 100px;
	}
	.paragraph--type--bp-image img {
		width: 100%;
	}
	section#block-title {
		padding-top: 40px;
	}
}

@media only screen and (max-width: 767px) {
	.video-container {
		width: 100%;
	}

	.flex-btn a {
		flex-direction: column;
	}

	.flex-video {
		flex-direction: column;
	}

	a.work-with-us {
		margin: 0 auto;
		margin-top: 10px;
	}

	.show-desktop {
		display: none !important;
	}
	.show-mobile {
		display: block;
	}

	.banner-offerte {
		display: none;
		width: 310px;
		top: 15px;
	}

	section#block-title {
		margin-top: -10px;
	}
	div#vbp-160,
	div#vbp-193,
	div#vbp-195 {
		padding: 30px !important;
	}
	.menulateral ul.menu a {
		padding: 10px;
	}
	.prenota-container a.testata-prenota.offerte {
		margin-right: 7px;
	}
	.menulateral ul.menu {
		display: block;
		margin-top: 20px;
	}
	.contatti-bottom {
		bottom: 100px;
	}
	.prenota-container {
		margin-top: 10px;
	}
	.prenota-container a.testata-prenota.offerte img {
		width: 28px;
	}
	.prenota-container a.testata-prenota img {
		width: 30px;
		margin-bottom: 8px;
	}
	.prenota-container .testata-prenota span {
		font-size: 5px;
	}
	section#block-slidegalleryvideo {
		text-align: center;
		position: relative;
		top: -85px;
		display: block !important;
	}
	section#block-slidegalleryvideo .row {
		margin-right: 0;
		margin-left: 0;
	}
	section#block-slidegalleryvideo img {
		width: 30px;
	}
	.social-right {
		display: none;
	}
	.field--name-field-links {
		margin-bottom: 30px;
	}
	form#submitnewsletter input[type='text'] {
		width: 100%;
	}
	form#submitnewsletter input.button.button-newsletter {
		width: 130px;
	}
	.view-display-id-block_9 img,
	.view-display-id-block_4 img,
	.view-display-id-block_11 img,
	.view-display-id-block_8 img,
	.view-display-id-block_7 img {
		height: unset;
	}
	.prenota-camere {
		padding: 15px;
		padding-top: 45px;
	}
	.prenota-camere .buttons a {
		width: 50%;
	}
	.slide-text {
		font-size: 15px;
	}
	.testata.fixed .menu-button {
		margin-left: 0;
	}
	.testata.fixed .testata-prenota {
		margin-right: 0;
	}
	.owl-theme .owl-controls .owl-buttons div.owl-prev,
	.owl-theme .owl-controls .owl-buttons div.owl-next {
		width: 19px;
		height: 45px;
		top: calc(50% - 29px);
	}
	.buttons a {
		display: inline-block;
		margin-bottom: 15px;
		padding: 10px;
	}
	.contatti-bottom .social img {
		width: 24px;
		margin: 0 6px;
	}
	.footer-wrapper {
		text-align: center;
	}
	.footer-wrapper h1 {
		margin-top: 50px;
	}
	.footer .text-right {
		text-align: center;
		margin-top: 50px;
	}
	.field--name-field-planimetria {
		margin-top: 50px;
	}
	video#koffeeVideo {
		margin-top: 0px;
	}

	.view-display-id-block_17 a.candidati {
		display: block;
		text-align: center;
		margin-top: 10px;
	}
}

@media only screen and (max-width: 360px) {
	.contatti-bottom .social img {
		width: 22px;
	}
	.contatti-bottom {
		bottom: 65px;
	}
}

@media only screen and (max-width: 320px) {
	section#block-close-menu img.close-btn {
		margin: 0px;
		margin-top: 5px;
		margin-left: 5px;
		width: 17px;
	}
	section#block-selettorelingua {
		margin-top: 0px;
	}
	.menulateral ul.menu a {
		padding: 14px 0;
	}
	.menulateral ul.menu a {
		font-size: 17px !important;
	}
	ul.menu li.last a {
		padding: 12px;
	}
	.contatti-bottom img {
		width: 27px;
	}
	.contatti-bottom .social img {
		width: 21px;
		margin: 0px 4px;
	}
	.contatti-bottom {
		bottom: 45px;
	}
	.testata.fixed .testata-prenota {
		margin-right: -7px;
	}

	.banner-offerte {
		width: 289px;
		top: 0;
	}
}

.bookingmobile,
.bookingmobilemodal {
	display: none;
}

.bookingcnt {
	text-align: center;
	position: absolute;
	width: 100%;
	margin-top: -220px;
	z-index: 2;
	display: none;
	aspect-ratio: 1;
	/* height: auto; */
	height: 100px;
	max-width: 100%;
}
.path-frontpage .bookingcnt {
	display: block;
}
.booking {
	box-shadow: 0 2px 6px 0 rgba(90, 90, 90, 0.5);
	background: rgba(255, 255, 255, 0.9);
	position: relative;
	z-index: 10;
	margin-top: -31px;
	margin-bottom: 60px;
	font-size: 16px;
	line-height: 1;
	width: auto;
	margin: 0 auto;
	display: inline-block;
	float: none;
	text-align: left;
}
.booking > div {
	position: relative;
	width: 16.6666666%;
	float: left;
}
.booking .error:after {
	background: #d40000;
	content: '';
	width: 100%;
	display: block;
	position: absolute;
	height: 3px;
	margin-top: -3px;
}
.booking-link-sotto {
	color: #2c2c2c;
	cursor: pointer;
	margin: 5px 0px 10px 15px;
	display: block;
	font-size: 11px;
}

a.booking-link {
	background: #2c2c2c;
	border: 1px solid #2c2c2c;
	color: #fff;
	/* padding: 15px 15px; */
	padding: 20px 10px 20px 10px;
	text-transform: uppercase;
	display: block;
	text-align: center;
	transition: 0.5s all;
	margin: 10px;
	font-weight: bold;
	font-size: 15px;
}
a.booking-link:hover {
	background: none;
	color: #2c2c2c;
}
.booking input,
.booking select {
	-webkit-appearance: none;
	padding: 0px 15px;
	color: #2c2c2c;
	border: 0;
	background-color: transparent;
	border-radius: 0;
	width: 100%;
	max-width: 100%;
	outline: none;
	margin: 15px 0;
	display: block;
	height: 37px;
}
.booking .booking-code {
	position: absolute;
	width: 100%;
	margin-left: 0;
	margin-top: 11px;
	padding: 11px;
	font-size: 12px;
	background-color: rgba(255, 255, 255, 0.9);
	display: none;
}
.booking ::placeholder {
	color: #2c2c2c;
}
input[name='checkin'],
input[name='checkout'] {
	background-image: url(../images/cal.png);
	background-repeat: no-repeat;
	background-position: 90% center;
	background-size: 20px;
}
.booking select {
	background-image: url(../images/select.png);
	background-repeat: no-repeat;
	background-position: 90% center;
}
.booking .camera {
	padding: 25px 10px;
	color: #2c2c2c;
	border-right: 1px solid #f0eeea;
}
.booking select[disabled] {
	opacity: 0.2;
}
.cameracnt {
	display: none;
}
.booking .cameracnt {
	width: 100%;
	position: absolute;
	margin-top: 88px;
}

.booking .booking {
	width: 100%;
}

.booking .booking > div {
	width: 14%;
}

.booking .cameracnt2 {
	margin-top: 155px;
}

.booking .cameracnt3 {
	margin-top: 222px;
}

select.etabambino {
	display: none;
}

.ui-datepicker,
.ui-datepicker-material-header {
	font-family: 'Roboto';
}
body .range0 span {
	border-radius: 50% !important;
	background-color: #2c2c2c !important;
	color: #fff !important;
}
.ui-datepicker-material-header {
	display: block;
	background-color: #284b72;
	color: white;
	text-align: center;
	width: 325px;
}
.ui-datepicker-material-header .ui-datepicker-material-day {
	background-color: #1f3a58;
	padding: 10px;
	font-size: 1rem;
}
.ui-datepicker-material-header .ui-datepicker-material-date {
	padding: 20px;
}
.ui-datepicker-material-header
	.ui-datepicker-material-date
	.ui-datepicker-material-month,
.ui-datepicker-material-header
	.ui-datepicker-material-date
	.ui-datepicker-material-day-num,
.ui-datepicker-material-header
	.ui-datepicker-material-date
	.ui-datepicker-material-year {
	padding: 5px;
}
.ui-datepicker-material-header
	.ui-datepicker-material-date
	.ui-datepicker-material-month {
	font-size: 2rem;
	text-transform: uppercase;
}
.ui-datepicker-material-header
	.ui-datepicker-material-date
	.ui-datepicker-material-day-num {
	font-size: 4.5rem;
}
.ui-datepicker-material-header
	.ui-datepicker-material-date
	.ui-datepicker-material-year {
	font-size: 1.8rem;
	font-weight: 200;
	color: rgba(255, 255, 255, 0.4);
}

.ui-datepicker {
	padding: 0;
	border: none;
	box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
	width: 325px;
}

.ui-corner-all {
	border-radius: 0;
}

.ui-widget-header {
	border: 0;
}

.ui-datepicker-header {
	text-align: center;
	background: white;
	padding-bottom: 15px;
	font-weight: 300;
}
.ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker-header .ui-datepicker-next,
.ui-datepicker-header .ui-datepicker-title {
	border: none;
	outline: none;
	margin: 5px;
}

.ui-datepicker-prev.ui-state-hover,
.ui-datepicker-next.ui-state-hover {
	border: none;
	outline: none;
	background: #fff;
}

.ui-datepicker-calendar .ui-state-default {
	background: none;
	border: none;
	text-align: center;
	height: 33px;
	width: 33px;
	line-height: 25px;
}
.ui-datepicker-calendar .ui-state-highlight {
	color: #284b72;
}
.ui-datepicker-calendar .ui-state-active {
	border-radius: 50%;
	background-color: #2c2c2c;
	color: #fff;
}
.ui-datepicker-calendar thead th {
	color: #999999;
	font-weight: 200;
}

.ui-datepicker-buttonpane {
	border: none;
}
.ui-datepicker-buttonpane .ui-state-default {
	background: white;
	border: none;
}
.ui-datepicker-buttonpane .ui-datepicker-close,
.ui-datepicker-buttonpane .ui-datepicker-current {
	background: white;
	color: #284b72;
	text-transform: uppercase;
	border: none;
	opacity: 1;
	font-weight: 200;
	outline: none;
}
.ui-datepicker-buttonpane .ui-datepicker-close:hover,
.ui-datepicker-buttonpane .ui-datepicker-current:hover {
	background: #fff;
}
.ui-datepicker .ui-datepicker-prev span {
	background-image: url(../images/left-arrow.png);
	background-position: center;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-next span {
	background-image: url(../images/right-arrow.png);
	background-position: center;
	cursor: pointer;
}
.bookingmobile {
	margin-top: -60px;
	margin-bottom: 30px;
	background: #372624;
	padding: 10px 0;
	height: 75px;
}
.bookingmobilebutton {
	text-transform: uppercase;
	color: #fff;
	font-size: 21px;
	border-left: 1px solid #fff;
	/* border-right: 1px solid #fff; */
	padding: 25px 0;
	margin: -10px -10px;
}

.bookingmobilebutton.social {
	border-right: none;
	margin: -10px -15px;
}

.bookingmobile img {
	height: 25px;
}

.bookingmobilemodal {
	position: fixed;
	z-index: 100;
	background-color: #372624;
	display: none;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	padding: 15px;
	color: #fff;
	text-align: center;
}
.bookingmobilemodal-title {
	color: #ffffff;
	font-size: 32px;
	margin-top: 15px;
	background-repeat: no-repeat;
	background-position: right 8px;
	background-size: 23px;
}
.bookingmobilemodal-code {
	display: block;
	text-align: center;
	border-top: 1px solid #f0eeea;
	border-bottom: 1px solid #f0eeea;
	padding: 10px 0;
	clear: both;
}
.bookingmobilemodal-code span {
	cursor: pointer;
}
.bookingmobilemodal-link {
	border-radius: 3px;
	background-color: #fff;
	color: #2c2c2c;
	font-size: 20px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	padding: 8px 10px;
	margin: 15px 0;
}
.bookingmobilemodal-link-prenotazioni {
	color: #fff;
	font-size: 14px;
	text-align: center;
	display: block;
}
.bookingmobilemodal-close {
	background-image: url(../images/close.png);
	width: 22px;
	height: 23px;
	position: absolute;
	right: 14px;
	cursor: pointer;
}
.bookingmobilemodal-code input {
	display: none;
	width: 100%;
	background: #fff;
	padding: 5px;
	border: 0;
	margin: 5px 0 0 0;
}
.bookingmobilemodal-checkin,
.bookingmobilemodal-checkout {
	width: 50%;
	float: left;
	border-top: 1px solid #f0eeea;
	padding: 10px;
	margin-top: 20px;
	border-bottom: 1px solid #f0eeea;
}

.bookingmobilemodal-checkin {
	border-right: 1px solid #f0eeea;
}

.bookingmobilemodal-checkin span,
.bookingmobilemodal-checkout span {
	text-align: center;
	display: block;
}

.bookingmobilemodal-adulti {
	border-right: 1px solid #f0eeea;
}

.bookingmobilemodal-camere,
.bookingmobilemodal-adulti,
.bookingmobilemodal-bambini {
	width: 50%;
	float: left;
	text-align: center;
	padding: 10px;
}
.bookingmobilemodal-data select,
.bookingmobilemodal-etabambini select {
	-webkit-appearance: none;
	font-size: 44px;
	font-weight: bold;
	color: #fff;
	display: block;
	background: transparent;
	border: 0;
	margin-left: auto;
	margin-right: auto;
}
.bookingmobilemodal-data select option,
.bookingmobilemodal-etabambini select option {
	font-size: 18px;
	font-weight: normal;
	color: #000;
}
.bookingmobilemodal-data .giorno {
	font-size: 11px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	margin-top: 10px;
}

.bookingmobilemodal-data .giorno2 {
	font-size: 44px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

.bookingmobilemodal-data .data {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
}
.bookingmobilemodal-data {
	position: relative;
}
.bookingmobilemodal-checkin input,
.bookingmobilemodal-checkout input {
	display: none;
}
.bookingmobilemodal-etabambini {
	width: 33.3333%;
	float: left;
	border-top: 1px solid #f0eeea;
	text-align: center;
	padding: 10px;
	display: none;
}
.bookingmobilemodal-etabambini2 {
	border-left: 1px solid #f0eeea;
	border-right: 1px solid #f0eeea;
}
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
	background: #372624;
}
.picker__day--highlighted {
	border-color: #372624;
}
.picker__day--today:before {
	border-top: 0.5em solid #372624;
}
.range0 {
	color: #fff !important;
	opacity: 0.5;
}
.picker--opened .picker__holder {
	background: transparent;
}
.boookingmobile-opaco {
	opacity: 0.6;
}

a.bookingmobilemodal-best {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff;
	text-align: center;
	color: #2c2c2c;
	font-size: 22px;
	padding: 15px;
}
.bookingmobile.fixed {
	position: fixed;
	bottom: 0;
	z-index: 47;
	width: 100%;
	border-top: 1px solid #f0eeea;
}
.box-link-prenota {
	display: block;
	text-align: center;
	margin-top: 10px;
}

.hero_slider .owl-next {
	right: 75px;
}

.hero_slider .owl-prev {
	left: 75px;
}

@media only screen and (max-width: 768px) {
	.bookingmobile {
		display: block;
		position: fixed;
		bottom: 0px;
		width: 100%;
		z-index: 9;
	}
	.bookingmobilebutton {
		font-size: 16px;
	}
	.booking {
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	.bookingmobile {
		display: block;
		position: fixed;
		bottom: 0px;
		width: 100%;
		z-index: 9;
	}
	.bookingmobilebutton {
		font-size: 19px;
	}
	.booking {
		display: none;
	}
	.bookingmobilebutton {
		font-size: 16px;
	}
}

.apartments__popup-overlay {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.4);
	z-index: 9995;
}

.apartments__popup {
	position: fixed;
	top: 10%;
	z-index: 10000;
	width: 500px;
	left: 50%;
	margin-left: -250px;
	background: #fff;
}

.apartments__popup-image img {
	width: 100%;
	height: 330px;
	object-fit: cover;
}

.apartments__popup-body {
	padding: 20px;
	text-align: center;
}

.apartments__popup-body a {
	display: block;
	margin-top: 20px;
	text-transform: uppercase;
	border: 1px solid;
	width: 225px;
	margin: 20px auto;
	padding: 15px;
	text-decoration: none;
	transition: 0.3s ease-in;
}

.apartments__popup-body a:hover {
	background: #4a4a4a;
	color: #fff;
}

.apartments__popup-close {
	position: absolute;
	right: 10px;
	color: #fff;
	font-size: 25px;
	top: 10px;
	cursor: pointer;
}

/* .bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 9995;
}

div#popup-offerte {
    display: none;
}



.content {
    width: 100%;
}

.content-left {
    width: 50%;
    float: left;
}

.content-right {
    width: 50%;
    float: left;
    text-align: center;
    padding: 25px;
}

.content-left img {
    width: 100%;
}

.close {
    position: absolute;
    right: 15px;
    font-size: 35px;
    line-height: 1;
    top: 0;
    cursor: pointer;
    color: #ffffff !important;
    z-index: 4;
}


.titolo h1 {
    font-size: 30px;
    color: #0990D7;
    text-transform: uppercase;
    font-weight: bold;
}

.leggi a {
    color: #0990D7;
    border: 1px solid #0990D7;
    background: #fff;
    padding: 10px 35px 10px 35px;
    transition: .5s all;
}

.prenota a {
    background: #CDA03F;
    padding: 10px 35px 10px 35px;
    color: #fff;
    border: 1px solid #CDA03F;
    transition: .5s all;
}

.prenota a:hover {
    color: #CDA03F;
    background: #fff;
}

.leggi a:hover {
    background-color: #CDA03F;
    color: #fff;
}

.descrizione {
    font-size: 16px;
}

.actions {
    padding-top: 30px;
}

.actions .leggi {
    width: 45%;
    display: inline-block;
}

.actions .prenota {
    width: 45%;
    display: inline-block;
}

a.banner-btn {
    display: block;
    position: absolute;
    color: #fff;
    bottom: 25px;
    background: #CDA03F;
    border: 1px solid #CDA03F;
    padding: 15px 40px;
    text-transform: uppercase;
    transition: .3s all;
}

a.banner-btn:hover {
    background: transparent;
}

@media screen and (max-width: 1024px) {
    .modal-content {
        left: 60%;
    }
}

@media screen and (max-width: 1023px) {
    .modal-content {
        width: 89%;
        margin-left: 6%;
        display: block;
        left: 0;
        height: 60%;
        top: 15%;
    }

    a.banner-btn {
        left: 20%;
        bottom: 15px;
    }

    .content-left {
        display: none;
    }

    .content-right {
        float: none;
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .modal-content {
        width: 60%;
        margin-left: 22%;
        display: block;
        left: 0;
        height: 62%;
        top: 15%;
    }

}

@media screen and (max-width: 767px) {
    .modal-content {
        width: 90%;
        margin-left: 5%;
        display: block;
        left: 0;
        height: 60%;
        top: 15%;
        font-size: 15px;
    }

}

/* @media screen and (max-width: 375px) {
    .modal-content {
        width: 90%;
        margin-left: 5%;
        display: block;
        left: 0;
        height: 72%;
        top: 15%;
        font-size: 15px;
    }

} */

/* @media screen and (max-width: 320px) {
    .modal-content {
        width: 82%;
        margin-left: 8%;
        display: block;
        left: 0;
        top: 7%;
        font-size: 11px;
        height: 67%;
    }

} */

.bg2 {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.4);
	z-index: 9995;
}

div#popup-offerte2 {
	display: none;
}

.modal-content2 {
	position: fixed;
	width: 900px;
	left: 50%;
	background: #fff;
	border: 2px solid #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 5%;
	z-index: 9999;
	height: 545px;
	color: #333;
	padding: 0px 20px 0 20px;
	font-size: 16px;
	margin-left: -450px;
}

.modal-content2::after {
	content: '';
	clear: both;
	display: block;
}
.close2 {
	position: absolute;
	right: 15px;
	font-size: 35px;
	line-height: 1;
	top: 0;
	cursor: pointer;
	color: #333 !important;
	z-index: 2;
}

a.parla-help-box:nth-child(3) {
	margin-bottom: 0;
}
.parla-help-text {
	font-size: 25px;
	font-weight: bold;
	margin-top: 0px;
}
.parla-help-text span {
	text-decoration: underline;
}
img.parla-help-img {
	margin: 20px 0;
}
span.spacesocial {
	margin-left: 39px;
}
ul.parla-help-list li {
	background: url('/sites/default/files/icons/check.png') center left no-repeat;
	list-style: none;
	padding: 5px 0 5px 25px;
	background-size: 16px;
}
.parla-help-box img.social {
	width: 20px;
	margin-right: 5px;
	margin-top: 3px;
}
ul.parla-help-list {
	padding: 0;
	margin: 25px 0 0 0;
}

.parla-help-box {
	display: block;
	border: 1px solid silver;
	padding: 25px;
	margin-bottom: 20px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	text-decoration: none;
}
.parla-help-box:hover {
	text-decoration: none;
}
.parla-help-box.parla-help-box-chat {
	margin-top: 55px;
}

.parla-help-box:hover {
	border-color: #1d1d1d;
	cursor: pointer;
	color: #333;
}
img.parla-help-immagine {
	width: 30px;
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
}
.prenota-container {
	float: right;
}
.prenota-container .col-xs-4 {
	width: 87px;
}
.prenota-container a.testata-prenota img {
	width: 44px;
	margin-bottom: 7px;
	max-width: initial !important;
}

@media screen and (max-width: 767px) {
	.apartments__popup {
		width: 400px;
		margin-left: -200px;
	}

	.prenota-container {
		width: 104px;
		margin-left: -32px;
	}

	.prenota-container img {
		width: 20px !important;
	}

	div#popup-offerte2 .col-xs-6 {
		width: 100%;
		clear: both;
		display: block;
	}

	.modal-content2 {
		width: 90%;
		left: 5%;
		overflow: scroll;
		height: 80vh;
		top: 5%;
		margin: 0;
		padding: 20px;
	}
	a.parla-help-box:nth-child(3) {
		margin-bottom: 15px;
	}

	.content-text {
		position: relative;
		height: 100%;
	}

	.parla-help-box.parla-help-box-chat {
		margin-top: 20px;
	}
	.parla-help-text {
		margin-top: 0px;
	}
	.parla-help-box {
		padding: 15px;
	}
	span.spacesocial {
		display: none;
	}
	.prenota-container .col-xs-4 {
		width: 33.3333%;
	}
}

.vacanza-sicura {
	text-align: left;
}

.vacanza-sicura .titolo {
	font-size: 35px;
	margin-bottom: 20px;
	font-weight: bold;
}

.text-body {
	font-size: 20px;
}

.list ol {
	list-style-position: inside;
}

.list ol {
	list-style: none;
	counter-reset: item;
}

.list li {
	counter-increment: item;
	margin-bottom: 20px;
}

.list li:before {
	margin-right: 7px;
	text-align: center;
	font-weight: bold;
	font-size: 19px;
	content: counter(item) '.';
}

a.vacanza-sicura {
	color: #fff;
	display: block;
	text-align: center;
	margin: 5px auto;
	border: 1px solid #fff;
	width: 320px;
	padding: 13px 10px;
	transition: 0.3s all;
	margin-top: 20px;
}

a.vacanza-sicura:hover {
	text-decoration: none;
	background: #fff;
	color: #2c2c2c;
}

.bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	background: #000000ab;
	z-index: 10000;
}

.popup {
	display: none;
	position: fixed;
	z-index: 10010;
	background: #2c2c2c;
	top: 20%;
	left: 59%;
	width: 680px;
	margin-left: -450px;
	border: 2px solid #fff;
}

.popup-close {
	color: #fff;
	position: absolute;
	right: 15px;
	font-size: 29px;
	z-index: 3;
	cursor: pointer;
}

.popup-right {
	width: 100%;
	float: left;
	padding: 20px;
}

.popup-text {
	font-size: 31px;
	font-family: inherit;
	color: #fff;
	text-align: center;
	padding: 0 25px;
}

.popup-text p {
	margin: 15px 0;
}

@media screen and (max-width: 768px) {
	.popup {
		width: 90%;
		left: 5%;
		margin-left: 0;
		max-height: 90vh;
		overflow: scroll;
		top: 10%;
	}

	.popup-right {
		width: 100%;
		overflow: scroll;
		padding-bottom: 20px;
	}

	.popup-text {
		padding: 0;
		font-size: 20px;
	}
	a.vacanza-sicura {
		width: auto;
	}
}

/******** pagina voucher ********/

.bg-gray {
	background-color: #fbfaf9;
}

.steps {
	text-align: center;
}

.steps span.f {
	background: #3c2e2e;
	color: #fff;
	padding: 6px;
	font-size: 21px;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	text-align: center;
	display: block;
	margin: 10px auto 5px auto;
}

.vouc img {
	width: calc(30% + 1%);
	float: left;
	margin: 15px 1% 30px 1%;
	border: 3px solid transparent;
	cursor: pointer;
	opacity: 0.5;
}
.vouc.v-active img {
	border: 3px solid #000;
	opacity: 1;
}
.vouc:nth-child(1) {
	margin-left: -10px;
}
.vouc:nth-child(3) {
	margin-right: -10px;
}

.voucher-values {
	background: #3c2e2e;
	padding-bottom: 30px;
	text-align: center;
}

.voucher-values h3 {
	color: #fff;
}

.voucher-form {
	margin-top: 30px;
}

form#formvoucher label {
	font-size: 14px;
}

form#formvoucher input {
	font-size: 16px;
	border: 1px solid #ccc;
	background: #fff;
	height: 35px;
	border-radius: 0;
	padding: 10px;
	display: block;
	width: 100%;
	margin-bottom: 15px;
}

form#formvoucher textarea {
	display: block;
	width: 100%;
	resize: none;
	height: 150px;
	border: 1px solid #ccc;
	font-size: 16px;
	margin-bottom: 15px;
	padding: 5px;
}

form#formvoucher input#invia {
	background: #3c2e2e;
	color: #fff;
	display: inline-block;
	width: 165px !important;
	padding: 0 !important;
	margin-top: 15px;
	border: 1px solid #3c2e2e !important;
	font-size: 18px !important;
	transition: 0.3s all;
}

form#formvoucher input#invia:hover {
	background: transparent !important;
	color: #3c2e2e !important;
}

.box-importo.box-altro span {
	display: inline-block;
}

.box-importo.box-altro input {
	display: inline-block;
	width: 100px;
	margin: 0;
}
.box-importo {
	background: #fff;
	padding: 5px 15px;
	margin: 5px;
	display: inline-block;
	font-size: 19px;
	cursor: pointer;
	border: 3px solid #9f9779;
	opacity: 0.5;
}

.box-importo.box-importo-active {
	border: 3px solid #000;
	opacity: 1;
}

div#ok {
	background: #3c2e2e;
	text-align: center;
	padding: 10px;
	font-size: 22px;
	color: #fff;
}

#loader {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	background: rgb(0 0 0 / 80%);
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.lds-ring {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	margin: 8px;
	border: 8px solid #fff;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
}
@keyframes lds-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.voucher-section-1 {
	text-align: center;
	padding: 50px 0;
}

.voucher-form .medium-4 {
	width: 32%;
	text-align: left;
	float: left;
	margin-right: 1%;
}

form#formvoucher {
	clear: both;
}

.voucher-form input#privacy {
	height: 15px !important;
	display: block !important;
	float: left !important;
	width: auto !important;
	margin-right: 11px;
}

@media screen and (max-width: 768px) {
	.voucher-form .medium-4 {
		width: 100%;
		margin-right: 0%;
	}
}

span.more {
	display: none;
}

a.read-more-btn {
	margin: 0px auto;
	display: block;
	text-align: center;
	margin-top: 30px;
	text-transform: uppercase;
}

span.more.more-open {
	display: block;
}

.grid-apartment-2 img {
	height: 350px;
	object-fit: cover;
	width: 100%;
}

.grid-apartment-1 img {
	height: 700px;
	object-fit: cover;
}

.image-grid video {
	width: 100%;
	object-fit: cover;
	height: 700px;
}

/*************** FORM CONTATTI CAMERE ****************/

.room-contacts-form .form-item {
	width: calc(45% - 25px);
	display: inline-block;
	margin-right: 40px;
}

.room-contacts-form form .form-item:nth-child(2n),
.room-contacts-form .form-type-textarea {
	margin-right: 0;
}

.room-contacts-form .form-type-textarea {
	width: 90%;
}

.room-contacts-form {
	max-width: 1080px;
	margin: 0 auto;
	margin-top: 50px;
}

.room-contacts-form .btn-submit {
	width: 175px;
	margin-top: 20px;
	padding: 5px 0;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: bold;
	margin-right: 0;
}

.room-contacts-form .form-item input,
.room-contacts-form .form-item textarea {
	border: 1px solid #f4f6f8;
	background-color: #ffffff;
	box-shadow: inset 0 1px 3px 0 rgb(0 0 0 / 50%);
}

.room-contacts-form-title {
	font-family: 'Prata';
	font-size: 25px;
	margin-bottom: 5px;
}

.rooms-contacts-form-description {
	margin-bottom: 20px;
	font-size: 16px;
}

.progetti-arte {
	margin-bottom: 47px;
}

.progetti-arte .buttons {
	margin-top: 35px;
}

.progetti-arte h2 {
	text-transform: uppercase;
}

@media screen and (max-width: 767px) {
	.room-contacts-form .form-item {
		width: 100%;
	}

	.progetti-arte:last-child .row {
		display: flex;
		flex-direction: column-reverse;
	}
}

.gallery-hidden {
	display: none;
}

.apartments-gallery-wrapper img {
	width: 100%;
}

.gallery img {
	height: 400px;
	object-fit: cover;
}

.gallery-arte img {
	object-fit: cover;
	height: 425px;
}

.gallery a {
	position: relative;
	display: block;
}

.video-apartment-container {
	position: relative;
}

.gallery a span,
.video-apartment-container span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	color: #fff;
	pointer-events: none;
	font-family: Prata;
	font-size: 33px;
	text-align: center;
	text-transform: uppercase;
}

.apart-500 span {
	pointer-events: all;
	cursor: pointer;
}

.view-display-id-block_18 .col-sm-4:last-child .views-field-title,
.view-display-id-block_6 .col-sm-4:last-child .views-field-title {
	text-shadow: 1px 1px #000;
}

.gallery.apartment-400 img {
	height: 800px;
}

video.apartment-video {
	object-fit: cover;
	height: 800px;
	width: 100%;
	margin-bottom: -6px;
}

.video-apartment-container.grid-block .apartment-video {
	height: 400px;
}

video.apartment-video:focus {
	outline: none;
}

.flex-video {
	display: flex;
	gap: 20px;
}

.page-node-type-dettaglio-appartamento .apartment-gallery,
.apartment-video {
	width: 100% !important;
}

.page-node-type-dettaglio-appartamento .apartment-video {
	margin: 20px 0;
}

.apartment-video video {
	max-height: 550px;
}

/* .apartment-media-wrapper.node-122 .apartment-video, .apartment-media-wrapper.node-122 .apartment-gallery,
.apartment-media-wrapper.node-123 .apartment-video, .apartment-media-wrapper.node-123 .apartment-gallery {
	width: 50%;
} */

.video-container {
	width: 50%;
	position: relative;
}

.video-desc {
	position: absolute;
	top: 5%;
	left: 5%;
	transform: translate(-5%, -5%);
	color: #fff;
	background: rgba(0, 0, 0, 0.5);
	padding: 10px;
	font-weight: bold;
	z-index: 1;
}

.video-container video {
	width: 100%;
	object-fit: cover;
}

.video-container::after {
	content: '';
	width: 100%;
	height: 550px;
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.3;
}

span.gallery-trigger,
.gallery-trigger-302,
.gallery-trigger-303,
.gallery-trigger-304,
.gallery-trigger-305,
.gallery-trigger-306,
.gallery-trigger-404 {
	z-index: 6 !important;
	cursor: pointer;
	display: block;
	pointer-events: all !important;
}

img {
	max-width: 100%;
	height: auto;
}

.node-121 .view-id-appartamenti .view-content {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media screen and (max-width: 768px) {
	.node-121 .view-id-appartamenti .view-content {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.gallery img {
		height: 350px;
	}
	.video-apartment-container.grid-block .apartment-video {
		height: 350px;
	}
}

@media (min-width: 1050px) {
	.col-lg-4 {
		width: 33.33333333%;
		float: left;
	}
}

body .hero_slider {
	height: auto;
}
@media screen and (max-width: 767px) {
	body .hero_slider {
		height: auto;
	}

	.view-id-gallery.view-display-id-block_1 .view-content {
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}

h1.page-header {
	display: none;
}