@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

html, body{
	width: 100%;
	padding: 0px;
	margin: 0px;
	font-family: "Raleway", sans-serif;
	font-weight: 400;
	text-align: center;
	color: #222222;
	font-size: 20px;
	background-color: #ffffff;
	line-height: 1.6;
}

input{
	font-family: "Raleway", sans-serif;
	font-weight: 400;
}

.titolo {
	font-family: "Bodoni Moda", serif;
	text-transform: uppercase;
}

.fs0{
	font-size: 20px;
}

.fs1{
	font-size: 20px;
}

.fs2{
	font-size: 25px;
}

#richiesta_cnt .input-cnt {
  margin-bottom: 45px;
}

.container-2-colonne {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
}

.fs3{
	font-size: 30px;
}

.fup{
	text-transform: uppercase;
}

.colonna {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 2;
  -webkit-column-gap: 5%;
  -moz-column-gap: 5%;
  column-gap: 5%;
}

header{
	position: relative;
}

#photo{
	width: 100%;
	height: 100vh;
	position: relative;
	box-sizing: border-box;
}

#photo div{
	position: relative;
	height: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #ccc;
}

#photo.nav{
	height: 75vh;
	position: relative;
	box-sizing: border-box;
}

#map{
	height: 75vh;
	position: relative;
	box-sizing: border-box;
	background: rgb(2,0,36);
}


.owl-controls{
	display: none;
}

.items{

}

.icon-big {
  width: 40px;
}

.icon-white {
	/*filter: brightness(0) saturate(100%) invert(100%) sepia(67%) saturate(0%) hue-rotate(197deg) brightness(101%) contrast(102%);*/
	/*filter: invert(70%) sepia(40%) saturate(300%) hue-rotate(330deg) brightness(95%);*/
	}


	.icon-footer {
	  filter: brightness(0) saturate(100%) invert(21%) sepia(3%) saturate(6492%) hue-rotate(347deg) brightness(95%) contrast(64%);
	  width: 15px;
	}

	/*.icon-footer:hover {
filter: brightness(0) saturate(100%) invert(100%) sepia(98%) saturate(0%) hue-rotate(345deg) brightness(103%) contrast(103%);
}*/

	.slogan {
  color: #666666;
  font-style: italic;
  font-size: 50px;
  display: block;
  margin-bottom: 40px;
}

.filter {
	background-color: #cfae7b80;
	padding: 100px 0px;
	/*color: #fff;*/
}

.filter .btn2{
	background-color: transparent;
	border: #ffffff 2px solid;
	color: #ffffff;
}

#popup {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,.45);
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  z-index: 10000;
}

.popup {
  background-color: #000;
  border: #aaa 1px solid;
  z-index: 10001;
  max-width: 800px;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  padding: 50px;
  background-image: url('img/nuova-camera.jpeg');
  background-position: center center;
  background-size: cover;
  background-image: -webkit-linear-gradient(top left, rgba(0,0,0, 0.1), rgba(140, 140, 140, 1)), url('/img/nuova-camera.jpeg');
  background-image: -moz-linear-gradient(top left, rgba(0,0,0, 0.1), rgba(140, 140, 140, 1)),url('/img/nuova-camera.jpeg');
  background-image: -ms-linear-gradient(top left, rgba(0,0,0, 0.1), rgba(140, 140, 140, 1)), url('/img/nuova-camera.jpeg');
  background-image: -o-linear-gradient(top left, rgba(0,0,0, 0.1), rgba(140, 140, 140, 1)), url('/img/nuova-camera.jpeg');
  background-image: linear-gradient(top left, rgba(0,0,0, 0.1), rgba(140, 140, 140, 1)), url('/img/nuova-camera.jpeg');
  font-size: 22px;
}

.containerpopup {
  max-width: 1300px;
  position: relative;
  margin: 0 auto;
}
.popup .btn {
  display: block;
}
.filter .btn2:hover{
	background-color: #ceac7a;
	border: #ceac7a 2px solid;
	color: #222222;
}



.icon-small {
  width: 30px;
}

.items::after {
    content: " ";
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1001;
    width: 100%;
    height: 100%;
    /*background-color: rgba(0,0,0, 0.50);
	background: linear-gradient(to bottom, white 0%, transparent 30%, transparent 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, transparent 45%, transparent 70%, rgba(0,0,0,0.8) 100%);	*/
}

#sxtop{
	position: absolute;
	top: 34px;
	right: 30px;
	/*background-color: #aaa;*/
	/*width: 50px;
	height: 50px;*/
	z-index: 999;
	z-index: 100000;
}

#menusxtop{
	position: absolute;
	top: 30px;
	right: 30px;
	background-color: #fff;
	width: 50px;
	height: 50px;
	z-index: 1002;
	text-align: right;
}

#dxtop{
	position: absolute;
	top: 30px;
	left: 30px;
	width: 50px;
	height: 50px;
	z-index: 100000;
}

#dxtop a{
	color: #fff;
	font-size: 40px;
	text-decoration: none;
}

#dxbot img {
	display: block;
}

#sxbot{
	position: absolute;
	bottom: 30px;
	left: 30px;
	background-color: #ccc;
	width: 50px;
	height: 50px;
	z-index: 999;
}

#dxbot{
	position: fixed;
	visibility: hidden;
	opacity: 0;
	bottom: 30px;
	left: 30px;
	background-color: #ceac7a;
	background-color: #ffffff;
	z-index: 999;
	padding: 0px;
	z-index: 1000001;
	transition: all .5s;
	border-radius: 50%;
	/*border: #CEAC7A 1px solid;*/
}


#dxbot.visibile{
	visibility: visible;
	opacity: 1;
}

#menufixed{
	display: block;
	position: fixed;
	visibility: hidden;
	opacity: 0;
	top: 30px;
	right: 30px;
	background-color: #ceac7a;
	background-color: #ffffff;
	/*border: #CEAC7A 1px solid;*/
	z-index: 999;
	padding: 0px;
	z-index: 1000001;
	transition: all .5s;
	border-radius: 50%;
}

