/* input(229,58): run-time error CSS1030: Expected identifier, found '#boxMidday'
input(229,68): run-time error CSS1025: Expected comma or open brace, found ')'
input(275,52): run-time error CSS1030: Expected identifier, found '#boxMidday'
input(275,62): run-time error CSS1025: Expected comma or open brace, found ')'
input(279,57): run-time error CSS1030: Expected identifier, found '#boxMidday'
input(279,67): run-time error CSS1025: Expected comma or open brace, found ')'
input(282,52): run-time error CSS1030: Expected identifier, found '#boxMidday'
input(282,62): run-time error CSS1025: Expected comma or open brace, found ')'
input(1021,60): run-time error CSS1030: Expected identifier, found '#expDetail'
input(1021,70): run-time error CSS1025: Expected comma or open brace, found ')'
input(1024,60): run-time error CSS1030: Expected identifier, found '#expDetail'
input(1024,70): run-time error CSS1025: Expected comma or open brace, found ')'
input(1670,26): run-time error CSS1030: Expected identifier, found '#listCountryToSelect'
input(1670,46): run-time error CSS1025: Expected comma or open brace, found ')'
input(1673,27): run-time error CSS1030: Expected identifier, found '#listCountryToSelect'
input(1673,47): run-time error CSS1025: Expected comma or open brace, found ')'
input(1679,26): run-time error CSS1030: Expected identifier, found '#listCountryToSelect'
input(1679,46): run-time error CSS1025: Expected comma or open brace, found ')'
input(1682,27): run-time error CSS1030: Expected identifier, found '#listCountryToSelect'
input(1682,47): run-time error CSS1025: Expected comma or open brace, found ')'
input(1806,58): run-time error CSS1030: Expected identifier, found '#boxMidday'
input(1806,68): run-time error CSS1025: Expected comma or open brace, found ')' */

html {
	font-size: 0.8em;
}
	html .btn {
		font-size: 0.9em;
	}

.booking h1, .booking h2, .booking h3, .booking h4, .booking h5, .booking h6 {
	text-transform: none;
}


.booking .nice-select{
	padding-left:20px;
}
	.booking .nice-select .option {
		padding: 10px 10px;
	}

/*---------------------------------- -----------------------------------*/
header {
	box-shadow: 0px 0px 15px #cccccc37;
	border-bottom-color: #cccccc37;
}



footer .pay-main:has(.footer-logo.pull-left) {
	justify-content: center;
}
footer .footer-logo.pull-left {
	text-align: center;
	margin-bottom: 0px;
}
	footer .footer-logo.pull-left a img {
		width: 150px;
		content: url("/booking/images/logoBlu.png?v=OeZicrWqqwZwUBsfCLLgmY9Tq90");
	}  
footer .footer-payment-nav.pull-right {
	display: none;
}

.acquamarina96 #footerContact .why-us-item:has(.fa-envelope) .why-us-content a,
.acquamarina97 #footerContact .why-us-item:has(.fa-envelope) .why-us-content a,
.tinospiaggia148 #footerContact .why-us-item:has(.fa-envelope) .why-us-content a {
	font-size: 13px;
}



.booking-lang-btn-cont ul li {
	margin-bottom: 0px;
}
.booking-lang-btn-cont .dropdown-menu > li > a {
	border-bottom: none;
}
	.booking-lang-btn-cont ul.dropdown-menu li a:hover,
	.booking-lang-btn-cont ul.dropdown-menu li.active > a {
		background: royalblue;
	}
		.booking-lang-btn-cont ul.dropdown-menu li a:hover .k-state-default,
		.booking-lang-btn-cont ul.dropdown-menu li.active > a .k-state-default {
			color: white;
		}

.home .booking-lang-btn-cont {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-bottom: 10px;
}


.prenotazioneDetail .k-text-light,
#formBooking_DataInfo .k-text-light,
#formBooking_CheckOut .k-text-light {
	font-weight: lighter;
	color: #858585;
}


section.comingsoon {
	padding-top: 20px;
}


/*---------------------------------------------- HOME -----------------------------------*/
.acquamarina96 .home .coming-title img,
.acquamarina97 .home .coming-title img,
.longbeach .home .coming-title img {
	filter: brightness(0) invert(1);
	height: 80px;
}

.ismolas .home .coming-title img {
	height: 80px;
}

.gunabeachclub .home .coming-title img,
.longbeach .home .coming-title img {
	height: 100px;
	filter: brightness(0) invert(1);
}
.longbeach .home .coming-title img,
.agriguna .home .coming-title img {
	height: 200px;
}
.gunabeachclub .home .coming-title h2,
.longbeach .home .coming-title h2 {
	visibility: hidden;
	height: 10px;
}

.piscinaisili .home .coming-title img {
	filter: brightness(0) invert(1);
}
	.piscinaisili .home .coming-title h2 {
		font-size: 45px;
	}
	.piscinaisili .overlay {
		background: rgba(0, 0, 0, 0.2);
	}

.hermeu .home .coming-title img {
	height: 100px;
}


/*body.tsunamiparcoacquatico #spiaggia.styleImage div.Ombrellone.Occupato {
	display: none;
}*/

section {
	overflow: hidden;
}


.divAlertServiceClose p{
	font-size: 21px;
	margin: 0 !important;
	font-weight: 500;
	color: #333333e8;
	font-family: 'Poppins', sans-serif;
	line-height: 1.5;
}


/*---------------------------------------------- SEARCH -----------------------------------*/
#bookingSearch.filter-box {
	align-items: start;
}

#bookingSearch .divSearchContent {
	display: grid;
	grid-template-columns: auto auto;
	gap: 10px;
	align-items: baseline;
}
	#bookingSearch .divSearchContent.hideCheckPost {
		grid-template-columns: auto 10px;
		align-items:center;
	}

#bookingSearch .divSearchContent .filter-box label {
	margin-bottom: 8px;
}

#bookingSearch .divSearchDate {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
	#bookingSearch .divSearchContent.hideCheckPost .divSearchDate {
		display: flex;
		flex-wrap:wrap;
		align-items: baseline;
		flex-direction: row;
		gap: 15px;
	}
		#bookingSearch .divSearchContent.hideCheckPost .divSearchDate .divSearchDateDetail {
			flex-grow: 1;
		}


#bookingSearch .divSearchTicket {
	display:grid;
	grid-template-columns: auto auto auto auto;
	gap: 5px;
	align-items: end;
	justify-content: center;
}
	#bookingSearch .divSearchTicket div.inline-block {
		flex-grow: 1;
		padding: 0px;
	}
	#bookingSearch .divSearchTicket label {
		display: flex;
		flex-wrap: wrap;
		align-items:baseline;
		gap:5px;
	}

	#bookingSearch .divSearchContent.hideCheckPost .divSearchTicket {
		visibility: hidden;
		overflow: hidden;
	}
		#bookingSearch .divSearchContent.hideCheckPost .divSearchTicket .divDetailInput {
			flex: 0;
		}
			#bookingSearch .divSearchContent.hideCheckPost .divSearchTicket .divDetailInput label {
				display: none;
			}
			#bookingSearch .divSearchContent.hideCheckPost .divSearchTicket .divDetailInput .input-box {
				width: 0;
			}


#bookingSearch .btnSearchContent {
	align-content: baseline;
}
	#bookingSearch .btnSearchContent label {
		min-height: 15px;
	}

	#bookingSearch:has(.divSearchContent.hideCheckPost) .btnSearchContent {
		align-content: center;
	}
	#bookingSearch:has(.divSearchContent.hideCheckPost):has(#boxMidday) .btnSearchContent {
		align-content: baseline;
	}

