/*D:/aa/siti/aaa_ollytour.it/root/componenti/slider/slider.css*/ /* -------------------------------------------------------------------------------- */ /* ! * read me */ /* -------------------------------------------------------------------------------- */ /* * Questo file di stile contiene solamente la minima stilizzazione * possibile del componente. * */ /* -------------------------------------------------------------------------------- */ /* ! Carousel */ /* -------------------------------------------------------------------------------- */ .carousel-inner .filtro{ position: absolute; top: 0; left: 0; background: #000; opacity: 0.4; width: 100%; height: 100%; z-index: 1;} .carousel .carousel-caption{ z-index: 2; background: #000000a3;} .carousel .carousel-inner .carousel-item{ background-size: cover; background-position: center center; height: 550px; object-fit: cover;} /* ! ___display-max-md */ @media (max-width: 767.98px) { .carousel .carousel-inner .carousel-item { height: 450px;} } /* ! ___display-max-sm */ @media (max-width: 575.98px) { .carousel .carousel-inner .carousel-item { height: 300px;} } /* ! -- compatibilità */ .PageSection01 .carousel .carousel-inner .carousel-item{ height: 430px;} @media (max-width: 1023px) { .PageSection01 .carousel .carousel-inner .carousel-item{ height: 260px;} } /*D:/aa/siti/aaa_ollytour.it/root/componenti/engine/engine.css*/ /* -------------------------------------------------------------------------------- */ /* ! * read me */ /* -------------------------------------------------------------------------------- */ /* * Questo file di stile contiene solamente la minima stilizzazione * possibile del componente. * */ /* -------------------------------------------------------------------------------- */ /* ! MOTORE DI RICERCA */ /* -------------------------------------------------------------------------------- */ .motoreDiRicerca span.icon{ display: block; height: fit-content!important;} /* ! - guest button */ .motoreDiRicerca .input-group-guest{display: flex; flex-direction: row; flex-wrap: nowrap;} .motoreDiRicerca .input-group-guest .btn.ospiti{background-color:#fff; color: #000;} /* ! - date picker */ input[type="date"]::-webkit-calendar-picker-indicator { background: transparent; bottom: 0; color: transparent; cursor: pointer; height: auto; left: 0; position: absolute; right: 0; top: 0; width: auto;} input[type="date"]::-webkit-datetime-edit{font-size: 0.85rem;} input[type="date"]::-webkit-datetime-edit-fields-wrapper { background: transparent;} input[type="date"]::-webkit-datetime-edit-text { color: black; padding: 0 0.3em;} input[type="date"]::-webkit-datetime-edit-month-field { color: black;} input[type="date"]::-webkit-datetime-edit-month-field:focus { color: #fff;} input[type="date"]::-webkit-datetime-edit-day-field { color: black;} input[type="date"]::-webkit-datetime-edit-day-field:focus { color: #fff;} input[type="date"]::-webkit-datetime-edit-year-field { color: black;} input[type="date"]::-webkit-datetime-edit-year-field:focus { color: #fff;} input[type="date"]::-webkit-inner-spin-button { display: none;} input[type="date"]::-webkit-calendar-picker-indicator {position: absolute; top: 0; left: 0; height: 50px;} /* ! - range picker */ input[type=range] { -webkit-appearance: none; margin: 18px 0; width: 100%; margin-top: 5px; margin-bottom: 0px; border: none;} input[type=range]:focus { outline: none;} input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 8.4px; cursor: pointer; background: #fff; border-radius: 1.3px; border: 0.2px solid #010101;} input[type=range]::-webkit-slider-thumb { border: 1px solid #000000; height: 36px; width: 16px; background: #ffffff; cursor: pointer; -webkit-appearance: none; margin-top: -14px;} input[type=range]::-moz-range-thumb { border: 1px solid #000000; height: 36px; width: 16px; border-radius: 3px; background: #ffffff; cursor: pointer;} /* ! ___display-max--lg */ @media (max-width: 991.98px) { #Home .motoreDiRicerca div[class^='col-'] { margin-bottom: 1.25rem;} } /* ! ___display-max--sm */ @media (max-width: 575.98px) { #Home .motoreDiRicerca div[class^='col-'] { margin-bottom: 1rem;} #Home .motoreDiRicerca div.colonna-prezzo{ margin-bottom: 2rem;} #Home .motoreDiRicerca ul.listaOpzioniRicerca { top: -38px;} #Home .motoreDiRicerca ul.listaOpzioniRicerca li.nav-item { margin-right: 2px;} #Home .motoreDiRicerca ul.listaOpzioniRicerca .nav-item a { padding: 6px 8px 6px 8px;} } /* ! - range prezzo */ .motoreDiRicerca .tooltip { opacity: 1;} .motoreDiRicerca .tooltip .tooltip-inner{ color: #000!important;} .motoreDiRicerca .tooltip-main { display: none;} .motoreDiRicerca .tooltip-min { width: 60px;} .motoreDiRicerca .tooltip-min .tooltip-inner{ position: absolute; left: -20px; top: -20px; font-size: 0.85rem;} .motoreDiRicerca .tooltip-max { width: 60px;} .motoreDiRicerca .tooltip-max .tooltip-inner{ position: absolute; right: -17px; top: -20px; font-size: 0.85rem;} .motoreDiRicerca .tooltip:hover:before, .motoreDiRicerca .tooltip:hover:after{ display: none;} /* ! -- slider */ .motoreDiRicerca .slider-horizontal { position: relative;} .motoreDiRicerca .slider-wrapper{ display: flex; align-items: center;} .motoreDiRicerca .slider-selection { background: #e9ecef !important; border: 1px solid #ced4da;} .motoreDiRicerca .slider-success .slider-selection { background-color: #5cb85c !important;} .motoreDiRicerca .slider-primary .slider-selection { background-color: #428bca !important;} .motoreDiRicerca .slider-info .slider-selection { background-color: #5bc0de !important;} .motoreDiRicerca .slider-warning .slider-selection { background-color: #f0ad4e !important;} .motoreDiRicerca .slider-danger .slider-selection { background-color: #d9534f !important;} .motoreDiRicerca .slider.slider-horizontal { width: 100% !important; height: 20px;} .motoreDiRicerca .slider-handle { background-color: #fff; /*background-image: none !important;*/ -webkit-box-shadow: 1px 1px 5px -2px rgb(0 0 0 / 75%) !important; -moz-box-shadow: 1px 1px 5px -2px rgba(0, 0, 0, 0.75) !important; box-shadow: 1px 1px 5px -2px rgb(0 0 0 / 75%) !important;} .motoreDiRicerca .slider-strips .slider-selection { background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 252, 252, 0.08) 5px, rgba(252, 252, 252, 0.08) 10px) !important; background-image: -ms-repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 252, 252, 0.08) 5px, rgba(252, 252, 252, 0.08) 10px) !important; background-image: -o-repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 252, 252, 0.08) 5px, rgba(252, 252, 252, 0.08) 10px) !important; background-image: -webkit-repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 252, 252, 0.08) 5px, rgba(252, 252, 252, 0.08) 10px) !important;} .motoreDiRicerca .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #bdbdbd !important; text-align: center; background-color: transparent !important; border-radius: 4px;} .motoreDiRicerca .tooltip.top .tooltip-arrow { display: none !important;} .motoreDiRicerca .slider .tooltip.top { margin-top: -25px !important;} .motoreDiRicerca .well { background: transparent !important; border: none !important; box-shadow: none !important; width: 100% !important; padding: 0;} .motoreDiRicerca .slider-ghost .slider-track { height: 5px !important;} .motoreDiRicerca .slider-ghost .slider-handle { top: -2px !important; border: 5px solid #f77500;} .motoreDiRicerca .slider-success.slider-ghost .slider-handle { border-color: #5cb85c;} .motoreDiRicerca .slider-primary.slider-ghost .slider-handle { border-color: #428bca;} .motoreDiRicerca .slider-info.slider-ghost .slider-handle { border-color: #5bc0de;} .motoreDiRicerca .slider-warning.slider-ghost .slider-handle { border-color: #f0ad4e;} .motoreDiRicerca .slider-danger.slider-ghost .slider-handle { border-color: #d9534f;} .motoreDiRicerca .slider { display: inline-block; vertical-align: middle; position: relative;} .motoreDiRicerca .slider.slider-horizontal { width: 210px; height: 20px} .motoreDiRicerca .slider.slider-horizontal .slider-track { height: 10px; width: 100%; margin-top: -5px; top: 50%; left: 0} .motoreDiRicerca .slider.slider-horizontal .slider-selection, .motoreDiRicerca .slider.slider-horizontal .slider-track-low, .motoreDiRicerca .slider.slider-horizontal .slider-track-high { height: 100%; top: 0; bottom: 0} .motoreDiRicerca .slider.slider-horizontal .slider-tick, .motoreDiRicerca .slider.slider-horizontal .slider-handle { margin-left: -10px} .motoreDiRicerca .slider.slider-horizontal .slider-tick.triangle, .motoreDiRicerca .slider.slider-horizontal .slider-handle.triangle { position: relative; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); border-width: 0 10px 10px 10px; width: 0; height: 0; border-bottom-color: #2e6da4; margin-top: 0;} .motoreDiRicerca .slider.slider-horizontal .slider-tick-container { white-space: nowrap; position: absolute; top: 0; left: 0; width: 100%;} .motoreDiRicerca .slider.slider-horizontal .slider-tick-label-container { white-space: nowrap; margin-top: 20px;} .motoreDiRicerca .slider.slider-horizontal .slider-tick-label-container .slider-tick-label { padding-top: 4px; display: inline-block; text-align: center;} .motoreDiRicerca .slider.slider-horizontal.slider-rtl .slider-track { left: initial; right: 0} .motoreDiRicerca .slider.slider-horizontal.slider-rtl .slider-tick, .motoreDiRicerca .slider.slider-horizontal.slider-rtl .slider-handle { margin-left: initial; margin-right: -10px;} .motoreDiRicerca .slider.slider-horizontal.slider-rtl .slider-tick-container { left: initial; right: 0;} .motoreDiRicerca .slider.slider-horizontal.slider-rtl .tooltip { -ms-transform: translateX(50%); transform: translateX(50%);} .motoreDiRicerca .slider.slider-vertical { height: 210px; width: 20px;} .motoreDiRicerca .slider.slider-vertical .slider-track { width: 10px; height: 100%; left: 25%; top: 0;} .motoreDiRicerca .slider.slider-vertical .slider-selection { width: 100%; left: 0; top: 0; bottom: 0;} .motoreDiRicerca .slider.slider-vertical .slider-track-low, .motoreDiRicerca .slider.slider-vertical .slider-track-high { width: 100%; left: 0; right: 0;} .motoreDiRicerca .slider.slider-vertical .slider-tick, .motoreDiRicerca .slider.slider-vertical .slider-handle { margin-top: -10px;} .motoreDiRicerca .slider.slider-vertical .slider-tick.triangle, .motoreDiRicerca .slider.slider-vertical .slider-handle.triangle { border-width: 10px 0 10px 10px; width: 1px; height: 1px; border-left-color: #2e6da4; border-right-color: #2e6da4; margin-left: 0; margin-right: 0;} .motoreDiRicerca .slider.slider-vertical .slider-tick-label-container { white-space: nowrap;} .motoreDiRicerca .slider.slider-vertical .slider-tick-label-container .slider-tick-label { padding-left: 4px;} .motoreDiRicerca .slider.slider-vertical .tooltip { -ms-transform: translateY(-50%); transform: translateY(-50%)} .motoreDiRicerca .slider.slider-vertical.slider-rtl .slider-track { left: initial; right: 25%} .motoreDiRicerca .slider.slider-vertical.slider-rtl .slider-selection { left: initial; right: 0} .motoreDiRicerca .slider.slider-vertical.slider-rtl .slider-tick.triangle, .motoreDiRicerca .slider.slider-vertical.slider-rtl .slider-handle.triangle { border-width: 10px 10px 10px 0} .motoreDiRicerca .slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label { padding-left: initial; padding-right: 4px} .motoreDiRicerca .slider.slider-disabled .slider-handle { background-image: -webkit-linear-gradient(top, #dfdfdf 0, #bebebe 100%); background-image: -o-linear-gradient(top, #dfdfdf 0, #bebebe 100%); background-image: linear-gradient(to bottom, #dfdfdf 0, #bebebe 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0)} .motoreDiRicerca .slider.slider-disabled .slider-track { background-image: -webkit-linear-gradient(top, #e5e5e5 0, #e9e9e9 100%); background-image: -o-linear-gradient(top, #e5e5e5 0, #e9e9e9 100%); background-image: linear-gradient(to bottom, #e5e5e5 0, #e9e9e9 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0); cursor: not-allowed} .motoreDiRicerca .slider input { display: none} .motoreDiRicerca .slider .tooltip-inner { white-space: nowrap; max-width: none} .motoreDiRicerca .slider .hide { display: none} .motoreDiRicerca .slider-track { position: absolute; cursor: pointer; background-image: -webkit-linear-gradient(top, #f5f5f5 0, #f9f9f9 100%); background-image: -o-linear-gradient(top, #f5f5f5 0, #f9f9f9 100%); background-image: linear-gradient(to bottom, #f5f5f5 0, #f9f9f9 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 4px} .motoreDiRicerca .slider-selection { position: absolute;} .motoreDiRicerca .slider-track-low, .motoreDiRicerca .slider-track-high { position: absolute; background: transparent; border-radius: 4px} .motoreDiRicerca .slider-handle { position: absolute; top: 0; width: 20px; height: 20px;} .motoreDiRicerca .slider-handle.round { border-radius: 50%} .motoreDiRicerca .slider-handle.triangle { background: transparent none} .motoreDiRicerca .slider-handle.custom { background: transparent none} .motoreDiRicerca .slider-handle.custom::before { line-height: 20px; font-size: 20px; content: '\2605'; color: #726204} .motoreDiRicerca .slider-tick { position: absolute; width: 20px; height: 20px; background-image: -webkit-linear-gradient(top, #f9f9f9 0, #f5f5f5 100%); background-image: -o-linear-gradient(top, #f9f9f9 0, #f5f5f5 100%); background-image: linear-gradient(to bottom, #f9f9f9 0, #f5f5f5 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; filter: none; opacity: .8; border: 0 solid transparent} .motoreDiRicerca .slider-tick.round { border-radius: 50%} .motoreDiRicerca .slider-tick.triangle { background: transparent none} .motoreDiRicerca .slider-tick.custom { background: transparent none} .motoreDiRicerca .slider-tick.custom::before { line-height: 20px; font-size: 20px; content: '\2605'; color: #726204} .motoreDiRicerca .slider-tick.in-selection { background-image: -webkit-linear-gradient(top, #8ac1ef 0, #82b3de 100%); background-image: -o-linear-gradient(top, #8ac1ef 0, #82b3de 100%); background-image: linear-gradient(to bottom, #8ac1ef 0, #82b3de 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef', endColorstr='#ff82b3de', GradientType=0); opacity: 1} /* -------------------------------------------------------------------------------- */ /* ! Struttura e stile di base */ /* -------------------------------------------------------------------------------- */ #Home .motoreDiRicerca { position: relative; display: flex; flex-direction: row; justify-content: space-between; } #Home .motoreDiRicerca > div{ height: 50px;} #Home .motoreDiRicerca > div > span, #Home .motoreDiRicerca > div > .form-floating, #Home .motoreDiRicerca > div > .form-floating > input{ height: inherit;} #Home .motoreDiRicerca select.form-select, #Tore .motoreDiRicerca select.form-select, #Crue .motoreDiRicerca select.form-select, #Stru .motoreDiRicerca select.form-select{padding-right: 25px;} .motoreDiRicerca .input-group .form-select:hover, .motoreDiRicerca .input-group.input-group-checkInOut .form-floating:hover input.form-control { cursor: pointer;} .motoreDiRicerca button.ospiti{flex: 1 1 auto; border: 1px solid #ced4da;} .motoreDiRicerca button.ospiti .room-number, .motoreDiRicerca button.ospiti .guest-number{padding: 5px 2px;} .motoreDiRicerca .input-group-text{ width: 34px; padding: 0; align-items: center; justify-content: center;} .motoreDiRicerca img.icon{ width: 20px; height: 20px;} .motoreDiRicerca .btn.search:hover{background: #000; color: #fff; border: 1px solid #000;} /* ! - labels */ .input-group-rangeGiorni label, .input-group-rangePriceDaA label, .input-group-rangePrezzo label{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;} /* ! - buttons filter */ .buttons-filter{ display: flex; flex-direction: row; flex-wrap: wrap; padding-left: 1rem;} .button-filter{ display: inline-block; padding: 5px 10px; background: #dbc3c3; border-radius: 5px; margin-right: 10px;} .button-filter .btn-close{ height: 10px; width: 10px; background-size: cover; margin-left: 5px;} /* ! ___display-max-xxl */ @media (max-width: 1399.98px) { .motoreDiRicerca .input-group select{padding: 5px 8px 5px 3px;} .motoreDiRicerca button.ospiti{display: flex; align-items: center;} } /* ! ___display-max-md */ @media (max-width: 767.98px) { .motoreDiRicerca button.ospiti{width: 100%; display: flex; align-items: center; padding-left: 15px;} .motoreDiRicerca button.ospiti .room-label{margin-right: 10px;} } /* ! ___display-max-xl */ @media (max-width: 1199.98px) { .motoreDiRicerca{padding: 10px; margin-bottom: 50px;} .motoreDiRicerca > div.input-group-rangePrezzo{margin-bottom: 0;} } /* ! ___display-max--sm */ @media (max-width: 575.98px) { .motoreDiRicerca{margin-bottom: 20px;} } /* ! ___display-min-xxl */ @media (min-width: 1400px) { /* .motoreDiRicerca button.ospiti{padding: 5px 5px 5px 10px;} */ } /* ! ___display-min-xl */ @media (min-width: 1200px) { .motoreDiRicerca > div{height: 42px;} .motoreDiRicerca .input-group > span, .motoreDiRicerca .input-group > div{height: inherit;} .motoreDiRicerca .input-group span, .motoreDiRicerca .input-group select, .motoreDiRicerca .input-group button:not(.search){padding: 5px 8px 5px 3px;} .motoreDiRicerca .input-group span.input-group-text{padding: 10px 5px;} .motoreDiRicerca .input-group span.input-group-text img.icon{width: 20px;} .motoreDiRicerca .input-group-checkInOut {gap: 0px!important;margin-bottom: 60px; display: grid; grid-template-columns: [first] 32px; grid-template-rows: [first] 42px; margin-top: 15px; position: relative;} .motoreDiRicerca .input-group-checkInOut span:first-child{height: 92px;} } /* ! - Engi & Dest */ #Engi .motoreDiRicerca > div, #Dest .motoreDiRicerca > div{ width: 100%; height: 50px; margin-bottom: 10px;} #Engi .motoreDiRicerca > div.input-group-rangePrezzo, #Dest .motoreDiRicerca > div.input-group-rangePrezzo{ padding-left: 12px; padding-right: 12px;} #Engi .motoreDiRicerca .input-group.input-group-destinazioni, #Dest .motoreDiRicerca .input-group.input-group-destinazioni{height: auto;} #Engi .motoreDiRicerca .input-group.input-group-destinazioni .input-group-text, #Dest .motoreDiRicerca .input-group.input-group-destinazioni .input-group-text{height: auto;} #Engi .motoreDiRicerca .input-group.input-group-porti, #Dest .motoreDiRicerca .input-group.input-group-porti{height: auto;} #Engi .motoreDiRicerca .input-group.input-group-porti .input-group-text, #Dest .motoreDiRicerca .input-group.input-group-porti .input-group-text{height: auto;} #Engi .motoreDiRicerca .input-group.input-group-mesi, #Dest .motoreDiRicerca .input-group.input-group-mesi{height: auto;} #Engi .motoreDiRicerca .input-group.input-group-mesi .input-group-text, #Dest .motoreDiRicerca .input-group.input-group-mesi .input-group-text{height: auto;} #Engi .motoreDiRicerca .input-group.input-group-rangePriceDaA, #Dest .motoreDiRicerca .input-group.input-group-rangePriceDaA{height: auto;} #Engi .motoreDiRicerca .input-group.input-group-rangePriceDaA .input-group-text, #Dest .motoreDiRicerca .input-group.input-group-rangePriceDaA .input-group-text{height: auto;} #Home .motoreDiRicerca .input-group.input-group-destinazioni select, #Stru .motoreDiRicerca .input-group.input-group-destinazioni select, #Tore .motoreDiRicerca .input-group.input-group-destinazioni select, #Crue .motoreDiRicerca .input-group.input-group-destinazioni select, #Dest .motoreDiRicerca .input-group.input-group-destinazioni select, #Engi .motoreDiRicerca .input-group.input-group-destinazioni select{padding: 5px 35px 5px 10px; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;} #Home .motoreDiRicerca .input-group.input-group-porti select, #Stru .motoreDiRicerca .input-group.input-group-porti select, #Tore .motoreDiRicerca .input-group.input-group-porti select, #Crue .motoreDiRicerca .input-group.input-group-porti select, #Dest .motoreDiRicerca .input-group.input-group-porti select, #Engi .motoreDiRicerca .input-group.input-group-porti select{padding: 5px 35px 5px 10px; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;} #Home .motoreDiRicerca .input-group.input-group-mesi select, #Stru .motoreDiRicerca .input-group.input-group-mesi select, #Tore .motoreDiRicerca .input-group.input-group-mesi select, #Crue .motoreDiRicerca .input-group.input-group-mesi select, #Dest .motoreDiRicerca .input-group.input-group-mesi select, #Engi .motoreDiRicerca .input-group.input-group-mesi select{padding: 5px 35px 5px 10px; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;} #Home .motoreDiRicerca .input-group.input-group-rangePriceDaA input, #Stru .motoreDiRicerca .input-group.input-group-rangePriceDaA input, #Tore .motoreDiRicerca .input-group.input-group-rangePriceDaA input, #Crue .motoreDiRicerca .input-group.input-group-rangePriceDaA input, #Dest .motoreDiRicerca .input-group.input-group-rangePriceDaA input, #Engi .motoreDiRicerca .input-group.input-group-rangePriceDaA input{border: 1px solid var(--color-title); margin-left: -1px; height: 40px; margin-top: -2px;} #Home .motoreDiRicerca .input-group.input-group-tipologie select, #Stru .motoreDiRicerca .input-group.input-group-tipologie select, #Tore .motoreDiRicerca .input-group.input-group-tipologie select, #Crue .motoreDiRicerca .input-group.input-group-tipologie select, #Dest .motoreDiRicerca .input-group.input-group-tipologie select, #Engi .motoreDiRicerca .input-group.input-group-tipologie select{padding: 5px 35px 5px 10px; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;} #Engi .motoreDiRicerca .input-group.input-group-tipologie, #Dest .motoreDiRicerca .input-group.input-group-tipologie{height: auto;} #Engi .motoreDiRicerca .input-group.input-group-tipologie .input-group-text, #Dest .motoreDiRicerca .input-group.input-group-tipologie .input-group-text{height: auto;} #Dest .motoreDiRicerca .input-group.input-group-tipologie select{white-space: break-spaces;} #Engi .motoreDiRicerca .input-group.input-group-tipologie select{white-space: break-spaces;} #Home .motoreDiRicerca .input-group.input-group-strutture .form-floating input, #Dest .motoreDiRicerca .input-group.input-group-strutture .form-floating input{ padding: 1.5rem 0.5rem 0.7rem 0.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #Engi .motoreDiRicerca .input-group.input-group-strutture .form-floating input{ padding: 1.5rem 0.5rem 0.7rem 0.5rem; white-space: break-spaces;} #Home .motoreDiRicerca .input-group.input-group-strutture div.form-floating label[for="floatingStruttura"], #Engi .motoreDiRicerca .input-group.input-group-strutture div.form-floating label[for="floatingStruttura"], #Stru .motoreDiRicerca .input-group.input-group-strutture div.form-floating label[for="floatingStruttura"], #Tore .motoreDiRicerca .input-group.input-group-strutture div.form-floating label[for="floatingStruttura"], #Crue .motoreDiRicerca .input-group.input-group-strutture div.form-floating label[for="floatingStruttura"], #Dest .motoreDiRicerca .input-group.input-group-strutture div.form-floating label[for="floatingStruttura"]{padding: 0.75rem 0.75rem 0.75rem 0.4rem;} #Engi .motoreDiRicerca > div > div.form-floating input.FindStru, #Dest .motoreDiRicerca > div > div.form-floating input.FindStru, #Engi .motoreDiRicerca > div > div.form-floating input.FindCheckIn, #Dest .motoreDiRicerca > div > div.form-floating input.FindCheckIn, #Engi .motoreDiRicerca > div > div.form-floating input.FindCheckOut, #Dest .motoreDiRicerca > div > div.form-floating input.FindCheckOut{ height: 100%;} #Home .motoreDiRicerca > div.input-group-checkInOut > div.form-floating label[for="floatingCheckIn"], #Home .motoreDiRicerca > div.input-group-checkInOut > div.form-floating label[for="floatingCheckOut"], #Stru .motoreDiRicerca > div.input-group-checkInOut > div.form-floating label[for="floatingCheckIn"], #Stru .motoreDiRicerca > div.input-group-checkInOut > div.form-floating label[for="floatingCheckOut"], #Tore .motoreDiRicerca > div.input-group-checkInOut > div.form-floating label[for="floatingCheckOut"], #Crue .motoreDiRicerca > div.input-group-checkInOut > div.form-floating label[for="floatingCheckOut"], #Engi .motoreDiRicerca > div.input-group-checkInOut > div.form-floating label[for="floatingCheckIn"], #Engi .motoreDiRicerca > div.input-group-checkInOut > div.form-floating label[for="floatingCheckOut"], #Dest .motoreDiRicerca > div.input-group-checkInOut > div.form-floating label[for="floatingCheckIn"], #Dest .motoreDiRicerca > div.input-group-checkInOut > div.form-floating label[for="floatingCheckOut"]{ padding: 0.75rem 0.75rem 0.75rem 0.6rem;} #Engi .motoreDiRicerca button #Dest .motoreDiRicerca button{ width: 100%; height: 50px;} #Engi .motoreDiRicerca .input-group-checkInOut div:nth-of-type(1) input, #Dest .motoreDiRicerca .input-group-checkInOut div:nth-of-type(1) input{border-radius: 0px 5px 5px 0;} #Engi .motoreDiRicerca img.icon, #Dest .motoreDiRicerca img.icon{width: 22px;} #Engi .motoreDiRicerca .input-group > span, .motoreDiRicerca .input-group > div, #Dest .motoreDiRicerca .input-group > span, .motoreDiRicerca .input-group > div{height: 50px;} /* #Engi .motoreDiRicerca .input-group-checkInOut, #Dest .motoreDiRicerca .input-group-checkInOut {grid-template-columns: [first] 33px;} */ #Engi .motoreDiRicerca .input-group-checkInOut, #Dest .motoreDiRicerca .input-group-checkInOut{display: grid; height: auto; grid-template-columns: [first] 34px;gap: 7px;} #Engi .motoreDiRicerca .input-group-checkInOut span:first-child, #Dest .motoreDiRicerca .input-group-checkInOut span:first-child{ grid-column: 1; grid-row: 1/span 2;height: auto;} #Engi .motoreDiRicerca .input-group-checkInOut div:nth-of-type(1), #Dest .motoreDiRicerca .input-group-checkInOut div:nth-of-type(1){ grid-column: 2 / span 2; grid-row: 1;} #Engi .motoreDiRicerca .input-group-checkInOut div:nth-of-type(2), #Dest .motoreDiRicerca .input-group-checkInOut div:nth-of-type(2){ grid-column: 2 / span 2; grid-row: 2;} #Engi .motoreDiRicerca button.ospiti, #Dest .motoreDiRicerca button.ospiti{ display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap;} #Engi .motoreDiRicerca .form-floating>label, #Dest .motoreDiRicerca .form-floating>label { opacity: .45; top: -3px; left: 0px;} #Engi .motoreDiRicerca .btn.search, #Dest .motoreDiRicerca .btn.search{ width: 100%;} /* ! ___display-min-xl */ @media (min-width: 1200px) { #Engi .motoreDiRicerca .input-group-checkInOut, #Dest .motoreDiRicerca .input-group-checkInOut{display: grid; height: auto; grid-template-columns: [first] 34px;gap: 7px;} #Engi .motoreDiRicerca .input-group-checkInOut span:first-child, #Dest .motoreDiRicerca .input-group-checkInOut span:first-child{ grid-column: 1; grid-row: 1/span 2;height: auto;} #Engi .motoreDiRicerca .input-group-checkInOut div:nth-of-type(1), #Dest .motoreDiRicerca .input-group-checkInOut div:nth-of-type(1){ grid-column: 2 / span 2; grid-row: 1;} #Engi .motoreDiRicerca .input-group-checkInOut div:nth-of-type(2), #Dest .motoreDiRicerca .input-group-checkInOut div:nth-of-type(2){ grid-column: 2 / span 2; grid-row: 2;} #Engi .motoreDiRicerca .input-group-checkInOut .form-floating{margin-left: 6px; margin-right: -6px;} #Dest .motoreDiRicerca .input-group-checkInOut .form-floating{margin-left: 6px; margin-right: -6px;} #Engi .motoreDiRicerca .input-group-checkInOut .input-group-text, #Dest .motoreDiRicerca .input-group-checkInOut .input-group-text{ grid-column: 1; grid-row: 1/2;} #Engi .motoreDiRicerca .input-group-checkInOut .form-floating, #Dest .motoreDiRicerca .input-group-checkInOut .form-floating{/*width: 100%;*/ width: calc(100% - 6px);} } /* ! ___display-max-xl */ @media (max-width: 1199.98px) { #Engi .motoreDiRicerca, #Dest .motoreDiRicerca {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;} #Engi .motoreDiRicerca > div, #Dest .motoreDiRicerca > div{ height: 50px;} #Engi .motoreDiRicerca > div > span, #Dest .motoreDiRicerca > div > span, #Engi .motoreDiRicerca > div > .form-floating, #Dest .motoreDiRicerca > div > .form-floating, #Engi .motoreDiRicerca > div > .form-floating > input, #Dest .motoreDiRicerca > div > .form-floating > input{ height: inherit;} /* ! -- sizing */ #Engi .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo, #Dest .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo{padding: 0px 23px;width: 150px;} #Engi .motoreDiRicerca .btn.search, #Dest .motoreDiRicerca .btn.search{width: 64px; height: 50px; padding: 5px;} #Engi .motoreDiRicerca .input-group.input-group-strutture .form-floating input, #Dest .motoreDiRicerca .input-group.input-group-strutture .form-floating input{height: 100%;} #Engi .motoreDiRicerca select.form-select, #Dest .motoreDiRicerca select.form-select{padding-right: 28px;background-size: 10px 10px;} #Engi .motoreDiRicerca .input-group.input-group-strutture .form-floating input.form-control, #Dest .motoreDiRicerca .input-group.input-group-strutture .form-floating input.form-control, #Engi .motoreDiRicerca .input-group.input-group-checkInOut .form-floating input.form-control, #Dest .motoreDiRicerca .input-group.input-group-checkInOut .form-floating input.form-control{background: #fff;} #Engi .motoreDiRicerca, #Dest .motoreDiRicerca{height: auto; top: -35px;} #Engi .motoreDiRicerca > div, #Dest .motoreDiRicerca > div{margin-bottom: 10px;} } /* ! ___display-max--sm */ @media (max-width: 575.98px) { #Engi .motoreDiRicerca, #Dest .motoreDiRicerca{top: -170px;} #Engi .motoreDiRicerca .input-group.input-group-destinazioni, #Dest .motoreDiRicerca .input-group.input-group-destinazioni{width: 100%;} #Engi .motoreDiRicerca .input-group.input-group-porti, #Dest .motoreDiRicerca .input-group.input-group-porti{width: 100%;} #Engi .motoreDiRicerca .input-group.input-group-mesi, #Dest .motoreDiRicerca .input-group.input-group-mesi{width: 100%;} #Engi .motoreDiRicerca .input-group.input-group-rangePriceDaA, #Dest .motoreDiRicerca .input-group.input-group-rangePriceDaA{width: 100%;} #Engi .motoreDiRicerca .input-group.input-group-tipologie, #Dest .motoreDiRicerca .input-group.input-group-tipologie{width: 100%;} #Engi .motoreDiRicerca .input-group.input-group-strutture, #Dest .motoreDiRicerca .input-group.input-group-strutture{width: 100%;} #Engi .motoreDiRicerca .input-group.input-group-checkInOut, #Dest .motoreDiRicerca .input-group.input-group-checkInOut{width: 100%;} #Engi .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo, #Dest .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo{padding: 0 10px; margin-left: 15px; width: 45%;} #Engi .motoreDiRicerca .btn.search, #Dest .motoreDiRicerca .btn.search { width: 25%;} } /* ! - Engi & Stru & Tore & Crue */ #Home .motoreDiRicerca, #Tore .motoreDiRicerca, #Crue .motoreDiRicerca, #Stru .motoreDiRicerca { position: relative; display: flex; flex-direction: row; justify-content: space-between; } #Home .motoreDiRicerca > div, #Tore .motoreDiRicerca > div, #Crue .motoreDiRicerca > div, #Stru .motoreDiRicerca > div{ height: 50px;} #Home .motoreDiRicerca > div > span, #Stru .motoreDiRicerca > div > span, #Tore .motoreDiRicerca > div > span, #Crue .motoreDiRicerca > div > span, #Home .motoreDiRicerca > div > .form-floating, #Stru .motoreDiRicerca > div > .form-floating, #Tore .motoreDiRicerca > div > .form-floating, #Crue .motoreDiRicerca > div > .form-floating, #Home .motoreDiRicerca > div > .form-floating > input, #Stru .motoreDiRicerca > div > .form-floating > input{ height: inherit; width: auto;} #Home .motoreDiRicerca, #Tore .motoreDiRicerca, #Crue .motoreDiRicerca, #Stru .motoreDiRicerca{display: flex; flex-wrap: nowrap;} #Home .motoreDiRicerca > div, #Tore .motoreDiRicerca > div, #Crue .motoreDiRicerca > div, #Stru .motoreDiRicerca > div{margin-bottom: 0;} #Home .motoreDiRicerca .input-group-checkInOut, #Tore .motoreDiRicerca .input-group-checkInOut, #Crue .motoreDiRicerca .input-group-checkInOut, #Stru .motoreDiRicerca .input-group-checkInOut{margin: 0;} #Engi .motoreDiRicerca .input-group-checkInOut, #Dest .motoreDiRicerca .input-group-checkInOut{margin-top: 0;} #Home .motoreDiRicerca > div.input-group-rangePrezzo, #Crue .motoreDiRicerca > div.input-group-rangePrezzo, #Tore .motoreDiRicerca > div.input-group-rangePrezzo, #Stru .motoreDiRicerca > div.input-group-rangePrezzo{margin: 0;} #Home .motoreDiRicerca div.input-group-rangePrezzo .tooltip-inner, #Tore .motoreDiRicerca div.input-group-rangePrezzo .tooltip-inner, #Crue .motoreDiRicerca div.input-group-rangePrezzo .tooltip-inner, #Stru .motoreDiRicerca div.input-group-rangePrezzo .tooltip-inner{color: #000!important;} #Home .motoreDiRicerca .input-group.input-group-destinazioni, #Tore .motoreDiRicerca .input-group.input-group-destinazioni, #Crue .motoreDiRicerca .input-group.input-group-destinazioni, #Stru .motoreDiRicerca .input-group.input-group-destinazioni{width: 175px;} #Home .motoreDiRicerca .input-group.input-group-porti, #Tore .motoreDiRicerca .input-group.input-group-porti, #Crue .motoreDiRicerca .input-group.input-group-porti, #Stru .motoreDiRicerca .input-group.input-group-porti{width: 175px;} #Home .motoreDiRicerca .input-group.input-group-mesi, #Tore .motoreDiRicerca .input-group.input-group-mesi, #Crue .motoreDiRicerca .input-group.input-group-mesi, #Stru .motoreDiRicerca .input-group.input-group-mesi{width: 175px;} #Home .motoreDiRicerca .input-group.input-group-rangePriceDaA, #Tore .motoreDiRicerca .input-group.input-group-rangePriceDaA, #Crue .motoreDiRicerca .input-group.input-group-rangePriceDaA, #Stru .motoreDiRicerca .input-group.input-group-rangePriceDaA{width: 175px;} #Home .motoreDiRicerca .input-group.input-group-tipologie, #Tore .motoreDiRicerca .input-group.input-group-tipologie, #Crue .motoreDiRicerca .input-group.input-group-tipologie, #Stru .motoreDiRicerca .input-group.input-group-tipologie{width: 150px;} #Home .motoreDiRicerca .input-group.input-group-strutture, #Tore .motoreDiRicerca .input-group.input-group-strutture, #Crue .motoreDiRicerca .input-group.input-group-strutture, #Stru .motoreDiRicerca .input-group.input-group-strutture{width: 135px;} #Home .motoreDiRicerca .input-group.input-group-guest, #Tore .motoreDiRicerca .input-group.input-group-guest, #Crue .motoreDiRicerca .input-group.input-group-guest, #Stru .motoreDiRicerca .input-group.input-group-guest{width: 200px;} .motoreDiRicerca .input-group.input-group-checkInOut, .motoreDiRicerca .input-group.input-group-checkInOut, .motoreDiRicerca .input-group.input-group-checkInOut, .motoreDiRicerca .input-group.input-group-checkInOut{display: grid; width: 260px;} #Home .motoreDiRicerca .input-group-checkInOut span:first-child, #Tore .motoreDiRicerca .input-group-checkInOut span:first-child, #Crue .motoreDiRicerca .input-group-checkInOut span:first-child, #Stru .motoreDiRicerca .input-group-checkInOut span:first-child{ grid-column: 1; grid-row: 1;} #Home .motoreDiRicerca .input-group-checkInOut div:nth-of-type(1), #Tore .motoreDiRicerca .input-group-checkInOut div:nth-of-type(1), #Crue .motoreDiRicerca .input-group-checkInOut div:nth-of-type(1), #Stru .motoreDiRicerca .input-group-checkInOut div:nth-of-type(1){ grid-column: 2; grid-row: 1; width: auto;} #Home .motoreDiRicerca .input-group-checkInOut div:nth-of-type(2), #Tore .motoreDiRicerca .input-group-checkInOut div:nth-of-type(2), #Crue .motoreDiRicerca .input-group-checkInOut div:nth-of-type(2), #Stru .motoreDiRicerca .input-group-checkInOut div:nth-of-type(2){ grid-column: 3; grid-row: 1; width: auto;} #Home .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo, #Tore .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo, #Crue .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo, #Stru .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo{padding: 0px 10px; width: 130px;} #Home .motoreDiRicerca .btn.search, #Tore .motoreDiRicerca .btn.search, #Crue .motoreDiRicerca .btn.search, #Stru .motoreDiRicerca .btn.search{width: 65px;} #Home .motoreDiRicerca .FindType, #Tore .motoreDiRicerca .FindType, #Crue .motoreDiRicerca .FindType, #Stru .motoreDiRicerca .FindType{min-width: 100px;} /* ! ___display-max-md */ @media (max-width: 767.98px) { #Home .motoreDiRicerca, #Tore .motoreDiRicerca, #Crue .motoreDiRicerca, #Stru .motoreDiRicerca{display: flex; flex-wrap: wrap; gap: 15px;} #Home .motoreDiRicerca .input-group.input-group-destinazioni, #Tore .motoreDiRicerca .input-group.input-group-destinazioni, #Crue .motoreDiRicerca .input-group.input-group-destinazioni, #Stru .motoreDiRicerca .input-group.input-group-destinazioni{width: 100%;} #Home .motoreDiRicerca .input-group.input-group-porti, #Tore .motoreDiRicerca .input-group.input-group-porti, #Crue .motoreDiRicerca .input-group.input-group-porti, #Stru .motoreDiRicerca .input-group.input-group-porti{width: 100%;} #Home .motoreDiRicerca .input-group.input-group-mesi, #Tore .motoreDiRicerca .input-group.input-group-mesi, #Crue .motoreDiRicerca .input-group.input-group-mesi, #Stru .motoreDiRicerca .input-group.input-group-mesi{width: 100%;} #Home .motoreDiRicerca .input-group.input-group-rangePriceDaA, #Tore .motoreDiRicerca .input-group.input-group-rangePriceDaA, #Crue .motoreDiRicerca .input-group.input-group-rangePriceDaA, #Stru .motoreDiRicerca .input-group.input-group-rangePriceDaA{width: 100%;} #Home .motoreDiRicerca .input-group.input-group-tipologie, #Tore .motoreDiRicerca .input-group.input-group-tipologie, #Crue .motoreDiRicerca .input-group.input-group-tipologie, #Stru .motoreDiRicerca .input-group.input-group-tipologie{width: 100%;} #Home .motoreDiRicerca .input-group.input-group-strutture, #Tore .motoreDiRicerca .input-group.input-group-strutture, #Crue .motoreDiRicerca .input-group.input-group-strutture, #Stru .motoreDiRicerca .input-group.input-group-strutture{width: 100%;} #Home .motoreDiRicerca .input-group.input-group-guest, #Tore .motoreDiRicerca .input-group.input-group-guest, #Crue .motoreDiRicerca .input-group.input-group-guest, #Stru .motoreDiRicerca .input-group.input-group-guest{width: 100%;} #Home .motoreDiRicerca .input-group.input-group-checkInOut, #Tore .motoreDiRicerca .input-group.input-group-checkInOut, #Crue .motoreDiRicerca .input-group.input-group-checkInOut, #Stru .motoreDiRicerca .input-group.input-group-checkInOut{width: 100%; grid-template-columns: 35px 46% 46.5%;} #Home .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo, #Tore .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo, #Crue .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo, #Stru .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo{width: 100%;} #Home .motoreDiRicerca .btn.search, #Tore .motoreDiRicerca .btn.search, #Crue .motoreDiRicerca .btn.search, #Stru .motoreDiRicerca .btn.search{width: 100%; padding: 5px;} #Home .SECTION_motore .motoreDiRicerca .input-group.input-group-guest .room-label, #Home .SECTION_motore .motoreDiRicerca .input-group.input-group-guest .guest-label{padding-left: 5px;} #Home .SECTION_motore .motoreDiRicerca .input-group.input-group-guest .room-label{padding-right: 10px;} } /* ! ___display-max--sm */ @media (max-width: 575.98px) { #Home .SECTION_motore .motoreDiRicerca .input-group.input-group-strutture .form-floating input.form-control, #Home .SECTION_motore .motoreDiRicerca .input-group.input-group-checkInOut .form-floating input.form-control { padding-right: 5px; } #Home .motoreDiRicerca .input-group.input-group-checkInOut, #Tore .motoreDiRicerca .input-group.input-group-checkInOut, #Crue .motoreDiRicerca .input-group.input-group-checkInOut, #Stru .motoreDiRicerca .input-group.input-group-checkInOut{width: 100%; grid-template-columns: 35px 46% 45.5%;} } /* ! ___display-min-md */ @media (min-width: 768px) { #Home .motoreDiRicerca, #Tore .motoreDiRicerca, #Crue .motoreDiRicerca, #Stru .motoreDiRicerca{display: flex; flex-wrap: wrap; gap: 15px;} #Home .motoreDiRicerca .btn.search, #Tore .motoreDiRicerca .btn.search, #Crue .motoreDiRicerca .btn.search, #Stru .motoreDiRicerca .btn.search{width: 100%; padding: 5px;} #Home .SECTION_motore .motoreDiRicerca .input-group.input-group-guest .room-label, #Stru .SECTION_motore .motoreDiRicerca .input-group.input-group-guest .room-label, #Home .SECTION_motore .motoreDiRicerca .input-group.input-group-guest .guest-label, #Stru .SECTION_motore .motoreDiRicerca .input-group.input-group-guest .guest-label{padding-left: 5px;} #Home .SECTION_motore .motoreDiRicerca .input-group.input-group-guest .room-label, #Stru .SECTION_motore .motoreDiRicerca .input-group.input-group-guest .room-label{padding-right: 10px;} } /* ! ___display-min-lg */ @media (min-width: 992px) { #Home .motoreDiRicerca, #Tore .motoreDiRicerca, #Crue .motoreDiRicerca, #Stru .motoreDiRicerca{display: flex; flex-wrap: wrap; gap: 15px;} #Home .motoreDiRicerca .btn.search, #Tore .motoreDiRicerca .btn.search, #Crue .motoreDiRicerca .btn.search, #Stru .motoreDiRicerca .btn.search{width: 60px; padding: 5px;} #Home .SECTION_motore .motoreDiRicerca .input-group.input-group-guest .room-label, #Stru .SECTION_motore .motoreDiRicerca .input-group.input-group-guest .room-label, #Home .SECTION_motore .motoreDiRicerca .input-group.input-group-guest .guest-label, #Stru .SECTION_motore .motoreDiRicerca .input-group.input-group-guest .guest-label{padding-left: 1px;} #Home .SECTION_motore .motoreDiRicerca .input-group.input-group-guest .room-label, #Stru .SECTION_motore .motoreDiRicerca .input-group.input-group-guest .room-label{padding-right: 5px;} } /* ! ___display-min-xl */ @media (min-width: 1200px) { #Home .motoreDiRicerca, #Tore .motoreDiRicerca, #Crue .motoreDiRicerca, #Stru .motoreDiRicerca{flex-wrap: nowrap;gap: 10px; padding: 10px;} #Home .motoreDiRicerca .input-group.input-group-destinazioni, #Tore .motoreDiRicerca .input-group.input-group-destinazioni, #Crue .motoreDiRicerca .input-group.input-group-destinazioni, #Stru .motoreDiRicerca .input-group.input-group-destinazioni{width: 250px;} #Home .motoreDiRicerca .input-group.input-group-porti, #Tore .motoreDiRicerca .input-group.input-group-porti, #Crue .motoreDiRicerca .input-group.input-group-porti, #Stru .motoreDiRicerca .input-group.input-group-porti{width: 250px;} #Home .motoreDiRicerca .input-group.input-group-mesi, #Tore .motoreDiRicerca .input-group.input-group-mesi, #Crue .motoreDiRicerca .input-group.input-group-mesi, #Stru .motoreDiRicerca .input-group.input-group-mesi{width: 200px;} #Home .motoreDiRicerca .input-group.input-group-rangePriceDaA, #Tore .motoreDiRicerca .input-group.input-group-rangePriceDaA, #Crue .motoreDiRicerca .input-group.input-group-rangePriceDaA, #Stru .motoreDiRicerca .input-group.input-group-rangePriceDaA{width: 200px;} #Home .motoreDiRicerca .input-group.input-group-tipologie, #Tore .motoreDiRicerca .input-group.input-group-tipologie, #Crue .motoreDiRicerca .input-group.input-group-tipologie, #Stru .motoreDiRicerca .input-group.input-group-tipologie{width: 155px;} #Home .motoreDiRicerca .input-group.input-group-strutture, #Tore .motoreDiRicerca .input-group.input-group-strutture, #Crue .motoreDiRicerca .input-group.input-group-strutture, #Stru .motoreDiRicerca .input-group.input-group-strutture{width: 150px;} #Home .motoreDiRicerca .input-group.input-group-guest, #Tore .motoreDiRicerca .input-group.input-group-guest, #Crue .motoreDiRicerca .input-group.input-group-guest, #Stru .motoreDiRicerca .input-group.input-group-guest{width: 195px;} #Home .motoreDiRicerca .input-group.input-group-checkInOut, #Tore .motoreDiRicerca .input-group.input-group-checkInOut, #Crue .motoreDiRicerca .input-group.input-group-checkInOut, #Stru .motoreDiRicerca .input-group.input-group-checkInOut{width: 260px;} #Home .motoreDiRicerca .input-group.input-group-radioDate, #Tore .motoreDiRicerca .input-group.input-group-radioDate, #Crue .motoreDiRicerca .input-group.input-group-radioDate, #Stru .motoreDiRicerca .input-group.input-group-radioDate{width: 310px;} #Home .motoreDiRicerca .input-group.input-group-dates, #Tore .motoreDiRicerca .input-group.input-group-dates, #Crue .motoreDiRicerca .input-group.input-group-dates, #Stru .motoreDiRicerca .input-group.input-group-dates{width: auto;} #Home .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo, #Tore .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo, #Crue .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo, #Stru .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo{width: 105px;} #Home .motoreDiRicerca .btn.search, #Tore .motoreDiRicerca .btn.search, #Crue .motoreDiRicerca .btn.search, #Stru .motoreDiRicerca .btn.search{width: 60px; padding: 5px;} } /* ! ___display-min-xxl */ @media (min-width: 1400px) { #Home .motoreDiRicerca, #Tore .motoreDiRicerca, #Crue .motoreDiRicerca, #Stru .motoreDiRicerca{padding: 20px;} } /* ! - Engi */ #Engi .motoreDiRicerca .form-floating>.form-control:not(:placeholder-shown)~label[for="floatingCheckIn"], #Engi .motoreDiRicerca .form-floating>.form-control:not(:placeholder-shown)~label[for="floatingCheckOut"]{padding: 10px 10px;} #Dest .motoreDiRicerca .form-floating>.form-control:not(:placeholder-shown)~label[for="floatingCheckIn"], #Dest .motoreDiRicerca .form-floating>.form-control:not(:placeholder-shown)~label[for="floatingCheckOut"]{padding: 10px 10px;} #Engi .motoreDiRicerca > div > div.form-floating input.FindCheckOut, #Engi .motoreDiRicerca > div > div.form-floating input.FindCheckIn { padding: 20px 5px 10px 14px;} #Dest .motoreDiRicerca > div > div.form-floating input.FindCheckOut, #Dest .motoreDiRicerca > div > div.form-floating input.FindCheckIn { padding: 20px 5px 10px 14px;} #Home #ListaAmenities { display: none; } #Stru #ListaAmenities { display: none; } #ListaAmenities { padding: 10px 5px;} #ListaAmenities .input-group.input-group-check-amenity { padding-top: 10px; } #ListaAmenities button.btn.btn-checkAmne { width: 160px; text-align: left; background-color: white; color: black; border: 1px solid #ced4da; border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } #Dest #ListaAmenities button.btn.btn-checkAmne { width: 140px; } /* -------------------------------------------------------------------------------- */ /* ! MOTORE DI RICERCA 02 - tabs */ /* -------------------------------------------------------------------------------- */ /* ! - general */ .motoreDiRicerca.motoreDiRicerca02{ flex-direction: column!important; background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: none; gap: 5px;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list{ display: flex; flex-direction: row; gap: 5px; border: 1px solid transparent;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list .input-group-text{ display: none;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list .input-group button:not(.btn--active){ border: 1px solid transparent;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list .input-group button.btn--active{ border: 1px solid #000;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list .input-group button span{ padding: 5px;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list .input-group{ width: fit-content;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters{ display: flex; padding: 10px; flex-direction: row; flex-wrap: nowrap; gap: 10px; background: #ffffffbf; backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); box-shadow: 1px 30px 30px -23px #00000038; height: fit-content!important; width: fit-content; border: 1px solid transparent;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .btn.search{height: 50px; width: 55px!important;} .motoreDiRicerca .input-group .find-euro__from, .motoreDiRicerca .input-group .find-euro__to{ width: auto; } .motoreDiRicerca .input-group .find-euro__from input, .motoreDiRicerca .input-group .find-euro__to input{ width: fit-content; max-width: 43px; padding: 0;} #Engi .motoreDiRicerca .input-group .find-euro__from input, #Engi .motoreDiRicerca .input-group .find-euro__to input, #Dest .motoreDiRicerca .input-group .find-euro__from input, #Dest .motoreDiRicerca .input-group .find-euro__to input{ width: fit-content; max-width: 56px;} #Stru .motoreDiRicerca .input-group .find-euro__from input, #Stru .motoreDiRicerca .input-group .find-euro__to input{ width: fit-content; max-width: 72px;} .motoreDiRicerca .input-group .find-euro__from .icon, .motoreDiRicerca .input-group .find-euro__to .icon{ color: #000; opacity: 0.5; font-size: 15px; } #Engi .motoreDiRicerca .input-group .find-euro__from .icon, #Dest .motoreDiRicerca .input-group .find-euro__from .icon { margin-left: -5px; margin-right: 15px;} #Engi .motoreDiRicerca .input-group .find-euro__to .icon, #Dest .motoreDiRicerca .input-group .find-euro__to .icon { margin-left: -5px;} /* ! - input-group default */ .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-guest button.ospiti{padding: 5px;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group span.input-group-text{width: 35px;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-rangePriceDaA span.input-group-text{width: 50px; background-color: transparent;} .motoreDiRicerca .travel-types-list__filters .input-group-rangePriceDaA{ display: flex; flex-direction: row; flex-wrap: nowrap;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-checkInOut{width: fit-content; height: 50px;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-checkInOut .input-group-text{height: 50px;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-checkInOut .form-floating .form-control{ display: block; padding-top: 22px; padding-bottom: 0; height: 100%; border: none;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-checkInOut .form-floating label{ padding: 0.5rem 0.65rem;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-guest .room-number{display: none;} /* Stru checked */ .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--stru .input-group-destinazioni{display: inline-flex;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--stru .input-group-tipologie{display: inline-flex;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--stru .input-group-strutture{display: inline-flex;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--stru .input-group-guest{display: inline-flex;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--stru .input-group-checkInOut{display: inline-flex;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--stru .input-group-rangePrezzo{display: inline-flex;} /* .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--stru .input-group-rangePriceDaA{display: inline-flex;} */ /* TOUR checked */ .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--tour .input-group-destinazioni{display: inline-flex;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--tour .input-group-tipologie{display: inline-flex;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--tour .input-group-strutture{display: none;} /*.motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--tour .input-group-guest{display: none;}*/ .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--tour .input-group-checkInOut{display: inline-flex;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--tour .input-group-rangePrezzo{display: inline-flex;} /* .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--tour .input-group-rangePriceDaA{display: inline-flex;} */ .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--tour .input-group-mesi{display: none;} /* CRUE checked */ .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--crue .input-group-destinazioni{display: inline-flex;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--crue .input-group-porti{display: inline-flex;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--crue .input-group-mesi{display: inline-flex;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--crue .input-group-tipologie{display: none;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--crue .input-group-strutture{display: none;} /*.motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--crue .input-group-guest{display: none;}*/ .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--crue .input-group-checkInOut{display: none;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--crue .input-group-rangePrezzo{display: inline-flex;} /* .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--crue .input-group-rangePriceDaA{display: inline-flex;} */ .motoreDiRicerca.motoreDiRicerca02 .input-group-porti { display: none; } .motoreDiRicerca.motoreDiRicerca02 .input-group-mesi { display: none; } /* ! ___display-max-xl */ @media (max-width: 1199.98px) { .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--stru .input-group-checkInOut, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--tour .input-group-checkInOut{ display: grid; grid-template-columns: [col-first] 35px [col-second] 135px; grid-template-rows: [row-first] 40px [row-second] 40px; } .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--stru .input-group-checkInOut .input-group-text{ grid-column-start: col-first; grid-row: 1 / span 2; } .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--stru .input-group-checkInOut .form-floating:nth-child(2){ grid-column-start: 2; grid-row: 1;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--stru .input-group-checkInOut .form-floating:nth-child(3){ grid-column-start: 2; grid-row: 2; } .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo, #Stru .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo { width: 125px; } .motoreDiRicerca .input-group.input-group-guest, #Stru .motoreDiRicerca .input-group.input-group-guest { width: 185px;} } /* ! ___display-max-lg */ @media (max-width: 991.98px) { .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters{ flex-wrap: wrap; } .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-rangePrezzo, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters button, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .FindCheckOut, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .FindCheckIn{ height: 50px!important;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-destinazioni, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-porti, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-mesi, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-rangePriceDaA, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-tipologie, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-guest, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-rangePrezzo{width: calc(33% - 10px);} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-checkInOut{width: calc(66% - 10px);} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters button.search{width: 100%;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--stru .input-group-checkInOut, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--tour .input-group-checkInOut{ display: flex; } } /* ! ___display-max-md */ @media (max-width: 767.98px) { .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters{ box-shadow: 1px 5px 40px 0px #00000038;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-destinazioni, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-porti, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-mesi, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-rangePriceDaA, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-tipologie, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-guest, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-rangePrezzo{width: calc(50% - 10px);} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-checkInOut{width: calc(100% - 10px);} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters button.search{width: 100%;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-destinazioni{order: 1} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-porti{order: 1} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-mesi{order: 1} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-tipologie{order: 2;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-strutture{order: 3;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-guest{order: 3;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-rangePrezzo{order: 4;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-rangePriceDaA{order: 4;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-checkInOut{order: 5;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters button.search{order: 6;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .btn.search{width: 100%!important;} } /* ! ___display-max--sm */ @media (max-width: 575.98px) { .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-destinazioni, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-porti, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-mesi, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-rangePriceDaA, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-tipologie{width: calc(100% - 10px);} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-guest, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-rangePrezzo, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-checkInOut, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters button.search{width: calc(100% - 10px);} } /*D:/aa/siti/aaa_ollytour.it/root/css/sildanviag/comm.css*/ /* -------------------------------------------------------------------------------- */ /* ! Global */ /* -------------------------------------------------------------------------------- */ :root{ /* ! - palette colors */ --var-color-1: #DFC17B; /* Harvest Gold */ --var-color-2: #3B4445; /* Cape Cod */ --var-color-3: #A12754; /* Hibiscus */ --var-color-4: #DDDDE0; /* Iron */ --var-color-5: #003D66; /* Blue */ /* ! - other */ --var-img-space-1:20px; --var-borderRadius-1:10px; --var-borderRadius-2:15px; --var-borderRadius-3:25px; --var-marginBottom-section:50px; --bs-body-bg: #EAF4F5; } /* ! - stars */ :root{ /* FILL: riempimento delle icone { '0': vuote; '1': piene } */ --icon-fill: 0; /* WEIGHT: peso delle icone {'100', '200', '300', '400', '500', '600', '700', '800', '900'} */ --icon-wght: 400; /* GRADE: enfasi delle icone - consigliato '0' {'-25', '0', '200'}*/ --icon-GRAD: 0; /* OPTICAL SIZE: all'aumentare dell'icona, i suoi bordi non si inspessiscono { '20', '24', '40', '48' } */ --icon-opsz: 24; } .icon { font-size: 1rem; font-variation-settings: 'FILL' var(--icon-fill), 'wght' var(--icon-wght), 'GRAD' var(--icon-GRAD), 'opsz' var(--icon-opsz);} .outlined .icon { font-family: 'Material Symbols Outlined';} .rounded .icon { font-family: 'Material Symbols Rounded';} .sharp .icon { font-family: 'Material Symbols Sharp';} @media (max-width: 991px) { .navbar .dropdown.show {position: static;} } /* -------------------------------------------------------------------------------- */ /* ! General */ /* -------------------------------------------------------------------------------- */ .PageDataDiv{ margin-top: 0px;} a:hover{color: var(--var-color-1)!important;} .galleria01 .galleriaButtonModal img{transform: scale(1); transition: all 0.3s cubic-bezier(.215, .61, .355, 1);} .galleria01 .galleriaButtonModal img:hover{transform: scale(1.1);} img{ object-fit: cover;} /* ! - Buttons */ button.btn, a.btn, a.button{border: 2px solid #000;background: transparent;color: #000;border-radius: var(--var-borderRadius-2);font-weight: 600;transition: all 0.25s cubic-bezier(.215, .61, .355, 1);width: fit-content;padding: 0.75rem 1.75rem;text-decoration: none;} button.btn:hover, a.btn:hover, a.button:hover{background: var(--var-color-1)!important;color: #000!important;border: 2px solid #000;} /* ! - stars */ .card__stars svg {width: 20px; height: 20px; fill: #fac02f;/*margin-right: 5px;*/} /* .card__stars .icon{ color: #fac02f;} */ ul.stars-inline .icon{ color: #fac02f; filter: drop-shadow(0 0 0px black); font-size: 22px;} /* ! - social */ ul.nav-list-social{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;} ul.nav-list-social li{margin-right: 10px;margin-left: 10px;} ul.nav-list-social li .icon-social { width: 25px; height: 25px; object-fit: contain; } /* ! - typopgraphy */ /* h1,h2,h3,h4,h5,h6{font-family: 'merienda';color: black;} */ h1,h2,h3,h4,h5,h6{font-family: 'merienda', serif; color: black;} .font-serif{ font-family: 'merienda', serif;} /* .font-sans-serif{ font-family: 'cocomat', sans-serif;} */ p, a, span, li, label{font-family: 'poppins'; /*font-family: 'cocomat', sans-serif;*/ color: black;} .button, .btn{/*font-family: 'poppins';*/ font-family: 'cocomat', sans-serif;} /* ! - modal */ .modal-content{border-radius: var(--var-borderRadius-3);} /* -------------------------------------------------------------------------------- */ /* ! Fonts */ /* -------------------------------------------------------------------------------- */ /* ! - NEW */ @font-face { font-family: 'cocomat'; src: url('/fonts/sildan_fonts/cocomatpro-bold.woff2') format('woff2'), url('/fonts/sildan_fonts/cocomatpro-bold.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'cocomat'; src: url('/fonts/sildan_fonts/cocomatpro-regular.woff2') format('woff2'), url('/fonts/sildan_fonts/cocomatpro-regular.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'cocomat'; src: url('/fonts/sildan_fonts/cocomatpro-light.woff2') format('woff2'), url('/fonts/sildan_fonts/cocomatpro-light.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'railey'; src: url('/fonts/sildan_fonts/railey-personaluse.woff2') format('woff2'), url('/fonts/sildan_fonts/railey-personaluse.woff') format('woff'); font-weight: normal; font-style: normal; } /* ! - OLD */ /* ! -- Marienda */ @font-face { font-family: 'merienda'; src: url('/fonts/sildan_fonts/merienda-variablefont_wght-webfont.woff2') format('woff2'), url('/fonts/sildan_fonts/merienda-variablefont_wght-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* ! -- Poppins */ @font-face { font-family: 'poppins'; src: url('/fonts/sildan_fonts/poppins-bold-webfont.woff2') format('woff2'), url('/fonts/sildan_fonts/poppins-bold-webfont.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'poppins'; src: url('/fonts/sildan_fonts/poppins-light-webfont.woff2') format('woff2'), url('/fonts/sildan_fonts/poppins-light-webfont.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'poppins'; src: url('/fonts/sildan_fonts/poppins-medium-webfont.woff2') format('woff2'), url('/fonts/sildan_fonts/poppins-medium-webfont.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'poppins'; src: url('/fonts/sildan_fonts/poppins-regular-webfont.woff2') format('woff2'), url('/fonts/sildan_fonts/poppins-regular-webfont.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'poppins'; src: url('/fonts/sildan_fonts/poppins-semibold-webfont.woff2') format('woff2'), url('/fonts/sildan_fonts/poppins-semibold-webfont.woff') format('woff'); font-weight: 600; font-style: normal; } /* ! Carousel */ .modal-content{ /*background: transparent;*/ background: #eaeaf2; border: none;} .modal .modal-header{ border-bottom: transparent;} .modal.fade.show { backdrop-filter: blur(10px);} .modal .carousel .carousel-inner .carousel-item img{ height: 100%; width: 100%;} .modal .modal-header { filter: invert(1);} .carousel-control-next-icon, .carousel-control-prev-icon { opacity: 1; filter: invert(1);} /* ! ___display-min-sm */ @media (min-width: 576px) { .modal-dialog { max-width: 500px;} .modal .carousel .carousel-inner, .modal .carousel .carousel-inner .carousel-item { height: 500px; width: 500px; } } /* ! ___display-min-md */ @media (min-width: 768px) { .modal-dialog { max-width: 650px;} .modal-body{ /*height: 650px;*/ width: 650px; } .modal .carousel, .modal .carousel .carousel-inner, .modal .carousel .carousel-inner .carousel-item { height: 100%; width: 100%; } .modal .carousel{ position: relative;} .modal .carousel .carousel-control-next{ position: absolute; right: -80px; width: 50px; height: 50px; top: 50%; transform: translateY(-50%); background: #ffffff; border-radius: 15px; } .modal .carousel .carousel-control-prev{ position: absolute; left: -80px; width: 50px; height: 50px; top: 50%; transform: translateY(-50%); background: #ffffff; border-radius: 15px; } } /* ! ___display-max--sm */ @media (max-width: 575.98px) { .carousel .carousel-indicators [data-bs-target]{height: 5px; border-radius: 10px; border: none;} .carousel .carousel-control-next-icon, .carousel .carousel-control-prev-icon{width: 40px; height: 40px;} .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover{opacity: 1;} } /* ! -------------------------------------------------------------------------------- */ /* ! Pages */ /* ! -------------------------------------------------------------------------------- */ /* ! - Stru */ /* ! - Tour */ /* ! -------------------------------------------------------------------------------- */ /* ! SECTIONS */ /* ! -------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ /* ! Social */ /* -------------------------------------------------------------------------------- */ .SECTION_social h3{line-height: normal;} /* -------------------------------------------------------------------------------- */ /* ! Footer */ /* -------------------------------------------------------------------------------- */ footer{margin-top: 50px;margin-bottom: 50px;background: #c9dfe9;margin-left: 50px;margin-right: 50px;padding: 25px;border-radius: var(--var-borderRadius-3);} footer ul{padding-left: 17px;} footer a{text-decoration: none;} footer h4{font-size: 2rem; font-family: 'merienda', sans-serif; font-weight: 500;} footer .name-site{font-size: 2rem;font-family: 'merienda', sans-serif;} /* footer .name-site .font-title{font-family: 'railey', serif;top: 5px; position: relative; text-transform: lowercase;} */ footer .second-footer{position: relative;margin-left: auto;margin-right: auto;margin-top: 15px; padding: 0; background: transparent; background: #003D66; color: #fff; border-radius: var(--var-borderRadius-2); } footer .second-footer p, footer .second-footer a{font-weight: 300;} footer .second-footer > .container > .row{/*background: #003D66;color: #fff;border-radius: var(--var-borderRadius-2);*/padding: 1rem;} footer .second-footer > .container > .row a, footer .second-footer > .container > .row p{color: #fff;margin-bottom: 0;} footer .second-footer div[class^="col"] {display: flex; gap: 0 5px; flex-wrap: wrap;} footer .second-footer div[class^="col"]:nth-child(2) {justify-content: flex-end;} footer .second-footer .col-cookie-condizioniGenerali{ display: flex; flex-direction: row; flex-wrap: wrap;} footer .second-footer .col-cookie-condizioniGenerali a{ white-space: nowrap;} /* ! ___display-max-xxl */ @media (max-width: 1399.98px) { footer h4{font-size: 2rem;} } /* ! ___display-max-xl */ @media (max-width: 1199.98px) { footer h4{font-size: 2rem;} } /* ! ___display-max-md */ @media (max-width: 767.98px) { footer .second-footer > .container > .row{gap: 5px;} footer .second-footer div[class^="col"]:nth-child(2) {justify-content: flex-start;} } /* ! ___display-max--sm */ @media (max-width: 575.98px) { footer{margin-right: 12px;margin-left: 12px;} footer .second-footer > .container > .row{height: auto; flex-direction: column; align-items: center; justify-content: space-between; flex-wrap: nowrap;} footer .second-footer > .container > .row div[class^="col"]:nth-child(1){margin-bottom: 15px;} footer .second-footer div[class^="col"]:nth-child(2){ justify-content: center; } footer .second-footer .col-cookie-condizioniGenerali p{display: none;} footer .second-footer .col-cookie-condizioniGenerali a{text-decoration: underline;} footer .second-footer p, footer .second-footer a{text-align: center;} /* footer .second-footer div[class^="col"]{display: block;} */ footer .name-site{font-size: 1.5rem;} footer h4{font-size: 1.5rem;} } /* -------------------------------------------------------------------------------- */ /* ! slider Partner */ /* -------------------------------------------------------------------------------- */ .SECTION_partner .container{ max-width: 100%;} .SECTION_partner .container-swiper { position: relative; width: 100%; } .SECTION_partner .card { background-color: transparent; align-items: center; } .SECTION_partner .logo-slider { padding: 60px 0; background: #f5f5f5; position: relative; overflow: hidden;} .SECTION_partner{margin-bottom: var(--var-marginBottom-sectionHome--desktop);} .SECTION_partner div[class^="col"]:nth-child(1){text-align: center; /*opacity: 0.35;*/} .SECTION_partner div[class^="col"]:nth-child(2){display: flex;justify-content: space-between;} .SECTION_partner .div-img{width: 140px;height: 140px;margin-left: 15px;margin-right: 15px;} /* .SECTION_partner .div-bg{background-size: contain!important; object-fit: contain!important;} */ .SECTION_partner .div-bg img{background-size: contain!important; object-fit: contain!important;} .SECTION_partner .container{width: 100%; max-width: 100%;} .SECTION_partner .container .row > div[class^="col-"] {padding: 0;} .SECTION_partner .swiper { width: 100%; padding-top: 15px; height: 100px;} .SECTION_partner .swiper-slide {background-position: center; background-size: cover; width: 280px; height: 150px; width: auto !important; flex-shrink: 0 !important; display: flex; align-items: center; justify-content: center; padding: 0 40px;} .SECTION_partner .swiper-slide img {display: block; width: 100%; max-width: 180px; height: auto; transition: all 0.3s ease;} .SECTION_partner .swiper-wrapper { transition-timing-function: linear !important; display: flex !important; align-items: center !important; -webkit-transition-timing-function:linear!important; -o-transition-timing-function:linear!important; transition-timing-function:linear!important;} .SECTION_partner .swiper-pagination, .SECTION_partner .swiper-button-next, .SECTION_partner .swiper-button-prev{display: none; } /* ! ___display-max-xl */ @media (max-width: 1199.98px) { .SECTION_partner .div-img{width: 120px;height: 120px;} } /* ! ___display-max-lg */ @media (max-width: 991.98px) { .SECTION_partner .swiper-slide{ width: 200px; } } /* ! ___display-max-md */ @media (max-width: 767.98px) { #Home .SECTION_partner h3{ font-size: 1.5rem;} .SECTION_partner div[class^="col"]:nth-child(2) {flex-wrap: wrap;} .SECTION_partner .div-img{width: 130px;height: 80px;} .SECTION_partner .swiper-slide{ padding: 0 10px; } } /* ! ___display-max--sm */ @media (max-width: 575.98px) { .SECTION_partner{margin-bottom: var(--var-marginBottom-sectionHome--mobile);} .SECTION_partner .div-img{width: 100px;height: 80px;} .SECTION_partner .swiper-slide { width: 150px; } .SECTION_partner .swiper{margin-bottom: 0;} .SECTION_partner .swiper-slide{height: 100px;} } /* -------------------------------------------------------------------------------- */ /* ! Scroll */ /* -------------------------------------------------------------------------------- */ .SECTION_scroll{position: fixed; right: 0; bottom: 15px; z-index: 999;} .SECTION_scroll .icon{width: 25px; margin-left: 10px;} .SECTION_scroll .row {flex-direction: column;} .SECTION_scroll .row > div{width: auto;} .SECTION_scroll .row > div .btn-offcanvas, .SECTION_scroll .row > div .btn-modal{display: flex; height: 0; overflow: hidden; border: none; transition: all 0.5s cubic-bezier(.215, .61, .355, 1); padding: 0 15px; align-items: center; background: #fff;border: none;} /* ! - animations */ .SECTION_scroll .row > div .btn-modal.show, .SECTION_scroll .row > div .btn-offcanvas.show{animation-name: reveal; animation-duration: 3s; height: 45px; border: 2px solid #000; padding: 7px 15px;} @keyframes reveal {0% {opacity: 0;} 100%{opacity: 1;}} .SECTION_scroll .row > div .btn-modal:not(.show), .SECTION_scroll .row > div .btn-offcanvas:not(.show){height: 0; animation-direction: reverse; animation-name: reveal;animation-duration: 3s;} /* ! ___display-max--sm */ @media (max-width: 575.98px) { .SECTION_scroll .icon{display: none;} } /* ! -------------------------------------------------------------------------------- */ /* ! COMPONENTS */ /* ! -------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ /* ! Form PREVENTIVO */ /* -------------------------------------------------------------------------------- */ button[data-bs-target="#preventivoModal"]{ backdrop-filter: blur(15px); background: #ffffff78;} .modal#preventivoModal .modal-header{ position: relative; filter: invert(0); margin-bottom: 0px;} .modal#preventivoModal .modal-header .btn-close{ position: absolute; top: 25px; right: 25px;} .modal#preventivoModal .modal-body .summary-subtitle{ font-size: 1.25rem; font-weight: 200;} .modal#preventivoModal .modal-body .img-icon{ filter: brightness(0);} .modal#preventivoModal .modal-body input:not([type="checkbox"]){ border-radius: var(--var-borderRadius-2);} .modal#preventivoModal .modal-body select{ border-radius: var(--var-borderRadius-2); height: calc(3.5rem + 2px);} .modal#preventivoModal .modal-body .form-floating label{ text-align: left;} .modal#preventivoModal .modal-body ul.setup-panel li.active a .list-group-item-heading{ padding: 2px 0px 0px 1px;} .modal#preventivoModal .modal-body .col-button-send .btn:disabled{ background: transparent; color: #000; border: 1px solid #000; opacity: 0.5; cursor: not-allowed;} .modal#preventivoModal .modal-body .col-button-send .btn{ opacity: 1;} .modal#preventivoModal .modal-body .form-2 .room { border: 1px solid #ccc; padding: 15px; margin-bottom: 10px; border-radius: calc(var(--var-borderRadius-2) + 15px); position: relative;} .modal#preventivoModal .modal-body .form-2 .room h3 { margin: 0 0 10px 0;} .modal#preventivoModal .modal-body .form-2 .remove-room { position: absolute; top: 15px; right: 15px; background: #ff0f0f; color: white; border: none; cursor: pointer; border-radius: var(--var-borderRadius-2); width: 45px; height: 45px;} .modal#preventivoModal .modal-body .form-2 .remove-room:hover { background: #cb0c0c;} .modal#preventivoModal .modal-body .form-2 label { display: block; margin-top: 10px; padding-left: 6px; margin-bottom: -5px;} .modal#preventivoModal .modal-body .form-2 input { width: 100%; padding: 5px; margin-top: 5px; border: 2px solid #d5d5d5;} .modal#preventivoModal .modal-body .form-2 .add-room { border: 2px solid #067706; color: #fff; padding: 10px; cursor: pointer; display: block; width: 100%; margin-top: 15px; margin-bottom: 15px; border-radius: calc(var(--var-borderRadius-2) + 15px);} .modal#preventivoModal .modal-body .form-2 .add-room:hover { background: #067706; color: #fff;} .modal#preventivoModal .modal-body .form-2 .age-container { margin-top: 10px; display: flex; flex-direction: row; flex-wrap: wrap; gap: 2.2%;} .modal#preventivoModal .modal-body .form-2 .age-container__kid{ width: 18%;} .modal#preventivoModal .modal-body .room { border: 1px solid #ccc; padding: 15px; margin-bottom: 10px; border-radius: 5px; position: relative; } .modal#preventivoModal .modal-body .room h3 { margin: 0 0 10px 0; } .modal#preventivoModal .modal-body .remove-room { position: absolute; top: 10px; right: 10px; background: red; color: white; border: none; padding: 5px; cursor: pointer; border-radius: 3px;} .modal#preventivoModal .modal-body .remove-room:hover { background: darkred; } .modal#preventivoModal .modal-body .age-container { margin-top: 10px;} .modal#preventivoModal .modal-body .add-room, .show-data { background: green; color: white; border: none; padding: 10px; cursor: pointer; display: block; width: 100%; margin-top: 15px; border-radius: 5px;} .modal#preventivoModal .modal-body .add-room:hover, .show-data:hover { background: darkgreen; } .modal#preventivoModal .modal-body .show-data { background: blue; } .modal#preventivoModal .modal-body .show-data:hover { background: darkblue; } .modal#preventivoModal .modal-body #reservation-summary { display: none; } .modal#preventivoModal .modal-body .reservation-summary__room__title{margin-bottom: 10px;} #summary__step-1, #summary__step-2, #summary__step-3, #summary__step-4{ margin-top: 20px; margin-bottom: 20px; padding: 10px; border: 1px solid #ccc; border-radius: 5px; background: #f1f1f1;} /* ! ___display-max-md */ @media (max-width: 767.98px) { .modal#preventivoModal .modal-body ul.nav-pills li{ width: 30%; } .modal#preventivoModal .modal-body ul.nav-pills li .list-group-item-text{text-align: center; line-height: 1rem; font-size: 0.85rem;margin-bottom: 0;} .modal#preventivoModal .modal-body ul.setup-panel li a{ border: 1px solid #ccc; border-radius: 15px; padding: 5px; height: 100%; justify-content: center; } .modal#preventivoModal .modal-body ul.setup-panel li a .list-group-item-heading{ width: 30px; height: 30px; font-size: 1rem; margin-bottom: 5px; } .modal#preventivoModal .modal-body ul.setup-panel { display: flex; margin: 10px 20px; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 5px; } form.container #form__step-1 div[class^="col-"] { display: flex; gap: 15px; flex-direction: column; } .modal#preventivoModal .modal-body .form-2 .age-container { gap: 4%; } .modal#preventivoModal .modal-body .form-2 .age-container__kid { width: 48%;} .summary__step-1__element, .summary__step-2__element, .summary__step-3__element, .summary__step-4__element { display: flex; flex-direction: column; gap: 0px; margin-bottom: 10px;} } /* -------------------------------------------------------------------------------- */ /* ! Cookie */ /* -------------------------------------------------------------------------------- */ .DivCook01 { backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); background: #15646cb8; box-shadow: 7px 12px 20px -4px #00000057; border: none; bottom: 50px; right: 50px; width: 500px; height: auto; position: fixed; padding: 30px; z-index: 1000; } .DivCookHeader01{font-size: 20px;text-align: center;font-weight: 500;color: #fff;margin-bottom: 15px;} .DivCookLogo00 {margin: 13px 0px;background-color: #fff;} .DivCookLogo00{display: none;} .DivCookTxt01 { color: #fff; } .DivCookPbs01 { margin-top: 10px; } .DivCookPbNo00 { background: rgb(185 37 37); color: #fff; padding: 5px 10px; display: inline-block; width: 49%; text-align: center; border-radius: 5px; margin-right: 1%; cursor: pointer; } .DivCookPbOk00 { background: rgb(26 153 26); color: #fff; padding: 5px 10px; display: inline-block; width: 49%; text-align: center; border-radius: 5px; margin-left: 1%; cursor: pointer; } /* ! ___display-max--sm */ @media (max-width: 575.98px) { .DivCook01{bottom: 12px;right: 12px;width: 90%;} } /* -------------------------------------------------------------------------------- */ /* ! Cards */ /* -------------------------------------------------------------------------------- */ /* ! - Cards-02 */ /* * sono quelle utilizzate in: * - #Home: per le top strutture * - #Stru: per le sistemazioni */ .Cards-02 .card h4.card__title-2{/*font-family: 'cocomat', sans-serif;*/ background: rgb(159 159 159 / 50%); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); font-size: 1.15rem; color: #fff; font-weight: 500; text-shadow: none;} .Cards-02 .card-body-header-text p.card__desc-1{width: fit-content; } .Cards-02 .card-body-header-text p.card__desc-2{font-weight: 600; width: fit-content; text-align: end; line-height: 1;} .Cards-02 .card .carousel .carousel-inner, .Cards-02 .card ul.amenities li.list-group-item .amenities__amenity-text{color: #000; overflow-wrap: anywhere;} .Cards-02 .card ul.amenities li.list-group-item .amenities__amenity-img{width: 19px;height: 19px;} /* ! ___display-max--sm */ @media (max-width: 575.98px) { .Cards-02 .card .carousel .carousel-inner, .Cards-02 .card .carousel .carousel-inner .carousel-item {height: 200px!important;} .Cards-02 .card h4.card__title-2{/*font-size: 1rem;*/ text-shadow: 0px 0px 2px #000000b3;} .Cards-02 .card ul.amenities{display: none;} .Cards-02 .card a.card-link{ position: absolute; z-index: 2; height: 200px; width: 100%; margin: 0; border: transparent; color: transparent; border-radius: var(--var-borderRadius-3);} .Cards-02 .card-body-header { height: calc(200px - 2 * 0.75rem)!important;} } /* ! - Cards-03 */ /* * sono quelle utilizzate in: * - #Home: per le categorie di viaggio */ .Cards-03 .card{border-radius:var(--var-borderRadius-2);border-radius: calc(var(--card-border-radius) + var(--card-padding));} .Cards-03 .card .card-body{border-radius: var(--var-borderRadius-2);} .Cards-03 .card h3.card__title-1{font-size: 2rem; font-weight: 400; color: #fff; font-family: 'merienda', sans-serif;} .Cards-03 .card .card__desc-1{color: #fff;} .Cards-03 .card a.card__link{background: transparent; border: 2px solid white; border-radius: var(--card-border-radius); padding: 0.75rem 1.5rem!important;transition: all 0.25s cubic-bezier(.215, .61, .355, 1); color: #fff;backdrop-filter: blur(40px);-webkit-backdrop-filter: blur(40px); font-weight: 400;} .Cards-03 .card a.card__link:hover{border: 2px solid #000;} .Cards-03 .card .carousel .carousel-inner, .Cards-03 .card .carousel .carousel-inner .carousel-item{ height: 425px;} .Cards-03 .card .carousel .carousel-inner .carousel-item::before { z-index: 1; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);} .Cards-03 .card a.card__link { position: absolute; z-index: 1; bottom: var(--card-padding); left: var(--card-padding); padding: 0.75rem 1.5rem !important; height: 50px; } /* ! ___display-max-xl */ @media (max-width: 1199.98px) { #Home .Cards-03 .card h3.card__title-1{font-size: 1.75rem;} } /* ! ___display-max-lg */ @media (max-width: 991.98px) { #Home .Cards-03 .card h3.card__title-1{font-size: 2rem;} } @media (max-width: 575.98px){ .Cards-03 .card .carousel .carousel-inner, .Cards-03 .card .carousel .carousel-inner .carousel-item { height: 200px!important;} .Cards-03 .card .card-body-header{ bottom: -5%; transform: translateX(-50%); left: 50%; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;} .Cards-03 .card a.card__link{ z-index: 10; width: 100%; height: 200px; bottom: 0; border-radius: var(--var-borderRadius-1); border: none; display: flex; justify-content: center; align-items: center; color: transparent; left: 0; backdrop-filter: blur(0px); -webkit-backdrop-filter: blur(0px); } .Cards-03 .card a.card__link:hover{border: none;} } /* -------------------------------------------------------------------------------- */ /* ! Modal */ /* -------------------------------------------------------------------------------- */ .modal .modal-header{flex-direction: column;} .modal .modal-header .modal-title.fs-5{font-size: 4.5rem!important;} #loginModal.modal .modal-header { margin-bottom: 0px; filter: invert(0);} /* #loginModal.modal .modal-header .modal-title{font-family: 'cocomat', sans-serif; font-size: 2rem !important; font-weight: 400;} */ #loginModal.modal .modal-header button{ position: absolute; right: 25px; top: 25px;} #loginModal.modal .modal-body { padding: var(--bs-modal-padding);} /* ! ___display-max-md */ @media (max-width: 767.98px) { .modal .modal-header .modal-title.fs-5{font-size: 3.5rem!important;} } /* -------------------------------------------------------------------------------- */ /* ! SECTION form */ /* -------------------------------------------------------------------------------- */ #ModalScroll .modal-content{background: #efefef;} #ModalScroll .modal-header{border: none;} #ModalScroll .modal-header .div-img{height: 150px; border-radius: var(--var-borderRadius-3);} #ModalScroll .modal-body form .input-group, #Cont .SECTION_form form .input-group{margin-bottom: 20px; display: block;} #ModalScroll .modal-body form .form-textarea .form-label, #Cont .SECTION_form form .form-textarea .form-label{border-top-right-radius: var(--var-borderRadius-2);border-top-left-radius: var(--var-borderRadius-2);border-bottom-right-radius: 0;border-bottom-left-radius: 0;background: var(--var-color-4);color: #000;padding: 0.375rem 0.75rem;margin-bottom: 0px;width: 100%;} #ModalScroll .modal-body form button, #Cont .SECTION_form form button{margin-top: 25px;} /* ! - border radius */ #ModalScroll .modal-body form .input-group-text, #Cont .SECTION_form form .input-group-text{border-top-right-radius: var(--var-borderRadius-2);border-top-left-radius: var(--var-borderRadius-2);border-bottom-right-radius: 0;border-bottom-left-radius: 0;background: var(--var-color-4); color: #000;} #ModalScroll .modal-body form input:not(.form-check-input), #Cont .SECTION_form form input:not(.form-check-input){border-bottom-right-radius: var(--var-borderRadius-2);border-bottom-left-radius: var(--var-borderRadius-2);border-top-right-radius: 0;border-top-left-radius: 0;margin-left: 0;width: 100%;} #ModalScroll .modal-body form input:not(.form-check-input):focus, #Cont .SECTION_form form input:not(.form-check-input):focus{border-color: var(--var-color-1); box-shadow: 0 0 0 0.25rem rgba(253, 229, 13, 0.25);} #ModalScroll .modal-body form textarea.form-control, #Cont .SECTION_form form textarea.form-control{border-bottom-right-radius: var(--var-borderRadius-2);border-bottom-left-radius: var(--var-borderRadius-2);border-top-right-radius: 0;border-top-left-radius: 0;} #ModalScroll .modal-body form textarea.form-control:focus, #Cont .SECTION_form form textarea.form-control:focus{border-color: var(--var-color-1); box-shadow: 0 0 0 0.25rem rgba(253, 229, 13, 0.25);} #ModalScroll .modal-body form .form-check input.form-check-input, #Cont .SECTION_form form .form-check input.form-check-input{border-radius: var(--var-borderRadius-2); border-color: var(--var-color-1); box-shadow: 0 0 0 0.25rem rgba(253, 229, 13, 0.25);} /* ! ___display-max--sm */ @media (max-width: 575.98px) { #ModalScroll .modal-body form .input-group > *, #Cont .SECTION_form form .input-group > *{width: 100%;} #ModalScroll .modal-body form button, #Cont .SECTION_form form button{width: 100%;} #ModalScroll .modal-body form input:not(.form-check-input), #Cont .SECTION_form form input:not(.form-check-input){left: 0; padding: 0.375rem 0.75rem;height: 50px;} #ModalScroll .modal-body form input:not(.form-check-input):focus, #Cont .SECTION_form form input:not(.form-check-input):focus{box-shadow: 3px 5px 10px -3px #00000017; transform: translateX(0px)scale(1);} #ModalScroll .modal-body form .form-check input.form-check-input, #Cont .SECTION_form form .form-check input.form-check-input{height: 20px;width: 20px;} #ModalScroll .modal-body form .form-check-label, #Cont form .form-check-label{margin-left: 2.2rem;} /* ! - border radius */ #ModalScroll .modal-body form .input-group-text, #Cont .SECTION_form form .input-group-text{border-radius: var(--var-borderRadius-2); border-bottom-right-radius: 0; border-bottom-left-radius: 0;} #ModalScroll .modal-body form input, #Cont .SECTION_form form input{border-radius: var(--var-borderRadius-2); border-radius: var(--var-borderRadius-2);} } /* -------------------------------------------------------------------------------- */ /* ! MOTORE */ /* -------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ /* ! - Home */ /* -------------------------------------------------------------------------------- */ #Home .SECTION_motore.CssSild .motoreDiRicerca select.form-select{padding: 0px 20px 5px 5px;} #Home .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-tipologie{margin-right: 0;} #Home .SECTION_motore.CssSild .motoreDiRicerca .form-floating label{padding: 12px 0px 0px 14px;} #Home .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-checkInOut .form-floating input.form-control{padding-top: 21px;} #Home .SECTION_motore.CssSild .motoreDiRicerca img.icon{top: -2px;position: relative;} /* -------------------------------------------------------------------------------- */ /* ! - Engi & Dest */ /* -------------------------------------------------------------------------------- */ #Engi .SECTION_motore.CssSild .motoreDiRicerca{margin-top: 4px;} #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group .input-group-text{background: var(--var-color-4);border-radius: var(--var-borderRadius-2);} #Engi .SECTION_motore.CssSild .motoreDiRicerca button{background: #fff;} #Engi .SECTION_motore.CssSild .motoreDiRicerca button:hover{background: #000;} #Engi .SECTION_motore.CssSild .motoreDiRicerca select.form-select, #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group-checkInOut div:nth-of-type(1) input, #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group-checkInOut div:nth-of-type(2) input{border-radius: var(--var-borderRadius-2);border: none;box-shadow: 1px 2px 5px -2px #00000033;} #Engi .SECTION_motore.CssSild .motoreDiRicerca select.form-select{margin-left: 6px;} #Engi .motoreDiRicerca .input-group-checkInOut .form-floating{margin-left: 0px; width: calc(100%);} #Engi .motoreDiRicerca .input-group-checkInOut .form-floating{margin-left: 0px; width: 100%;} #Engi .motoreDiRicerca .input-group-checkInOut, #Dest .motoreDiRicerca .input-group-checkInOut { grid-template-columns: [first] 34px; gap: 0px;} /* ! ___display-min-xl */ @media (min-width: 1200px) { #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group-checkInOut {gap: 8px; grid-template-columns: [first] 42px; grid-template-rows: 55px;} #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group-checkInOut div:nth-of-type(1){height: 47px;} #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group-checkInOut div:nth-of-type(2){height: 47px;} } /* ! ___display-max-xl */ @media (max-width: 1199.98px) { #Engi .SECTION_motore.CssSild .motoreDiRicerca {margin-top: 0px;margin-bottom: 50px;justify-content: center;align-items: center;flex-direction: column;} #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group-checkInOut{margin-bottom: 25px;} #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-destinazioni{width: 75%;} #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-porti{width: 75%;} #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-mesi{width: 75%;} #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-rangePriceDaA{width: 75%;} #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-tipologie{width: 75%;} #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-strutture{width: 75%;} #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-checkInOut{width: 75%;} #Engi .SECTION_motore.CssSild .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo{width: 75%;} #Engi .SECTION_motore.CssSild .motoreDiRicerca .btn.search{width: 75%;} #Engi .SECTION_motore.CssSild .motoreDiRicerca > div > .form-floating{margin-left: 6px;} } /* ! ___display-max-lg */ @media (max-width: 991.98px) { #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-destinazioni, #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-porti, #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-mesi, #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-rangePriceDaA, #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-tipologie, #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-checkInOut, #Engi .SECTION_motore.CssSild .motoreDiRicerca .btn.search{width: 85%;} } /* ! ___display-max-md */ @media (max-width: 767.98px) { #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-destinazioni, #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-porti, #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-mesi, #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-rangePriceDaA, #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-tipologie, #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-checkInOut, #Engi .SECTION_motore.CssSild .motoreDiRicerca .btn.search{width: 100%;} } /* ! -- buttons filter */ #Engi .SECTION_motore.CssSild .buttons-filter{margin-bottom: 25px; } #Engi .SECTION_motore.CssSild .buttons-filter > div{border-radius: var(--var-borderRadius-1);background: var(--var-color-1);} #Engi .SECTION_motore.CssSild .buttons-filter > div span{margin-right: 5px;} #ModalScroll .div-bg { background-size: contain!important; object-fit: contain!important; } #ModalScroll .div-bg img { background-size: contain!important; object-fit: contain!important; } .ColEngiFiltSols .buttons-filter { margin-bottom: 1rem; } /* -------------------------------------------------------------------------------- */ /* ! - Newsletter */ /* -------------------------------------------------------------------------------- */ #newsletterModal.modal .modal-content{ position: relative;} #newsletterModal.modal .modal-body{ background: #eff2f7; padding: 0;} #newsletterModal.modal .modal-header{ margin-bottom: 0; filter: invert(0); position: absolute; top: 0; right: 0;} #newsletterModal.modal .modal-header .modal-title.fs-5{ font-size: 1.5rem;} #newsletterModal.modal .modal-body{ padding: var(--bs-modal-padding);} #newsletterModal.modal .btn-close{ position: absolute; right: 20px; top: 30px;} /* ! - confirm dialog */ .jconfirm{ background: #00000073;} .jconfirm.jconfirm-supervan .jconfirm-box { background-color: #ffffff; width: 100%; margin: auto; padding: 30px; background-position: center; border-radius: 30px;} .jconfirm.jconfirm-supervan .jconfirm-box div.content{ color: #000;} .jconfirm.jconfirm-supervan .jconfirm-box .buttons button{ font-size: inherit; background: #fff; color: #000; border: 2px solid #000; border-radius: 15px;} /*D:/aa/siti/aaa_ollytour.it/root/css/sildanviag/menu.css*/ /* -------------------------------------------------------------------------------- */ /* ! Navbar02 */ /* -------------------------------------------------------------------------------- */ /* ! - general */ header.navbar02{ background: transparent;} header.navbar02 nav{ background: #ffffffc4; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-radius: 32px; box-shadow: 0px 15px 33px -6px #00000029;} header.navbar02 nav a.navbar-brand .logo{width: 45px; height: 64px; background-size: contain!important; background-repeat: no-repeat!important; margin-top: -41px; left: 25px; position: absolute;} header.navbar02 nav ul li .nav-link{/*color: #fff;*/ color: #000; text-transform: uppercase;} header.navbar02 nav ul li .nav-link:hover{ color: #917d4d !important;} header.navbar02 nav a.btn{/*border: 2px solid #fff; color: #fff;*/ border: 2px solid #000; color: #000; margin-right: 10px;background: transparent;} header.navbar02 nav a.btn:hover{border: 2px solid #000; background: rgba(0, 0, 0, 1); color: #fff;} header.navbar02 .navbar-collapse__contenuto-a-destra{display: flex; flex-direction: row; align-items: center;} header.navbar02 form{margin-bottom: 0;} .dropdown-item.active, .dropdown-item:active{ color: #000; font-weight: 500;} /* ! ___display-min-lg */ @media (min-width: 992px) { header.navbar02 nav ul.navbar-nav{margin-left: 50px;} } /* ! ___display-max-xl */ @media (max-width: 1199.98px) { header .container { max-width: 970px; } } /* ! - dropdown */ header.navbar02 .dropdown-submenu>.dropdown-menu { -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px;} header.navbar02 .dropdown-submenu>a:after { border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px;} header.navbar02 .dropdown-submenu:hover>a:after { border-left-color: #fff;} header.navbar02 .dropdown-submenu.pull-left>.dropdown-menu {-webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px;} header.navbar02 .navbar-expand-lg .navbar-nav .dropdown-menu{background: #fff; border-radius: var(--var-borderRadius-2);border: none;} header.navbar02 .navbar-expand-lg .navbar-nav .dropdown-menu a.dropdown-item{background: transparent;} /* ! - Login */ #loginModal{ backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px);} #loginModal .modal-content{ backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); background: var(--var-color-4);} #loginModal .modal-content .modal-body .form-floating .form-control{border-radius: var(--var-borderRadius-2); border: 2px solid white; background: #0000001a; color: #fff;} #loginModal .modal-content .modal-body .btn{ border: 2px solid white; background: var(--var-color-2); color: #fff;} header.navbar02 button.button__account { border: 2px solid #000000; transition: all 0.25s cubic-bezier(.215, .61, .355, 1);} header.navbar02 button.button__account:hover{background: var(--var-color-1)!important; border: 2px solid #000;} header.navbar02 button.button__account img{ position: relative; left: 0; top: 0; width: 20px; height: 25px;} /* header.navbar02 button.button__account:not(:hover) img { filter: invert(0%);} */ /* ! - azione allo scroll */ header.navbar02.navbar--sild{top: 20px;} #Home header.navbar02:not(.navbar--sild), #Engi header.navbar02:not(.navbar--sild), #Team header.navbar02:not(.navbar--sild){top: 90px;} header.navbar02:not(.navbar--sild){top: 20px;} /* ! ___display-max-lg */ @media (max-width: 991.98px) { header.navbar02 .navbar-toggler{/*filter: brightness(0) invert(1);*/ border: 1px solid #868686;} #Home header.navbar02:not(.navbar--sild), #Engi header.navbar02:not(.navbar--sild), #Team header.navbar02:not(.navbar--sild){top: 20px;} } /*D:/aa/siti/aaa_ollytour.it/root/css/sildanviag/engi.css*/ /* -------------------------------------------------------------------------------- */ /* ! General */ /* -------------------------------------------------------------------------------- */ #Engi main { margin-top: 0px; } #Engi .SECTION_hero{ height: 35vh; margin: 50px; border-radius: calc(var(--card-border-radius) + var(--card-padding)); } #Engi .titolo-ricerca{ font-family: 'merienda', serif; font-size: 2rem;} /* ! ___display-max--sm */ @media (max-width: 575.98px) { #Engi .SECTION_hero{height: 30vh;margin: 11px;margin-bottom: 25px;border-radius: calc(var(--card-border-radius) + var(--card-padding));} #Engi .titolo-ricerca{ font-size: 1.75rem; } } /* -------------------------------------------------------------------------------- */ /* ! Card */ /* -------------------------------------------------------------------------------- */ /* ! - all cards */ #Engi .card .card-body{ display: grid; grid-template-columns: calc(30% - 10px) calc(51% - 10px) calc(19% - 10px); grid-template-rows: 34px 34px 34px auto; height: 210px; gap: 0 15px;} #Engi .card .card-body .carousel{ grid-column: 1 / span 1; grid-row: 1 / span 4;} #Engi .card .carousel .carousel-inner .carousel-item { height: 180px;} #Engi .card .card-body .card__title-2{ font-family: 'poppins', sans-serif;} #Engi .card .card-body .card__title-1{ grid-column: 2 / span 1; grid-row: 2; font-size: 1.5rem; font-family: 'poppins', sans-serif; font-weight: 600; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; min-height: 60px; max-height: 60px;} #Engi .card .card-body .card__desc-2{ grid-column: 2 / span 1; grid-row: 3; font-size: 1.15rem; font-weight: 300; opacity: 0.5; margin-bottom: 0.5rem;} #Engi .card .card-body .card__text{ grid-column: 2 / span 1; grid-row: 4; margin-bottom: 0px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; min-height: 60px; max-height: 74px; margin-right: 25px; font-family: 'poppins', sans-serif; font-weight: 300;} #Engi .card .card-body .card__price{grid-column: 3; grid-row: 1;} #Engi .card .card-body .card__price__label{margin-right: 10px;} #Engi .card .card-body .card__price__value{ font-weight: 600;} #Engi .card .card-body .card__basedesc__value{ opacity: 0.45; font-style: italic; line-height: 18px; font-size: 0.85rem; display: block;} #Engi .card .card-body .card__basedesc{grid-column: 3; grid-row: 2;} #Engi .card .card-body .card__link{ grid-column: 3; grid-row: 4; width: 100%; height: fit-content; margin-top: auto; margin-bottom: 17px; padding: 15px 10px;background: transparent;} /* ! - card-STRU */ #Engi .card[sorg="STRU"] .card-body .card__stars{ grid-column: 2 / span 1; grid-row: 1;} #Engi .card[sorg="STRU"] .card-body .card__title-2{ display: none;} #Engi .card[sorg="STRU"] .card-body::after { content: 'Hotel'; position: absolute; top: -5px; left: -5px; background: #ffffff; color: #003d66; font-family: 'poppins', sans-serif; padding: 15px; border-radius: 25px; box-shadow: 0px 0px 10px 0px #00000030; transform: rotate(-5deg);} /* ! - card-TORE */ #Engi .card[sorg="TORE"] { background: #003d6624;} #Engi .card[sorg="TORE"] .card-body .card__stars{ display: none;} #Engi .card[sorg="TORE"] .card-body .card__title-2{ display: none;} #Engi .card[sorg="TORE"] .card-body .card__title-1{ grid-column: 2 / span 1; grid-row: 1 / span 2;} #Engi .card[sorg="TORE"] .card-body .card__desc-2{ grid-column: 2 / span 1; grid-row: 3;} #Engi .card[sorg="TORE"] .card-body .card__text{ grid-column: 2 / span 1; grid-row: 4; /*max-height: 99px; -webkit-line-clamp: 4;*/} #Engi .card{height: fit-content;margin-bottom: 25px;border-radius: var(--var-borderRadius-3); box-shadow: 0px 10px 25px -18px #00000052;} #Engi .card .carousel .carousel-item{border-radius: 12px; overflow: hidden;} #Engi .card .card-body-header .card__title-1{margin-bottom: 0;} #Engi .card .card-body-header .card__localita{font-size: 1.15rem;font-weight: 300;opacity: 0.75;margin-bottom: 0.5rem;} #Engi .card .card-body-text .card__text-1{margin-bottom: 0px;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;min-height: 60px; max-height: 67px;margin-right: 25px;} #Engi .card .card-body-text .card__prezzo{top: 25px;right: 25px;background: #fff;border-radius: var(--var-borderRadius-1);padding: 5px 10px;} #Engi .card .card-body-text .card__prezzo__prezzo{font-weight: 600;} #Engi .card[sorg="TORE"] .card-body::after{ content: 'Tour'; position: absolute; top: -5px; left: -5px; background: #003d66; color: #fff; font-family: 'poppins', sans-serif; padding: 15px; border-radius: 25px; transform: rotate(-5deg);} /* ! ___display-max-xxl */ @media (max-width: 1399.98px) { #Engi .card .card-body { grid-template-columns: calc(30% - 10px) calc(52% - 10px) calc(18% - 10px); } } /* ! ___display-max-xl */ @media (max-width: 1199.98px) { #Engi .card .card-body{ grid-template-rows: 26px 56px 27px auto; } #Engi .card .card-body .card-link{padding: 0.75rem 1rem;} } /* ! ___display-max-lg */ @media (max-width: 991.98px) { .col-risultati{display: flex;flex-direction: row;flex-wrap: wrap;gap: 10px 10px;} .col-risultati > p{width: 100%;} ul.card__stars svg{ width: 20px; height: 20px; } } /* ! ___display-max-md */ @media (max-width: 767.98px) { #Engi .card .card-body { grid-template-columns: calc(26% - 10px) calc(50% - 10px) calc(24% - 10px); } #Engi .card{width: 100%;} #Engi .card .card-body .card__title-1{min-height: 50px; max-height: 50px; line-height: 25px;} #Engi .card .card-body .card__desc-2{/*display: none;*/ font-size: 1rem;} #Engi .card .card-body { grid-template-rows: 25px 56px 24px auto;} #Engi .card .card-body .card__stars svg { width: 16px; height: 16px;} #Engi .card[sorg="TORE"] .card-body .card__title-1{-webkit-line-clamp: 3; min-height: 70px; max-height: 70px;} } /* ! ___display-max--sm */ @media (max-width: 575.98px) { #Engi .card .card-body{height: auto; gap: 5px 15px; } #Engi .card .card-body .carousel { grid-column: 1 / span 1; grid-row: 1 / span 6; } #Engi .card .card-body .carousel .carousel-inner{ height: 100%;} #Engi .card .card-body .carousel .carousel-inner .carousel-item{height: 100%;} #Engi .card .card-body .card__stars svg { width: 16px; height: 16px; margin-right: 0px; margin-bottom: 0;} #Engi .card .card-body .card__title-2{font-size: 0.85rem; font-weight: 500;} #Engi .card .card-body .card__title-1{ font-size: 1.15rem; line-height: 20px; min-height: 61px; max-height: 61px; margin-bottom: 0;} #Engi .card .card-body .card__desc-2{ margin-bottom: 0; } #Engi .card .card-body .card__text { line-height: 19px; max-height: 59px; font-size: 0.95rem; margin-right: 0;} #Engi .card .card-body .card__link { margin-bottom: 0;} #Engi .card .card-body .card__price { position: relative; z-index: 9; font-style: italic; line-height: 18px; font-size: 0.85rem; display: block;} #Engi .card .card-body .card__price__label { margin-right: 5px; } #Engi .card[sorg="STRU"] .card-body{ grid-template-rows: 22px 50px 24px 60px 19px 15px 52px; grid-template-columns: calc(40% - 10px) calc(45% - 10px) calc(15% - 10px); } #Engi .card[sorg="STRU"] .card-body .card__stars { grid-column: 2 / span 2; grid-row: 1; } #Engi .card[sorg="STRU"] .card-body .carousel { grid-column: 1 / span 1; grid-row: 1 / span 7; } #Engi .card[sorg="STRU"] .card-body .card__title-1 { grid-column: 2 / span 2; grid-row: 2;} #Engi .card[sorg="STRU"] .card-body .card__desc-2{ grid-row: 3; grid-column: 2 / span 2; font-size: 0.8rem; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; min-height: 20px; max-height: 20px;} #Engi .card[sorg="STRU"] .card-body .card__text { grid-column: 2 / span 2; grid-row: 4;} #Engi .card[sorg="STRU"] .card-body .card__price { grid-column: 2 / span 2; grid-row: 5;} #Engi .card[sorg="STRU"] .card-body .card__basedesc { grid-column: 2 / span 2; grid-row: 6;} #Engi .card[sorg="STRU"] .card-body .card__link { grid-column: 2 / span 2; grid-row: 7; width: calc(100% - 8px); } #Engi .card[sorg="TORE"] .card-body { grid-template-rows: 20px 69px 62px 18px 17px 52px; grid-template-columns: calc(40% - 5px) calc(60% - 0px); height: auto; } #Engi .card[sorg="TORE"] .card-body .card__stars { display: none; } #Engi .card[sorg="TORE"] .card-body .card__title-2{ display: block; grid-column: 2 / span 2; grid-row: 1; margin-bottom: 0;} #Engi .card[sorg="TORE"] .card-body .card__title-1 { grid-column: 2 / span 2; grid-row: 2; margin-bottom: 0; min-height: 60px; max-height: 60px;} #Engi .card[sorg="TORE"] .card-body .card__desc-2 {display: none;} #Engi .card[sorg="TORE"] .card-body .card__text { grid-column: 2 / span 1; grid-row: 3; max-height: 60px; -webkit-line-clamp: 3;} #Engi .card[sorg="TORE"] .card-body .card__price{grid-column: 2; grid-row: 4;} #Engi .card[sorg="TORE"] .card-body .card__basedesc{ grid-column: 2; grid-row: 5; margin-right: 10px;} #Engi .card[sorg="TORE"] .card-body .card__basedesc__value { font-size: 0.75rem;} #Engi .card[sorg="TORE"] .card-body .card__link { grid-column: 2; grid-row: 6; width: calc(100% - 8px); } } /* -------------------------------------------------------------------------------- */ /* ! Motore */ /* -------------------------------------------------------------------------------- */ #Engi .motoreDiRicerca .btn.search:hover { border: 2px solid #000;} .motoreDiRicerca button.btn.btn-checkStru { width: calc(100% - 35px); } .motoreDiRicerca button.btn.btn-checkTour { width: calc(100% - 35px); } #Engi .motoreDiRicerca .input-group-text, #Dest .motoreDiRicerca .input-group-text{ border-radius: 10px!important; margin-right: 5px;} #Engi .motoreDiRicerca select, #Engi .motoreDiRicerca input{ border-radius: 10px!important;} #Engi .motoreDiRicerca .input-group-checkInOut, #Dest .motoreDiRicerca .input-group-checkInOut { grid-template-columns: [first] 39px; grid-template-rows: 52px 52px;} .motoreDiRicerca button.btn.btn-checkStru, .motoreDiRicerca button.btn.btn-checkTour{ border-radius: 10px!important; width: calc(100% - 40px); background: white; border: 1px solid #ced4da;} #Engi .motoreDiRicerca .form-floating>.form-control:not(:placeholder-shown)~label[for="floatingCheckIn"], #Engi .motoreDiRicerca .form-floating>.form-control:not(:placeholder-shown)~label[for="floatingCheckOut"]{padding: 12px;} #Engi .motoreDiRicerca button.btn.search{ margin-top: 25px;} /* ! ___display-min-xl */ @media (min-width: 1200px) { #Engi .col-engine { position: sticky; } } /* ! ___display-max-xl */ @media (max-width: 1199.98px) { #Engi .col-engine { position: relative; top: 0;} }