/* input(229,54): run-time error CSS1030: Expected identifier, found '#boxStag'
input(229,62): run-time error CSS1025: Expected comma or open brace, found ')'
input(233,51): run-time error CSS1030: Expected identifier, found '#boxStag'
input(233,59): run-time error CSS1025: Expected comma or open brace, found ')'
input(237,57): run-time error CSS1030: Expected identifier, found '#boxStag'
input(237,65): run-time error CSS1025: Expected comma or open brace, found ')'
input(247,21): run-time error CSS1030: Expected identifier, found '#btnPrenoStag'
input(247,45): run-time error CSS1025: Expected comma or open brace, found ')'
input(350,57): run-time error CSS1030: Expected identifier, found '#boxMidday'
input(350,67): run-time error CSS1025: Expected comma or open brace, found ')'
input(400,52): run-time error CSS1030: Expected identifier, found '#boxMidday'
input(400,62): run-time error CSS1025: Expected comma or open brace, found ')'
input(406,57): run-time error CSS1030: Expected identifier, found '#boxMidday'
input(406,67): run-time error CSS1025: Expected comma or open brace, found ')'
input(410,52): run-time error CSS1030: Expected identifier, found '#boxMidday'
input(410,62): run-time error CSS1025: Expected comma or open brace, found ')'
input(478,21): run-time error CSS1030: Expected identifier, found '#btnPrenoStag'
input(478,51): run-time error CSS1025: Expected comma or open brace, found ')'
input(1307,59): run-time error CSS1030: Expected identifier, found '#expDetail'
input(1307,69): run-time error CSS1025: Expected comma or open brace, found ')'
input(1311,59): run-time error CSS1030: Expected identifier, found '#expDetail'
input(1311,69): run-time error CSS1025: Expected comma or open brace, found ')'
input(1458,36): run-time error CSS1030: Expected identifier, found '#btnRemove'
input(1458,55): run-time error CSS1025: Expected comma or open brace, found ')'
input(2098,26): run-time error CSS1030: Expected identifier, found '#listCountryToSelect'
input(2098,46): run-time error CSS1025: Expected comma or open brace, found ')'
input(2102,26): run-time error CSS1030: Expected identifier, found '#listCountryToSelect'
input(2102,46): run-time error CSS1025: Expected comma or open brace, found ')'
input(2108,26): run-time error CSS1030: Expected identifier, found '#listCountryToSelect'
input(2108,46): run-time error CSS1025: Expected comma or open brace, found ')'
input(2112,26): run-time error CSS1030: Expected identifier, found '#listCountryToSelect'
input(2112,46): run-time error CSS1025: Expected comma or open brace, found ')'
input(2479,58): run-time error CSS1030: Expected identifier, found '#boxMidday'
input(2479,68): run-time error CSS1025: Expected comma or open brace, found ')'
input(2653,55): run-time error CSS1030: Expected identifier, found '#boxStag'
input(2653,63): run-time error CSS1025: Expected comma or open brace, found ')'
input(2657,52): run-time error CSS1030: Expected identifier, found '#boxStag'
input(2657,60): run-time error CSS1025: Expected comma or open brace, found ')'
input(2662,52): run-time error CSS1030: Expected identifier, found '#boxStag'
input(2662,60): run-time error CSS1025: Expected comma or open brace, found ')'
input(2666,58): run-time error CSS1030: Expected identifier, found '#boxStag'
input(2666,66): 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=kyr9M7Xm-CsFyq1Csob6kU9XRvM");
}

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;
}


/*.imcpiscina #prenoMappaCont {
	visibility: hidden;
	height: 0px;
}*/
.momaexclusivebeach .home .coming-title img {
	filter: brightness(0) invert(1);
}

.momaexclusivebeach .home .coming-title .divHotelPartner img {
	filter: none;
}

body.momaexclusivebeach #spiaggia.styleImage div.Ombrellone:has(.settore_Viola) {
	visibility: hidden;
}


body.aldrovandiswimmingpool #divContactStab :nth-child(3) a {
	font-size: 11px;
}


.lunibareddu .home .coming-title img {
	background-color: rgba(248, 248, 255, 0.8);
	border-radius: 4px;
	padding: 5px;
}

.lunibareddu.booking .logoForRedirect {
	flex-direction: row-reverse;
}