#bookingSearch #boxMidday ul li {
	margin: 0px;
}

#bookingSearch #boxMidday #switchMidday {
	gap: 5px;
	flex-wrap:wrap;
}
	#bookingSearch #boxMidday #switchMidday button {
		flex-grow: 1;
		
		display: grid;
		grid-row-gap: 1px;

		background-color: #fff;
		border-radius: 10px !important;
		border: 1px solid #eee;
		color: #7b7b7b;
		padding: 10px 20px;

		overflow: hidden;
	}
		#bookingSearch #boxMidday #switchMidday button.btnDisabled {
			outline: none;
			cursor: default;
			opacity: 0.65;
			filter: grayscale(0.1);
			pointer-events: none;
			box-shadow: none;
		}


		#bookingSearch #boxMidday #switchMidday button .btnTitle {
			text-transform: uppercase;
			font-weight: 700;
			font-size: 14px;
		}
		#bookingSearch #boxMidday #switchMidday button .btnDescrTime {
			font-size: 12px;
		}


#bookingSearch .divSearchContent.hideCheckPost:has(#boxMidday) .divSearchDate .divSearchDateDetail #rangeDate,
#bookingSearch #boxMidday #switchMidday button {
	height: 65px;
}
#bookingSearch:has(.divSearchContent.hideCheckPost):has(#boxMidday) .btnSearchContent #btnSearchFilter {
	height: 65px;
}
#bookingSearch .divSearchContent.hideCheckPost:has(#boxMidday) .divSearchDate .divSearchDateDetail .input-box i.flaticon-calendar {
	top: 20px;
}


/*---------------------------------------------- CONTACT -----------------------------------*/
.why-us-item.why-us-item1{
	padding:10px 20px;
	display:grid;
	grid-template-rows: 80px 1fr;
}
	.why-us-item.why-us-item1 .why-us-icon {
		align-content: center;
	}
		.why-us-item.why-us-item1 .why-us-icon i,
		.why-us-item.why-us-item1 [class^="flaticon-"]:before {
			font-size: 45px;
		}
		#divContactStab .why-us-item.why-us-item1 i.fa {
			font-size: 55px;
		}


	.why-us-item.why-us-item1 .why-us-content {
		display:grid;
		grid-template-rows: auto 1fr;
	}
	.why-us-item.why-us-item1 .why-us-content h3{
		margin:0px;
	}
		.why-us-item.why-us-item1 .why-us-content p{
			align-content:center;
		}


			.why-us-item.why-us-item1 .why-us-content p.phoneStab{
				align-items: center;
			}

			.why-us-item.why-us-item1 .why-us-content p.phoneStab a {
				display: grid;
				grid-template-columns: auto;
				gap: 5px;
			}
				.why-us-item.why-us-item1 .why-us-content p.phoneStab a:has(span.descrPhone) {
					grid-template-columns: auto 1fr;
				}			
				.why-us-item.why-us-item1 .why-us-content .phoneStab a span.descrPhone {
					font-weight: lighter;
					color: #858585;
					font-size: 12px;   
					text-align: end;
				}


/*---------------------------------------------- MAPPA -----------------------------------*/

.booking #spiaggia .mappaPost #iconBody {
	padding: 10px 10px 1px;
}

.booking #spiaggia.styleImage div.Ombrellone.Occupato {
	pointer-events: none;
	background-size: contain;
	opacity: 0.3;
}
	.booking #spiaggia.styleImage div.Ombrellone.Occupato #iconBody[settore^="settore_"] div {
		background-image: url("/img/mappa/postazioni/settore_Bianco.png?v=45roE5u6AkVvpKGmAzSRkkPgEP4");
	}


.booking #spiaggia.styleImage div.Ombrellone.DisponibileForBooking {
	pointer-events: all;
	background-size: contain;
}
	.booking #spiaggia.styleImage div.Ombrellone.DisponibileForBooking #iconBody[settore^="settore_"] div {
		background-image: url("/img/mappa/postazioni/settore_Bianco.png?v=45roE5u6AkVvpKGmAzSRkkPgEP4");
	}

.booking #spiaggia.styleImage div.Arredamento {
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}


#spiaggia.styleImage div.Ombrellone.ombrelloneSelezionato .layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid darkgray !important;
	padding: 3px;
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.5);
	background-size: 15px 15px;
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.07) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.07) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent);
}
	#spiaggia.styleImage div.Ombrellone.ombrelloneSelezionato .layer:hover {
		background-color: initial;
	}

	#spiaggia.styleImage div.Ombrellone.ombrelloneSelezionato .testa {
	z-index: 99999;
	background-color: darkorange;
	font-size: 16px;
}
		#spiaggia.styleImage div.Ombrellone.ombrelloneSelezionato .testa .nome {
			color: white;
		}

.agriguna #spiaggia.styleImage div .testa{
	visibility: hidden;
	height: 0px;
}

.booking #spiaggia .mappaPost .testa,
.booking #spiaggia .testa .divSx {
	grid-template-columns: 1fr;
}
	.booking #mappa-full[zoomType="down05"] #spiaggia:not(.styleMinimal) .testa {
		justify-content: start;
	}


/*----------------------------- CABINA ----------------------*/
div.Cabina {
	display: none;
}

/*----------------------------- ZONA LETTINI ----------------------*/
div.ZonaLettini {
	display: none;
}


/*------------------------ attrezzature in mappa --------------*/

.boxSection {
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 14px;
	color: black;
}
	.mainMappaBooking .modal-dialog .boxSection {
		display: grid;
		gap: 0;
	}
	.mainMappaBooking .modal-dialog .boxSection .form-group {
		display: grid;
		grid-template-columns: 1fr auto;
		align-items: baseline;
	}
	.mainMappaBooking .modal-dialog .boxSection .divButton {
		display: flex;
		gap: 5px;
		align-items: center;
	}



.numIngressiDiv, .numAttrezzaturaDiv, .divDescrizione {
	border: none;
	box-shadow: none;
	text-align: center;
	font-size: 12px;
	max-width: 70px;
	min-width: 50px;
}


body.booking .main_header_area .container {
	width: 100% !important;
	max-width: none;
}

body.booking .booking-show-btn-cont,
body.booking .booking-zoom-btn-cont {
	display: none;
}
body.booking:has(.pagelist) .booking-show-btn-cont {
	display:block;
	visibility:hidden;
	width:0px;
}

body.booking .booking-zoom-btn > button {
	padding: 1px 6px 0 6px;
	font-size: 18px;
}