.scopri-back {
  position: absolute;
  width: 25px;
  bottom: 40px;
  right: 10px;
}

#menufixed.visibile{
	visibility: visible;
	opacity: 1;
}

#menufixed img{
	display: block;
}

#logo{
	position: absolute;
	top: 30px;
	z-index: 1002;
	display: inline-block;
	margin: 0px auto;
	transform: translate(-50%);
	width: 100%;
}



.border {

}

#logo img {
	width: 100%;
}

.logonav {
  max-width: 250px;
}

.logohome {
  max-width: 400px;
}

.menuopen{
	left: 0px !important;
}

#menu{
	position: fixed;
	padding: 30px;
	box-sizing: border-box;
	top: 0px;
	left: -100%;
	width: 100%;
	height: 100vh;
	z-index: 1000;
	background-color: #fff;
	display: table;
	transition: left .5s;
	z-index: 10000001;
}

.titolo-map {
  font-size: 20px;
  line-height: 30px;
  text-transform: lowercase;
  padding-bottom: 10px;
  font-family: "Bodoni Moda", serif;
  text-transform: uppercase;
  padding-top: 10px;
  text-align: center;
}

.btn-map {
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  color: #fff !important;
  text-transform: uppercase;
  font-size: 15px;
  text-shadow: 1px 1px #000;
  background-color: #ceac7a;
  transition: all .5s;
  width: 100%;
  text-align: center;
}

.menu-head{
	width: 100%;
	height: 15%;
	display: table;
}

/*.menu-body{
	width: 100%;
	height: 60%;
	display: table;
}*/

.menu-body {
	width: 100%;
	display: table;
	padding-top: 20px;
	font-family: "Bodoni Moda", serif;
	text-transform: uppercase;
	text-transform: lowercase;
}

.menu-image {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 600px;
	height: 90%;
}

.iconcine {
  font-size: 30px;
  margin: 10px;
  color: #222 !important;
}

.menu-foot{
	width: 100%;
	height: 25%;
	background-color: #ceac7a;
	background-color: #4e5361;
	display: table;

}

.align-middle{
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}

.sx{
	float: left;
	width: 50%;
}

.dx{
	float: left;
	width: 50%;
}

.menu-contatti{
	max-width: 300px;
	margin: 0px auto;
	color: #eeeeee;
	padding: 30px;
	box-sizing: border-box;
}

.menu-contatti a{
	color: #eeeeee;
	text-decoration: none;
	text-decoration: underline;
}

.asx{
	text-align: left;
}

.scopri-back-dintorni {
  width: 25px;
  bottom: 40px;
  right: 10px;
  z-index: 100000000;
  position: static;
  margin-bottom: 10px;
  margin-left: 10px;
}

.adx{
	text-align: right;
}



.menu-social{
	display: inline-block;
	padding-right: 20px;
	font-size: 20px;
	color: #eeeeee;
}

#spot{
	position: absolute;
	bottom: 110px;
	left: 30px;
	z-index: 1000;
	text-align: left;
}

.spot-titolo {
	color: #fff;
	font-size: 70px;
	line-height: 70px;
	text-transform: uppercase;
	padding-bottom: 20px;
	text-shadow: 1px 1px #000;
	font-family: "Bodoni Moda", serif;
text-transform: uppercase;
}

.spot-sottotitolo{
	color: #fff;
	font-size: 30px;
	padding-bottom: 30px;
	text-shadow: 1px 1px #000;
}

.spot-titolo2{
	color: #fff;
	font-size: 40px;
	line-height: 48px;
	text-transform: lowercase;
	padding-bottom: 20px;
	text-shadow: 1px 1px #000;
	font-family: "Bodoni Moda", serif;
text-transform: uppercase;
}

.spot-sottotitolo2{
	color: #fff;
	font-size: 20px;
	padding-bottom: 30px;
	text-shadow: 1px 1px #000;
}

.spot-titolo3{
	color: #222;
	font-size: 40px;
	line-height: 40px;
	text-transform: uppercase;
	padding-bottom: 20px;
	font-family: "Bodoni Moda", serif;
text-transform: uppercase;
	text-transform: lowercase;
}

.spot-sottotitolo3{
	color: #222;
	font-size: 20px;
	padding-bottom: 30px;
}

.btn {
  display: inline-block;
  /*border: #fff 2px solid;*/
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  color: #fff !important;
  text-transform: uppercase;
  font-size: 20px;
  text-shadow: 1px 1px #000;
  background-color: #ceac7a;
  transition: all .5s;
	/*border-radius: 10px;*/
}

.btn:hover{
	color: #fff !important;
	/*text-shadow: 1px 1px #fff;*/
	background-color: #4e5361;
}


.simbolo {
  background-color: #EFEFEF;
  /*margin-top: 70px !important;*/
  background-image: url('/img/simbolo.png');
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 900px;
}

.logo-menu {
  width: 100%;
  max-width: 230px;
}

.btn2{
	display: inline-block;
	border: #fff 1px solid;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 30px;
	text-decoration: none;
	color: #222;
	text-transform: uppercase;
	font-size: 20px;
	transition: all .5s;
	background-color: #ceac7a;
	/*border-radius: 10px;*/
}

 .btn2 a {
	color: #ffffff;
	}

.btn2:hover{
	color: #fff;
	text-shadow: none;
	background-color: #4e5361;
}

.btn-prenota {
  display: inline-block;
  /*border: #fff 2px solid;*/
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  color: #fff !important;
  text-transform: uppercase;
  font-size: 20px;
  text-shadow: 1px 1px #000;
  background-color: #ceac7a;
  transition: all .5s;

}

.btn-prenota:hover{
	color: #fff !important;
	/*text-shadow: 1px 1px #fff;*/
	background-color: #ceac7a;
}

.box-scroll-line{
	position: absolute;
	bottom: 150px;
	z-index: 1000;
	display: inline-block;
	margin: 0px auto;
	transform: translate(-50%);
	height: 50px;
}