.lunibareddu.booking .logoForRedirect .divDescr {
	display: none;
}


.bagno18 .home .coming-title img {
	height: 80px;
	filter: brightness(0) invert(1);
}

.bagno18 #contactFromMsgCont .confirmation-details>div:nth-of-type(2) .datiCliente:first-of-type {
	visibility: hidden;
}


.boscopalace .home .coming-title img {
	height: 80px;
	filter: brightness(0) invert(1);
}


.whiteostuni .home .coming-title img {
	filter: brightness(0) invert(1);
}





/*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 -----------------------------------*/

body.marea93-94 #bookingSearch .divSearchContent:has(#boxStag) {
	padding-right: 0;
}

body.marea93-94 #bookingSearch .divSearchDate:has(#boxStag) {
	flex-direction: row-reverse !important;
}

body.marea93-94 #bookingSearch .divSearchDateDetail:has(#boxStag) {
	padding-right: 15px;
	border-right: thin solid whitesmoke;
}

body.marea93-94 #bookingSearch .divSearchDateDetail #btnPrenoStag {
	border: 2px solid #003a67;
	color: #003a67;
}

body.marea93-94:has(#btnPrenoStag.k-selected) .divSearchDateDetail:has(.date-selector),
body.marea93-94:has(#btnPrenoStag.k-selected) #btnSearchFilter {
	visibility: hidden;
}

body.marea93-94 #btnPrenoStag.k-selected {
	pointer-events: none;
	opacity: 0.8;
}





#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,
#bookingSearch #boxStag 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,
#bookingSearch #boxStag button.btnDisabled {
	outline: none;
	cursor: default;
	opacity: 0.65;
	filter: grayscale(0.1);
	pointer-events: none;
	box-shadow: none;
}


#bookingSearch #boxMidday #switchMidday button .btnTitle,
#bookingSearch #boxStag button .btnTitle {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
}

#bookingSearch #boxMidday #switchMidday button .btnDescrTime,
#bookingSearch #boxStag button .btnDescrTime {
	font-size: 12px;
}


#bookingSearch .divSearchContent.hideCheckPost:has(#boxMidday) .divSearchDate .divSearchDateDetail #rangeDate,
#bookingSearch #boxMidday #switchMidday button,
#bookingSearch #boxStag 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 -----------------------------------*/
body.agriguna #spiaggia.styleImage div .testa {
	visibility: hidden;
	height: 0px;
}

body.marea93-94:has(#btnPrenoStag:not(.k-selected)) #spiaggia.styleImage div.Ombrellone.DisponibileForBooking {
	pointer-events: none;
	background-size: contain;
	opacity: 0.3;
}

body.marea93-94 #spiaggia.styleImage div .testa {
	visibility: hidden;
	height: 0px;
}


body.netsportvillage #spiaggia.styleImage div .testa {
	visibility: hidden;
	height: 0px;
}

body.netsportvillage .prenotazioneDetail .divDetailForMappa .boxSel-name,
body.netsportvillage .k-bottom-nav-item-text,
body.netsportvillage #numOmbrellone {
	visibility: hidden;
}


body.camuzzagogolf #spiaggia.styleImage div .testa {
	visibility: hidden;
	height: 0px;
}

body.camuzzagogolf .prenotazioneDetail .divDetailForMappa .boxSel-name,
body.camuzzagogolf .k-bottom-nav-item-text,
body.camuzzagogolf #numOmbrellone {
	visibility: hidden;
}

body.whiteostuni #spiaggia.styleImage div .testa {
	visibility: hidden;
	height: 0px;
}

body.whiteostuni .prenotazioneDetail .divDetailForMappa .boxSel-name,
body.whiteostuni .k-bottom-nav-item-text,
body.whiteostuni #numOmbrellone,
body.whiteostuni #numPezziTot {
	visibility: hidden;
}



.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=v63ZnWzkKxSM6aiKNw0efGY9JTg");
}


.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=v63ZnWzkKxSM6aiKNw0efGY9JTg");
}

.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;
}

.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 .btnEditPreno {
	border: 1px solid #3ab69e;
	color: #3ab69e;
}

#carrello_FormModal .btnEditPreno:hover {
	background-color: #3ab69e !important;
	border: 1px solid #3ab69e !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 .divExpPreno {}