body.booking .booking-zoom-btn {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

body.booking .header-booking-commands-cont button:focus {
	outline: 0 !important;
}


.booking .navbar-default .navbar-collapse {
	border: none;
}

body.booking .booking-show-btn {
	display: flex;
	flex-direction: column;
	padding: 2px 4px 0 4px;
	align-items: end;
}

body.booking .booking-show-btn > div.data-carrello {
	display: grid;
	grid-template-columns: auto;
	text-align: right;
}

body.booking .booking-show-btn > div.data-carrello > div {
	display: grid;
    grid-template-columns: auto 80px;
	text-transform: lowercase;
}

body.booking .booking-show-btn > div.tipologia-carrello {
	display: grid;
	grid-template-columns: auto auto;
	gap: 6px;
}
	
body.booking .booking-show-btn .start,
body.booking .booking-show-btn .end,
body.booking .booking-show-btn .adulti,
body.booking .booking-show-btn .bambini {
	font-weight: bold;
	vertical-align: middle;
}

.tipologia-carrello > div {
	display: flex;
}
.tipologia-carrello.hideCheckData{
	visibility: hidden;
}


body.booking .filter-box label {
	text-transform: lowercase;
}

body.booking .filter-box label:first-letter {
	text-transform: uppercase;
}

body.booking .header-booking-commands-cont {
	display: flex;
	gap: 4px;
	align-items: center;
	margin: 0 20px 0 0;
}

body.booking .filter-box .date-selector input {
	margin-bottom: 25px;
}




.lblAttrezzature {
	cursor: default;
	margin: 10px 0px;
}

.boxBtnAddRemove {
	padding: 5px;
}
	.btnAddRemove {
		width: 42px;
		height: 42px;
		box-sizing: border-box;
		border: 1px solid #00B0FF;
		border-radius: 6px;
		cursor: pointer;
		background-color: #fff;
		color: #00B0FF;
		text-align: center;
		font-size: 17px;
	}
		.btnAddRemove:hover {
			background-color: #0a58ca !important;
			border: 1px solid #2218de !important;
			color: white !important;
		}




/*-------------------------------------- CARRELLO --------------------------------*/
body.tsunamiparcoacquatico #divDetailAcq .description:has(.divDetailCompreso ) {
	visibility: hidden;
}


.prenotazioneDetail > div {
	margin: 0;
}

#carrello_FormModal {
	z-index: 10000;
}
.mainMappaBooking #carrello_FormModal.modal .modal-dialog {
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
}


#carrello_FormModal button.close {
	background-color: #0a58ca !important;
	border: 1px solid #2218de !important;
	color: white !important;
	top: 22px;
	right: 22px;
	border-radius: 6px;
	width: 30px;
	height: 30px;
	line-height: 1;
	font-size: 20px;
	padding: 0 !important;
}



#carrello_FormModal div.modal-body {
	height: calc(100% - 54px);
}

#carrello_FormModal .prenotazioneDetail {
	height: 100%;
}
	#carrello_FormModal .prenotazioneDetail > div#divFull {
		margin: 0;
		display: flex;
		flex-direction: column;
		height: 100%;
	}


#carrello_FormModal #bottomNavigation {
	position: relative !important;
	padding-bottom: 0;
	padding: 4px 8px 0 8px;
	top: 0;
	bottom: auto;
}
	#carrello_FormModal #bottomNavigation .k-bottom-nav-item {
		color: #0a58ca;
		border: 1px solid #f1f1f1;
		border-radius: 10px 10px 0 0;
		padding: 4px 0 2px 0;
		flex-basis: 100%;
	}
		.k-bottom-nav-flat .k-bottom-nav-item:hover,
		.k-bottom-nav-flat .k-bottom-nav-item:focus {
			background-color: #0a58ca !important;
			border: 1px solid #2218de !important;
			color: white !important;
		}
		#carrello_FormModal #bottomNavigation .k-bottom-nav-item.k-selected {
			background-color: #f8f8f8 !important;
			border: 1px solid #e8e8e8 !important;
			color: #0a58ca !important;
		}
		#carrello_FormModal .k-bottom-nav-item-icon {
			background-size: cover;
			width: 30px;
			height: 30px;
		}
		.mainMappaBooking #bottomNavigation .k-bottom-nav-border {
			border-width: 0 0 1px 0;
		}

		#carrello_FormModal .k-bottom-nav-item-text {
			text-overflow: initial;
			display: none;
		}



#carrello_FormModal .prenotazioneDetail > div#divFull .dettagli-carrello {
	flex-grow: 1;
	display: grid;
	grid-template-rows: 1fr auto;
	overflow-y: hidden;
	margin: 0 8px;
}

#carrello_FormModal .divBoxDetail {
	padding: 0;
}
	#carrello_FormModal .divRowDetail {
		background-color: #f8f8f8;
		border: 1px solid #e8e8e8;
		border-top: none;		
		border-radius: 0 0 10px 10px;
		box-shadow: none;
	}


#carrello_FormModal .boxSection {
	color: #444444;
}


#carrello_FormModal .divDataBox {
	padding: 10px 10px;
	border: 1px dashed #f1f1f1;
	border-radius: 10px;
}

	#carrello_FormModal .divDataBox .boxSel-name {
		margin-bottom: 5px;
	}

	#carrello_FormModal .divDataBox .boxSel-title {
		display: grid;
		grid-template-columns: 50% 50%;
		gap: 5px;
		padding: 0 0 8px 0;
		align-items: start;
	}
		#carrello_FormModal .divDataBox .boxSel-title .room-info {
			border: none;
			text-align: left;
			overflow: hidden;
		}
		#carrello_FormModal .divDataBox .boxSel-title .boxSel-descr {
			max-height: 100px;
			min-height: 100px;
			display: -webkit-box;
			-webkit-line-clamp: 5;
			-webkit-box-orient: vertical;
			overflow: hidden;
			margin-bottom: 2px;
			font-size: 12px;
			font-weight: 200;
			line-height: 20px;
		}
		#carrello_FormModal .boxSel-title span {
			font-family: 'Roboto', sans-serif !important;
		}

		#carrello_FormModal .divDataBox .boxSel-title .blog-image {
			text-align: center;
			width: 100%;
			aspect-ratio: 16 / 9;
			border-radius: 4px;
		}
			#carrello_FormModal .divDataBox .boxSel-title .blog-image img {
				height: auto;
				width: 100%;
				object-fit: contain;
			}


	#carrello_FormModal .divDataBox .divBtnBoxSelect {
		display: flex;
		gap: 5px;
		padding: 0;
	}

	#carrello_FormModal .btnCommandForPreno {
		width: 100%;
		padding: 5px;
		font-size: 14px;
		background-color: white;
		border: 1px solid #333;
		border-radius: 10px;
		color: #333;
		text-align: center;
	}

		#carrello_FormModal .btnInfoPreno {
			border: 1px solid #0a58ca;
			color: #0a58ca;
		}
			#carrello_FormModal .btnInfoPreno:hover {
				background-color: #0a58ca !important;
				border: 1px solid #2218de !important;
				color: white !important;
			}


		#carrello_FormModal .btnDelPreno {
			border: 1px solid #ef2853;
			color: #ef2853;
		}
			#carrello_FormModal .btnDelPreno:hover {
				background-color: #ef2853 !important;
				border: 1px solid #ef2853 !important;
				color: white !important;
			}


		#carrello_FormModal a.infoAttrezzatura {
			font-size: 12px;
			top: -5px;
			position: relative;
		}
			#carrello_FormModal a.infoAttrezzatura i {
				color: #0a58ca !important;
			}




#carrello_FormModal #divDetailAcq {
	padding: 0px 15px;
	gap: 0px;
	margin: 10px 0 0 0;
}

	#carrello_FormModal #divDetailAcq .boxSection .form-group {
		display: grid;
		grid-template-columns: 50% 50%;
		align-items: center;
		margin: 0;
	}

	#carrello_FormModal #divDetailAcq .divDetailCompreso,
	#carrello_FormModal #divDetailAcq .divAddToPacchetto {
		background-color: #fff;
		border-radius: 10px;

		margin: 4px 0 10px 0;
		padding: 5px 5px;
	}
	#carrello_FormModal #divDetailAcq .divDetailCompreso,
	#carrello_FormModal #divDetailAcq .divAddToPacchetto,
	#carrello_FormModal #divDetailAcq .esperienza-mod-box {
		width: calc(100% + 10px);
		transform: translateX(-5px);
	}


	#carrello_FormModal #divDetailAcq .title {
		text-align: center;
	}
	#carrello_FormModal #divDetailAcq .divAttrDescr i {
		color: #1da8e0 !important;
	}