#whatsappa {
	position: fixed;
	right: 204px;
	bottom: 30px;
	background-color: #ffffff;
	/*border: #CEAC7A 1px solid;*/
	z-index: 1001;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	z-index: 1000001;
}

#scrivi {
	position: fixed;
	right: 117px;
	bottom: 30px;
	background-color: #ffffff;
	z-index: 1001;
	color: #fff;
	text-align: center;
	color: #fff;
	transition: box-shadow 150ms linear;
	border-radius: 50%;
	z-index: 1000001;
	/*border: #CEAC7A 1px solid;*/
	display: block;
}

.bordonero {
	border: #505461 2px solid;
	border-radius: 50%;
}

.bordoblu {
	border: #afcecf 4px solid;
	border-radius: 50%;
}

.bordomarrone {
	/*border: #CEAC7A 1px solid;*/
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.bordomarronebig {
	/*border: #CEAC7A 1px solid;*/
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

#whatsappa .fab {
  color: #fff;
  font-size: 30px !important;
  line-height: 60px;
}

#whatsappa:hover {
  box-shadow: 0 5px 24px rgba(0, 0, 0, .3);
}

#telefona {
	position: fixed;
	right: 30px;
	bottom: 30px;
	background-color: #ffffff;
	/*border: #CEAC7A 1px solid;*/
	z-index: 1001;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	z-index: 1000001;
}

#telefona .fas {
  color: #fff;
  font-size: 30px !important;
  line-height: 60px;
}

#telefona:hover {
  box-shadow: 0 5px 24px rgba(0, 0, 0, .3);
}

#scrivi .fas {
  color: #fff;
  font-size: 30px !important;
  line-height: 60px;
}

#scrivi:hover {
  box-shadow: 0 5px 24px rgba(0, 0, 0, .3);
}



.btn-camere-page {
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 1002;
  margin-left: 30px;
  margin-bottom: 30px;
}

.ico-txt-container {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  /*margin: 20px auto;  */

}

footer .ico-inner {
  color: #4e5361;
}

.ico-inner .round-box {
  color: #4e5361;
}

.txt-inner {
  flex-grow: 1;
  margin-left: 20px;
  text-align: left
}

.colonna-3 {
  column-count: 3;
  column-gap: 100px;
}

.colonna-2 {
	column-count: 2;
	column-gap: 40px;
}

.baffo-colorato {
  background-repeat: no-repeat;
  background-size: 300px;
  background-position-x: 40px;
  background-position-y: 10px;
}

.round-box {
  color: var(--colore3);
  line-height: 40px;
  text-align: center;
  font-size: 18px;
}

.round-box {
  display: inline-block;
  background-color: #fff;
  color: var(--colore3);
  line-height: 40px;
  width: 40px;
  text-align: center;
  font-size: 18px;
  /*border-radius: 10px;*/
}

@-webkit-keyframes header-image-scroll-line {
    0% {
        transform: translateY(-110%) translateZ(0)
    }
    100% {
        transform: translateY(110%) translateZ(0)
    }
}

@keyframes header-image-scroll-line {
    0% {
        transform: translateY(-110%) translateZ(0)
    }
    100% {
        transform: translateY(110%) translateZ(0)
    }
}

.scroll-line{
    /*width: 2px;
    height: 100%;
    background-color: #fff;*/
    animation: header-image-scroll-line 2s cubic-bezier(.77, 0, .175, 1) forwards infinite;
}

.highlight-elemento-icona {
  font-size: 30px;
  color: var(--colore2);
  color: var(--colore2);
  max-width: 100%;
  filter: invert(1) sepia(0) saturate(5) hue-rotate(-30deg);
  margin-left: var(--margine3);
}

.highlight-elemento-icona.mouse {
  max-width: 50px;
}


#booking{
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%,-60%);
	z-index: 1001;
	background-color: transparent;
	width: 80%;
}

.booking-box{
	float: left;
	width: 25%;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 30px;
	box-sizing: border-box;
	line-height: 30px;
	font-size: 20px;
	text-transform: uppercase;
}

.bordo{
	position: relative;
	/*box-sizing: border-box;
	border-right: #ccc 1px solid;*/
}

.bordo::after{
    content: " ";
    position: absolute;
    top: 50%;
    right: 0px;
    z-index: 1001;
    width: 1px;
    height: 50%;
	transform: translateY(-50%);
	border-right: #ccc 1px solid;
}

.booking-box-btn{
	background-color: #ceac7a;
	color: #000;
	color: #FFF;
	font-size: 30px;
	text-decoration: none;
}

.link{
	display: inline-block;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #222222;
	text-decoration: none;
}

#path {
	padding-bottom: 20px;
	padding-top: 20px;
	color: #7d7d7d;
	font-size: 14px;
	text-align: left;
}

#path a {
color: #7d7d7d;
font-size: 14px;
text-decoration: none;
}
#path {
color: #7d7d7d;
font-size: 14px;
text-align: left;
}

.link:hover{
	color: #ceac7a;
}

.link i{
	font-size: 10px !important;
	display: none;
	padding-right: 10px;
	position: relative;
	top: -3px;
}

.trigger{
	font-size: 40px !important;
	position: relative;
	color: #ffffff !important;
}

.booking{
	font-size: 50px !important;
	position: relative;
	color: #ffffff !important;
}

.close{
	font-size: 50px !important;
	position: relative;
	color: #ceac7a !important;
	color: #4e5361 !important;
}

.container{
	padding: 30px;
	width: 100%;
	position: relative;
	box-sizing: border-box;
}