#carrello_FormModal .tblPrenoExp .rowDataDetail {
	border-bottom: 1px dotted #e4e4e4;
}

#carrello_FormModal .tblPrenoExp .rowDataDetail td {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: baseline;
	text-align: left;
}

#carrello_FormModal .tblPrenoExp .tdTitle {
	flex-grow: 1;
	padding-left: 5px;
	display: flex;
	gap: 25px;
	align-items: end;
}

#carrello_FormModal .tblPrenoExp .tdButton {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

#carrello_FormModal .tblPrenoExp .tdButton .btnPrenoExp {
	width: 42px;
}

#carrello_FormModal .listPostForExp {
	min-width: 200px;
}

#carrello_FormModal .tblPrenoExp .toHide {
	visibility: hidden;
}





#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 .summary-rowExp .toHide {
	visibility: hidden;
}




#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;
}




#carrello_FormModal .divAlertStore,
#sectionExp_Preno .divAlertStore {
	display: none;
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba;
	border-radius: 4px;
	padding: 3px 5px;
}

#carrello_FormModal .alertError .divAlertStore,
#sectionExp_Preno .alertError .divAlertStore {
	color: #58151c;
	background-color: #f8d7da;
	padding: 3px 5px;
}


#carrello_FormModal .noInStore .divAlertStore.mexNoDisp,
#carrello_FormModal .limitInStore .divAlertStore.mexLimitDisp,
#sectionExp_Preno .noInStore .divAlertStore.mexNoDisp,
#sectionExp_Preno .limitInStore .divAlertStore.mexLimitDisp {
	display: block;
}


#carrello_FormModal .noInStore.qntZero,
#carrello_FormModal .noInStore:has(.k-switch-off),
#carrello_FormModal .noInStore:has(#btnRemove:disabled):has(#btnAdd:disabled),
#sectionExp_Preno .noInStore.qntZero,
#sectionExp_Preno .noInStore:has(.k-switch-off),
#sectionExp_Preno .noInStore:has(#btnRemove:disabled):has(#btnAdd:disabled) {
	opacity: 0.5;
	pointer-events: none;
}








/*-------------------------------                     --------------------------------*/

.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 .grid-item {
	height: 100%;
	display: grid;
	grid-template-rows: auto 1fr;
}

#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 {
	display: grid;
	grid-template-rows: 1fr auto auto auto;
}

#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-content .exp-period {
	display: flex;
	flex-wrap: wrap;
	color: darkgrey;
	font-size: 12px;
}

#gridExp .exp-item .exp-content .exp-period div {
	flex-grow: 1;
	display: flex;
	align-items: center;
	gap: 5px;
}

#gridExp .exp-item .exp-content .exp-period div.toHide {
	visibility: hidden;
}

#gridExp .exp-item .exp-btn div {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	justify-content: center;
}



#gridExp .grid-item.soldOut {
	opacity: 0.5;
}

#gridExp .grid-item.soldOut .exp-pers,
#gridExp .grid-item.soldOut .exp-btn {
	visibility: hidden;
}

#gridExp .grid-item.soldOut .ribbon.alertSoldOut span {
	background-color: red !important;
}




/*-------------------------------------- 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;
}

.pageDetail .divBtnForInfo .biz-btn1 {
	flex-grow: 1;
	align-content: center;
}



/*-------------------------------------- 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 .pageError .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;
}


/*-------------------------------------- SELECT EXP --------------------------------*/
.pageSelExp section {
	padding-top: 20px;
	padding-bottom: 20px;
}

.pageSelExp section .sectionRow {
	display: grid;
	grid-template-columns: 1fr 30%;
	grid-gap: 15px;
}

.pageSelExp .para-content {
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	gap: 15px;
	color: darkgrey;
}

.pageSelExp .para-content div {
	flex-grow: 1;
}

.pageSelExp .para-content i {
	margin-right: 5px;
}

.pageSelExp .sidebar-item {
	padding: 0px;
	border-bottom: none;
	margin-bottom: 0px;
}

.pageSelExp .sidebar-item h3 {
	padding-bottom: 5px;
	margin-bottom: 15px;
}


.pageSelExp section#sectionExp_Title .colSx {
	flex-grow: 1;
	height: 100%;
	display: grid;
	grid-template-rows: auto 1fr auto;
}

.pageSelExp section#sectionExp_Title .colDx {
	border-radius: 10px;
	height: 358px;
	/*justify-items: center;*/
}