#carrello_FormModal #divDetailAcq table {
	padding: 0;
}
	#carrello_FormModal #divDetailAcq table tr td {
		padding: 5px 0px;
		color: #666;
		border: none;
	}
	#carrello_FormModal #divDetailAcq table.tblAttrComp tr td {
		padding: 0px;
	}
		#carrello_FormModal #divDetailAcq table.tblAttrComp td.tdSx.divAttrDetail .divAttrQnt .boxBtnAddRemove {
			padding: 4px 2px 1px 2px;
		}

	#carrello_FormModal #divDetailAcq table.tblAttrComp tr.rowSeparator td{
		border-top-style: solid;
		border-top-width: thin;
		border-top-color: lightgray;
		padding: 3px 0px;
	}
		#carrello_FormModal #divDetailAcq table tr td:last-child {
			text-align: right;
		}


#carrello_FormModal #divDetailAcq table td.tdSx {
	/*width: 80%;*/
}
#carrello_FormModal #divDetailAcq table td.tdDx {
	width: 20%;
}
	#carrello_FormModal .divDetailForMappa #divDetailAcq td.tdDx.divAttrPrice {
		padding-right: 5px;
		font-size: 14px;
	}


#carrello_FormModal #divDetailAcq table td.tdSx.divAttrDetail {
	display: flex;
	gap: 5px;
	align-items: center;
	margin: 0;
}
	#carrello_FormModal #divDetailAcq table td.tdSx.divAttrDetail .divAttrQnt {
		display: grid;
		grid-template-columns: auto 1fr auto;
		gap: 3px;
		align-items: center;
	}
		#carrello_FormModal #divDetailAcq table.tblAttrAcq td.tdSx.divAttrDetail .divAttrQnt {
			min-width: 110px;
		}

		#carrello_FormModal #divDetailAcq table td.tdSx.divAttrDetail .divAttrQnt .boxBtnAddRemove {
			padding:5px 2px;
			display:flex;
			align-items:center;
		}
			#carrello_FormModal #divDetailAcq table td.tdSx.divAttrDetail .divAttrQnt .iconImage.bookingIconPreno {
				width: 30px;
				margin-right: 8px;
			    padding: 12px;
			}
			#carrello_FormModal #divDetailAcq table td.tdSx.divAttrDetail .divAttrQnt .btnAddRemove {
				width: 30px;
				height: 35px;
				font-size: 14px;
			}

			#carrello_FormModal #divDetailAcq table td.tdSx.divAttrDetail .divAttrQnt .attrezzaturaRow{
				justify-items: center;
			}
				#carrello_FormModal #divDetailAcq table td.tdSx.divAttrDetail .divAttrQnt .attrezzaturaRow input.numAttrezzaturaDiv {
					min-width: 30px;
					max-width: 35px;
					height: 35px;
					padding: 3px;
				}

	#carrello_FormModal #divDetailAcq table td.tdSx.divAttrDetail .divAttrDescr {
		display: flex;
		gap: 3px;
		align-items: center;
		text-align: left;
	}
		#carrello_FormModal #divDetailAcq table td.tdSx.divAttrDetail .divAttrDescr .divAttrNome {
			flex-grow: 1;
			word-break: break-word;
		}
			#carrello_FormModal #divDetailAcq table td.tdSx.divAttrDetail .divAttrDescr .divAttrNome.lblAttrezzature {
				margin: 0px;
			}



#carrello_FormModal .prenoForExp {
	padding: 10px 0;
	border-top: 1px solid #e4e4e4;
}
    #carrello_FormModal .prenoForExp .form-group {
        margin-bottom: 3px;
    }
    #carrello_FormModal .prenoForExp .titlePrenoForExp {
        padding: 5px;
        grid-template-columns: 1fr auto;
        border-bottom: 1px dotted #e4e4e4;
    }
    #carrello_FormModal .prenoForExp .btnDelPreno {
        width: 42px;
    }

#carrello_FormModal .listPostForExp{
	min-width: 200px;
}



#carrello_FormModal #divRiepilogo {
	padding: 0;
	margin-top: 8px;
}

	#carrello_FormModal #divRiepilogo .boxRiepilogoPreno {
		padding: 10px 10px 4px 10px;
		margin-top: 0;
		border: 1px solid #f2af50;
		border-radius: 4px;
	}
		#carrello_FormModal #divRiepilogo .boxRiepilogoPreno .lblTitoloRiepilogo {
			text-align: center;
		}


#carrello_FormModal #tblRiepilogo tr td {
    padding: 5px 0px;
    color: #666;
    border: none;
}
    #carrello_FormModal #tblRiepilogo tr td:last-child {
        text-align: left;
    }


#carrello_FormModal table#tblRiepilogo tr.summary-row > td {
	padding-top: 0px;
	padding-bottom: 4px;
}
#carrello_FormModal table#tblRiepilogo tr.summary-row td.summary-row-del {
	padding-right: 4px;
}

#carrello_FormModal table#tblRiepilogo td.summary-row-del .btnDelPreno.btnDelFromSummary {
	font-size: 12px;
	min-width: 20px;
	max-width: 40px;
	margin-right: 15px;
}

#carrello_FormModal table#tblRiepilogo td.summary-row-desc #datePrenoMappa,
#carrello_FormModal table#tblRiepilogo td.summary-row-desc #numPezziTot {
	font-size: 12px;
	color: #858585;
}


#carrello_FormModal table#tblRiepilogo td.summary-row-price {
	text-align: right;
	padding-right: 10px;
}
	#carrello_FormModal table#tblRiepilogo tr.summary-row td.summary-row-price {
		vertical-align: top;
	}



#carrello_FormModal table#tblRiepilogo tr.summary-row #expDetailTitle {
	padding-top: 10px;
	padding-bottom: 0px;
	margin-bottom:5px;
	border-bottom: 1px solid #F0EFEE;
}
	#carrello_FormModal table#tblRiepilogo tr.summary-row:has(#expDetail) td.summary-row-price {
		vertical-align: middle;
	}
	#carrello_FormModal table#tblRiepilogo tr.summary-row:has(#expDetail) > td {
		padding-top: 4px;
	}


#carrello_FormModal #tblRiepilogo tr.summaryTicketTitle {
	border-bottom: 1px solid lightgray;
}
	#carrello_FormModal #tblRiepilogo tr.summaryTicketTitle td {
		padding-top: 12px;
		padding-bottom: 1px;
	}
	#carrello_FormModal #tblRiepilogo tr.summaryTicketTitle.hideCheckData {
		display:none;
	}

#carrello_FormModal #tblRiepilogo tr.summaryTicket.hideCheckData {
	visibility: hidden;
}
#carrello_FormModal #tblRiepilogo tr.summaryTicket.ticketNoSelect{
	visibility: hidden;
}
	#carrello_FormModal #tblRiepilogo tr.summary-row.summaryTicket td {
		padding-top: 4px;
		padding-bottom: 2px;
	}
		#carrello_FormModal #tblRiepilogo tr.summary-row.summaryTicket:nth-last-child(2) > td {
			padding-bottom: 15px;
		}