.box-1-app{
	position: relative;
	float: left;
	padding: 30px;
	box-sizing: border-box;
	width: 40%;
	width: Calc(33.33% - 20px);
	padding-top: 20%;
	background-color: #aaa;
	margin-right: 30px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.box-1-app::after {
    content: " ";
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1001;
    width: 100%;
    height: 100%;
	background-image: linear-gradient(to bottom, rgba(0,0,0, 0.3), transparent);

}

.grigio{
	background-color: #EFEFEF;
	padding-top: 60px !important;
	padding-bottom: 60px !important;
	margin-top: 70px !important;

}

/*.box-2-app{
	position: relative;
	float: left;
	padding: 30px;
	box-sizing: border-box;
	width: Calc(30% - 30px);
	width: Calc(33.33% - 20px);
	padding-top: 20%;
	background-color: #aaa;
	margin-right: 30px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.box-2-app::after {
    content: " ";
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1001;
    width: 100%;
    height: 100%;
	background-image: linear-gradient(to bottom, rgba(0,0,0, 0.3), transparent);
}*/

.box-3-app{
	position: relative;
	float: left;
	padding: 30px;
	box-sizing: border-box;
	width: Calc(30% - 30px);
	width: Calc(33.33% - 20px);
	padding-top: 20%;
	background-color: #aaa;
	margin-right: 0px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.box-3-app::after {
    content: " ";
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1001;
    width: 100%;
    height: 100%;
	background-image: linear-gradient(to bottom, rgba(0,0,0, 0.3), transparent);

}

.dett-container {
  padding: 0px;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}

.box-dett-1-app {
  position: relative;
  padding: 30px;
  box-sizing: border-box;
  min-height: 400px;
  background-color: #aaa;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
	/*border-radius: 10px;*/
}

.box-dett-1-app::after {
    content: " ";
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1001;
    width: 100%;
    height: 100%;
	background-image: linear-gradient(to bottom, rgba(0,0,0, 0.3), transparent);
/*border-radius: 10px;*/
}

/*.box-dett-2-app{
	position: relative;
	float: right;
	padding: 30px;
	box-sizing: border-box;
	width: 40%;
	width: Calc(50% - 15px);
	padding-top: 30%;
	background-color: #aaa;
	margin-right: 0px;
	margin-bottom: 30px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.box-dett-2-app::after {
    content: " ";
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1001;
    width: 100%;
    height: 100%;
	background-image: linear-gradient(to bottom, rgba(0,0,0, 0.3), transparent);
}*/

.box-dett-3-app{
	position: relative;
	float: left;
	padding: 30px;
	box-sizing: border-box;
	width: 40%;
	width: Calc(50% - 15px);
	padding-top: 30%;
	background-color: #aaa;
	margin-right: 30px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	/*border-radius: 10px;*/
}

.box-dett-3-app::after {
    content: " ";
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1001;
    width: 100%;
    height: 100%;
	background-image: linear-gradient(to bottom, rgba(0,0,0, 0.3), transparent);

}

.box-dett-4-app{
	position: relative;
	float: right;
	padding: 30px;
	box-sizing: border-box;
	width: 40%;
	width: Calc(50% - 15px);
	padding-top: 30%;
	background-color: #aaa;
	margin-right: 0px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.box-dett-4-app::after {
    content: " ";
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1001;
    width: 100%;
    height: 100%;
	background-image: linear-gradient(to bottom, rgba(0,0,0, 0.3), transparent);

}


.box-dett-2-app{
	position: relative;
	float: left;
	padding: 30px;
	box-sizing: border-box;
	width: 40%;
	width: Calc(50% - 15px);
	padding-top: 30%;
	background-color: #aaa;
	margin-right: 30px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.box-dett-2-app::after {
    content: " ";
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1001;
    width: 100%;
    height: 100%;
	background-image: linear-gradient(to bottom, rgba(0,0,0, 0.3), transparent);

}

.box-dett-5-app{
	position: relative;
	float: right;
	padding: 30px;
	box-sizing: border-box;
	width: 40%;
	width: Calc(50% - 15px);
	padding-top: 30%;
	background-color: #aaa;
	margin-right: 0px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.box-dett-5-app::after {
    content: " ";
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1001;
    width: 100%;
    height: 100%;
	background-image: linear-gradient(to bottom, rgba(0,0,0, 0.3), transparent);

}

.box-1{
	position: relative;
	float: left;
	padding: 30px;
	box-sizing: border-box;
	width: 40%;
	padding-top: Calc(40% + 60px);
	background-color: #aaa;
	margin-right: 30px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	/*border-radius: 10px;*/
	z-index: 100;
}

.box-1::after {
    content: " ";
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1001;
    width: 100%;
    height: 100%;
	background-image: linear-gradient(to bottom, rgba(0,0,0, 0.5), transparent);
/*border-radius: 10px;*/
}

/*.box-2{
	position: relative;
	float: left;
	padding: 30px;
	box-sizing: border-box;
	width: Calc(60% - 30px);
	padding-top: 20%;
	background-color: #aaa;
	margin-bottom: 30px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.box-2::after {
    content: " ";
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1001;
    width: 100%;
    height: 100%;
	background-image: linear-gradient(to bottom, rgba(0,0,0, 0.3), transparent);
}*/

/*.box-3{
	position: relative;
	float: left;
	padding: 30px;
	box-sizing: border-box;
	width: Calc(30% - 30px);
	padding-top: 20%;
	background-color: #aaa;
	margin-right: 30px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	/*border-radius: 10px;
}*/

.box-3 {
  position: relative;
  float: left;
  padding: 30px;
    padding-top: 30px;
    padding-right: 30px;
  width: Calc(60% - 30px);
  padding-top: 20%;
  background-color: #aaa;
  background-repeat: no-repeat;
  padding-right: 0px;
}

.box-3::after {
    content: " ";
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1001;
    width: 100%;
    height: 100%;
	background-image: linear-gradient(to bottom, rgba(0,0,0, 0.3), transparent);
/*border-radius: 10px;*/
}

.box-4{
	position: relative;
	float: left;
	padding: 30px;
	box-sizing: border-box;
	width: Calc(50% - 15px);
	padding-top: 20%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #ccc;
	margin-top: 30px;
	margin-right: 30px;
	/*border-radius: 10px;*/
}

.box-4::after {
    content: " ";
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1001;
    width: 100%;
    height: 100%;
	background-image: linear-gradient(to bottom, rgba(0,0,0, 0.3), transparent);
/*border-radius: 10px;*/
}

.box-4-bis{
	position: relative;
	float: left;
	padding: 30px;
	box-sizing: border-box;
	width: Calc(50% - 15px);
	padding-top: 20%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #ccc;
	margin-top: 30px;
	margin-right: 0px;
	/*border-radius: 10px;*/
}

.box-4-bis::after {
    content: " ";
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1001;
    width: 100%;
    height: 100%;
	background-image: linear-gradient(to bottom, rgba(0,0,0, 0.3), transparent);
/*border-radius: 10px;*/
}

.box-2{
	position: relative;
	float: left;
	padding: 30px;
	box-sizing: border-box;
	width: Calc(30% - 30px);
	padding-top: 20%;
	background-color: #aaa;
	margin-right: 30px;
	margin-bottom: 30px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	/*border-radius: 10px;*/
}

.box-2::after {
    content: " ";
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1001;
    width: 100%;
    height: 100%;
	background-image: linear-gradient(to bottom, rgba(0,0,0, 0.3), transparent);
/*border-radius: 10px;*/
}

.box-5{
	border: #CEAC7A 1px solid;
	position: relative;
	float: left;
	padding: 30px;
	box-sizing: border-box;
	width: Calc(30% - 30px);
	padding-top: 20%;
	margin-bottom: 30px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #ccc;
	/*border-radius: 10px;*/
}

.box-5::after {
    content: " ";
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1001;
    width: 100%;
    height: 100%;
	background-image: linear-gradient(to bottom, rgba(0,0,0, 0.3), transparent);
/*border-radius: 10px;*/
}

.clear{
	clear: both;
	height: 0px;
	overflow: hidden;
}

.box-1-spot{
	position: absolute;
  top: 30px;
  left: 30px;
  text-align: left;
  z-index: 1002;
  max-width: 500px;
	/*border-radius: 10px;*/
}

.box-spot {
	position: absolute;
	text-align: left;
	bottom: 30px;
	left: 30px;
	top: 30px;
	z-index: 1002;
	padding-right: 30px;
	/*border-radius: 10px;*/
}

.presto {
	position: absolute;
	text-align: right;
	bottom: 30px;
	right: 30px;	
	z-index: 1002;	
	/*border-radius: 10px;*/
	
	color: #fff;
	font-size: 30px;
	line-height: 38px;	
	text-shadow: 1px 1px #000;
	font-family: "Bodoni Moda", serif;	
	font-style: italic;	
	
}

.pad{
	padding-top: 100px;
	/*padding-bottom: 100px;*/
}

.padhome{
	padding-top: 0px;
}

.container2{
	max-width: 1300px;
	margin: 0px auto;
}

section{
	padding-top: 30px;
}

.box-spot-1{
	float: left;
	width: Calc(33.33% - 20px);
	margin-right: 30px;
	padding-top: 40%;
/*border-radius: 10px;*/

	/*position: absolute;
	top: 9%;
	transform: translateY(-50%);
	top: 40px;
	left: 40px;*/
	text-align: left;
	z-index: 1002;
	/*max-width: 500px;*/
}


.btn2.btn-grigio {
  color: #4e5361;
  background-color: #fff;
}

.btn2.btn-grigio:hover {
  color: #fff;
  background-color: #4e5361;
	border: 1px solid #fff;
}

.box-spot-2{
	float: left;
	width: Calc(33.33% - 20px);
	margin-right: 30px;
	padding-top: 40%;
/*border-radius: 10px;*/
}

.box-spot-3{
	float: left;
	width: Calc(33.33% - 20px);
	margin-right: 0px;
	padding-top: 40%;
/*border-radius: 10px;*/
}

.box-spot-4{
	float: left;
	width: Calc(33.33% - 20px);
	margin-right: 0px;
	padding-top: 40%;

}

.box50 {
	width: calc(50% - 30px);
	margin-right: 30px;
	margin-bottom: 30px;
	box-sizing: border-box;
}

.box50.last {
	margin-right: 0;
}

.box100 {
	width: 100%;
	padding-top: 50%;
}

.testo{
	padding-top: 30px;
	text-align: left;
}

.testo a{
	color: #222;
}

.testocenter{
	padding-top: 30px;
	text-align: center;
}

.testo-titolo {
  font-size: 70px;
  line-height: 70px;
  text-transform: lowercase;
  padding-bottom: 30px;
  font-family: "Bodoni Moda", serif;
text-transform: uppercase;
  padding-top: 30px;
}

.testo-testo{
	float: left;
	font-size: 20px;
	text-align: left;
	width: Calc(50% - 15px);
	padding-bottom: 30px;
	box-sizing: border-box;
}

.testo-testocenter::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 40px;
  color: #ceac7a;
  position: absolute;
  content: "\f10e";
	bottom: 30px;
	right: 100px;

}

.testo-testocenter::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 40px;
  color: #ceac7a;
  position: absolute;
  content: "\f10d";
	top: 0px;
	left: 100px;
}

.foot-dx {
	border-left: #fff 1px solid;
	position: relative;
	float: left;
	width: 27%;
	box-sizing: border-box;
	padding: 30px;
	padding-left: 30px;
	padding-left: 30px;
	text-align: left;
	min-height: 300px;
}

.testo-testo-dx{
	float: right;
	width: Calc(50% - 15px);
	padding-bottom: 30px;
	box-sizing: border-box;
}

.testo-testocenter{
	font-size: 20px;
	text-align: center;
	max-width: 60%;
	padding-bottom: 30px;
	margin: 0px auto;
	min-height: 150px;
}

.autore{
	font-size: 16px;
}

.input-cnt label {
  transform: translate(0) scale(1);
  transform-origin: 0 0 0;
  transition: transform .2s cubic-bezier(0, 0, .2, 1) 0s;
  cursor: text;
  z-index: 1;
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
}

.input {
  border: 0;
    border-bottom-width: 0px;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  border-bottom-width: 0px;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: 0px;
  border-bottom: 1px solid #bbb;
  width: 100%;
  display: block;
  transition: all .5s ease-out;
  padding: 5px 10px;
  box-sizing: border-box;
  text-align: left;
  background-color: transparent;
  outline: 0;
  font-size: 17px;
}

.last {
  margin-right: 0px;
}

.textarea {
  border: 1px solid #bbb;
  box-sizing: border-box;
  display: block;
  outline: 0 !important;
  padding: 10px 10px;
  transition: all .5s ease-in;
  width: 100%;
  color: #444;
  font-weight: 300;
  resize: vertical;
  box-shadow: none !important;
  text-align: left;
}

#richiesta {
  min-height: 150px;
}

.richiesta-btn {
  background-color: #ceac7a;
  padding: 20px;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid transparent;
	/*border-radius: 10px;*/
	font-size: 17px;
}

.offerte{
	width: 100%;
	padding-bottom: 30px;
}

.offerte-sx{
	float: left;
	width: 50%;
	text-align: left;
	background-color: #aaa;
	padding-top: 33.33%;
	box-sizing: border-box;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;

}

.offerte-dx{
	position: relative;
	float: right;
	width: 50%;
	text-align: left;
	padding-top: 33.33%;
	box-sizing: border-box;

}

.offerte-dx-2{
	position: absolute;
	top: 30px;
	right: 0px;
	width: Calc(100% + 30px);
	background-color: #EFEFEF;
	height: 100%;

}

.box-offerte{
	position: absolute;
	width: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: left;
	padding: 60px;
	box-sizing: border-box;
}


.foot{
	padding: 30px;
	width: 100%;
	position: relative;
	box-sizing: border-box;
	background-color: #ceac7a;
	background-color: #4e5361;
	color: #fff;
	/*border-radius: 10px;*/
	font-size: 18px;
}

.foot a{
	text-decoration: none;
	color: #fff;
}

.foot-sx{
	position: relative;
	float: left;
	width: 19%;
	box-sizing: border-box;
	padding: 30px;
	padding-right: 60px;
}

.foot-sx-pad{
	/*padding-top: 100%;*/
}



.foot-logo{
	/*position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	box-sizing: border-box;	*/
}

.foot-logo img{
	width: 100%;
	filter: invert(1);
}

.social-a{
	display: block;
	position: absolute;
	top: 30px;
	left: 30px;
}

.social-a i{
	font-size: 50px;
}

.social-b{
	display: block;
	position: absolute;
	top: 110px;
	left: 30px;
}

.social-b i{
	font-size: 50px;
}

.social-c{
	display: block;
	position: absolute;
	top: 185px;
	left: 30px;
}

.social-c i{
	font-size: 50px;
}


.copy{
	padding-top: 0px;
	padding-bottom: 150px !important;
}

.foot-copy-sx{
	width: 40%;
	float: left;
	text-align: left;
	font-size: 16px;
}

.foot-tech-dx{
	width: 60%;
	float: right;
	text-align: right;
}

.tecnici{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.tecnici li{
	display: inline-block;
	padding-left: 30px;
	padding-right: 30px;
	border-right: #ceac7a 1px solid;
	border-right: #4e5361 1px solid;
	line-height: 22px;
}

.tecnici li a{
	display: block;
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	line-height: 16px;
	text-decoration: none;
	color: #222;
}

.tecnici li:last-child{
	border-right: none;
}

#recensioni{
	margin: 0px auto;
	max-width: 80%;
}

#recensioni div.owl-controls {
	display: none;
}

#recensioni .owl-controls * {

    height: auto !important;
    font-size: 60px;
}