.pageSelExp section#sectionExp_Title .colDx img {
	width: auto;
	height: 100%;
	object-fit: contain;
}



.pageSelExp section#sectionExp_Preno .sectionRow {
	grid-template-rows: 1fr auto;
	grid-template-columns: auto 1fr;
}

.pageSelExp #sectionExp_Preno .blockCalendar {
	grid-row: 1 / span 2;
	grid-column: 1;
}

.pageSelExp #sectionExp_Preno .blockCalendar .divCalendar.filter-box {
	padding-bottom: 20px;
}

.pageSelExp #sectionExp_Preno .blockTime {
	grid-column: 2;
	margin-bottom: 10px;
}

.pageSelExp #sectionExp_Preno .blockTime .divTime {
	display: grid;
	grid-template-rows: 1fr auto;
	box-shadow: 0 0 15px #cccccc57;
	border-radius: 10px;
	padding: 15px 20px;
}

.pageSelExp #sectionExp_Preno .blockQnt {
	grid-row: 2;
	grid-column: 2;
	align-content: end;
}

.pageSelExp section#sectionExp_Preno .divQnt {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 15px;
	background: #fbfbfb;
	border: 1px solid #f1f1f1;
	border-radius: 10px;
	padding: 10px 10px 10px 20px;
}

.pageSelExp section#sectionExp_Preno .divQnt .divButton {
	display: flex;
	gap: 5px;
	align-items: center;
}



.pageSelExp #sectionExp_Preno .blockCalendar .calendar-wrapper {
	padding: 10px;
}

.pageSelExp #sectionExp_Preno .blockCalendar .flatpickr-calendar {
	width: 100% !important;
	box-sizing: border-box;
}

.pageSelExp #sectionExp_Preno .blockCalendar .flatpickr-days {
	width: 100% !important;
}

.pageSelExp #sectionExp_Preno .blockCalendar .dayContainer {
	min-width: 100% !important;
	max-width: 100% !important;
}

.pageSelExp #sectionExp_Preno .blockCalendar .flatpickr-day {
	flex: 1 0 14.28%;
	max-width: 14.28%;
}

.pageSelExp .flatpickr-current-month .numInputWrapper {
	visibility: hidden;
	width: 0px !important;
}


.pageSelExp .divSlot .sectionTitle {
	display: flex;
	flex-wrap: wrap;
}

.pageSelExp .divSlot .slotNome {
	flex-grow: 1;
	font-size: 18px;
	color: grey;
}

.pageSelExp .divSlot .slotDetail {
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	gap: 10px;
	color: darkgray;
	font-size: smaller;
}

.pageSelExp .divSlot .slotDetail>i {
	margin-right: 5px;
}

.pageSelExp #divSlotCont {
	display: grid;
	grid-row-gap: 15px;
}

.pageSelExp #divSlotCont .mexSlotEmpty {
	color: grey;
	font-style: italic;
}

.pageSelExp .divSlot .sectionSlotRow {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.pageSelExp .btnSlotRow {
	min-width: 50px;
	border: thin solid lightgrey;
	border-radius: 4px;
	padding: 5px 15px;
}

.pageSelExp .btnSlotRow.k-selected {
	border: thin solid royalblue;
	background-color: whitesmoke;
}

.pageSelExp .divSlot .sectionTitle .toHide {
	visibility: hidden;
}


.pageSelExp #sectionExp_Preno .blockConfirm {
	grid-row: 3;
	grid-column: 1 / span 2;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: space-between;
	border-top: thin solid whitesmoke;
	padding-top: 15px;
	margin-top: 10px;
}

.pageSelExp #sectionExp_Preno .blockConfirm button {
	min-width: 200px;
}



.booking .k-window {
	margin: 5px;
	border-color: ghostwhite;
	color: var(--kendo-color-on-app-surface, #212529);
	background-color: var(--kendo-color-surface-alt, #ffffff);
}

.booking .k-window-titlebar {
	display: none;
}

.booking .k-window-content,
.booking .k-prompt-container {
	padding-top: 25px;
	padding-bottom: 25px;
	font-size: medium;
}

.booking .k-window .k-button {
	background-color: #007bff;
	border-color: royalblue;
	color: #ffffff;
	padding: 13px 24px 11px;
}

.booking #descrizione-mappa {
    position: absolute;
}

/*--------------------------------------------------- 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 ---*/
	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;
	}



	/*--- SELECT EXP ---*/
	.pageSelExp .divSlot .sectionSlotRow .btnSlotRow {
		padding: 10px 20px;
	}
}