#carrello_FormModal #tblRiepilogo .order-total {
	padding: 10px 10px;
	border-top-style: double;
	border-top-width: medium;
	border-top-color: lightgray;
}
	#carrello_FormModal #tblRiepilogo tr.order-total td {
		font-weight: 600;
		font-size: 16px;
	}
		#carrello_FormModal #tblRiepilogo tr.order-total td.summary-row-desc {
			width:50%;
		}
		#carrello_FormModal #tblRiepilogo tr.order-total td.summary-row-price {
			width: 50%;
		}
			#carrello_FormModal #tblRiepilogo tr.order-total td.summary-row-price #prezzoTot {
				font-size: 14px;
				font-weight:400;
				margin-right:5px;
			}

		#carrello_FormModal #tblRiepilogo tr.order-total td:last-child div {
			display: inline-block;
		}



#carrello_FormModal #divSubmit {
	padding: 10px;
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: center;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	bottom: 0px;
	box-shadow: 0px 0px 15px #cccccc57;
	width: 100%;
}
	/* IVAN */
	#carrello_FormModal #divSubmit {
		position: relative;
	}
	#carrello_FormModal #divSubmit.sign-up {
		border: none;
	}



#carrello_FormModal .mCSB_inside > .mCSB_container {
	margin-right: 0;
	min-height: calc(100% - 2px);
	display: grid;
	grid-template-rows: 1fr auto;
}

#carrello_FormModal .mCSB_dragger .mCSB_dragger_bar {
	background-color: #0a58ca;
}

#carrello_FormModal .mCSB_scrollTools.mCS-light.mCSB_scrollTools_vertical {
	width: 4px;
}









/*-------------------------------                     --------------------------------*/

.booking section.trending.trending2 {
	padding: 0;
}

.booking section.booking-list-banner {
	height: 40vh;
}

.booking section.booking-list-banner .swiper-content {
	top: 18vh;
}
	.booking section.booking-list-banner .swiper-content h1{
		margin-bottom:5px;
	}

.booking section.booking-list-banner .slide-inner .slide-image {
	background-position: bottom;
}

.booking section#search-cont.booking-list-search {
	margin-bottom: 30px;
}

.booking .switch-privato-azienda .k-switch {
	width: 100px;
}

.booking .switch-privato-azienda {
	margin-bottom: 20px !important;
}

.booking .k-dialog.k-alert button {
	color: #007aff;
}

.booking #divPrivacy > div,
.booking #divRegolamento > div,
.booking #divMarketing > div,
.booking #divProfilazionePolicy > div {
	height: 80vh;
	/*width: 50vw;*/
	top: 10vh;
	left: 50%;
	position: fixed;
	transform: translateX(-50%);
	background-color: #fff;
	padding: 15px 10px 15px 15px;
	border-radius: 20px;
	max-height: none;
}

.booking .divAccettazioneDetail {
	height: 100%;
	overflow-y: scroll;
	max-height: none;
	padding: 5px;
}

.booking .divForCheckBox a {
	text-decoration: underline;
	cursor: pointer;
}

.booking #divPrivacy button,
.booking #divRegolamento button,
.booking #divMarketing button,
.booking #divProfilazionePolicy button {
	top: 10px;
	right: 10px;
	background-color: #fff;
	color: #000;
	font-size: 1.6em;
	line-height: 1.6em;
	margin: 0;
	padding: 2px 0 0 0;
}

body.booking.modal-open {
	padding-right: 0px !important;
}

body.booking #carrello_FormModal {
	padding-right: 0px !important;
}




/*------------------------------- LIST e UP SELLING --------------------------------*/
.formListProd .section-title {
	width: 100%;
}
	.formListProd .section-title h2 {
		padding-bottom: 1px;
	}

.pagelist #divTitle .section-title {
	margin-bottom: 35px;
}


.pageVetrina .divFirstBtn {
	margin-bottom: 20px;
	margin-top: 30px;
	padding-bottom: 15px;
}
.pageVetrina .divLastBtn {
	margin-top: 20px;
	padding-top:15px;
	border-top: 1px dashed #F0EFEE;
}

.pageVetrina #divNavBtn {
	display:flex;
	gap: 10px;
	justify-content:space-between;
}

.pageVetrina section#prenoExpCont {
	padding-top: 15px;
	border-top: 1px dashed #F0EFEE;
	padding-top: 15px
}


/*------- prenoMappa&Exp --------*/
section#prenoMappaCont.why-us {
	box-shadow: 0 27px 24px -37px rgba(0, 0, 0, 0.40);
	padding-top: 20px;
	padding-bottom: 20px;
}

	section#prenoMappaCont.why-us .why-us-about {
		margin-bottom: 10px;
	}
		section#prenoMappaCont.why-us .why-us-about .row {
			display: flex !important;
			flex-wrap: wrap;
		}

	section#prenoMappaCont.why-us .why-about-inner p {
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
		overflow: hidden;
		margin-bottom: 20px;
	}



#gridExp .exp-item {
	border-radius: 10px;
	box-shadow: 7px 7px 7px #F0EFEE;
	border: 1px solid #F0EFEE;
	height:100%;
}
	#gridExp .exp-item .exp-image {
		width: 100%;
		aspect-ratio: 16 / 9;
	}
		#gridExp .exp-item .exp-image img {
			height: auto;
			width: 100%;
			object-fit: contain;
		}

	#gridExp .exp-item .exp-content .exp-descr {
		max-height: 100px;
		min-height:100px;

		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
		margin-bottom: 20px;
		font-size: 12px;
	}

	#gridExp .exp-item .exp-btn {
		gap: 10px;
		flex-wrap: wrap;
		text-align: center;
	}






/*-------------------------------------- DETTAGLIO --------------------------------*/
.pageDetail .gallery-item {
	height: 358px;
	justify-items: center;
}
	.pageDetail .gallery-item img {
		width: auto;
		height: 100%;
		object-fit: contain;
	}

.pageDetail .divForBtnNav{
	display:none;
}
	.pageDetail .divForBtnNav .divBtnForInfo {
		display: flex;
		gap: 10px;
		justify-content: space-between;
		margin-bottom: 15px;
	}



/*-------------------------------------- ERROR --------------------------------*/

section.pageError,
section.pageNoPay {
	padding-top: 20px;
}
	section.pageError .error-content h1{
		font-size: 150px;
	}
	section.pageError .error-btn,
	section.pageNoPay .error-btn {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		justify-content: space-between;
		margin-bottom: 15px;
		padding-top: 10px;
	}



.booking .divBtnForInfo button {
	height: 100%;
}

.altri-costi-style {
	font-size: 0.8em;
}


.nice-select.open .list {
	max-height: 200px;
	overflow-y: scroll;
}



/*-------------------------------------- MIDDAY --------------------------------*/
.middayDescr {
	font-size: 12px;
	font-weight: 300;
	color: #dc3545;
	margin: 0px;
}
	.middayDescrTime {
		font-size: 8px;
		color: #858585;
	}

#carrello_FormModal #tblRiepilogo .middayDescr {
	padding-left: 5px;
}


/*-------------------------------------- DATA INFO --------------------------------*/
.pageForLastStep {
	margin-top: 10px;
}

#formBooking_DataInfo #datiCliente div.form-group:has(input[required="required"]) label:after,
#formBooking_DataInfo #datiCliente div.form-group label.clientePhone span,
#formBooking_DataInfo #datiCliente div.form-group:has(input.infoForFattura[required]) label:after,
#formBooking_DataInfo #datiCliente .rowCheckCondition div.divForCheckBox div:has(a):after,
#formBooking_LinkPayment #divForCondition .rowCheckCondition div.divForCheckBox div:has(a):after {
	content: "*";
	color: red;
	font-size: 14px;
	margin-left: 5px;
}