#recensioni .owl-controls .owl-nav [class*="owl-"] {
    color: #222;
    display: inline-block;
    cursor: pointer;
    position: absolute;
	top: 20%;
    z-index: 3;
    font-size: 100px;
    font-size: 6vw;
    text-shadow: 1px 1px #000;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#recensioni div[class*="owl"]:not(.owl-controls) {
    height: 100%;
}
#recensioni .owl-prev {
    left: 60px;
}

#recensioni .owl-next {
    right: 60px;
}


#cnt-offerte div.owl-controls {
	display: block;
}

#cnt-offerte .owl-controls * {
    height: auto !important;
    font-size: 60px;
}

#cnt-offerte .owl-controls .owl-nav [class*="owl-"] {
    color: #222;
    display: inline-block;
    cursor: pointer;
    position: absolute;
	top: 50%;
    z-index: 3;
    font-size: 100px;
    font-size: 6vw;
    text-shadow: 1px 1px #000;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#cnt-offerte div[class*="owl"]:not(.owl-controls) {
    height: 100%;
}
#cnt-offerte .owl-prev {
    left: 60px;
	color: #000 !important;
	text-shadow: 1px 1px #fff !important;
}

#cnt-offerte .owl-next {
    right: 60px;
	color: #000 !important;
	text-shadow: 1px 1px #fff !important;
}