@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;
	}


	/*--- SEARCH ---*/
	#bookingSearch .divSearchContent {
		grid-template-columns: auto;
		justify-content: stretch;
		gap: 15px;
	}

	#bookingSearch .divSearchContent .divSearchTicket {
		grid-template-columns: auto auto;
		justify-content: stretch;
	}


	body.marea93-94 #bookingSearch .divSearchContent:has(#boxStag) {
		padding-right: 15px;
	}

	body.marea93-94 #bookingSearch .divSearchDate:has(#boxStag) {
		flex-direction: column-reverse !important;
		gap: 20px;
	}

	body.marea93-94 #bookingSearch .divSearchDate:has(#boxStag) .divSearchDateDetail {
		width: 100%;
	}

	body.marea93-94 #bookingSearch .divSearchDateDetail:has(#boxStag) {
		padding-right: 0px;
		padding-bottom: 20px;
		border-right: none;
		border-bottom: thin solid whitesmoke;

	}

	body.marea93-94 #bookingSearch .divSearchDateDetail #btnPrenoStag {
		border: 2px solid #003a67;
		color: #003a67;
	}





	/*--- 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;
	}




	/*--- SELECT EXP ---*/
	.pageSelExp section#sectionExp_Preno .sectionRow {
		grid-template-columns: auto 1fr;
	}

	.pageSelExp #sectionExp_Preno .blockCalendar {
		grid-row: 1;
		grid-column: 1;
	}

	.pageSelExp #sectionExp_Preno .blockTime {
		grid-row: 1;
		grid-column: 2;
		padding: 0px 10px;
	}

	.pageSelExp #sectionExp_Preno .blockQnt {
		grid-row: 2;
		grid-column: 1 / span 2;
		margin-bottom: 10px;
		padding: 0px 10px;
	}

	.pageSelExp #sectionExp_Preno .blockConfirm {
		grid-row: 3;
		grid-column: 1 / span 2;
		padding: 0px 10px;
	}


	.pageSelExp .divSlot .sectionSlotRow .btnSlotRow {
		padding: 15px 20px;
	}
}

@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;
	}

	/*--- SELECT EXP ---*/
	.pageSelExp .blockConfirm a .titleButton {
		display: none;
	}

	/*--- 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: 800px) {

	.pageSelExp section .sectionRow,
	.pageSelExp section#sectionExp_Preno .sectionRow {
		grid-template-columns: 1fr;
	}

	.pageSelExp section#sectionExp_Preno .sectionRow {
		padding: 0px 5px;
	}

	.pageSelExp section#sectionExp_Title .colSx {
		text-align: left;
		padding-right: 15px;
		padding-left: 15px;
	}

	.pageSelExp section#sectionExp_Title .colDx {
		display: none;
	}


	.pageSelExp #sectionExp_Preno .blockCalendar {
		grid-row: 1;
		grid-column: 1;
		padding: 0px 5px;
	}

	.pageSelExp #sectionExp_Preno .blockTime {
		grid-row: 2;
		grid-column: 1;
		padding: 0px 5px;
	}

	.pageSelExp #sectionExp_Preno .blockQnt {
		grid-row: 3;
		grid-column: 1;
		padding: 0px 5px;
	}

	.pageSelExp #sectionExp_Preno .blockConfirm {
		grid-row: 4;
		grid-column: 1;
		margin-top: 20px;
	}

	.pageSelExp #sectionExp_Preno .blockTime .divTime,
	.pageSelExp #sectionExp_Preno .blockQnt .divQnt {
		border: thin solid #f1f1f1;
		box-shadow: 0 0 15px #cccccc57;
		padding: 10px 15px;
	}


	.pageSelExp #divSlotCont {
		grid-row-gap: 30px;
	}

	.pageSelExp .divSlot .sectionTitle {
		align-items: end;
		border-bottom: thin solid whitesmoke;
		margin-bottom: 5px;
	}
}



@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;
	}

	.booking:has(.pageSelExp) section.breadcrumb-outer {
		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;
	}
}