.pageForLastStep .hideCheckData{
	display: none;
}


.pageForLastStep .price-navtab {
	margin-bottom: 30px;
}
	.pageForLastStep .price-navtab #datiCliente {
		margin-bottom: 20px;
	}


.pageForLastStep .rowBtnNav > div {
	border-top: 1px dashed #f1f1f1;
	padding-top: 15px;
}
	.pageForLastStep .rowBtnNav .divBtnForInfo {
		display: flex;
		gap: 10px;
		justify-content: space-between;
	}
	#formBooking_DataInfo .divFirstBtnNav {
		display: none;
	}



.pageForLastStep .booking-sidebar {
	margin-bottom: 20px;
}
	.pageForLastStep .booking-sidebar .sidebar-booking,
	.pageForLastStep .booking-sidebar .sidebar-payment {
		padding: 20px 20px;
	}
	#formBooking_LinkPayment .sidebar-booking,
	#formBooking_LinkPayment .sidebar-payment {
		padding: 0px;
	}
#formBooking_LinkPayment #summaryPrenoCont table {
	margin: 0px 5px;
}
	
	.pageForLastStep #summaryPreno h4{
		margin-bottom: 10px;
	}
	.pageForLastStep #summaryPreno #summaryPrenoCont {
		display: grid;
		grid-row-gap: 30px;
	}
	#formBooking_LinkPayment.pageForLastStep #summaryPreno #summaryPrenoCont {
		grid-row-gap: 5px;
		padding-bottom:20px;
	}
		.pageForLastStep #summaryPreno #summaryPrenoCont .summaryPreno-detail {
			display: grid;
			grid-row-gap: 3px;
		}

#formBooking_CheckOut.pageForLastStep #summaryPreno #summaryPrenoCont {
	grid-row-gap: 15px;
}
	#formBooking_CheckOut.pageForLastStep #summaryPreno #summaryPrenoCont > .summaryPreno-detail {
		padding-top: 0px;
		border-top: none;
	}
		#formBooking_CheckOut.pageForLastStep #summaryPreno #summaryPrenoCont > .summaryPreno-detail ~ .summaryPreno-detail {
			padding-top: 20px;
			margin-top: 10px;
			border-top-style: dashed;
			border-top-width: thin;
			border-top-color: lightgray;
		}

.pageForLastStep #summaryPreno table {
	border-radius: 4px;
}
	.pageForLastStep #summaryPreno table td.tdSx {
		width: 70%;
		word-break:break-word;
	}
	.pageForLastStep #summaryPreno table td.tdDx{
		width:30%;
	}

	.pageForLastStep #summaryPreno table.tblTotale td.tdSx,
	.pageForLastStep #summaryPreno table.tblTotale td.tdDx {
		width: 50%;
	}


	.pageForLastStep #summaryPreno table .divPrezzoBarrato {
		margin: 0px;
		font-size: 0.8em;
		color: darkgray;

	}

	.pageForLastStep #summaryPreno table.tblPost tr:nth-last-child(2) td,
	.pageForLastStep #summaryPreno table.tblExp tr.row-title td,
	#formBooking_CheckOut.pageForLastStep #summaryPreno table.tblTicket tr.row-title td {
		border-bottom-style: solid;
		border-bottom-width: thin;
		border-bottom-color: lightgray;
		padding: 10px 10px 3px;
	}

	.pageForLastStep #summaryPreno table tr.row-title td.td-title{
		text-align:left;
		/*padding-bottom: 3px;*/
	}
		.pageForLastStep #summaryPreno table.tblTicket tr.row-title td {
			padding-top: 5px;
		}
	.pageForLastStep #summaryPreno table .td-title .title {
		font-size: 15px;
		font-weight: 400;
		color: #333;
	}
		.pageForLastStep #summaryPreno table .td-title .title #numOmbrellone {
			font-weight: 700;
			text-align: center;
		}

	.pageForLastStep #summaryPreno table .td-title .titleDescr div {
		padding: 1px 0px 0px;
	}
		.pageForLastStep #summaryPreno table #datePrenoMappa {
			font-size: 12px;
		}
		.pageForLastStep #summaryPreno table .middayDescr {
			font-size: 12px;
			font-weight: 500;
			color: #858585;
			padding-left:5px;
		}
			.pageForLastStep #summaryPreno table .middayDescrTime {
				font-size: 8px;
				color: #858585;
			}

	.pageForLastStep #summaryPreno table tr.row-title .td-price,
	.pageForLastStep #summaryPreno table.tblExp tr.rowDetail .td-price,
	.pageForLastStep #summaryPreno table.tblTicket tr.rowDetail .td-price {
		padding-left: 3px;
		font-size: 14px;
	}

	.pageForLastStep #summaryPreno table.tblPost .td-price {
		align-content: baseline;
	}
		.pageForLastStep #summaryPreno table.tblPost .td-price .divPrezzoPost,
		.pageForLastStep #summaryPreno table.tblExp .td-price,
		.pageForLastStep #summaryPreno table.tblTicket .td-price{
			font-weight: 500;
			color: black;
		}
		
	.pageForLastStep #summaryPreno table tr.rowDetail td {
		padding: 5px 10px;

		font-size:12px;
		font-weight: 200;
		color: #858585;
	}

	.pageForLastStep #summaryPreno table tr.rowDetail.rowCompr td{
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.pageForLastStep #summaryPreno table tr.rowDetail.rowComprExtra td{
		border-top: hidden;
		padding-top: 0px;
	}

	.pageForLastStep #summaryPreno table tr.rowDetail .divDetail-comm .altri-costi-style {
		font-size: 0.9em;
		font-style: italic;
		color: darkgray;
	}


.pageForLastStep #summaryPreno .sidebar-booking.summaryPreno-ticket {
	border-bottom: hidden;
	padding-bottom: 30px
}
.pageForLastStep #summaryPreno .sidebar-payment {
	border-top-style: double;
	border-top-width: 3px;
	border-top-color: lightgray;
}

	.pageForLastStep #summaryPreno table.tblTotale.tblTotStart td {
		border: hidden;
	}
	.pageForLastStep #summaryPreno table.tblTotEnd td {
		border-top: 1px solid lightgray;
		border-bottom: hidden;
		border-left: hidden;
		border-right: hidden;
	}

	.pageForLastStep #summaryPreno table.tblTotale td.tdSx {
		padding-left:0px;
	}
	.pageForLastStep #summaryPreno table.tblTotale td.tdDx.td-price {
		font-size: 16px;
		font-weight: 600;
		color: black;
	}
		.pageForLastStep #summaryPreno table.tblTotale tr.rowDetail td.tdDx.td-price {
			font-size:14px;
			font-weight: 200;
		}
		
		.pageForLastStep #summaryPreno tr.tot-comm td{
			padding-top:0px;
		}
			.pageForLastStep #summaryPreno .tblCommissione .tot-comm h6,
			.pageForLastStep #summaryPreno .tblCommissione .tot-comm td.tdDx.td-price {
				font-size: 12px;
				font-weight: 200;
				color: darkgray;
			}

		.pageForLastStep #summaryPreno table.tblTotale .tot-iva {
			font-size: 9px;
		}


#formBooking_CheckOut.pageForLastStep #summaryPreno table.tblSubTotalPreno {
	margin-top: 5px;
}
	#formBooking_CheckOut.pageForLastStep #summaryPreno table.tblSubTotalPreno td {
		border-top: medium double lightgray;
		border-bottom: hidden;
		border-left: hidden;
		border-right: hidden;

		font-weight: 500;
		color: #333;
	}