#cookie{
	position: fixed;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	width: 60%;
	z-index: 10000000;
	background-color: rgba(0,0,0,0.85);
	color: #fff;
	padding: 30px;
	box-sizing: border-box;
	border: #fff 1px solid;
	font-size: 16px;
}

#cookie a{
	color: #fff;
}

.cookie-btn a{
	color: #fff;
	display: inline-block;
	margin-left: 30px;
	margin-right: 30px;
	text-decoration: none;
	border: #fff 1px solid;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
	padding-right: 30px;
	text-transform: uppercase;
}

.contatti-social{
	display: inline-block;
	margin-right: 30px;
	font-size: 50px;
}

/*.dett-servizi {
  float: left;
  width: 20%;
  text-align: center;
  margin-bottom: 55px;
}*/

/*.colonna {
  float: left;
  width: 50%;
  margin-right: 5%;
}*/

.colonna.last {
  margin-right: 0;
}
.dett-servizi-a{
	filter: brightness(0) saturate(100%) invert(99%) sepia(2%) saturate(6537%) hue-rotate(170deg) brightness(88%) contrast(84%);
}

.dett-servizi img {
  width: 100%;
  max-width: 35px;
}

.container-icone-camere {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 0px;
  text-align: center;
  row-gap: 35px;
}

