/*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/topskiing/engi.css*/ /* -------------------------------------------------------------------------------- */ /* ! General */ /* -------------------------------------------------------------------------------- */ #Engi .PageDataDiv { background: url(/image/mappa-home-grigio.webp)fixed; position: relative;} #Engi .PageDataDiv:after { content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: 0.75; z-index: 1;} .motoreDiRicerca .slider-handle.round { border-radius: 0%; box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 28%) !important;} #Engi .motoreDiRicerca .input-group.input-group-destinazioni .input-group-text, #Engi .motoreDiRicerca .input-group.input-group-tipologie .input-group-text { background: transparent;} /* -------------------------------------------------------------------------------- */ /* ! SECTION_motore-soluzioni */ /* -------------------------------------------------------------------------------- */ #Engi .SECTION_motore-soluzioni{padding-top: 50px; padding-bottom: 50px; position: relative; z-index: 2;} #Engi .SECTION_motore-soluzioni > .container > .row{ gap: 0!important; } /* ! - col solutions */ #Engi .col-solutions{ display: flex; flex-direction: row; flex-wrap: wrap;} /* ! - col-solutions */ #Engi .col-solutions{ display: flex; align-items: stretch; flex-wrap: wrap; flex-direction: row; padding-top: 10px; padding-bottom: 10px; gap: 0px;} #Engi .col-solutions .card { border-radius: 0; max-width: 33%; flex: 1 1 33%; height: auto; margin-bottom: 30px; box-shadow: 0px 25px 25px -9px #0000001f; background: #fff; border-radius: none;} #Engi .col-solutions .card .card-body{ position: relative; padding-bottom: 0.5rem; display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; align-content: flex-start; padding: 15px; border-radius: 0; box-shadow: none;} #Engi .col-solutions .card .card-body > *{flex-basis: auto; width: 100%;} #Engi .col-solutions .card .card-body::before { content: ""; width: 1px; position: absolute; top: 15px; left: 0px; bottom: 15px; background-color: #b7b7b7;} #Engi .col-solutions .card .card-body .card__title-2 { -webkit-line-clamp: 2;} #Engi .col-solutions .card .card-body .card__basedesc, #Engi .col-solutions .card .card-body .card__price{width: fit-content!important;} #Engi .col-solutions .card .carousel .carousel-inner, .card .carousel .carousel-inner .carousel-item { height: 200px!important;} /* ! ___display-max-lg */ @media (max-width: 991.98px) { #Engi .col-solutions .card { max-width: 50%; flex: 1 1 50%;} #Engi .col-solutions .card .card-body > *{ flex-basis: auto; } #Engi .col-solutions .card .card-body .card__title-2{margin-bottom: 0px!important;} } /* ! ___display-max-md */ @media (max-width: 767.98px) { #Engi .col-solutions{padding-bottom: 50px;} #Engi .col-solutions .div-img{display: none!important;} #Engi .col-solutions .card .card-body .card__title-1 { font-size: 1.25rem;} #Engi .col-solutions .card .card-body .card__title-2 { font-weight: 700; font-size: 1.5rem; margin-bottom: 0.5rem; min-height: 28px; line-height: 1.5rem; } /* #Engi .col-solutions .card .card-body .card__stay{ width: fit-content!important; } */ } /* ! ___display-max--sm */ @media (max-width: 575.98px) { #Engi .col-solutions > h3{ display: none;} #Engi .col-solutions .card { max-width: 100%; flex: 1 1 100%;} } /* ! ___display-min-sm */ @media (min-width: 576px) { #Engi .SECTION_motore-soluzioni .container{max-width: 540px!important;;} } /* ! ___display-min-md */ @media (min-width: 768px) { #Engi .SECTION_motore-soluzioni .container{max-width: 720px!important;;} } /* ! ___display-min-lg */ @media (min-width: 992px) { #Engi .SECTION_motore-soluzioni .container{max-width: 960px!important;} } /* ! ___display-min-xl */ @media (min-width: 1200px) { #Engi .SECTION_motore-soluzioni .container{max-width: 1140px!important;} } /* ! ___display-min-xxl */ @media (min-width: 1400px) { #Engi .SECTION_motore-soluzioni .container{max-width: 1320px!important;} } /* ! - col-engi */ #Engi .motoreDiRicerca .input-group.input-group-tipologie select { white-space: nowrap;} #Engi .col-engi.motoreDiRicerca{ position: sticky; top: 150px; height: fit-content; background: #fff; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; box-shadow: 0px 25px 25px -9px #0000004d;} #Engi .col-engi.motoreDiRicerca > p{ width: 90%; order: 2; padding-left: 15px;} #Engi .col-engi.motoreDiRicerca > .div-img{ display: flex; align-content: center; flex-direction: column; justify-content: center; width: 10%; height: 27px; order: 1;} #Engi .col-engi.motoreDiRicerca > .motoreDiRicercaPagina01 { width: 100%; height: auto; margin: 15px 0 0 0; order: 3;} #Engi .col-engi #ListaAmenities{order: 4; display: none;} #Engi .col-engi > .motoreDiRicercaPagina01 .input-group-text{ width: auto!important;} #Engi .col-engi.motoreDiRicerca .input-group span.input-group-text img.icon { width: 25px!important; height: 25px!important;} #Engi .col-engi.motoreDiRicerca .input-group-rangePrezzo { position: relative; width: 208px!important; height: 50px;} #Engi .col-engi.motoreDiRicerca .input-group-rangePrezzo .slider:after { content: ' '; position: absolute; top: -2px; left: -37px; transform: translateX(-50%); width: 25px; height: 25px; background: url(/image/icon_focus.svg) no-repeat center center; background-size: cover; filter: invert(50%) sepia(96%) saturate(424%) hue-rotate(140deg) brightness(92%) contrast(87%)!important;} #Engi .col-engi.motoreDiRicerca .input-group-rangePrezzo .slider.slider-horizontal { top: 10px; left: 55px; position: relative;} #Engi .col-engi.motoreDiRicerca div.input-group-rangePrezzo .tooltip-inner { color: #000!important;} #Engi .col-engi.motoreDiRicerca .input-group-rangeGiorni { position: relative; width: 208px!important; height: 50px;} #Engi .col-engi.motoreDiRicerca .input-group-rangeGiorni .slider:after { content: ' '; position: absolute; top: -2px; left: -37px; transform: translateX(-50%); width: 25px; height: 25px; background: url(/componenti/engine/icons/calendar.svg) no-repeat center center; background-size: cover; filter: invert(50%) sepia(96%) saturate(424%) hue-rotate(140deg) brightness(92%) contrast(87%)!important;} #Engi .col-engi.motoreDiRicerca .input-group-rangeGiorni .slider.slider-horizontal { top: 10px; left: 55px; position: relative;} #Engi .col-engi.motoreDiRicerca div.input-group-rangeGiorni .tooltip-inner { color: #000!important;} #Engi .motoreDiRicercaPagina01 select{background: #e4f2f3; font-size: 1.25rem;} #Engi .col-engi.motoreDiRicerca .input-group.input-group-destinazioni, #Engi .col-engi.motoreDiRicerca .input-group.input-group-tipologie{ margin-bottom: 5px; gap: 8px;} #Engi .col-engi.motoreDiRicerca .input-group.input-group-check-stru{margin-bottom: 10px; margin-top: 25px;} #Engi .col-engi.motoreDiRicerca .input-group.input-group-check-stru, #Engi .col-engi.motoreDiRicerca .input-group.input-group-check-tour{gap: 10px; height: 44px;} #Engi .col-engi.motoreDiRicerca .input-group.input-group-check-stru button, #Engi .col-engi.motoreDiRicerca .input-group.input-group-check-tour button{ width: calc(75% - 50px); background: var(--color-bluemarine); border-radius: 0; height: 100%;} #Engi .col-engi.motoreDiRicerca .input-group.input-group-check-stru button:hover, #Engi .col-engi.motoreDiRicerca .input-group.input-group-check-tour button:hover{ background: var(--color-bluemarine--hover);} #Engi .col-engi > .motoreDiRicercaPagina01 .input-group.input-group-check-stru span.input-group-text, #Engi .col-engi > .motoreDiRicercaPagina01 .input-group.input-group-check-tour span.input-group-text{ background: transparent; display: flex; align-items: center; justify-content: center;} #Engi .col-engi > .motoreDiRicercaPagina01 .input-group.input-group-check-stru span.input-group-text input, #Engi .col-engi > .motoreDiRicercaPagina01 .input-group.input-group-check-tour span.input-group-text input{ width: 22px; height: 22px; border: 1px solid var(--color-bluemarine); margin: 0;} #Engi .col-engi.motoreDiRicerca .btn.search{ margin-top: 25px; width: 100%!important; background: var(--color-orange)!important; text-transform: uppercase;} #Engi .col-engi.motoreDiRicerca .btn.search:hover{ background: var(--color-orange--hover)!important;} /* ! ___display-max-xxl */ @media (max-width: 1399.98px) { #Engi .col-engi.motoreDiRicerca { position: relative; top: 0px;} #Engi .col-engi.motoreDiRicerca > .div-img { width: 50px; height: 40px; } /* #Engi .col-solutions{margin-top: 50px;} */ } /* ! ___display-max-xl */ @media (max-width: 1199.98px) { #Engi .col-engi.motoreDiRicerca .input-group-rangePrezzo { width: 300px!important; padding: 0; } #Engi .col-engi.motoreDiRicerca .input-group-rangePrezzo .slider:after { left: -42px;} #Engi .col-engi.motoreDiRicerca .input-group-rangeGiorni { width: 300px!important; padding: 0; } #Engi .col-engi.motoreDiRicerca .input-group-rangeGiorni .slider:after { left: -42px;} } /* ! ___display-max-lg */ @media (max-width: 991.98px) { #Engi .col-engi.motoreDiRicerca{ position: relative; top: 20px; margin-bottom: 50px; } } /* ! ___display-max-md */ @media (max-width: 767.98px) { #Engi .col-engi.motoreDiRicerca{ position: relative; top: 30px; width: calc(100% - 20px); margin: 25px auto;} #Engi .col-engi.motoreDiRicerca > p{ font-size: 1rem; text-transform: lowercase;} #Engi .motoreDiRicerca .input-group select{font-size: 1.25rem;} #Engi .col-engi.motoreDiRicerca .input-group.input-group-check-stru, #Engi .col-engi.motoreDiRicerca .input-group.input-group-check-tour { gap: 10px; height: 40px; align-items: center;} #Engi .col-engi.motoreDiRicerca .input-group-rangePrezzo { width: 75%!important; } #Engi .col-engi.motoreDiRicerca .input-group-rangeGiorni { width: 75%!important; } #Engi .col-engi.motoreDiRicerca .input-group-rangeGiorni .slider:after { top: -3px; left: -55px; transform: translateX(0%); width: 25px; height: 25px;} #Engi .col-engi.motoreDiRicerca .input-group button{ padding: 0px 20px; width: 170px!important;} /* #Engi .col-solutions{ position: relative; top: 50px; } */ /* #Engi .Cards-flex .col-solutions .card { flex: 1 1 100%; max-width: 100%; } #Engi .Cards-flex .col-solutions .card .card-body{padding: 10px;} #Engi .Cards-flex .col-solutions .card .carousel .carousel-inner, .card .carousel .carousel-inner .carousel-item { height: 221px!important; } #Engi .col-solutions .card-body .card__title-1{ position: absolute; z-index: 2; background: #fff; padding: 5px; left: 5px; top: 5px; font-size: 1rem!important; font-weight: 400!important; } #Engi .card-body .card__stay { position: absolute; top: 197px; right: 5px; background: #fff; padding: 5px; font-size: 1rem;} #Engi .col-solutions .card-body .card__stay__value{font-size: 1rem!important; font-weight: 400;} #Engi .col-solutions .card .card-body .card__title-2 { font-size: 1.25rem!important; -webkit-line-clamp: 2; min-height: 50px;} #Engi .Cards-flex .col-solutions .card { flex: 1 1 100%; max-width: 100%; margin-bottom: 25px;} */ } /*D:/aa/siti/aaa_ollytour.it/root/css/topskiing/comm.css*/ /* ! - variables */ :root { --bs-body-bg: white; --color-orange: #ff8901; --color-orange--hover: #da7809; --color-bluemarine: #36b3a4; --color-bluemarine--hover: #2f9e91; --icon-fill: 0; --icon-wght: 400; --icon-GRAD: 0; --icon-opsz: 24; --icon-type: 'Material Symbols Rounded'; } .icon { font-size: 1rem; font-variation-settings: 'FILL' var(--icon-fill), 'wght' var(--icon-wght), 'GRAD' var(--icon-GRAD), 'opsz' var(--icon-opsz); } .icon{ font-family: var(--icon-type)!important;} /* -------------------------------------------------------------------------------- */ /* ! General */ /* -------------------------------------------------------------------------------- */ html{background-color: #ffffff; scroll-behavior: smooth;} .PageDataDiv {margin-top: 99px;} .jconfirm.jconfirm-supervan .jconfirm-box { background-color: var(--color-orange); } /* ! ___display-min-xl */ @media (min-width: 1200px) { .Section:not(header, .SECTION_cover, .SECTION_HeaderInfo, .SECTION_header, footer, .SECTION_footer-contatti, .SECTION_top-tour, .SECTION_titoloviaggiare) .container { max-width: 80%;} .topskiing .Section.SECTION_skier .container { max-width: 100%; } .topskiing .Section.SECTION_skier .container .row>* { padding-left: 0px; padding-right: 0px; } } /* ! - buttons */ .modal.button{background: transparent!important;} .btn{background: var(--color-orange); border: none; color: #fff; padding: 15px 45px;} .btn:hover, .button:hover, header.navbar01 nav .container-fluid .desktop--show a.btn:hover{background: var(--color-orange--hover);} #Engi .motoreDiRicerca .btn.search, #Dest .motoreDiRicerca .btn.search{background: var(--color-button-background);} #Engi .motoreDiRicerca .btn.search:hover, #Dest .motoreDiRicerca .btn.search:hover{background: var(--color-button-background--hover);} .form-check-input[type=checkbox]{border-radius: 0;} .div-img.img-cover .div-bg{background-size: contain!important; object-fit: contain!important;} .div-img.img-cover .div-bg img{background-size: contain!important; object-fit: contain!important;} @font-face { font-family: 'Raleway Darwin'; src: url('/fonts/darwin_fonts/Raleway-Variable.ttf') format('truetype'); font-weight: 100 900; font-style: normal; font-display: swap;} @font-face { font-family: 'Raleway Topskiing'; src: url('/fonts/topskiing_fonts/Raleway-Variable.ttf') format('truetype'); font-weight: 100 900; font-style: normal; font-display: swap;} .darwinviaggi h1, .darwinviaggi h2, .darwinviaggi h3, .darwinviaggi h4, .darwinviaggi h5, .darwinviaggi h6, .darwinviaggi p, .darwinviaggi a, .darwinviaggi span, .darwinviaggi li, .darwinviaggi div{font-family: 'Raleway Darwin', sans-serif;} .topskiing h1, .topskiing h2, .topskiing h3, .topskiing h4, .topskiing h5, .topskiing h6, .topskiing p, .topskiing a, .topskiing span, .topskiing li, .topskiing div{font-family: 'Raleway Topskiing', sans-serif;} p{margin-bottom:0px;} a:hover{color: #040e42;} .UlTrattini { list-style-type: "- "; } .color-title{color: var(--color-bluemarine-1);} .panel-BG h1, .panel-BG h2, .panel-BG h3, .panel-BG h4, .panel-BG h5, .panel-BG h6 { text-shadow: 8px 8px 8px rgb(0 0 0);} /* ! - svg */ .card__stars svg{ width: 20px; height: 20px; fill: var(--color-stars);} /* ! - cart */ .cart-container .cart-item-delete{background: rgb(212, 5, 5);} .cart-item-price-discount--percentage{line-height: 22px;} .btn-cart img{filter: brightness(0) invert(1);} /* ! - btn-jump-to-top */ #DivJumpTop { position: fixed; right: 30px; bottom: 30px; width: 60px; height: 60px; border: 3px solid #000000; background-image: url(/image/icons/arrow_upward.svg); background-size: 35px 35px; background-color: #353b3cf7; background-repeat: no-repeat; background-position: center center; backdrop-filter: blur(15px); filter: invert(1); border-radius: 100%; display: none; z-index: 999; cursor: pointer; transition: transform 0.25s cubic-bezier(.215, .61, .355, 1); transform: scale(1);} #DivJumpTop:hover{ filter: invert(0.9); transform: scale(1.1);} /* ! - page spacing */ /* ! ___display-max-xxl */ @media (max-width: 1399.98px) { .PageDataDiv { margin-top: 84px; } } /* ! ___display-max-xl */ @media (max-width: 1199.98px) { .PageDataDiv {margin-top: 129px;} } /* ! ___display-max-lg */ @media (max-width: 991.98px) { .PageDataDiv {margin-top: 111px;} #DivJumpTop { width: 50px; height: 50px; background-size: 30px 30px; } } /* ! ___display-max--sm */ @media (max-width: 575.98px) { .PageDataDiv {margin-top: 105px;} } /* ! ___display-max--xsm */ @media (max-width: 350px) { body{overflow-x: hidden;} } @media (min-width: 992px) and (max-width: 1200px) { .PageDataDiv { margin-top: 83px;} } /* ! - Scroll bar */ ::-webkit-scrollbar { background-color: rgba(0, 0, 0, 0.1); width: 8px;} ::-webkit-scrollbar-track { width: 10px; height: 10px; } ::-webkit-scrollbar-thumb { width: 12px; height: 12px; border-radius: 6px; background-color: rgba(0, 0, 0, 0.3); } ::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.4); } ::-webkit-scrollbar-thumb:active { background-color: rgba(0, 0, 0, 0.6); } /* ! - cookie */ .DivCook01 { position: fixed; bottom: 50px; right: 50px; width: 500px; height: 390px; background: #ffffffc2; border-radius: 0px; box-shadow: none; padding: 40px; border: 0px solid white; backdrop-filter: blur(25px); overflow: auto; -webkit-backdrop-filter: blur(5px); border-radius: 0; z-index: 10000; } .DivCookHeader01{font-size: 20px;text-align: left;font-weight: 700;color: #000000;margin-bottom: 10px;} .DivCookLogo00 {margin: 13px 0px;background-color: #fff;} .DivCookLogo00{display: none;} .DivCookTxt01 {color: #000;} .DivCookTxt00 a{color: var(--var-color-1)!important;} .DivCookPbs01{display: flex; flex-direction: row; flex-wrap: nowrap;} .DivCookPbNo00,.DivCookPbOk00{border-radius: 0; height: 40px; display: flex; text-align: center; align-items: center; justify-content: center;} .DivCookLogo00 { border-radius: 0; } .DivCookPbOk00 { background: rgb(26 153 26); border: 2px solid rgb(26 153 26); color: #fff; padding: 5px 10px; display: inline-block; width: 49%; text-align: center; border-radius: 0px; margin-left: 1%; cursor: pointer; } .DivCookPbNo00 { background: transparent; color: #b92525; padding: 5px 10px; display: inline-block; width: 49%; text-align: center; border-radius: 0px; margin-right: 1%; cursor: pointer; border: 2px solid rgb(185 37 37); } .DivCookLogo00 { margin: 20px 0px; background-color: #fff; } .DivCookHeader01 { color: #000; } .DivCookTxt01 { color: #000; } .DivCookLogo01{ box-shadow: 0px 0px 10px 0px #00000024; background-size: contain!important; } .DivCookTxt01 a{ color: var(--color-bluemarine)!important; } .DivCookLogo00 { display: none; } .DivCookPbs00 { margin-top: 10px; } @media (max-width: 575.98px) { .DivCook01 { width: 100%; bottom: 0px; right: 0px; height: 390px; } } @media (max-width: 420px) { .DivCook01 { height: 465px; } } @media (max-width: 350px) { .DivCook01 { height: 525px; } } /* ! ----------------------------------------------------------------------------------------------- */ /* ! SECTIONS */ /* ! ----------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ /* ! Footer */ /* -------------------------------------------------------------------------------- */ footer .SECTION_HeaderInfo .container .row div[class^="col-"], footer .SECTION_footer-datiagenzia .container .row div[class^="col-"], footer .SECTION_footer-linea .container .row div[class^="col-"], footer .SECTION_footer-partitaiva .container .row div[class^="col-"] { background: transparent!important;} footer{ margin-top: 0; padding-bottom: 50px; background: #3f4953;} /* ! - contatti */ .SECTION_footer-contatti{position: relative; padding: 100px 0px; background-position-y: 30%!important;} .SECTION_footer-contatti::after{ content: ' '; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(21deg, #0f0c3b30 23%, #0f0c3b54 59%, #0f0c3b91 81%, #0f0c3bd9 100%); z-index: 1;} .SECTION_footer-contatti .container{position: relative; z-index: 2;} footer .div-img .div-bg { background-size: contain !important; object-fit: contain !important;} footer .div-img .div-bg img{ background-size: contain !important; object-fit: contain !important;} footer .div-bg img { vertical-align: inherit; } /* ! -- col-footer-form */ .SECTION_footer-contatti .col-footer-form h3 { color: #fff; text-shadow: 1px 1px 5px #00000045; font-weight: 700;} .SECTION_footer-contatti .col-footer-form > p{ margin-bottom: 25px; text-shadow: 1px 1px 4px #00000045; color: #fff;} .SECTION_footer-contatti .col-footer-form form{ width: 65%;} .SECTION_footer-contatti .col-footer-form form .form-check{ color: #fff; margin-bottom: 10px;} .SECTION_footer-contatti .col-footer-form form input{ border-radius: 0; margin-bottom: 10px;} .SECTION_footer-contatti .col-footer-form form textarea {border-radius: 0; height: 150px;} .SECTION_footer-contatti .col-footer-form form .input-group-text, .SECTION_footer-contatti .col-footer-form form label.FormText01{display: none;} /* ! -- col-tel-agenzia */ .SECTION_footer-contatti .title-orange { color: var(--color-orange); font-weight: 700;} .SECTION_footer-contatti .col-tel-agenzia { display: flex; flex-wrap: wrap; justify-content: flex-end; flex-direction: column; align-items: flex-start; align-content: center; color: #fff; } .SECTION_footer-contatti .col-tel-agenzia .title-seguici{ margin-bottom: 10px;} .SECTION_footer-contatti .col-tel-agenzia .nav-list-social{ display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; margin-bottom: auto;} .SECTION_footer-contatti .col-tel-agenzia .nav-list-social .nav-link{ background: var(--color-orange); border-radius: 100%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; transition: all 0.25s cubic-bezier(.215, .61, .355, 1); transform: scale(1);} .SECTION_footer-contatti .col-tel-agenzia .nav-list-social .nav-link:hover{ transform: scale(1.15); background: var(--color-orange--hover);} .SECTION_footer-contatti .col-tel-agenzia .nav-list-social .nav-link .icon-social{ width: 20px; height: 20px; object-fit: contain;} .SECTION_footer-contatti .col-tel-agenzia .title-orange:nth-child(3){margin-bottom: 0;} .SECTION_footer-contatti .col-tel-agenzia .title-orange:nth-child(4){margin-bottom: 15px;} /* ! ___display-max-lg */ @media (max-width: 991.98px) { .SECTION_footer-contatti { padding: 50px 0px;} .SECTION_footer-contatti::after { background: linear-gradient(21deg, #0f0c3b66 23%, #0f0c3b94 59%, #0f0c3bb3 81%, #0f0c3bd9 100%); } .SECTION_footer-contatti .col-tel-agenzia { align-content: flex-start; margin-top: 50px; } .SECTION_footer-contatti .col-tel-agenzia .nav-list-social{margin-bottom: 25px;} } /* ! ___display-max--sm */ @media (max-width: 575.98px) { .SECTION_footer-contatti .col-footer-form form{ width: 100%;} } /* ! ___display-max--xsm */ @media (max-width: 350px) { footer .col-info .FooterInfo { flex-direction: column!important;} footer .col-newsletter .title{margin-bottom: 5px;} .SECTION_footer-partitaiva .row{ gap: 10px; } } /* ! - info e newsletter */ footer a{text-decoration: none;} footer .col-logo-footer .div-img{height: auto; margin-bottom: 20px;} footer .col-logo-footer .div-img .div-bg{ height: 65px!important; width: 264px!important; margin-left: -10px;} .darwinviag footer .col-logo-footer .div-img .div-bg { filter: brightness(0) invert(1); } footer .col-info .FooterInfoSede{ margin-bottom: 15px;} footer .col-info .FooterInfoSede .title, footer .col-info .FooterInfoViag .title{ color: var(--color-orange); font-weight: 700; margin-bottom: 5px; font-size: 0.9rem;} footer .col-info .FooterInfoSede .text, footer .col-info .FooterInfoViag .text{ color: #fff; font-weight: 300; font-size: 0.9rem;} footer .col-links .title{ color: var(--color-orange); font-weight: 700; margin-bottom: 5px; font-size: 0.9rem;} footer .col-links .FooterTipologie{ display: flex; flex-direction: column; flex-wrap: wrap; height: 190px; gap: 5px 20px;} footer .col-links .FooterTipologie a{ color: #fff; text-decoration: none; font-weight: 300; font-size: 0.9rem;} /* ! - newsletter */ footer .col-newsletter { display: grid; grid-template-rows: 30px 190px 30px 70px; grid-template-columns: 150px 130px 130px 130px; padding-left: 100px;} footer .col-newsletter .title{ grid-column: 1 / span 4; grid-row: 1 / span 1; color: var(--color-orange); font-weight: 700; font-size: 0.9rem;} footer .col-newsletter #mc_embed_signup{grid-column: 1 / span 4; grid-row: 2 / span 1;} footer .col-newsletter #mc_embed_signup form{ grid-column: 1 / span 4; grid-row: 2 / span 1; display: flex; gap: 15px; width: 100%; /*height: 55px;*/} footer .col-newsletter #mc_embed_signup form .input-group.email .input-group-text{ display: none;} footer .col-newsletter #mc_embed_signup form .input-group.email input{ padding: 13px; border-radius: 0;} footer .col-newsletter #mc_embed_signup form button{ background: var(--color-orange);} footer .col-newsletter #mc_embed_signup form label{display: none;} footer .col-newsletter #mc_embed_signup form input{width: 100%; padding: 8px;} footer .col-newsletter #mc_embed_signup form input[type="submit"]{ margin-top: 0; color: #fff; width: 100%; background: var(--color-orange)!important; padding: 12px; transition: all 0.25s cubic-bezier(.215, .61, .355, 1); border: none; border-radius: 0.375rem; } footer .col-newsletter #mc_embed_signup form input[type="submit"]:hover{background: var(--color-orange--hover)!important;} footer .col-newsletter #mc_embed_signup_scroll{display: flex; flex-direction: column; gap: 8px; width: 75%;} footer .col-newsletter .title-seguici{ grid-column: 1 / span 1; grid-row: 3 / span 1; color: #fff; font-weight: 600; font-size: 0.9rem;} footer .col-newsletter .nav-list-social{ grid-column: 1 / span 1; grid-row: 4 / span 1; display: flex; flex-direction: row; gap: 10px;} footer .col-newsletter .nav-list-social .nav-link{ padding: 10px; border-radius: 100%; background: var(--color-orange);} footer .col-newsletter .nav-list-social .nav-link .icon-social{ width: 25px; height: 25px; object-fit: contain; filter: opacity(0.7);} footer .col-newsletter .div-img{ width: 115px; height: 55px;} footer .col-newsletter .div-img:nth-child(5){ grid-column: 2 / span 1; grid-row: 4 / span 1; } footer .col-newsletter .div-img:nth-child(6){ grid-column: 3 / span 1; grid-row: 4 / span 1; } footer .col-newsletter .div-img:nth-child(7){ grid-column: 4 / span 1; grid-row: 4 / span 1; } #mc_embed_signup .input-group.email .input-group-text{display: none;} #mc_embed_signup .titolo-lista{ margin-bottom: 10px;} #mc_embed_signup input.form-control{background: transparent!important; width: 100%!important; border: 1px solid var(--color-azure); margin-top: 10px; margin-bottom: 10px; border-radius: 3px;} #mc_embed_signup button{ margin-top: 0; color: #fff; width: 100%; background: var(--color-fucsia)!important; padding: 10px;} #mc_embed_signup button:hover{ background: #e234a7!important;} #mc_embed_signup .form-control::placeholder { color: var(--color-blue)!important;} footer hr{ border-color: #b4b0fd; border-top: 2px solid;} /* ! ___display-max-md */ @media (max-width: 767.98px) { footer .col-newsletter #mc_embed_signup_scroll{ width: 100%;} } /* ! ___display-max--sm */ @media (max-width: 575.98px) { footer .col-newsletter{ grid-template-rows: 50px 190px 25px 60px 60px; grid-template-columns: 130px 140px; } footer .col-newsletter .div-img:nth-child(6) { grid-column: 1 / span 1; grid-row: 5 / span 1; } footer .col-newsletter .div-img:nth-child(7) { grid-column: 2 / span 1; grid-row: 5 / span 1; } } /* ! - p.iva */ footer .SECTION_footer-partitaiva p{ color: #fff; font-size: 0.9rem;} footer .SECTION_footer-partitaiva a{ color: #fff; font-size: 0.9rem;} footer .SECTION_footer-partitaiva .col-info-icons{display: grid; justify-content: end; grid-template-rows: 22px 22px; grid-template-columns: 40px 190px 30px 40px 167px 30px 40px 134px; align-items: center;} footer .SECTION_footer-partitaiva .col-info-icons p{ color: #fff; font-size: 0.9rem;} footer .SECTION_footer-partitaiva .col-info-icons .div-img { padding: 7px; border-radius: 100%; background: var(--color-orange); width: 34px!important; height: 34px!important;} footer .SECTION_footer-partitaiva .col-info-icons .div-img .div-bg{ width: 20px!important; height: 20px!important; object-fit: contain; filter: opacity(0.7);} footer .SECTION_footer-partitaiva .col-info-icons .div-img:nth-child(1){ grid-column: 1 / span 1; grid-row: 1 / span 2; } footer .SECTION_footer-partitaiva .col-info-icons p:nth-child(2){ grid-column: 2 / span 1; grid-row: 1 / span 1; } footer .SECTION_footer-partitaiva .col-info-icons p:nth-child(3){ grid-column: 2 / span 1; grid-row: 2 / span 1; width: max-content;} footer .SECTION_footer-partitaiva .col-info-icons .div-img:nth-child(4){ grid-column: 4 / span 1; grid-row: 1 / span 2; } footer .SECTION_footer-partitaiva .col-info-icons p:nth-child(5){ grid-column: 5 / span 1; grid-row: 1 / span 1; } footer .SECTION_footer-partitaiva .col-info-icons p:nth-child(6){ grid-column: 5 / span 1; grid-row: 2 / span 1; } footer .SECTION_footer-partitaiva .col-info-icons .div-img:nth-child(7){ grid-column: 7 / span 1; grid-row: 1 / span 2; } footer .SECTION_footer-partitaiva .col-info-icons p:nth-child(8){ grid-column: 8 / span 1; grid-row: 1 / span 1; } footer .SECTION_footer-partitaiva .col-info-icons p:nth-child(9){ grid-column: 8 / span 1; grid-row: 2 / span 1; } /* ! ___display-min-xxl */ @media (min-width: 1400px) { footer .col-privacy{ display: flex; flex-direction: column; gap: 5px;} } /* ! ___display-max-xxl */ @media (max-width: 1399.98px) { footer .col-privacy{ display: flex; flex-direction: row; gap: 15px;} footer .col-newsletter{padding-left: 0; margin-top: 50px;} footer .SECTION_footer-partitaiva .col-info-icons{ margin-top: 25px; justify-content: start; } footer hr { margin: 25px 0; } } /* ! ___display-max-lg */ @media (max-width: 991.98px) { footer .col-info .FooterInfo{ display: flex; flex-direction: row; justify-content: flex-start; gap: 50px; margin-bottom: 25px; } footer .col-links .FooterTipologie { flex-direction: row; align-content: flex-start; height: auto; } } /* ! ___display-max-md */ @media (max-width: 767.98px) { footer .SECTION_footer-partitaiva .col-info-icons{grid-template-rows: 22px 22px 25px 22px 22px 25px 22px 22px; grid-template-columns: 40px 230px} footer .SECTION_footer-partitaiva .col-info-icons .div-img:nth-child(1){ grid-column: 1 / span 1; grid-row: 1 / span 2; } footer .SECTION_footer-partitaiva .col-info-icons p:nth-child(2){ grid-column: 2 / span 1; grid-row: 1 / span 1; } footer .SECTION_footer-partitaiva .col-info-icons p:nth-child(3){ grid-column: 2 / span 1; grid-row: 2 / span 1; } footer .SECTION_footer-partitaiva .col-info-icons .div-img:nth-child(4){ grid-column: 1 / span 1; grid-row: 4 / span 2; } footer .SECTION_footer-partitaiva .col-info-icons p:nth-child(5){ grid-column: 2 / span 1; grid-row: 4 / span 1; } footer .SECTION_footer-partitaiva .col-info-icons p:nth-child(6){ grid-column: 2 / span 1; grid-row: 5 / span 1; } footer .SECTION_footer-partitaiva .col-info-icons .div-img:nth-child(7){ grid-column: 1 / span 1; grid-row: 7 / span 2; } footer .SECTION_footer-partitaiva .col-info-icons p:nth-child(8){ grid-column: 2 / span 1; grid-row: 7 / span 1; } footer .SECTION_footer-partitaiva .col-info-icons p:nth-child(9){ grid-column: 2 / span 1; grid-row: 8 / span 1; } } /* ! ___display-max--sm */ @media (max-width: 575.98px) { footer .col-info .FooterInfo {gap: 15px;} footer .col-newsletter { padding-left: calc(var(--bs-gutter-x) * .5); } footer .col-newsletter #mc_embed_signup {height: fit-content;} footer .col-newsletter .nav-list-social{ margin-right: 100%; margin-bottom: 25px; } footer .col-newsletter .div-img{ margin-right: 10px; } } /* ! -------------------------------------------------------------------------------- */ /* ! COMPONENTS */ /* ! -------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ /* ! Gallery */ /* -------------------------------------------------------------------------------- */ .galleria01 .modal .modal-dialog .modal-content { border-radius: 0; border: none; background: transparent;} .galleria01 .modal .modal-dialog .modal-content .modal-body { padding: 0;} .galleria01 .modal .modal-dialog .modal-content .modal-header { border: none; /*filter: invert(1);*/} .galleria01 .modal .modal-dialog .modal-content .modal-header .btn-close{opacity: 1;} .galleria01 .galleriaButtonModal { gap: 10px!important;} .galleria01 .galleriaButtonModal img { object-fit: cover; aspect-ratio: 1 / 1; width: calc(25% - 8px) !important; transform: scale(1); position: relative; transition: all 0.25s cubic-bezier(.215, .61, .355, 1);} .galleria01 .galleriaButtonModal img:hover{ transform: scale(1.1); z-index: 9; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);} #GalleryMapTourCarousel img{ object-fit: contain; } /* ! - tour */ #FotoGalleryTour .modal-content, #FotoGalleryStruttura .modal-content, .modal-content{ background: transparent; border: none;} #FotoGalleryTour .modal-content .modal-header, #FotoGalleryStruttura .modal-content .modal-header, .modal-content .modal-header{ border-bottom: none;} .carousel-control-next, .carousel-control-prev{ color: #fff; opacity: 0.85;} .btn-close{ filter: brightness(0) invert(1); opacity: 0.85;} .modal .carousel .carousel-inner .carousel-item { height: auto;} /* ! ___display-max--sm */ @media (max-width: 575.98px) { .galleria01 .galleriaButtonModal img { width: 50%!important; } } /* ! ___display-min-xl */ @media (min-width: 1200px) { .galleria01 .galleriaButtonModal img { width: 20%!important; } } /* ! ___display-min-xxl */ @media (min-width: 1400px) { .galleria01 .galleriaButtonModal img { width: calc(17% - 4px)!important; } } /* ! ___display-min-xxxl */ @media (min-width: 1540px) { .galleria01 .galleriaButtonModal img { width: calc(17% - 6px)!important; } } /* -------------------------------------------------------------------------------- */ /* ! NavTab */ /* -------------------------------------------------------------------------------- */ .navTab ul.nav-pills{gap: 2px;} .navTab ul li button.nav-link { background: #ec6707!important; color: #fff; font-weight: 400; padding: 15px 25px!important; display: flex; flex-direction: row; flex-wrap: nowrap; border: none!important; transition: all 0.25s cubic-bezier(.215, .61, .355, 1);} .navTab ul li button.nav-link.active{ background: #f4f4f4!important;} .navTab ul li button.nav-link .div-img{ height: 40px;} .tab-content{ background: transparent;} .tab-content .tab-pane{ border: none!important;} .tab-content .tab-pane p{ margin-bottom: 25px; } /* ! ___display-max-md */ @media (max-width: 767.98px) { .navTab ul li button.nav-link { padding: 10px 15px!important;} } /* -------------------------------------------------------------------------------- */ /* ! Card */ /* -------------------------------------------------------------------------------- */ .card{ box-shadow: none;} .card .card-body{ position: relative; display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-end; align-content: flex-end; padding-bottom: 25px;} .card .card-body > *:not(.carousel) { margin-left: 0px;} .card .card-body .card__title-2{order: 3; font-weight: 400; font-size: 1.25rem; margin-bottom: 0; flex-basis: 100%; text-transform: uppercase; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; min-height: 25px;} .card .card-body .card__title-1{ order: 4; color: #000000; background: transparent; backdrop-filter: blur(0px); font-weight: 700; font-size: 1.5rem; margin-bottom: 0; flex-basis: 100%; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; min-height: 28px; max-height: 28px;} .card .card-body .CardTipologie{ order: 2; color: #000000; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: 0.2px; text-transform: uppercase; margin-bottom: 20px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; min-height: 16px;} .card .card-body .card__stars{ display: none;} .card .card-body .carousel{ order: 1; margin-bottom: 0.5rem; flex-basis: 100%;} .card .card-body .card__text{ order: 5; /*margin-bottom: 0.5rem;*/ margin-bottom: 0; flex-basis: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; max-height: 72px;} .card .card-body .card__text p{ -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;} .card .card-body .card__stay{ order: 6; flex-basis: 100%;} .card .card-body .card__stay__value{font-weight: 700; font-size: 21px; color: #000; margin-bottom: 0.5rem;} .card .card-body .card__basedesc{ order: 6; flex-basis: auto; font-weight: 700; font-size: 21px; color: var(--color-orange); margin-bottom: -10px; margin-right: 8px;} #Engi .Cards-flex .row .card .card-body .card__basedesc, #Engi .Cards-flex .row .card .card-body .card__price, #Engi .Cards-flex .row .card .card-body .card__price__label, #Engi .Cards-flex .row .card .card-body .card__price__value{ font-size: 18px!important; line-height: 20px; margin-bottom: 2px;} .card .card-body .card__price{ order: 7; font-weight: 600; font-size: 1.15rem; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 5px; color: #000000; margin-bottom: -10px; flex-basis: 50%; align-items: flex-end;} .card .card-body .card__price__label{ opacity: 1; font-weight: 700; font-size: 21px; /*color: var(--color-bluemarine);*/ color: var(--color-orange); margin-bottom: 1px; white-space: nowrap;} .card .card-body .card__price__value{ font-weight: 700; font-size: 21px; /*color: var(--color-bluemarine);*/ color: var(--color-orange);} .card .card-body .amenities{display: none;} .card .card-body .card__link{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; color: transparent; z-index: 9; /* order: 8; flex-basis: 100%; padding: 15px; font-weight: 400; font-size: 1rem; text-transform: uppercase; border-radius: 0; */} .card .card-body .card__link:hover{ background: transparent;} .card .card .carousel{width: 100%;} .card .card .carousel .carousel-inner, .card .card .carousel .carousel-inner .carousel-item { height: 350px!important;} .card .carousel .carousel-inner, .card .carousel .carousel-inner .carousel-item{ height: auto !important; aspect-ratio: 4 / 3 !important; border-radius: 0px !important; transition: all 0.25s cubic-bezier(.215, .61, .355, 1); transform: scale(1);} .card:hover .carousel .carousel-inner .carousel-item{transform: scale(1.1);} .card .card .carousel .carousel-inner{overflow: hidden;} .card .card .carousel .carousel-inner .carousel-item{transform: scale(1); transition: all 0.25s cubic-bezier(.215, .61, .355, 1);} .card .card:hover .carousel .carousel-inner .carousel-item{transform: scale(1.1);} .card .carousel .carousel-inner, .Cards-flex .card .carousel .carousel-inner .carousel-item { width: 100%; } /* ! ___display-max-lg */ @media (max-width: 991.98px) { .card-body{ display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; align-content: flex-start; } } /* ! ___display-max-md */ @media (max-width: 767.98px) { .Cards-flex .card { padding: 0px; } .card{position: relative;} .card-body { display: flex; flex-direction: column; flex-wrap: nowrap; } .card .carousel .carousel-inner, .card .carousel .carousel-inner .carousel-item { height: 200px!important; } .card-body .CardTipologie{margin-bottom: 10px;} .tab-content .tab-pane p{margin-bottom: 10px; line-height: 15px;} .card-body .card__title-2 { font-size: 1rem; margin-bottom: 0; } .card-body .card__title-1 { font-weight: 700; font-size: 1.25rem; margin-bottom: 0; min-height: 27px;} .card-body .card__text { /*order: 4;*/ } .card-body .card__basedesc { /*order: 5;*/ font-size: 1rem; display: flex; align-items: center; margin-bottom: 0;} .card__basedesc__value, .card-body .card__price__label, .card-body .card__price__value{font-size: 16px;} .card-body .card__price { /*order: 6;*/ font-weight: 400; font-size: 1rem; color: #000000; display: flex; align-items: center; margin-bottom: 0;} .card-body .card__price__value{ font-weight: 700; margin-bottom: 1px;} .card-body .card__stay{ /*position: absolute; top: 180px; right: 26px; background: #fff; padding: 0px 10px; z-index: 9;*/} .card-body .card__stay__value { /*font-weight: 400;*/ font-size: 1.15rem; margin-bottom: 0; } } /* ! -- cards-mini */ .cards-mini .card-body{padding: 0;} .cards-mini .card-body .card__title-2{margin-bottom: 10px;} .cards-mini .card__title-1{margin-bottom: 10px;} .cards-mini .card-body-header-text{margin-bottom: 10px;} .cards-mini .card-body .carousel{margin-bottom: 10px; width: 100%;} /* -------------------------------------------------------------------------------- */ /* ! Modal */ /* -------------------------------------------------------------------------------- */ .modal .modal-header { position: relative; margin-bottom: -70px; margin-right: 20px; z-index: 10;} /* ! - modal */ /* ! - #ModalStruBookPb */ .modal#ModalStruBookPb h2, .modal#ModalStruBookPb h3, .modal#ModalStruBookPb h4{color: var(--color-navtab);} .modal#ModalStruBookPb p, .modal#ModalStruBookPb label{color: #000;} .modal#ModalStruBookPb button.btn-close{position: absolute; right: 10px; top: 10px; z-index: 6; opacity: 1;} .modal#ModalStruBookPb .modal-content .modal-header .div-img{width: 60%;height: 125px;margin-left: auto;margin-right: auto;} .modal#ModalStruBookPb .modal-content .modal-header .div-img .div-bg{background-size: contain!important; object-fit: contain!important;} .modal#ModalStruBookPb .modal-content .modal-header .div-img .div-bg img{background-size: contain!important; object-fit: contain!important;} .modal#ModalStruBookPb .modal-content .modal-body form .input-group{margin-bottom: 10px; display: flex; flex-direction: column;} .modal#ModalStruBookPb .modal-content .modal-body form .input-group span{width: 230px; background: transparent; /*background: #16a4bc; color: #fff;*/ border-radius: 0; border: none; padding: 3px 0;} .modal#ModalStruBookPb .modal-content .modal-body form .input-group input{width: 100%;} .modal#ModalStruBookPb .modal-content .modal-body form .form-check{padding: 0; margin-top: 15px;} .modal#ModalStruBookPb .modal-content .modal-body form .form-check textarea{border-radius: 0;} .modal#ModalStruBookPb .modal-content .modal-body form .btn{margin-top: 25px;} /* ! ___display-max--sm */ @media (max-width: 575.98px) { .modal#ModalStruBookPb .modal-content .modal-header .div-img{ width: 85%; } } /* ! - #ModalFooterPrev */ .modal#ModalFooterPrev h2, .modal#ModalFooterPrev h3, .modal#ModalFooterPrev h4{color: var(--color-navtab);} .modal#ModalFooterPrev p, .modal#ModalFooterPrev label{color: #000;} .modal#ModalFooterPrev button.btn-close{position: absolute; right: 10px; top: 10px; z-index: 6; opacity: 1;} .modal#ModalFooterPrev .modal-content .modal-header .div-img{width: 60%;height: 125px;margin-left: auto;margin-right: auto;} .modal#ModalFooterPrev .modal-content .modal-header .div-img .div-bg{background-size: contain!important;} .modal#ModalFooterPrev .modal-content .modal-header .div-img .div-bg img{background-size: contain!important; object-fit: contain!important;} .modal#ModalFooterPrev .modal-content .modal-body form .input-group{margin-bottom: 10px; display: flex; flex-direction: column;} .modal#ModalFooterPrev .modal-content .modal-body form .input-group span{width: 230px; background: transparent; /*background: #16a4bc; color: #fff;*/ border-radius: 0; border: none; padding: 3px 0;} .modal#ModalFooterPrev .modal-content .modal-body form .input-group input{width: 100%;} .modal#ModalFooterPrev .modal-content .modal-body form .form-check{padding: 0; margin-top: 15px;} .modal#ModalFooterPrev .modal-content .modal-body form .form-check textarea{border-radius: 0;} .modal#ModalFooterPrev .modal-content .modal-body form .btn{margin-top: 25px;} /* ! ___display-max--sm */ @media (max-width: 575.98px) { .modal#ModalFooterPrev .modal-content .modal-header .div-img{width: 85%;} } @media (max-width: 575.98px) { footer .container.my-5 { margin-top: 0px!important; } } @media (max-width: 575.98px) { .newsletter-01 .form-check-label { padding-left: 15px; } header.navbar01.container-fixed-menu { top: 76px; } } /* -------------------------------------------------------------------------------- */ /* ! Motore di ricerca */ /* -------------------------------------------------------------------------------- */ .motoreDiRicerca{ background: #fff!important; height: 137px;} .motoreDiRicerca .input-group{ display: flex; flex-direction: row!important;} .motoreDiRicerca .input-group-text{ display: flex; justify-content: center; align-items: center; background: #fff; border: none; width: 100%!important;} .motoreDiRicerca .input-group input, .motoreDiRicerca .input-group select{ border: none; font-size: 1.5rem; margin-left: 0px!important;} .motoreDiRicerca .input-group select div{margin: 0;} .motoreDiRicerca .slider-selection { background: #00b0bc !important; border: 1px solid #ced4da;} .motoreDiRicerca .input-group span.input-group-text img.icon { width: 40px!important; height: 40px!important;} .motoreDiRicerca .input-group.input-group-checkInOut{ display: flex; flex-direction: row; flex-wrap: wrap;} .motoreDiRicerca .input-group.input-group-checkInOut .form-floating input{width: 100%!important;} .motoreDiRicerca .input-group-checkInOut > div.form-floating label[for="floatingCheckIn"], .motoreDiRicerca .input-group-checkInOut > div.form-floating label[for="floatingCheckOut"]{ font-size: 1.15rem; opacity: 0.35; margin-top: -5px;} .motoreDiRicerca .input-group-rangePrezzo .slider.slider-horizontal { top: 56px; position: relative;} .motoreDiRicerca .input-group-rangePrezzo .slider:after{ content: ' '; position: absolute; top: -70px; left: 50%; transform: translateX(-50%); width: 40px; height: 40px; background-size: cover; filter: invert(50%) sepia(96%) saturate(424%) hue-rotate(140deg) brightness(92%) contrast(87%)!important;} .darwinviaggi .motoreDiRicerca .input-group-rangePrezzo .slider:after{ background: url(/image/icon_focus.svg) no-repeat center center;} .topskiing .motoreDiRicerca .input-group-rangePrezzo .slider:after{ background: url(/image/icon_focus.svg) no-repeat center center;} .motoreDiRicerca .btn.search, #Tore .motoreDiRicerca .btn.search, #Crue .motoreDiRicerca .btn.search, #Stru .motoreDiRicerca .btn.search{ width: 130px!important; margin: auto 0; border-radius: 0; font-weight: 400; } .motoreDiRicerca .btn.search:hover, #Tore .motoreDiRicerca .btn.search:hover, #Crue .motoreDiRicerca .btn.search:hover, #Stru .motoreDiRicerca .btn.search:hover{ background: #02a0ac!important;} .motoreDiRicerca .input-group-rangeGiorni .slider.slider-horizontal { top: 56px; position: relative;} .motoreDiRicerca .input-group-rangeGiorni .slider:after { content: ' '; position: absolute; top: -70px; left: 50%; transform: translateX(-50%); width: 40px; height: 40px; background: url(/componenti/engine/icons/calendar.svg) no-repeat center center; background-size: cover; filter: invert(50%) sepia(96%) saturate(424%) hue-rotate(140deg) brightness(92%) contrast(87%)!important; } /* -------------------------------------------------------------------------------- */ /* ! - general */ /* -------------------------------------------------------------------------------- */ .motoreDiRicerca{background: var(--color-bg-engine); border-radius: 0;} .motoreDiRicerca .btn.search{ background: var(--color-bluemarine); border: none; color: #fff; border: 1px solid var(--color-blue)!important;} .motoreDiRicerca .btn.search:hover { background: var(--color-button-background--hover); color: #fff; border: 1px solid var(--color-blue)!important;} .motoreDiRicerca select.form-select { padding-right: 38px;} .motoreDiRicerca > div > span, .motoreDiRicerca > div > .form-floating, .motoreDiRicerca > div > .form-floating > input{border: none!important;} .motoreDiRicerca .input-group.input-group-guest{overflow: hidden;} .motoreDiRicerca .input-group.input-group-guest button{background: #fff; color:#212529;} .motoreDiRicerca .input-group.input-group-guest .room-number, .motoreDiRicerca .input-group.input-group-guest .guest-number{padding: 0;} .motoreDiRicerca .input-group.input-group-guest .room-label, .motoreDiRicerca .input-group.input-group-guest .guest-label{margin-left: 2px; margin-right: 10px;} .motoreDiRicerca .input-group-text{background: #fff;} .motoreDiRicerca .input-group span.input-group-text img.icon{filter: invert(50%) sepia(96%) saturate(424%) hue-rotate(140deg) brightness(92%) contrast(87%)!important;} .motoreDiRicerca button.ospiti{flex: 1 1 auto; border: none;} .motoreDiRicerca button.ospiti span{padding: 0;} .motoreDiRicerca .input-group-text{ width: 34px; padding: 0; align-items: center; justify-content: center; background: #16a9c1;} .motoreDiRicerca img.icon{ width: 20px; height: 20px; filter: invert(97%) sepia(8%) saturate(127%) hue-rotate(209deg) brightness(114%) contrast(100%);} .motoreDiRicerca .input-group, .motoreDiRicerca .input-group .input-group-text, .motoreDiRicerca .input-group .form-select{border-radius: 0;border: none!important; height: 50px;} .motoreDiRicerca .input-group input{border-radius: 0!important; border: none;} .motoreDiRicerca .input-group span.input-group-text{background: #fff;} .motoreDiRicerca .input-group-rangePrezzo .tooltip-inner{color: #fff!important;} .motoreDiRicerca .input-group.input-group-strutture span.input-group-text .form-control label{padding: 5px 10px; height: -webkit-fill-available;} #Engi .motoreDiRicerca .input-group-checkInOut, #Dest .motoreDiRicerca .input-group-checkInOut {grid-template-columns: [first] 33px;} /* ! ___display-max-xxl */ @media (max-width: 1399.98px) { .motoreDiRicerca button.ospiti{display: flex; align-items: center;} #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: 284px;} } /* ! ___display-max-xl */ @media (max-width: 1199.98px) { .motoreDiRicerca{padding: 10px; margin-bottom: 50px;} .motoreDiRicerca > div.input-group-rangePrezzo{margin-bottom: 0;} #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: 33%;} #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: 33%;} #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: 33%;} #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: 33%;} #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: 32%;} #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: 32%;} #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: 32%;} #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: 32%;} } /* ! ___display-max-lg */ @media (max-width: 991.98px) { #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: 33%;} #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: 33%;} #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: 33%;} #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: 33%;} #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: 32%;} #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: 32%;} #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: 284px;} #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: 312px;} } /* ! ___display-max-md */ @media (max-width: 767.98px) { #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: calc(50% - 10px);} #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: calc(50% - 10px);} #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: calc(50% - 10px);} #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: calc(50% - 10px);} #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: calc(50% - 10px);} #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: calc(50% - 10px);} #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: calc(50% - 10px);} #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%;} .motoreDiRicerca button.ospiti{width: 100%; display: flex; align-items: center; padding-left: 15px;} .motoreDiRicerca button.ospiti .room-label{margin-right: 10px;} } /* ! ___display-max--sm */ @media (max-width: 575.98px) { .motoreDiRicerca{margin-bottom: 20px;} #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-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 .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 .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%;} } /* ! ___display-min-xl */ @media (min-width: 1200px) { .motoreDiRicerca{padding: 10px;} .motoreDiRicerca > div{height: 42px;} .motoreDiRicerca .input-group > span, .motoreDiRicerca .input-group > div{height: inherit;} .motoreDiRicerca .input-group span.input-group-text{padding: 10px 5px; height: 50px; width: 50px;} .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] 35px; grid-template-rows: [first] 42px; margin-top: 15px; position: relative;} .motoreDiRicerca .input-group-checkInOut span:first-child{height: 92px;} } /* ! buttons filter */ .buttons-filter{margin-bottom: 20px;} .buttons-filter > div{background: var(--color-button-background); border-radius: 0px;} .buttons-filter span{color: #fff;} .buttons-filter button.btn-close{filter: invert(100%); opacity: 1;} /* -------------------------------------------------------------------------------- */ /* ! - Home */ /* -------------------------------------------------------------------------------- */ #Home .motoreDiRicerca .form-select:focus, #Home .motoreDiRicerca .form-control:focus{box-shadow: none;} #Home .motoreDiRicerca select option { color: #36b3a4; /* Default color for all options */} /* Style for the first option */ #Home .motoreDiRicerca select option.first-option { color: black; /* Color for the first option */} /* -------------------------------------------------------------------------------- */ /* ! - Engi */ /* -------------------------------------------------------------------------------- */ #Engi .motoreDiRicerca > div > div.form-floating input.FindCheckOut, #Dest .motoreDiRicerca > div > div.form-floating input.FindCheckOut{margin: 0 0 3px -1px;} /* ! ___display-max--sm */ @media (max-width: 575.98px) { #Engi .PageDataDiv{margin-top: 50px;} #Engi .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo, #Dest .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo{margin-bottom: 0;} #Engi .motoreDiRicerca > div > div.form-floating input.FindCheckOut {padding: 20px 5px 10px 5px; margin: 0 0 3px -1px;} } /* ! ___display-max--sm */ @media (max-width: 575.98px) { #Engi .card .card-body-text .card__text-2, #Dest .card .card-body-text .card__text-2 { font-size: 1.75rem; } } /* ! ___display-min-xl */ @media (min-width: 1200px) { #Engi .motoreDiRicerca .input-group-checkInOut, #Dest .motoreDiRicerca .input-group-checkInOut, #Dest .motoreDiRicerca .input-group-checkInOut, #Dest .motoreDiRicerca .input-group-checkInOut { grid-template-columns: [first] 29px;} } /* ! ___display-max-xl */ @media (max-width: 1199.98px) { #Engi .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo, #Dest .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo{ width: 250px; margin-bottom: 0px; } } /* ! ___display-max--sm */ @media (max-width: 575.98px) { #Engi .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo, #Dest .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo{margin-left: 0; width: 100%;} #Engi .motoreDiRicerca .btn.search, #Dest .motoreDiRicerca .btn.search{width: 100%;} } /* -------------------------------------------------------------------------------- */ /* ! - Stru */ /* -------------------------------------------------------------------------------- */ #Stru .SECTION_motore-soluzioni .motoreDiRicerca .btn.search{ background: var(--color-button-background); padding: 5px 60px;} #Stru .SECTION_motore-soluzioni .motoreDiRicerca .btn.search:hover{ background: var(--color-button-background--hover);} #Stru .SECTION_motore{margin-bottom: 50px;} #Stru .motoreDiRicerca .btn.ospiti{background: transparent; color: #000;} #Tore .motoreDiRicerca .btn.ospiti{background: transparent; color: #000;} #Crue .motoreDiRicerca .btn.ospiti{background: transparent; color: #000;} #Stru .motoreDiRicerca .input-group-guest .room-number{padding: 5px 0px;} #Tore .motoreDiRicerca .input-group-guest .room-number{padding: 5px 0px;} #Crue .motoreDiRicerca .input-group-guest .room-number{padding: 5px 0px;} #Stru .motoreDiRicerca img.icon { width: 20px; height: 20px; filter: invert(50%) sepia(96%) saturate(424%) hue-rotate(140deg) brightness(92%) contrast(87%)!important;} #Tore .motoreDiRicerca img.icon { width: 20px; height: 20px; filter: invert(50%) sepia(96%) saturate(424%) hue-rotate(140deg) brightness(92%) contrast(87%)!important;} #Crue .motoreDiRicerca img.icon { width: 20px; height: 20px; filter: invert(50%) sepia(96%) saturate(424%) hue-rotate(140deg) brightness(92%) contrast(87%)!important;} #Stru .SECTION_motore_top{position: relative; margin-top: -25px; margin-bottom: 50px; z-index: 5;} /*margin-bottom: 100px;*/ /* -------------------------------------------------------------------------------- */ /* ! Newsletter */ /* -------------------------------------------------------------------------------- */ .newsletter-01 .input-group.email .input-group-text{display: none;} .newsletter-01 p {color: var(--color-fucsia); font-weight: 500;} .newsletter-01 .titolo-lista{ margin-bottom: 10px;} .newsletter-01 input.form-control{background: transparent!important; width: 100%!important; border: 1px solid var(--color-azure); margin-top: 10px; margin-bottom: 10px; border-radius: 3px;} .newsletter-01 button{ margin-top: 0; color: #fff; width: 100%; background: var(--color-fucsia)!important; padding: 10px;} .newsletter-01 button:hover{ background: #e234a7!important;} .newsletter-01 .form-control::placeholder { color: var(--color-blue)!important;} .modalOspiti .modal-body-room .btn-close.btn-remove-room.mb-2 { display: none; } .modalOspiti .modal-footer .btn.btn-add-room { display: none; } img.icon-hourglass { filter: invert(33%) sepia(90%) saturate(2107%) hue-rotate(297deg) brightness(99%) contrast(95%); width: 3rem; height: 4rem; } /* -------------------------------------------------------------------------------- */ /* ! Solutions */ /* -------------------------------------------------------------------------------- */ /* ! - stru & pren */ .SECTION_soluzioni div[class^="item__supplements__supplement-"]:not(.item__supplements__supplement-checkbox--obligatory):hover, .SECTION_soluzioni div[class^="item__supplements__supplement-"]:not(.item__supplements__supplement-checkbox--obligatory) > *:hover{ cursor: pointer; background: #e8e8e8;} #collapse__container2 .card.card-body.collapse__menu hr { display: none; } header .div-img { width: 15px; height: 15px; display: inline-block; margin-right: 5px; } header .col-header-dx .div-img { width: 20px; height: 20px; } .SECTION_footer-info .container { max-width: 100%; margin-top: 3rem!important; margin-bottom: 3rem!important; } .items__rsoe { display: flex; flex-wrap: wrap; margin-bottom: 10px; } .item__rsoe { line-height: initial; text-align: left; align-items: flex-start; display: flex; justify-content: flex-start; width: 100%; max-width: 273px; } span.item__rsoe__desc { width: 100%; } span.item__rsoe__desc::before { content: '\2022'; color: #000; margin-right: 5px; } span.item__rsoe__impo { text-align: right; font-weight: bold; } .card__text-impobase { font-weight: 700; font-size: 1.5rem; width: fit-content; position: relative; padding-right: 5px; } .card__text-impobase::after { border-top: 3px solid var(--color-fucsia); height: 5px; content: " "; display: block; position: absolute; width: 100%; top: 50%; } .card__text-imposcon { font-weight: 700; font-size: 2.25rem; color: var(--color-fucsia); line-height: 35px; } .SECTION-amenity-slider-panel span.prezzo-impobase { display: flex; } .SECTION-amenity-slider-panel span.prezzo-impobase__text { font-weight: 700; font-size: 1.5rem; width: fit-content; position: relative; padding-right: 5px; } .SECTION-amenity-slider-panel span.prezzo-impobase__text::after { content: " "; position: absolute; bottom: 0; top: 50%; left: 0; width: 100%; height: 3px; transform: rotate(-15deg); background-color: var(--color-fucsia); } .SECTION-amenity-slider-panel span.prezzo-imposcon { display: flex; justify-content: flex-end; } .SECTION-amenity-slider-panel .prezzo-imposcon__text { font-weight: 700; font-size: 2.25rem; color: #fff; line-height: 35px; background-color: var(--color-fucsia); padding: 5px; text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); } .Section.SECTION-vistirecente { margin-top: 1.5rem; } .title-vistirecente { color: var(--color-title); text-align: center; } .Section.SECTION-vistirecente .swiper { padding: 0px 30px 30px 30px; } .Section.SECTION-vistirecente .swiper-button-next { right: 0px; top: 40%; color: var(--color-title); } .Section.SECTION-vistirecente .swiper-button-prev { left: 0px; top: 40%; color: var(--color-title); } .Section.SECTION-vistirecente span.swiper-pagination-bullet { background: var(--color-title); } .Section.SECTION-vistirecente .container-swiper a { display: flex; align-items: center; padding: 10px; height: 120px; } .Section.SECTION-vistirecente .container-swiper .div-img { display: flex; flex-direction: row; width: 40%; height: 100px; flex-wrap: wrap; align-content: center; } .Section.SECTION-vistirecente .container-swiper .swiper-valore { width: 60%; padding-left: 10px; } .Section.SECTION-vistirecente .container-swiper .card { border-radius: 0px; } .Section.SECTION-vistirecente .container-swiper span.HeaderVistiRecente { display: block; width: 100%; color: var(--color-title); font-weight: bold; text-align: center; font-size: 14px; height: 40px; } .Section.SECTION-vistirecente .container-swiper span.LocalitaVistiRecente { display: block; width: 100%; color: var(--color-title); font-size: 12px; } .Section.SECTION-vistirecente .container-swiper span.DestinazioneVistiRecente { display: block; width: 100%; color: var(--color-title); font-size: 12px; } .Section.SECTION-vistirecente .container-swiper span.PrezzoDaVistiRecente { display: block; width: 100%; color: var(--color-title); font-size: 12px; font-weight: bold; } .Section.SECTION-vistirecente .container-swiper span.PrezzoDaVistiRecente span.prezzo-impobase__text { font-size: 10px; position: relative; padding-right: 5px; } .Section.SECTION-vistirecente .container-swiper span.PrezzoDaVistiRecente span.prezzo-impobase__text:after { content: " "; border-top: 3px solid var(--color-fucsia); height: 3px; display: block; position: absolute; width: 100%; top: 50%; left: 0px; } .Section.SECTION-vistirecente .container-swiper span.PrezzoDaVistiRecente span.prezzo-imposcon__text { color: var(--color-fucsia); } footer .Section.SECTION-vistirecente .div-img .div-bg { background-size: cover!important; } .nav-link:not(.active) .NavTabImage .div-bg { /*filter: invert(47%) sepia(66%) saturate(399%) hue-rotate(149deg) brightness(89%) contrast(88%);*/ filter: brightness(0%) invert(1); } .nav-link.active .NavTabImage .div-bg { filter: invert(0%) sepia(0%) saturate(100%) hue-rotate(12deg) brightness(120%) contrast(88%); } .struttura-cartina .div-bg { filter: invert(47%) sepia(66%) saturate(399%) hue-rotate(149deg) brightness(89%) contrast(88%); } #Engi .motoreDiRicerca > div.input-group-rangePriceDaA, #Dest .motoreDiRicerca > div.input-group-rangePriceDaA { padding-left: 5px; padding-right: 5px; background: #fff; } #Engi .motoreDiRicerca .input-group-rangePriceDaA span.input-group-text { width: 50px; } .motoreDiRicerca .input-group-rangePriceDaA input.FindEuroFrom { border: 1px solid blue; margin-left: 5px; } .motoreDiRicerca .input-group-rangePriceDaA input.FindEuroTo { border: 1px solid blue; margin-left: 5px; } .motoreDiRicerca .input-group-rangePriceDaA>.form-floating:not(:first-child)>.form-control, .motoreDiRicerca .input-group-rangePriceDaA>.form-floating:not(:first-child)>.form-select, .motoreDiRicerca .input-group-rangePriceDaA>:not(:first-child):not(.dropdown-menu):not(.form-floating):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){ border: 1px solid var(--color-title); margin-left: 4px; height: 40px; margin-top: 5px; } header.navbar01 .collapse .collapse__menu .collapse__menu__state ul > li > a:hover, header.navbar01 .collapsing .collapse__menu .collapse__menu__state ul > li > a:hover { color: #ff7500!important; } .Section.SECTION_footer-datiagenzia { margin-top: 50px; } #collapse__container2 .card.card-body.collapse__menu hr { display: none; } @media (min-width: 930px) { .modal-dialog { max-width: 900px;} } .motoreDiRicerca span.icon { color: #16a9c1; font-size: 25px; font-variation-settings: 'wght' 300; padding: 0 !important; } /*D:/aa/siti/aaa_ollytour.it/root/css/topskiing/menu.css*/ /* -------------------------------------------------------------------------------- */ /* ! Navbar01 */ /* -------------------------------------------------------------------------------- */ header.navbar01.container-fixed-menu { top: 0px;} @media (min-width: 992px) { header.navbar01 .collapse .collapse__menu, header.navbar01 .collapsing .collapse__menu { flex-direction: row; } } header.navbar01{ box-shadow: 0px 1px 50px -20px rgb(0 0 0 / 33%); background: #fff;} header.navbar01 nav{background: #fff; width: 100%; box-shadow: none; border-radius: 0!important; padding: 0;} header.navbar01 nav .container-fluid .logo { width: 171px; height: 75px;} header.navbar01 nav .container-fluid .desktop--show .nav-list-social li{ margin:0;} header.navbar01 nav .container-fluid .desktop--show .nav-list-social li a.nav-link{padding: 7px;} header.navbar01 nav .container-fluid .desktop--show .nav-list-social li a.nav-link img.icon-social{ height: 20px!important;} header.navbar01 nav .container-fluid .desktop--show a.btn{ background: var(--color-button-background); color: #fff; border: none; padding: 8px 16px;} header.navbar01 nav .container-fluid .nav-list-social li a.nav-link img.icon-social{filter: invert(50%) sepia(96%) saturate(424%) hue-rotate(140deg) brightness(92%) contrast(87%)!important;} header.navbar01 #collapse__container2.collapse .collapse__menu .collapse__menu__state{ /*margin-right: 2rem;*/ margin: 0;} /* ! - collapse */ header.navbar01 .collapse .collapse__menu, header.navbar01 .collapsing .collapse__menu{background: transparent; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: blur(0px); align-content: flex-start; align-items: flex-start; padding: 0;} header.navbar01 .collapse__container .container .collapse__menu .collapse__menu__state a{ color: #fff!important; white-space: nowrap;} /* ! ___display-max--sm */ @media (max-width: 575.98px) { header.navbar01 nav{padding-right: 0; padding-top: 0; padding-bottom: 0;} header.navbar01 nav .container-fluid{margin-right: 0;} header.navbar01 nav .container-fluid .logo {width: 100px!important; height: 43px!important;} header.navbar01 nav .navbar-nav .nav-item .nav-link img.icon-social {height: 25px!important;} .reservedArea01 { height: 76px; } } /* ! ___display-max-lg */ @media (max-width: 991.98px) { header .SECTION_menu{ display: none;} header.navbar01 nav{backdrop-filter: blur(0px); -webkit-backdrop-filter: blur(0px);} } /* ! ___display-max-md */ @media (max-width: 767.98px) { .navbar-toggler:focus{box-shadow: none;} header.navbar01 .container{ overflow: hidden; max-height: -moz-fit-content; /* Supporto per Firefox */ max-height: fit-content; padding: 10px;} header .SECTION_login .col-buttons{ justify-content: center; } header .SECTION_login .btn.btn-modal{ margin-right: 0;} } /* -------------------------------------------------------------------------------- */ /* ! Section HeaderInfo */ /* -------------------------------------------------------------------------------- */ header .SECTION_HeaderInfo { background: #5b5b5b; height: 33px; display: flex; align-items: center; } header .SECTION_HeaderInfo .col-header-sx { display: flex; justify-content: flex-end; align-items: center; } header .SECTION_HeaderInfo .col-header-dx { display: flex; justify-content: flex-end; align-items: center; } header .SECTION_HeaderInfo .div-img { margin-bottom: 7px; margin-right: 5px; display: inline-block!important; } header .SECTION_HeaderInfo .col-header-sx .div-img { filter: invert(1); } header .SECTION_HeaderInfo p { display: inline-block; color: #fff; } header .SECTION_HeaderInfo a { color: #fff; margin-right: 15px; text-decoration: none;} header .SECTION_HeaderInfo a.link-email { color: #ff8800; margin-bottom: -5px;} /* ! ___display-max-xl */ @media (max-width: 1199.98px) { header .SECTION_HeaderInfo .col-header-sx { justify-content: flex-start; } } /* ! ___display-max-lg */ @media (max-width: 991.98px) { header .SECTION_HeaderInfo { height: 55px;} header .SECTION_HeaderInfo .col-xxl-8.col-header-sx { justify-content: center; align-items: center; flex-wrap: wrap;} } /* ! ___display-max-md */ @media (max-width: 767.98px) { header .SECTION_HeaderInfo .col-header-sx{ display: grid; justify-content: center; grid-template-rows: 22px 22px; grid-template-columns: 40px 120px 30px 150px; align-items: center; justify-items: center; gap: 2px 0px; } header .SECTION_HeaderInfo .col-header-sx > *:nth-child(1){ display: none!important; } header .SECTION_HeaderInfo .col-header-sx > *:nth-child(2){ grid-column: 1 / span 4; grid-row: 1 / span 1; margin-right: 0; } header .SECTION_HeaderInfo .col-header-sx > *:nth-child(3){ grid-column: 1 / span 1; grid-row: 2 / span 1; } header .SECTION_HeaderInfo .col-header-sx > *:nth-child(4){ grid-column: 2 / span 1; grid-row: 2 / span 1; } header .SECTION_HeaderInfo .col-header-sx > *:nth-child(5){ grid-column: 3 / span 1; grid-row: 2 / span 1; } header .SECTION_HeaderInfo .col-header-sx > *:nth-child(6){ grid-column: 4 / span 1; grid-row: 2 / span 1; } } /* -------------------------------------------------------------------------------- */ /* ! Section Header */ /* -------------------------------------------------------------------------------- */ header.navbar01 nav .container-fluid ul.link-menu .nav-item a.nav-link { color: black!important; font-size: 1rem!important;} header .SECTION_header .div-img.logo{ width: 320px; height: 80px;} .topskiing header .SECTION_header .div-img.logo { width: 340px; } header .SECTION_header .col-header-link-sx{ display: flex; justify-content: center; align-items: center;} header .SECTION_header .col-xxl-10.col-header-link-dx { display: flex; } .SECTION_header .collapse__container{ overflow-y: scroll; max-height: calc(100vh - 130px);} #collapse__container1 { position: absolute; top: 93px; left: 50%; transform: translateX(-50%); width: 80%; padding-top: 25px; transition: all 0.25s cubic-bezier(.215, .61, .355, 1);} #collapse__container2 { position: absolute; top: 100px; width: auto; left: 50%; transform: translateX(-50%); transition: all 0.25s cubic-bezier(.215, .61, .355, 1);} #collapse__container3 { position: absolute; top: 100px; width: auto; right: calc(0% + 20px); transform: translateX(-50%); transition: all 0.25s cubic-bezier(.215, .61, .355, 1); } #collapse__container3 .collapse__menu__state{margin-right: 0rem; margin-bottom: 0rem;} #collapse__container3 hr{ display: none;} #collapse__container2 .container, #collapse__container3 .container{ padding: 20px;} header.navbar01 .collapse .collapse__menu .collapse__menu__state ul{margin-bottom: 0;} /* ! ___display-min-lg */ @media (min-width: 992px) { header .SECTION_header:not(.scrolled){padding: 15px 0;} header .SECTION_header.scrolled{padding: 5px 0;} header .SECTION_header .container{max-width: 96%;} header .SECTION_header .col-header-link-dx{ display: flex; align-items: center; } #collapse__container1:not(.scrolled), #collapse__container2:not(.scrolled), #collapse__container3:not(.scrolled) {top: 143px;} #collapse__container2{width: 250px;} #collapse__container1.scrolled, #collapse__container2.scrolled, #collapse__container3.scrolled {top: 103px;} } /* ! ___display-min-xxl */ @media (min-width: 1400px) { #collapse__container1{} #collapse__container2{right: 21%; left: auto;} header .SECTION_header .logo{transition: all 0.25s cubic-bezier(.215, .61, .355, 1); } header .SECTION_header.scrolled .logo{width: 260px; height: 60px;} .topskiing header .SECTION_header.scrolled .logo{width: 260px; height: 60px;} } /* ! ___display-max-xxl */ @media (max-width: 1399.98px) { #collapse__container1:not(.scrolled), #collapse__container2:not(.scrolled), #collapse__container3:not(.scrolled) {top: 118px;} #collapse__container1.scrolled, #collapse__container2.scrolled, #collapse__container3.scrolled {top: 93px;} header .SECTION_header .div-img.logo { width: 230px; height: 55px;} header .SECTION_header.scrolled .div-img.logo{width: 224px; height: 50px;} header.navbar01 nav .container-fluid ul.link-menu .nav-item { margin: 4px;} } /* ! ___display-max-xl */ @media (max-width: 1199.98px) { #collapse__container1:not(.scrolled), #collapse__container2:not(.scrolled), #collapse__container3:not(.scrolled) {top: 110px;} #collapse__container1.scrolled, #collapse__container2.scrolled, #collapse__container2.scrolled {top: 90px;} header .SECTION_header .div-img.logo { width: 198px; height: 47px; } header .SECTION_header.scrolled .div-img.logo{width: 190px; height: 47px;} #collapse__container1 { position: absolute; top: 130px; left: 50%; transform: translateX(-50%); width: 98%; max-height: calc(100vh - 230px);} #collapse__container2 { top: 132px; left: 49%; } header.navbar01 #collapse__container2.collapse .collapse__menu .collapse__menu__state { margin-right: 0; margin-bottom: 0; } } /* ! ___display-max-lg */ @media (max-width: 991.98px) { header .SECTION_header{padding: 15px 0;} header .SECTION_header .row{ position: relative;} header .SECTION_header .col-header-link-sx { position: absolute; z-index: 1; justify-content: flex-start; height: 56px; margin-top: -8px;} header .SECTION_header .div-img.logo, header .SECTION_header.scrolled .div-img.logo{ width: 200px; height: 50px; } header .SECTION_header .col-header-link-dx .navbar-collapse.collapse.show{ height: calc(100vh - 100px); } header.navbar01 .container{padding: 3px;} #collapse__container2 .container, #collapse__container1 .container, #collapse__container3 .container{ padding: 20px; overflow-x: hidden;} header.navbar01 nav .container-fluid ul.link-menu .nav-item a.nav-link { font-size: 1.25rem !important;} #collapse__container1 { width: calc(100% - 0px); max-height: 431px; overflow-y: scroll; top: 165px!important; left: 0px; right: 0; padding-top: 0px; transform: translateX(0px); } #collapse__container2 { width: calc(100% - 0px); max-height: 431px; overflow-y: scroll; top: 220px!important; left: 0px; right: 0; padding-top: 0px; transform: translateX(0px); } #collapse__container3 { width: calc(100% - 0px); max-height: 431px; overflow-y: scroll; top: 390px!important; left: 0px; right: 0; padding-top: 0px; transform: translateX(0px); } #collapse__container2 ul > li{ margin-bottom: 0.75rem; } header.navbar01 nav.navbar .container-fluid .navbar-collapse ul { max-height: calc(100vh - 150px); overflow-y: auto; } #collapse__container2 .container{max-height: fit-content; max-height: -moz-fit-content; /* Supporto per Firefox */} } /* ! ___display-max-md */ @media (max-width: 767.98px) { header .SECTION_header{padding: 15px;} header .SECTION_header .div-img.logo, header .SECTION_header.scrolled .div-img.logo{ width: 200px; height: 46px; } #collapse__container2 .container{padding: 20px; max-height: 362px; overflow: scroll;} } /* ! ___display-max-lg */ @media (max-width: 991.98px) { /* body{overflow-x: hidden;} */ } /* ! ___display-max-lg */ @media (max-width: 991.98px) and (orientation: landscape){ #collapse__container1, #collapse__container2, #collapse__container3 { width: calc(50% - 0px); max-height: 240px; overflow-y: scroll; top: 55px !important; right: 0px!important; left: inherit; padding-top: 0px; } } /* ! ___display-max--sm */ @media only screen and (max-width: 575.98px) { header .SECTION_header{ padding: 10px 5px;} #collapse__container1 { width: calc(100% - 0px); max-height: 431px; overflow-y: scroll; top: 165px!important; left: 0px; right: 0; padding-top: 0px; transform: translateX(0px); } #collapse__container2 { width: calc(100% - 0px); max-height: 431px; overflow-y: scroll; top: 215px!important; left: 0px; right: 0; padding-top: 0px; transform: translateX(0px); } #collapse__container3 { width: calc(100% - 0px); max-height: 431px; overflow-y: scroll; top: 385px!important; left: 0px; right: 0; padding-top: 0px; transform: translateX(0px); } #collapse__container3 .container{ padding: 10px 20px;} #collapse__container3 .collapse__menu__state { margin-bottom: 0rem; } } /* ! ___display-max--xsm */ @media (max-width: 350px) { header .SECTION_HeaderInfo .col-header-sx { grid-template-columns: 25px 120px 20px 150px;} } @media (min-width: 992px) and (max-width: 1200px) { header.navbar01 nav .container-fluid ul.link-menu .nav-item a.nav-link { font-size: 0.8rem !important; padding: 5px;} } header.navbar01 .collapse__container { background: #0a0a0ae6; color: #fff; backdrop-filter: blur(25px);} header.navbar01 .navbar>.container, header.navbar01 .navbar>.container-fluid, header.navbar01 .navbar>.container-lg, header.navbar01 .navbar>.container-md, header.navbar01 .navbar>.container-sm, header.navbar01 .navbar>.container-xl, header.navbar01 .navbar>.container-xxl { justify-content: flex-end; } header ul.navbar-nav.link-menu.mb-2.mb-lg-0 { text-transform: uppercase; } /*D:/aa/siti/aaa_ollytour.it/root/css/topskiing/home.css*/ /* recuperato da occasione */ /* -------------------------------------------------------------------------------- */ /* ! Hero */ /* -------------------------------------------------------------------------------- */ .Section.hero{ position: relative;} .Section.hero .carousel .carousel-caption { display: flex; justify-content: center; align-items: center; position: relative; top: 0px; right: 0px; bottom: 0px; left: 0px; height: 100%; background-color: unset; } .Section.hero .carousel .carousel-caption h5 { width: 100%; } .Section.hero .div-img:before { content: ' '; position: absolute; display: block; height: 100%; width: 100%; z-index: 9;} .Section.hero .div-img { width: 100%; height: calc(100vh - 99px);} .Section.hero .container {margin: 0px; padding: 0px; max-width: 100%; overflow: hidden;} .Section.hero .swiper .card .swiper-button-next, .Section.hero .swiper .card .swiper-button-prev{display: none;} .Section.hero .swiper .card .swiper-text-img{ position: absolute; /*bottom: 50px;*/ top: 50%; transform: translateY(-50%); left: 150px; z-index: 9;} .Section.hero .swiper .card .swiper-text-img a{ color: #fff; font-size: 2rem; text-decoration: none; position: relative; z-index: 10;} .Section.hero .swiper .card .swiper-text-img a .SliderCaptionHeader{ font-weight: 900; color: #fff; font-size: 3.5rem;} .Section.hero .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{background: #fff;} .Section.hero .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity: 0.9;} .Section.hero .swiper .BoxSliderText a .SliderText:nth-child(1){font-size: 65px; font-weight: 800; text-shadow: 5px 5px 10px #00000066;} .Section.hero .swiper .BoxSliderText a .SliderText:nth-child(2){font-size: 26px; margin-top: 5px; text-shadow: 3px 5px 7px #0000007d; line-height: 27px;} .Section.hero .swiper .BoxSliderText a .SliderText:nth-child(3){font-size: 26px; text-shadow: 3px 5px 7px #0000007d;} /* ! ___display-max-md */ @media (max-width: 767.98px) { .Section.hero .swiper .card .swiper-text-img { top: 50%; transform: translateY(-50%) translateX(-50%); left: 50%;} .Section.hero .div-img:before{ background: linear-gradient(0deg, #00000024 5%, #00000070 15%, #0000 67%); } .Section.hero .swiper .BoxSliderText a .SliderText:nth-child(1) { font-size: 48px; line-height: 50px; } .Section.hero .swiper .BoxSliderText a .SliderText:nth-child(2){ font-size: 22px; } .Section.hero .swiper .BoxSliderText a .SliderText:nth-child(3){ font-size: 22px; } .Section.hero .swiper-button-next, .Section.hero .swiper-button-prev{ transform: scale(0.5); } .Section.hero .swiper-button-next{ right: 0; } .Section.hero .swiper-button-prev{ left: 0; } } /* ! ___display-max--sm */ @media (max-width: 575.98px) { .Section.hero .swiper .BoxSliderText a .SliderText:nth-child(1){ font-size: 38px; line-height: 40px;} .Section.hero .swiper .BoxSliderText a .SliderText:nth-child(2){ font-size: 20px; } .Section.hero .swiper .BoxSliderText a .SliderText:nth-child(3){ font-size: 20px; } .Section.hero .div-img { width: 100%; height: calc(100vh - 105px);} .Section.hero .swiper .card{ position: relative;} .Section.hero .swiper .card .swiper-text-img{ position: absolute; left: 50%; transform: translateX(-50%)translateY(-50%); z-index: 9; width: 82%;} .Section.hero .swiper .card .swiper-text-img a .SliderCaptionHeader{ font-size: 2.25rem; line-height: 3rem;} .Section.hero .swiper .card .swiper-text-img a { font-size: 1.25rem;} } /* -------------------------------------------------------------------------------- */ /* ! SECTION_titoloviaggiare */ /* -------------------------------------------------------------------------------- */ .SECTION_titoloviaggiare .container {max-width: 100%;} .SECTION_titoloviaggiare .col-title-viaggiare{ padding: 100px 0;} .SECTION_titoloviaggiare .col-title-viaggiare.col-img-home-grey { background: url(/image/mappa-home-grigio.webp)fixed; } .SECTION_titoloviaggiare .div-img{ height: 100px;} .SECTION_titoloviaggiare .div-img .div-bg{ margin: 0 auto; width: 80px!important; height: 80px!important; background-size: contain!important;} .SECTION_titoloviaggiare .div-img .div-bg img{ background-size: contain!important; object-fit: contain!important;} .SECTION_titoloviaggiare h3{ font-size: 2.75rem; text-align: center; font-weight: 400;} .SECTION_titoloviaggiare p{ font-size: 1.75rem; text-align: center;} /* ! ___display-max-md */ @media (max-width: 767.98px) { .SECTION_titoloviaggiare .col-title-viaggiare { padding: 50px 0;} .SECTION_titoloviaggiare h3{font-size: 2rem;} .SECTION_titoloviaggiare p{font-size: 1.25rem; line-height: 1.5rem; max-width: 85%; margin: auto;} .SECTION_titoloviaggiare .div-img .div-bg { width: 60px!important; height: 60px!important;} } /* -------------------------------------------------------------------------------- */ /* ! SECTION_top-tour */ /* -------------------------------------------------------------------------------- */ .SECTION_top-tour{margin-bottom: 70px; padding-top: 50px; } .SECTION_top-tour.Cards-flex .row{ gap: 0;} .SECTION_top-tour.Cards-flex .row .card .card-body{box-shadow: none; border-radius: 0; padding: 15px;} /* -------------------------------------------------------------------------------- */ /* ! Motore */ /* -------------------------------------------------------------------------------- */ .SECTION_motore{position: relative; margin-top: 0px; z-index: 5; padding-bottom: 100px;} .SECTION_motore.bg-map-lightblue { position: relative; /*background: url(/image/mappa-home-celeste.webp)fixed;*/ /*background-size: cover;*/ /*background-position: 50% 0px;*/} .SECTION_motore .div-img{ height: 100px; /*margin-top: 100px;*/ } .SECTION_motore .div-img .div-bg{ margin: 0 auto; width: 80px!important; height: 80px!important; background-size: contain!important;} .SECTION_motore .div-img .div-bg img { background-size: contain!important; object-fit: contain!important;} .SECTION_motore h3{ font-size: 2.75rem; text-align: center; font-weight: 400;} .SECTION_motore p{ font-size: 1.75rem; text-align: center; margin-bottom: 50px;} /* ! - motoreDiRicercaPagina01 */ .SECTION_motore .motoreDiRicercaPagina01{ display: flex; flex-direction: row; flex-wrap: nowrap; padding: 0 100px;} .SECTION_motore .motoreDiRicercaPagina01 .input-group-destinazioni, .SECTION_motore .motoreDiRicercaPagina01 .input-group-tipologie, .SECTION_motore .motoreDiRicercaPagina01 .input-group-checkInOut{ flex-direction: column;} .SECTION_motore .motoreDiRicercaPagina01 select, .SECTION_motore .motoreDiRicercaPagina01 .form-floating, .SECTION_motore .motoreDiRicercaPagina01 input{width: 100%;} .SECTION_motore .motoreDiRicercaPagina01 button{ width: 95px; height: 60px; font-size: 1.25rem; text-transform: uppercase; font-weight: 300;} .SECTION_motore .motoreDiRicercaPagina01 select{ text-transform: uppercase; font-size: 1.25rem; font-weight: 500;} #Home .SECTION_motore .motoreDiRicerca{ background: #fff!important; padding: 17px; backdrop-filter: blur(12px); margin-bottom: 50px; } #Home .SECTION_motore .motoreDiRicerca .input-group .input-group-text{background: transparent;} .SECTION_motore .motoreDiRicerca .input-group-rangeGiorni .slider:before{ content: 'DURATA'; position: absolute; top: -30px; left: 50%; transform: translateX(-50%); text-transform: uppercase; font-size: 1.25rem; font-weight: 500;} .SECTION_motore .motoreDiRicerca .input-group-rangePrezzo .slider:before{ content: 'IMPORTO'; position: absolute; top: -30px; left: 50%; transform: translateX(-50%); text-transform: uppercase; font-size: 1.25rem; font-weight: 500;} .motoreDiRicerca .input-group-rangePrezzo .tooltip-max .tooltip-inner { position: absolute; right: -18px; top: -20px; font-size: 0.85rem;} .motoreDiRicerca .input-group-rangePrezzo .tooltip-min .tooltip-inner { position: absolute; left: -16px; top: -20px; font-size: 0.85rem;} #Home .SECTION_motore .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo{ position: relative;} #Home .SECTION_motore .motoreDiRicerca .slider-wrapper.input-group-rangeGiorni{ position: relative;} /* ! ___display-min-xxl */ @media (min-width: 1400px) { #Home .SECTION_motore .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo{ width: 200px;} #Home .SECTION_motore .motoreDiRicerca .slider-wrapper.input-group-rangeGiorni{ width: 200px;} } /* ! ___display-min-xl */ @media (min-width: 1200px) { #Home .motoreDiRicerca .input-group.input-group-destinazioni{ width: 320px; } #Home .motoreDiRicerca .input-group.input-group-tipologie{width: 300px;} } /* ! ___display-max-xxl */ @media (max-width: 1399.98px) { #Home .motoreDiRicerca .input-group.input-group-destinazioni { width: 270px; } #Home .motoreDiRicerca .input-group.input-group-tipologie { width: 250px; } #Home .SECTION_motore .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo{ width: 150px;} #Home .SECTION_motore .motoreDiRicerca .slider-wrapper.input-group-rangeGiorni{ width: 150px;} } /* ! ___display-max-xl */ @media (max-width: 1199.98px) { .SECTION_motore .motoreDiRicercaPagina01 { padding: 0 30px; } .SECTION_motore .motoreDiRicercaPagina01 select, .SECTION_motore .motoreDiRicerca .input-group-rangeGiorni .slider:before, .SECTION_motore .motoreDiRicerca .input-group-rangePrezzo .slider:before { text-transform: uppercase; font-size: 1rem; font-weight: 500; } #Home .motoreDiRicerca .input-group.input-group-destinazioni { width: 20%; } #Home .motoreDiRicerca .input-group.input-group-tipologie { width: 20%; } #Home .SECTION_motore .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo{ width: 15%;} #Home .SECTION_motore .motoreDiRicerca .slider-wrapper.input-group-rangeGiorni{ width: 15%;} #Home .motoreDiRicerca .btn.search{ width: 10%!important; padding: 10px 10px; height: auto; font-size: 1rem; font-weight: 600;} } /* ! ___display-max-lg */ @media (max-width: 991.98px) { #Home .SECTION_motore .motoreDiRicerca { height: auto; } #Home .SECTION_motore .motoreDiRicerca .input-group.input-group-destinazioni { width: calc(50% - 10px); height: auto; } #Home .SECTION_motore .motoreDiRicerca .input-group.input-group-tipologie { width: calc(50% - 10px); height: auto; } #Home .SECTION_motore .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo{ width: calc(50% - 15px); position: relative; height: auto; margin-top: 10px;} #Home .SECTION_motore .motoreDiRicerca .input-group-rangePrezzo .tooltip-min .tooltip-inner { left: -19px;} #Home .SECTION_motore .motoreDiRicerca .input-group-rangePrezzo .tooltip-max .tooltip-inner { right: -18px;} #Home .SECTION_motore .motoreDiRicerca .slider-wrapper.input-group-rangeGiorni{ width: calc(50% - 15px); position: relative; height: auto; margin-top: 10px;} #Home .SECTION_motore .motoreDiRicerca .btn.search{ width: 100%!important; padding: 10px 10px; height: auto; font-size: 1rem; font-weight: 600; margin-top: 70px;} } /* ! ___display-max-md */ @media (max-width: 767.98px) { .SECTION_motore{ margin-top: 50px; padding-bottom: 80px; background: transparent;} .SECTION_motore .col-title-viaggiare { padding: 50px 0;} .SECTION_motore h3{ font-size: 2rem; } .SECTION_motore p{ font-size: 1.25rem; line-height: 1.5rem; max-width: 85%; margin: auto; } .SECTION_motore .div-img .div-bg { width: 60px!important; height: 60px!important; } #Home .SECTION_motore .motoreDiRicerca .input-group .input-group-text { background: #fff; padding-left: 7px;} .SECTION_motore .motoreDiRicercaPagina01{ padding: 0; display: flex; flex-wrap: wrap; gap: 15px; flex-direction: column; margin-top: 25px; background: #fff!important; height: auto;} .SECTION_motore .motoreDiRicercaPagina01 .input-group, .SECTION_motore .motoreDiRicercaPagina01 .slider-wrapper{ display: flex; flex-direction: row!important; flex-wrap: nowrap; padding: 0px 10px!important; } .SECTION_motore .motoreDiRicercaPagina01 .slider-wrapper{width: 90%!important; margin: auto!important;} .SECTION_motore .motoreDiRicercaPagina01 .input-group-text{ width: auto!important; } .SECTION_motore .motoreDiRicerca .input-group span.input-group-text img.icon { width: 25px!important; height: 25px!important; } .SECTION_motore .motoreDiRicerca .input-group-rangeGiorni .slider.slider-horizontal { top: 60px; position: relative; } .SECTION_motore .motoreDiRicerca .input-group-rangeGiorni .slider:after { display: none; top: -30px; left: -14px; transform: translateX(0%); width: 25px; height: 25px; } .SECTION_motore .motoreDiRicerca .input-group-rangeGiorni .slider:before { top: -30px; left: 50%; transform: translateX(-50%); } .SECTION_motore .motoreDiRicerca .input-group-rangePrezzo .slider.slider-horizontal { top: 90px;} .SECTION_motore .motoreDiRicerca .input-group-rangePrezzo .slider:after { display: none; top: -58px; left: -14px; transform: translateX(0%); width: 25px; height: 25px; } .SECTION_motore .motoreDiRicerca .input-group-rangePrezzo .slider:before { top: -30px; left: 50%; transform: translateX(-50%); } .SECTION_motore .motoreDiRicerca .input-group-rangePrezzo .tooltip-max .tooltip-inner { right: -20px; } .SECTION_motore .motoreDiRicerca .input-group-rangePrezzo .tooltip-min .tooltip-inner { left: -26px;} #Home .SECTION_motore .motoreDiRicerca .btn.search{width: 100%!important; font-size: 1rem; padding: 15px; margin-top: 110px; font-weight: 400;} .SECTION_motore .motoreDiRicerca input[type="date"]::-webkit-datetime-edit { font-size: 1rem;} .SECTION_motore .motoreDiRicerca .tooltip-max .tooltip-inner, .motoreDiRicerca .tooltip-min .tooltip-inner { top: -25px; font-size: 1rem; } } /* ! ___display-max--sm */ @media (max-width: 575.98px) { #Home .SECTION_motore .motoreDiRicerca .input-group.input-group-destinazioni { width: 100%; padding: 0!important;} #Home .SECTION_motore .motoreDiRicerca .input-group.input-group-tipologie { width: 100%; padding: 0!important;} .SECTION_motore .motoreDiRicerca .input-group-rangeGiorni .slider.slider-horizontal { top: 40px; } .SECTION_motore .motoreDiRicerca .input-group-rangePrezzo .slider.slider-horizontal { top: 70px;} #Home .SECTION_motore .motoreDiRicerca .btn.search { margin-top: 90px;} } /* -------------------------------------------------------------------------------- */ /* ! Boh */ /* -------------------------------------------------------------------------------- */ .Section_mare-italia a, .Section_mare-italia a:hover { color: #FFFFFF; font-size: 44px; font-weight: bold; text-decoration: none;} .card ul.amenities li.list-group-item { margin-bottom: 10px; } .list-group-item { padding: 0px; } .card ul.amenities li.list-group-item .amenities__amenity-text { color: var( --e-global-color-text ); } .Section_montagna a, .Section_montagna a:hover { color: #FFFFFF; font-size: 44px; font-weight: bold; text-decoration: none;} /* -------------------------------------------------------------------------------- */ /* ! SECTION_top-tour */ /* -------------------------------------------------------------------------------- */ .SECTION_top-tour .container{ max-width: 98%; } .SECTION_top-tour .card-body::before { content: ""; width: 1px; position: absolute; top: 15px; left: 0px; bottom: 15px; background-color: #b7b7b7; } .SECTION_top-tour.Cards-flex .card.CardaNewType { max-width: 33%; flex: 1 1 33%; margin-bottom: 30px;} /* ! ___display-max-xl */ @media (max-width: 1199.98px) { .SECTION_top-tour.Cards-flex .card.CardaNewType { max-width: 50%; flex: 1 1 50%; margin-bottom: 0;} .SECTION_top-tour .card-body::before{display: none;} } /* ! ___display-max-lg */ @media (max-width: 991.98px) { } /* ! ___display-max-md */ @media (max-width: 800px) { } /* ! ___display-max--sm */ @media (max-width: 575.98px) { .SECTION_top-tour.Cards-flex .card.CardaNewType { max-width: 100%; flex: 1 1 100%; margin-bottom: 0;} .SECTION_top-tour .card-body::before{display: none;} } /* -------------------------------------------------------------------------------- */ /* ! SECTION_Top-skiing */ /* -------------------------------------------------------------------------------- */ .SECTION_top-skiing{ background: url(/image/top_skiing_section_bg.webp)fixed; padding: 100px 0; position: relative;} .SECTION_top-skiing .container{max-width: 95%!important;} .SECTION_top-skiing::after{ content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #00000042; z-index: 1;} .SECTION_top-skiing .row{ position: relative; z-index: 2;} .SECTION_top-skiing .col-slider .container-swiper .div-img{ height: 500px;} .SECTION_top-skiing .col-slider .swiper-pagination{display: none;} .SECTION_top-skiing .col-slider .swiper-button-next, .SECTION_top-skiing .swiper-button-prev{ filter: brightness(0%) invert(1);} .SECTION_top-skiing .col-slider .swiper-button-next:after, .SECTION_top-skiing .swiper-button-prev:after{ font-size: 30px; font-weight: bold;} .SECTION_top-skiing .col-text .div-img{ height: 95px; width: 100%; position: relative; z-index: 2;} .SECTION_top-skiing .col-text .div-img .div-bg{position: relative; z-index: 2; width: 290px!important;} .SECTION_top-skiing .col-text .div-img::after{content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: red; z-index: 1;} .SECTION_top-skiing .col-text > *{ margin-bottom: 25px;} .SECTION_top-skiing .title{ color: #fff; font-size: 28px; line-height: 32px; font-weight: 400; /* letter-spacing: 0.5px; */ text-transform: none;} .SECTION_top-skiing .subtitle{ color: #ccffff; font-size: 26px; line-height: 30px; font-weight: 700; letter-spacing: 0.5px; text-transform: none;} .SECTION_top-skiing .paragraph{ color: #fff; font-size: 28px; line-height: 32px; font-weight: 400; letter-spacing: 0.5px; text-transform: none;} .SECTION_top-skiing a{ color: #fff; padding: 15px 25px; text-decoration: none; border: 2px solid #fff; margin-top: auto; margin-bottom: 0; display: block; width: fit-content; font-weight: 500; letter-spacing: 1px;} /* ! ___display-min-xl */ @media (min-width: 1200px) { .SECTION_top-skiing .col-slider .container-swiper .div-img { height: 600px;} } /* ! ___display-max-md */ @media (max-width: 767.98px) { .SECTION_top-skiing .col-slider .container-swiper .div-img { height: 250px; } .SECTION_top-skiing .col-text .div-img { height: 80px; width: 100%; } .SECTION_top-skiing .subtitle { font-size: 1.25rem; } .SECTION_top-skiing .paragraph { font-size: 1rem; } .SECTION_top-skiing .col-text > * { margin-bottom: 15px; } } /* -------------------------------------------------------------------------------- */ /* ! SECTION_top-tipologie */ /* -------------------------------------------------------------------------------- */ .SECTION_top-tipologie{ background: url(/image/mappa-home-grigio.webp)fixed; background-size: cover; padding-bottom: 100px; padding-top: 100px;} .topskiing .SECTION_top-tipologie { padding-top: 0px; padding-bottom: 0px; } .SECTION_top-tipologie .container{ max-width: 100%!important; } .SECTION_top-tipologie .div-bg { margin: 0 auto; width: 80px!important; height: 80px!important; background-size: contain!important; object-fit: contain!important;} .SECTION_top-tipologie .div-bg img{ background-size: contain!important; object-fit: contain!important;} .SECTION_top-tipologie .col-title .div-img{ height: 100px;} .SECTION_top-tipologie .title{ font-size: 2.75rem; text-align: center; font-weight: 400; margin-bottom: 100px;} .topskiing .SECTION_top-tipologie .container{ padding: 0px; } .SECTION_top-tipologie .row{ justify-content: center;} .SECTION_top-tipologie .row .col-tipologie{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; max-width: 97%;} .topskiing .SECTION_top-tipologie .row .col-tipologie { max-width: 100%;} .SECTION_top-tipologie .card.CardaNewType { flex: 1 1 25%; width: 25%; max-width: calc(25% - 30px); background: transparent; margin: 0 15px 30px 15px; aspect-ratio: 1; box-sizing: border-box; height: fit-content;} .topskiing .SECTION_top-tipologie .card.CardaNewType { max-width: 50%; margin: 0px; padding-top: 17% ! IMPORTANT; margin-top: -17%; } .SECTION_top-tipologie.Cards-flex .row .card .card-body{ box-shadow: none; border-radius: 0;} .SECTION_top-tipologie.Cards-flex .row .card .card-body .carousel .carousel-inner{border-radius: 0;} .SECTION_top-tipologie .card .card-body{ position: relative; height: 100%; width: 100%;} .SECTION_top-tipologie .card .card-body .carousel .carousel-inner, .SECTION_top-tipologie .card .card-body .carousel .carousel-inner .carousel-item, .SECTION_top-tipologie .card .card-body .CardBgColor{ height: 100%!important; width: 100%!important;} .SECTION_top-tipologie .card .card-body .card__link{ width: 100%; height: 100%; z-index: 99; position: absolute; top: 0; left: 0; background: transparent; color: transparent;} .SECTION_top-tipologie .card .card-body .card__title-2{ position: absolute; z-index: 5; top: 45%; left: 50%; width: 71%; text-align: center; transform: translate(-50%); color: #fff; font-weight: 300; text-transform: uppercase; transition: all 0.25s cubic-bezier(.215, .61, .355, 1); opacity: 1; overflow: visible; -webkit-box-orient: vertical; text-overflow: unset; -webkit-line-clamp: unset; } .topskiing .SECTION_top-tipologie .card .card-body .card__title-2 { display: none; } .SECTION_top-tipologie .card .CardBgColor{ position: absolute; z-index: 4; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.25s cubic-bezier(.215, .61, .355, 1); opacity: 0.8;} .SECTION_top-tipologie .card .card-body .carousel.CarouselImgs{ position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%;} .SECTION_top-tipologie .card .card-body .carousel.CarouselHover{ position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.25s cubic-bezier(.215, .61, .355, 1); opacity: 1;} .SECTION_top-tipologie .card .card-body .carousel.CarouselHover:before{ content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; transition: all 0.25s cubic-bezier(.215, .61, .355, 1); opacity: 1;} .SECTION_top-tipologie .card .card-body .carousel.CarouselIcon{ position: absolute; z-index: 5; top: 15%; left: 50%; transform: translateX(-50%); width: 95px; height: 95px; transition: all 0.25s cubic-bezier(.215, .61, .355, 1); opacity: 1;} .SECTION_top-tipologie .card .card-body .carousel.CarouselIcon .carousel-inner{ width: 95px!important; height: 95px!important;} .SECTION_top-tipologie .card .card-body .carousel.CarouselIcon .carousel-inner .carousel-item{ width: 95px!important; height: 95px!important;} .SECTION_top-tipologie.Cards-flex .row .card .card-body > *:not(.carousel, .card__link){ margin-left: 0px;} .SECTION_top-tipologie .card .card-body .carousel.CarouselIcon .carousel-inner { margin: auto; } /* ! - hover */ .SECTION_top-tipologie .card .card-body:hover .card__title-2, .SECTION_top-tipologie .card .card-body:hover .CardBgColor, .SECTION_top-tipologie .card .card-body:hover .carousel.CarouselHover, .SECTION_top-tipologie .card .card-body:hover .carousel.CarouselHover:before, .SECTION_top-tipologie .card .card-body:hover .carousel.CarouselIcon{ opacity: 0;} .SECTION_top-tipologie .card:hover .carousel.CarouselImgs .carousel-inner .carousel-item { transform: scale(1); transition: all 0.25s cubic-bezier(.215, .61, .355, 1);} .SECTION_top-tipologie .card:hover .carousel.CarouselImgs .carousel-inner .carousel-item { transform: scale(1.1);} /* ! ___display-min-xxxl */ @media (min-width: 1600px) { .SECTION_top-tipologie .card .card-body .card__title-2{ font-size: 2rem; top: 53%;} } /* ! ___display-max-xxxl */ @media (max-width: 1599.98px) { .SECTION_top-tipologie .card .card-body .card__title-2{ font-size: 1.75rem; top: 55%; width: 78%;} } /* ! ___display-max-xxl */ @media (max-width: 1399.98px) { .SECTION_top-tipologie .row .col-tipologie{max-width: 1200px;} .SECTION_top-tipologie .div-bg { width: 250px!important;} .SECTION_top-tipologie.Cards-flex .card .carousel .carousel-inner, .SECTION_top-tipologie.Cards-flex .card .carousel .carousel-inner .carousel-item, .SECTION_top-tipologie.Cards-flex .card .CardBgColor{ height: 250px!important; width: 250px!important;} .SECTION_top-tipologie.Cards-flex .card.CardaNewType { height: 250px; max-width: 250px;} .SECTION_top-tipologie .card .card-body{ height: 250px; width: 250px;} .SECTION_top-tipologie .card .card-body .card__title-2{ font-size: 1.5rem; margin-top: 10px;} .SECTION_top-tipologie .card .card-body .carousel.CarouselIcon .carousel-inner { width: 75px!important; height: 75px!important; margin: auto; } .SECTION_top-tipologie .card .card-body .carousel.CarouselIcon .carousel-inner .carousel-item { width: 75px!important; height: 75px!important; } } /* ! ___display-max-xl */ @media (max-width: 1199.98px) { .SECTION_top-tipologie .row .col-tipologie{max-width: 992px;} .SECTION_top-tipologie .div-bg { width: 200px!important;} .SECTION_top-tipologie.Cards-flex .card .carousel .carousel-inner, .SECTION_top-tipologie.Cards-flex .card .carousel .carousel-inner .carousel-item, .SECTION_top-tipologie.Cards-flex .card .CardBgColor{ height: 200px!important; width: 200px!important;} .SECTION_top-tipologie.Cards-flex .card.CardaNewType { height: 200px; max-width: 200px;} .SECTION_top-tipologie .card .card-body{ height: 200px; width: 200px;} .SECTION_top-tipologie .card .card-body .card__title-2{ font-size: 1.5rem; margin-top: 10px; width: 80%; } .SECTION_top-tipologie .card .card-body .card__title-2 {font-size: 1.25rem; margin-top: 20px; width: 80%;} } /* ! ___display-max-lg */ @media (max-width: 991.98px) { .SECTION_top-tipologie .row .col-tipologie{max-width: 768px;} .SECTION_top-tipologie.Cards-flex .card.CardaNewType { flex: 1 1 30%;} } /* ! ___display-max-md */ @media (max-width: 767.98px) { .SECTION_top-tipologie .row .col-tipologie{max-width: 575px;} .SECTION_top-tipologie .card .card-body .card__title-2{ top: 50%;} } /* ! ___display-max--sm */ @media (max-width: 575.98px) { .SECTION_top-tipologie{ padding-top: 50px; } .SECTION_top-tipologie .col-title .div-img{ height: fit-content; } .SECTION_top-tipologie .col-title .div-bg { width: 145px!important; height: 50px!important;} .SECTION_top-tipologie .title { font-size: 2rem; text-align: center; font-weight: 400; margin-bottom: 25px;} .SECTION_top-tipologie.Cards-flex .card.CardaNewType {flex: 1 1 45%; } .SECTION_top-tipologie .row .col-tipologie{max-width: 100%;} .SECTION_top-tipologie.Cards-flex .card {padding: 0px; } .SECTION_top-tipologie.Cards-flex .card .carousel .carousel-inner, .SECTION_top-tipologie.Cards-flex .card .carousel .carousel-inner .carousel-item, .SECTION_top-tipologie.Cards-flex .card .CardBgColor{ height: 145px!important; width: 145px!important;} .SECTION_top-tipologie.Cards-flex .card.CardaNewType { height: 145px; max-width: 145px; margin: 5px 5px;} .SECTION_top-tipologie .card .card-body{ height: 145px; width: 145px;} .SECTION_top-tipologie .card .card-body .card__title-2{ font-size: 1.15rem; font-weight: 300; margin-top: 10px; width: 90%; } .SECTION_top-tipologie .card .card-body .carousel.CarouselIcon{ width: 65px!important; height: 65px!important; top: 10%; } .SECTION_top-tipologie .card .card-body .carousel.CarouselIcon .carousel-inner, .SECTION_top-tipologie .card .card-body .carousel.CarouselIcon .carousel-inner .carousel-item{ width: 100%!important; height: 100%!important; } } /* -------------------------------------------------------------------------------- */ /* ! SECTION_viaggi-di-nozze */ /* -------------------------------------------------------------------------------- */ .SECTION_viaggi-di-nozze{ background: url(/image/bg-fiori.webp)fixed; background-size: cover; padding: 100px 0;} /* .SECTION_viaggi-di-nozze .container{ max-width: 100%; } */ .SECTION_viaggi-di-nozze .col-viagginozze-sx { display: flex; flex-wrap: wrap; align-content: center; justify-content: center; flex-direction: column; } .SECTION_viaggi-di-nozze .col-viagginozze-sx .title{ font-size: 44px; text-align: center; font-weight: 400; margin-bottom: 30px; color: #006080;} .SECTION_viaggi-di-nozze .col-viagginozze-sx .text{ color: #000000; font-size: 21px; line-height: 26px; font-weight: 400; margin-bottom: 30px; max-width: 60%; text-align: center;} .SECTION_viaggi-di-nozze .col-viagginozze-sx a{ padding: 10px 20px; border: 2px solid #828080; margin: 0 auto; display: block; width: fit-content; text-decoration: none; color: #828080; font-weight: 700; transition: all 0.25s cubic-bezier(.215, .61, .355, 1);} .SECTION_viaggi-di-nozze .col-viagginozze-sx a:hover{color: rgb(0, 221, 199); border-color: rgb(0, 221, 199);} .SECTION_viaggi-di-nozze .div-img { height: 500px!important; } /* ! ___display-min-xl */ @media (min-width: 1200px) { .SECTION_viaggi-di-nozze .container{ max-width: 97%; } .SECTION_viaggi-di-nozze .div-img { height: 600px!important; } } /* ! ___display-max-lg */ @media (max-width: 991.98px) { .SECTION_viaggi-di-nozze .col-viagginozze-sx .text{max-width: 100%;} } /* ! ___display-max-md */ @media (max-width: 767.98px) { .SECTION_viaggi-di-nozze .col-viagginozze-sx .title{font-size: 2rem; margin-bottom: 20px;} .SECTION_viaggi-di-nozze .col-viagginozze-sx .text{ margin: 0 auto 20px auto; font-size: 1.15rem;} .SECTION_viaggi-di-nozze .col-viagginozze-sx a{margin-bottom: 50px;} .SECTION_viaggi-di-nozze .div-img { height: 250px!important; } } /* -------------------------------------------------------------------------------- */ /* ! SECTION_per-conoscere */ /* -------------------------------------------------------------------------------- */ .SECTION_per-conoscere{ background-color: #efede8; padding: 100px 0;} .SECTION_per-conoscere .col-leggere-dx{ display: flex; flex-direction: column; justify-content: flex-start; gap: 5px;} .SECTION_per-conoscere .col-leggere-sx .div-img { height: 100%!important; } .SECTION_per-conoscere .col-leggere-dx .title{ font-size: 44px; font-weight: 400; margin-bottom: 0px; color: #008000;} .SECTION_per-conoscere .col-leggere-dx a{ display: block; margin-bottom: 5px; margin-top: -20px;} .SECTION_per-conoscere .col-leggere-dx .div-img.logo-filter-green { width: 45px; height: 45px; display: inline-block!important; filter: hue-rotate(120deg) brightness(0.85);} .SECTION_per-conoscere .col-leggere-dx .testo-condividi-conoscere{ display: inline-block; width: calc(100% - 55px);; top: -40px; position: relative; left: 55px; font-size: 20px;} .SECTION_per-conoscere .col-leggere-dx a.link-blog-conoscere{ padding: 10px 20px; border: 2px solid #118810; display: block; width: fit-content; text-decoration: none; color: #118810; font-weight: 700; transition: all 0.25s cubic-bezier(.215, .61, .355, 1); margin-top: auto; margin-bottom: 0; } .SECTION_per-conoscere .col-leggere-dx a.link-blog-conoscere:hover{ color: #2cad0f; border-color: #2cad0f; } /* ! ___display-min-xl */ @media (min-width: 1200px) { .SECTION_per-conoscere .container{ max-width: 97%; } } /* ! ___display-max-lg */ @media (max-width: 991.98px) { /* .SECTION_per-conoscere .col-leggere-dx .testo-condividi-conoscere { top: 15px; left: 0;} */ } /* ! ___display-max-md */ @media (max-width: 767.98px) { .SECTION_per-conoscere { padding: 80px 0;} .SECTION_per-conoscere .row{flex-direction: column-reverse;} .SECTION_per-conoscere .col-leggere-sx .div-img{margin-top: 50px; height: 250px!important;} .SECTION_per-conoscere .col-leggere-dx .title{ font-size: 2rem;} .SECTION_per-conoscere .col-leggere-dx .testo-condividi-conoscere { display: block;} } /* -------------------------------------------------------------------------------- */ /* ! Altro */ /* -------------------------------------------------------------------------------- */ */ .bg-map-lightblue { background: url(/image/mappa-home-celeste.webp); } */ .SECTION_top-skiing a:hover { border-color: #33719f; } .Section.hero .swiper-button-next, .Section.hero .swiper-button-prev { filter: brightness(0%) invert(1); } .Section.hero .swiper-pagination-bullet-active { background: #fff; } .motoreDiRicerca span.icon { display: block; height: fit-content !important; color: #16a9c1; font-size: 40px; font-variation-settings: 'wght' 300; } .topskiing .SECTION_motore { background-color: #33719f; } .topskiing .SECTION_motore .container { width: 100%; max-width: none; background-color: #33719f; --bs-gutter-x: 0rem; --bs-gutter-y: 0rem; } .topskiing .SECTION_motore .SectionTrovaHeader { background-color: #565656; color: white; } @media only screen and (min-width: 0px) { .topskiing .HomeBino { float: left; height: 42px; } } @media only screen and (min-width: 500px) { .topskiing .HomeSepHeader00 { font-size: 29px; line-height: 34px; padding: 25px; } } @media only screen and (min-width: 0px) { .topskiing .HomeSepHeader00 { float: left; width: 100%; background-color: #565656; padding: 12px; color: #ffffff; text-align: center; font-size: 20px; line-height: 27px; } } @media only screen and (min-width: 750px) { .topskiing .HomeSepHeader01 { width: 410px; } } @media only screen and (min-width: 0px) { .topskiing .HomeSepHeader01 { margin: auto; width: 430px; min-height: 30px; padding: 20px 0px; } } .topskiing .SECTION_motore .div-img { height: 100%; } .topskiing .SECTION_motore .div-img .div-bg { margin: 0 auto; width: 100% !important; height: 100% !important; background-size: contain!important;} .topskiing .SECTION_motore .col-xxl-3 { padding: 0px; } .topskiing .BoxMotor { padding: 29px; background-color: #00abd0; border: solid 20px #33719f;} .topskiing .SECTION_motore .row { margin: 0px; } .topskiing .SECTION_motore { padding-bottom: 0px; } .topskiing .SECTION_motore .input-group-text { display: none; } /* .topskiing .SECTION_motore .slider-wrapper { display: none; } */ .topskiing .SECTION_motore .motoreDiRicerca { width: 750px; margin: auto; height: 300px; } @media (min-width: 1200px) { #Home.topskiing .motoreDiRicerca { flex-wrap: wrap; gap: 19px; padding: 10px; } } #Home.topskiing .SECTION_motore .motoreDiRicerca { background: transparent !important; padding: 0px; margin-bottom: 0px; } @media (min-width: 1400px) { #Home.topskiing .SECTION_motore .motoreDiRicerca .input-group.input-group-destinazioni { width: 320px; } #Home.topskiing .SECTION_motore .motoreDiRicerca .input-group.input-group-tipologie { width: 320px;} #Home.topskiing .SECTION_motore .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo{ width: 320px;} #Home.topskiing .SECTION_motore .motoreDiRicerca .slider-wrapper.input-group-rangeGiorni{ width: 320px;} }