.gunabeachclub .pageForLastStep .rowForNote,
.longbeach .pageForLastStep .rowForNote {
	visibility: hidden;
}


.pageForLastStep .bookingMsg {
	font-family: 'Poppins', sans-serif;
}


.pageForLastStep div:has(#listCountryToSelect) .nice-select.open .list {
	width: fit-content;
}
	.pageForLastStep div:has(#listCountryToSelect) .nice-select.open .list li {
		display: grid;
		grid-template-columns: auto 40px 200px;
		gap: 3px;
	}

.pageForLastStep div:has(#listCountryToSelect) .nice-select .current {
	display: flex;
}
	.pageForLastStep div:has(#listCountryToSelect) .nice-select .current .nomeCountry {
		display: none;
	}



#formBooking_LinkPayment #divForCondition h3 {
	text-align:center;
	color:red;
}



/*--------------------------------------------------- MEDIA ---------------------------------------------------*/
@media (max-width: 390px) {
	body .booking .header-booking-commands-cont {
		flex-grow: 1;
		justify-content: space-between;
	}

	.header-dropdown-list .dropdown-menu.pull-right {
		right: auto;
		left: 0;
	}
}

@media (max-height: 550px) {
	.swiper-content p {
		margin-bottom: 5px;
	}

	.booking-list-banner .divHotelPartner {
		display: none;
	}
}

@media (max-width: 600px) {
	.booking .navbar-flex {
		padding: 2px 0;
		flex-wrap: wrap;
		justify-content: center;
	}

	body.booking .main_header_area .container {
		padding: 0 0 0 0px;
	}

	.booking .navbar-header {
		margin-left: 0;
		display: flex;
		gap: 10px;
		flex-wrap: wrap;
		justify-content: center;
	}

	body.booking .header-booking-commands-cont {
		flex-grow: 1;
		justify-content: end;
	}

	.trend-content .room-btns {
		display: flex;
		flex-direction: column;
	}

		.trend-content .room-btns .biz-btn {
			margin: 0 !important;
		}


	.booking #divPrivacy > div,
	.booking #divRegolamento > div,
	.booking #divMarketing > div,
	.booking #divProfilazionePolicy > div {
		width: auto;
	}
	
}

@media (min-width: 768px) {
	.navbar > .container .navbar-brand {
		/*margin-left: -15px !important;*/
	}
}

@media (max-width: 991px) {
	#carrello_FormModal .divAttrDescr {
		display: flex;
	}

	body.booking .filter-box label {
		margin: 8px 0 0 4px;
	}

	.booking .divAccettazioneDetail {
		width: 80vw;
	}

	.booking .price-navtab.mar-bottom-30 {
		margin-top: 30px;
	}

	.divHotelPartner {
		margin-bottom: 0px;
	}
}





/* Mobile*/
@media only screen and (max-width: 1024px){

	section.breadcrumb-outer {
		padding: 30px 0 30px;
	}
		section.breadcrumb-outer .breadcrumb-content h2 {
			font-size: 30px;
			font-weight: 400;
		}


	/*--- INDEX ---*/
	#bookingSearch:has(.divSearchContent.hideCheckPost):has(#boxMidday) .btnSearchContent {
		align-content: end;
	}

	/*--- LIST ---*/
	body.booking:has(.pagelist) section.banner.booking-list-banner {
		height: 30vh;
	}
	body.booking:has(.pagelist) section.booking-list-banner .swiper-content {
		top: 13vh;
	}
		body.booking:has(.pagelist) section.booking-list-banner .swiper-content h1 {
			font-weight: 500;
		}
		body.booking:has(.pagelist) .swiper-content p {
			font-size: 14px;
			margin-bottom: 28px;
		}


	.booking section#search-cont.booking-list-search {
		margin-bottom: 15px;
	}


	.pagelist #divTitle .section-title,
	.formListProd .section-title {
		margin-bottom: 15px;
	}
		.formListProd .section-title h2 {
			font-size: 30px;
			padding: 10px 0px;
			margin-bottom: 1px;
		}
		.pageVetrina.formListProd .section-title h2 {
			font-weight: 500;
			font-size: 25px;
		}
			.formListProd .section-title h2::after {
				display: none;
			}

		.formListProd .section-title p {
			display: none;
		}



	section#prenoMappaCont.why-us {
		padding-top: 15px;
		padding-bottom: 15px;
	}
		section#prenoMappaCont.why-us .why-us-about,
		section#prenoMappaCont.why-us .why-about-inner {
			margin-bottom: 3px;
		}

		section#prenoMappaCont.why-us .why-about-image {
			margin-bottom: 3px;
		}

		section#prenoMappaCont.why-us .why-about-inner h4 {
			font-weight: 400;
			font-size: 12px;
		}
		section#prenoMappaCont.why-us .why-about-inner h2 {
			font-weight: 400;
			font-size: 22px;
			margin-bottom: 10px;
		}

		section#prenoMappaCont.why-us .why-about-inner p {
			-webkit-line-clamp: 3;
			font-size: 14px;
		}


	section#prenoExpCont.blog {
		padding-top: 10px;
	}

	#gridExp .exp-item .exp-content .exp-descr {
		-webkit-line-clamp: 4;
		min-height: 80px;
		font-size: 12px;
		line-height: 20px;
		margin-bottom: 15px;
	}


	/*--- DETTAGLIO ---*/
	body.booking:has(.pageDetail) section.breadcrumb-outer {
		padding: 50px 0;
	}
		body.booking:has(.pageDetail) section.breadcrumb-outer .breadcrumb-content h2 {
			font-size: 22px;
			font-weight: 400;
		}

	section.pageDetail {
		padding-top: 20px;
	}


	/*--- DATA INFO e CHECKOUT ---*/
	body.booking:has(.pageForLastStep) section.breadcrumb-outer .breadcrumb-content h2 {
		font-size: 30px;
	}
	body.booking:has(.pageForLastStep) section.booking {
		padding-top: 20px;
	}


	/*--- ERROR ---*/
	section.pageError .error-content h1 {
		font-size: 80px;
	}


	/*--- CONFIRM ---*/
	body.booking:has(.pageConfirm) section.breadcrumb-outer .breadcrumb-content h2 {
		font-size: 30px;
	}
	section.booking.pageConfirm {
		padding-top: 20px;
	}
		section.booking.pageConfirm .lblConfirm {
			padding: 15px 0px;
		}
}

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

	/*--- INDEX ---*/
	.coming-title {
		margin: 0 auto 30px;
	}
		.coming-title h2 {
			font-size: 45px;
			font-weight: 600;
			margin: 25px 0px;
		}

		.coming-title p {
			line-height: 1.5;
			font-size: 16px;
			font-weight: lighter;
		}


	#bookingSearch .divSearchContent {
		grid-template-columns: auto;
		justify-content: stretch;
		gap: 15px;
	}
		#bookingSearch .divSearchContent .divSearchTicket {
			grid-template-columns: auto auto;
			justify-content: stretch;
		}


	/*--- LIST ---*/
	body.booking:has(.pagelist) section.banner.booking-list-banner {
		display: none;
	}
	body.booking:has(.pagelist) .booking-show-btn-cont {
		visibility:visible;		
		width:auto;
	}
		body.booking:has(.pagelist) section.banner-form:not(.show) {
			visibility: hidden;
			height: 0;
			margin: 0px;
		}
			body.booking:has(.pagelist) section.banner-form:not(.show) #btnSearchFilter {
				display:none;
			}

		body.booking:has(.pagelist) section.banner-form.show {
			visibility: visible;
			margin-top: 10px;
			z-index: 9999;
		}


	.booking section#search-cont.booking-list-search {
		margin-bottom: 0px;
	}

	.pagelist #divTitle .section-title {
		display: none;
	}

	.formListProd .section-title {
		margin-bottom: 10px;
	}
		.formListProd .section-title h2 {
			font-weight: 400;
			font-size: 24px;
		}


	section#prenoMappaCont.why-us {
		padding-top: 10px;
		padding-bottom: 10px;
	}
		section#prenoMappaCont.why-us .why-about-image {
			margin-bottom: 5px;
		}

		section#prenoMappaCont.why-us .why-about-inner {
			text-align: left;
		}
	
	.pagelist section#prenoMappaCont.why-us .why-about-inner h4 {
		display: none;
	}
	.pageVetrina section#prenoMappaCont.why-us .why-about-inner h4 {
		margin-top:5px;
		margin-bottom:5px;
	}

	section#prenoMappaCont.why-us .why-about-inner h2 {
		font-size: 20px;
		margin-bottom: 10px;
	}

	section#prenoMappaCont.why-us .why-about-inner p {
		-webkit-line-clamp: 2;
		margin-bottom: 15px;
		font-size: 14px;
		color: grey;
		line-height: 20px;
	}


	#gridExp .exp-item .exp-content{
		padding:10px 15px;
	}
	#gridExp .exp-item .exp-content h3 {
		margin-bottom: 8px;
	}
		#gridExp .exp-item .exp-content .exp-descr {
			-webkit-line-clamp: 2;
			min-height: 40px;
		}
	
	#gridExp .exp-item .exp-content .exp-period {
		display:none;
	}


	.pageVetrina section#prenoExpCont {
		padding-top: 15px;
		border-top: 1px dashed #F0EFEE;
		padding-top: 15px
	}



	/*--- DETTAGLIO ---*/
	.pageDetail .divForBtnNav{
		display:block;
	}


	/*--- DATA INFO e CHECKOUT---*/
	body.booking:has(.pageForLastStep) .booking-sidebar .book-sidebar-title {
		display: none;
	}

	#formBooking_DataInfo .divFirstBtnNav {
		display: block;
	}
		#formBooking_DataInfo .divFirstBtnNav > div{
			padding: 0px 15px 15px;
		}

	.pageForLastStep .divColDx {
		visibility:hidden;
		height:0;
	}
	.pageForLastStep .price-navtab #datiCliente {
		margin-top: 20px;
	}



	/*--- ERROR ---*/
	section.pageError.error .error-content {
		width: 80%;
	}
		section.pageError .error-content h1 {
			font-size: 50px;
		}


	/*--- CONFIRM ---*/
	section.booking.pageConfirm .book-sidebar-title {
		display: none;
	}
}