.dett-servizi-b{
	font-size: 16px;
}

.gallery-cnt{
	width: 100%;
	background-color: #fff;
}

.gallery-cnt-item{
	padding-top: 0px;
	display: block;
	position: relative;
	float: left;
	width: Calc(25% - 23px);
	margin-right: 30px;
	padding-bottom: 30px;
	box-sizing: border-box;
	/*border-radius: 10px;*/
}

.last{
	margin-right: 0px;
}

.gallery-cnt-item a{
	display: block;
	padding-top: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #fff;
	box-sizing: border-box;
/*border-radius: 10px;*/
}

.table-container {
	overflow-x: auto;
	max-width: 1500px;
	padding: 0px 0px;
	box-sizing: border-box;
	margin: 0px auto;
}

.prezzi {
	width: 100%;
	min-width: 297px;
	border-spacing: 0px;
	border-collapse: separate;
	border: 0px;
}

.prezzi td {
	padding: 10px;
	border-right: 1px solid #ceac7a;
	border-bottom: 1px solid #ceac7a;
}

.prezzi tr.headprezzi td:first-child {
    /*border-top-left-radius: 5px;*/
}

.prezzi tr.headprezzi td:last-child {
    /*border-top-right-radius: 5px;*/
}

.prezzi tr.headprezzi td {
    background-color: #ceac7a;
	color: #fff;
    text-align: center;
	border-top: 1px solid #ceac7a;
	text-transform: uppercase;
}

.prezzi tr td:first-child {
    border-left: 1px solid #ceac7a;
}

.prezzi tr:last-child td:first-child {
    /*border-bottom-left-radius: 5px;*/
}

.prezzi tr:last-child td:last-child {
    /*border-bottom-right-radius: 5px;*/
}

.price {
	text-align: right;
}

.nomobile {
	display: none;
}

.nofloat {
	float: none;
}

.box-1, .box-2, .box-3, .box-4, .box-4-bis, .box-1-app, .box-2-app, .box-3-app, .box-spot-1, .box-spot-2, .box-spot-3, .box-spot-4 {
	background-position: center;
	background-size: cover;
	border: #CEAC7A 1px solid;
	box-sizing: border-box;
}

.video-home{
	margin: 0px auto;
	display: inline-block;
	width: 700px;
}

.video-home{
	margin: 0px auto;
	display: inline-block;
	width: 100%;
}

.owl-carousel
{
    touch-action: manipulation;
}

@media all and (max-width: 1570px){

	.box-1 {
		padding-top: calc(60% + 60px);
	}

	.box-2, .box-3, .box-4, .box-4-bis, .box-5 {
		padding-top: 30%;
	}

	.box-1-app, .box-2-app, .box-3-app {
		padding-top: 30%;
	}

}

@media all and (max-width: 1440px){

	/****TESTI****/

	#dxtop a {
		font-size: 32px; /*40px*/
	}

	.fs2 {
		font-size: 20px; /*25px*/
	}

	.booking {
		font-size: 30px !important;
	}

	.close {
		font-size: 40px !important;
	}


	.spot-titolo, .testo-titolo {
		font-size: 42px; /*70px*/
		line-height: 42px;
		font-family: "Bodoni Moda", serif;
text-transform: uppercase;
	}

	/****ALTRO****/

	#menufixed, #dxbot {

	}

	.bordomarrone {
		width: 50px;
		height: 50px;
	}

	.bordomarronebig {
		width: 70px;
		height: 70px;
	}

	.icon-small {
		width: 26px;
	}

	.icon-big {
		width: 32px;
	}

	.icon-footer {
		width: 15px;
	}

	.spot-titolo2 {
		font-size: 30px;
		line-height: 40px;
	}

	.spot-sottotitolo2 {
		font-size: 18px;
	}

	.btn2 {
		font-size: 18px;
	}

	.box-3 .spot-sottotitolo2, .box-4, .box-4-bis .spot-sottotitolo2 {
		min-height: 130px;
	}

	.box-dett-1-app .spot-sottotitolo2, .box-dett-2-app .spot-sottotitolo2, .box-dett-3-app .spot-sottotitolo2, .box-dett-4-app .spot-sottotitolo2 {
		min-height: 104px;
	}

	.container2 {
		max-width: 1500px;
	}
}

@media all and (max-width: 1024px){

	.btn-camere-page {
		margin-left: 20px;
		margin-bottom: 20px;
	}

	/****TESTI****/

	#dxtop a {
		font-size: 24px; /*40px*/
	}

	.fs2 {
		font-size: 28px; /*25px*/
	}

	.booking {
		font-size: 30px !important;
	}

	.close {
		font-size: 40px !important;
	}

	.spot-titolo, .testo-titolo {
		font-size: 45px; /*70px*/
		line-height: 55px;
	}

	#menu .menu-foot .fs0 {
		font-size: 15px;
	}

	/****LOGO****/

	#logo {
		top: 20px;
	}

	#logo img {
		max-width: 400px;
	}

	/****HOME e FOOT****/

	#menu {
		left:-200%;
		padding: 30px 0;
		overflow: scroll;
		width: 100%;
		height: 100vh;
	}

	#menusxtop {
		top: 20px;
		right: 20px;
	}

	#menu .menu-head {
		height: 12%;
	}

	#menu .menu-body {
		height: 70%;
	}

	#menu .menu-foot {
		height: 18%;
		padding: 5px;
		box-sizing: border-box;
	}

	#menu .menu-foot .sx, #menu .menu-foot .dx {
		float: none;
		width: 100%;
	}

	.menu-contatti {
		margin: 0;
		padding: 0;
		max-width: none;
		text-align: center;
	}

	#menu .menu-head img {
		width: 200px;
	}

	#menufixed {
		top: 20px;
		right: 20px;
	}

	#sxtop {
		right: 20px;
	}

	#dxtop {
		top: 20px;
		left: 20px;
	}

	#dxbot {
		bottom: 20px;
		left: 20px;
	}

	#menufixed, #dxbot {
		/*padding: 20px;
		width: 30px;
		height: 30px;*/
	}

	#spot {
		bottom: 200px;
		left: 20px;
	}

	#telefona {
		right: 20px;
		bottom: 20px;
	}

	#scrivi {
		right: 100px;
		bottom: 20px;
	}

	#whatsappa {
		right: 180px;
		bottom: 20px;
	}

	.container {
		padding: 20px;
	}

	.box-scroll-line {
		/*display: none;*/
	}

	.box-1 {
		position: relative;
		float: none;
		padding: 30px;
		padding-top: 30px;
		box-sizing: border-box;
		width: 100%;
		padding-top: 400px;
		background-color: #aaa;
		margin-right: 40px;
		background-repeat: no-repeat;
		/*border-radius: 20px;*/
		margin-bottom: 20px;
	}

 .box-2, .box-3, .box-4, .box-4-bis, .box-5, .box-1-app, .box-2-app, .box-3-app, .box-spot-1, .box-spot-2, .box-spot-3, .box-spot-4 {
		width: 100%;
		/* float: none; */
		padding-top: 400px;
		margin-bottom: 20px;
		background-position: center;
		background-size: cover;
	}
	
	.box-4, .box-4-bis {
		margin-top: 0px;
	}

	.box-spot {
		position: absolute;
		/*top: 50%;
		transform: translateY(-50%);*/
	}

	.box-spot-1, .box-spot-2, .box-spot-3, .box-spot-4, .box-spot-5 {
		padding-top: 300px;
	}

	.box-1-spot, .box-spot {
		left: 20px;
		padding-right: 20px;
	}

	.testo-testo, .testo-testocenter {
		width: 100%;
		float: none;
	}

	.testo-testo-dx {
		width: 100%;
		float: none;
		text-align: center;
	}

	.testo-testo-dx .dett-servizi {
     width: 100%;
   }

	 .container-icone-camere {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
  text-align: center;
}

	.btn-container {
		text-align: center;
	}

	.btn-container a {
		display: inline-block;
	}

	.testo-testocenter {
		max-width: 100%;
		padding-top: 60px;
	}

	.foot-sx {
		display: none;
	}

	.foot-dx {
		padding: 30px 0;
		border: none;
		text-align: center;
		float: none;
		width: 100%;
	}

	.social-a, .social-b, .social-c {
		padding-top: 30px;
		display: inline-block;
		position: relative;
		left: 0;
		right: 0;
		top: 0;
	}

	.social-a {
		padding-right: 20px;
	}

	.social-b {
		padding-right: 25px;
	}

	.foot-copy-sx {
		width: 100%;
		float: none;
		text-align: center;
	}

	.foot-tech-dx {
		width: 100%;
		float: none;
		text-align: center;
	}

	.tecnici {
		padding: 10px 0;
	}

	.tecnici li {
		display: block;
		border-right: none;
		padding: 10px 0;
	}

	.box-dett-1-app, .box-dett-2-app, .box-dett-3-app, .box-dett-4-app {
		width: 100%;
		padding-top: 500px;
		float: none;
		margin-bottom: 30px;
	}

	.offerte-sx {
		padding-top: 250px;
	}

	.offerte .offerte-sx, .offerte .offerte-dx {
		float: none;
		width: 100%;
	}

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

	.box-offerte {
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
		transform: none;
		padding: 20px;
	}

	.offerte-dx-2 {
		position: relative;
		width: 100%;
		top: 0;
	}

	.ico-txt-container {
		margin: 20px auto;
	}

	.dett-servizi {
  float: left;
  width: 33%;
  text-align: center;
  margin-bottom: 33px;
}
	.colonna-3 {
	  column-count: 1;
	  column-gap: 0px;
	}

	.foot-dx {
  min-height: 0px;
  padding: 20px;
}

.gallery-cnt-item {
	width: 100%;
}

.leaflet-top .leaflet-control {
	margin-top: 580px;
}

	.btn2 {
	display: inline-block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 30px;
	text-decoration: none;
	color: #222;
	text-transform: uppercase;
	font-size: 20px;
	transition: all .5s;
	background-color: #ceac7a;

	margin-bottom: 20px;
}

	.colonna-2 {
		column-count: 1;
		column-gap: 0px;
	}
	.baffo-colorato {
	background-repeat: no-repeat;
	background-size: 240px;
	background-position-x: 40px;
	background-position-y: 10px;
}

.testo-testocenter::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 40px;
	color: #ceac7a;
	position: absolute;
	content: "\f10d";
	top: 0px;
	left: 0px;
}

.testo-testocenter::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 40px;
	color: #ceac7a;
	position: absolute;
	content: "\f10e";
	bottom: 30px;
	right: 0px;
}


}

@media all and (max-width: 800px){

.foot{
	padding: 0px;
}

	#logo {
		top: 70px;
	}

	#sxtop {
    top: 20px;
  }

	.icon-big {
	width: 30px;
	}

.icon-footer {
  width: 15px;
}

.colonna {
  width: 100%;
}

	#logo img {
		max-width: 250px;
	}

	.spot-titolo, .testo-titolo {
		font-size: 40px; /*70px*/
		line-height: 50px;
	}

	.dett-container {
  padding: 0px;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr;
}

.container-icone-camere {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 45px;
  text-align: center;
}

	#cookie {
		width: 90%;
		padding: 20px;
	}

	.cookie-btn a {
		margin-left: 15px;
		margin-right: 15px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.maggioriinformazioni {
		display: block;
	}

}

@media all and (max-width: 600px){
	
	.presto {
		bottom: 90px;
		left: 30px;
		text-align: left;
	}
	.popup {
    background-color: #000;
    border: #aaa 1px solid;
    z-index: 10001;
    max-width: 400px;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    padding: 37px;
    font-size: 17px;
  }
	
}

@media all and (max-width: 400px){

	#logo img {
		/*max-width: 200px;*/
	}


	.spot-titolo, .testo-titolo {
		font-size: 35px; /*70px*/
		line-height: 45px;
	}

}