@media only screen and (max-width: 961px) and (orientation: portrait) {
	/*--- INDEX ---*/
	.coming-title {
		margin: 0 auto 15px;
	}
		.coming-title h2 {
			line-height: 1;
			font-size: 40px;
			font-weight: 500;
			margin-top: 18px;
			margin-bottom: 15px;
		}

		.coming-title p {
			line-height: 1.3;
			font-size: 14px;
			font-weight: lighter;
			margin: 0px;
		}


	/*--- UPSELLING ---*/
	.pageVetrina #divNavBtn button .titleButton {
		display: none;
	}

	/*--- DATA INFO e CHECKOUT---*/
	.pageForLastStep .booking-sidebar .sidebar-booking,
	.pageForLastStep .booking-sidebar .sidebar-payment {
		padding: 15px;
	}


	/*--- ERROR ---*/
	section.pageError.error .error-content {
		width: 100%;
	}
		section.pageError.error .error-content .error-btn {
			justify-content: center;
		}
}

@media only screen and (max-width: 961px) and (orientation: landscape) {

	section.breadcrumb-outer {
		display: none;
	}

	/*--- INDEX ---*/
	.coming-title {
		margin: 0 auto 15px;
	}
		.coming-title h2 {
			line-height: 1;
			font-size: 45px;
			font-weight: 500;
			margin-top: 18px;
			margin-bottom: 10px;
		}
		.coming-title p {
			line-height: 1.5;
			font-size: 16px;
			font-weight: lighter;
			margin: 0px;
		}

	/*--- UPSELLING ---*/
	body.booking:has(.pageVetrina) section.breadcrumb-outer {
		display:none;
	}
	.pageVetrina .divFirstBtn {
		margin-top: 15px;
		margin-bottom:0px;
	}


	/*--- DETTAGLIO ---*/
	section.pageDetail {
		padding-top: 10px;
	}


	/*--- ERROR ---*/
	section.pageError {
		padding: 20px 0;
	}
		section.pageError .error-content h1 {
			font-size: 50px;
		}


	/*--- CONFIRM ---*/
	section.booking.pageConfirm #divConfirmText{
		padding: 15px;
	}
		section.booking.pageConfirm #divConfirmText .divTitle {
			padding: 10px 20px;
			align-items:center;
		}
		section.booking.pageConfirm .lblConfirm {
			text-align: center;
		}
}



@media only screen and (max-width: 660px) and (orientation: portrait) {

	section.breadcrumb-outer {
		padding: 30px 0 30px;
	}
		section.breadcrumb-outer .breadcrumb-content h2 {
			font-size: 20px;
			font-weight: 400;
		}

	/*--- INDEX ---*/
	.coming-title {
		margin: 0 auto 30px;
	}
		.coming-title h2 {
			font-size: 45px;
		}

	#bookingSearch .divSearchContent {
		grid-template-columns: auto;
		justify-content: stretch;
		gap: 15px;
	}
		#bookingSearch .divSearchContent .divSearchTicket {
			grid-template-columns: auto;
			justify-content: stretch;
		}

	#bookingSearch #boxMidday #switchMidday {
		flex-direction: column;
		justify-content: stretch;
	}


	/*--- LIST ---*/
	section#prenoMappaCont.why-us .why-about-inner {
		text-align: center;
	}
		section#prenoMappaCont.why-us .why-about-inner p {
			font-size: 12px;
		}

	/*--- UPSELLING ---*/
	.pageVetrina .divFirstBtn {
		margin-top: 15px;
		margin-bottom: 0px;
	}

	.pageVetrina.formListProd .section-title h2 {
		font-weight: 400;
		font-size: 20px;
	}


	/*--- DETTAGLIO ---*/
	section.pageDetail {
		padding: 10px 0;
	}
		section.pageDetail .divForBtnNav .titleButton {
			display: none;
		}


	/*--- DATA INFO e CHECKOUT ---*/
	.pageForLastStep #datiCliente {
		padding: 15px;
	}


	/*--- ERROR ---*/
	section.pageError .error-content h1 {
		font-size: 50px;
	}

	/*--- CONFIRM ---*/
	section.booking.pageConfirm .book-sidebar-title {
		display: block;
	}

	/*--- CARRELLO ---*/
	#carrello_FormModal .divDataBox .boxSel-title .room-info {
		margin-bottom: 0px; 
		padding-bottom: 0px;
	}
	#carrello_FormModal .divDataBox .boxSel-title .boxSel-descr {
		min-height: auto;
		-webkit-line-clamp: 4;
		font-size: 14px;
		line-height: 20px;
	}

	#carrello_FormModal #divRiepilogo {
		padding: 0 3px;
		margin-top: 15px;
	}
}