body{background-color:#fff}main{display:grid;grid-template-columns:100%;grid-template-rows:100px auto auto;grid-template-rows:auto 300px auto}.banner{grid-column:1;grid-row:1;overflow:hidden;position:relative}.search{grid-column:1;grid-row:2;padding: 1rem 1rem 1rem 1rem;}.content{align-items:center;display:flex;flex-direction:column;gap:6rem;grid-column:1;grid-row:3}h1{font-size:1.8rem}h2,h3{border-bottom:1px dashed #18baad;font-size:2rem}h3{line-height:normal}.banner-index,.swiper-wrapper{height:100%}.cont-fix{max-width:1400px;position:relative;width:100%}.row-hero{display:grid;grid-template-columns:100%;padding:1rem}.row-hero h2{color:#18baad;font-size:2.2rem}.img01{border-radius:.2rem;height:auto;width:100%}.row-destinazioni{padding:1rem}.row-destinazioni li span{color:#fff;font-size:1.6rem;font-weight:900;left:10px;position:absolute;text-shadow:0 0 20px rgba(0,0,0,.6);text-transform:uppercase;top:10px}.row-destinazioni>ul{display:flex;flex-direction:column;gap:2rem;list-style-type:none;margin:0;padding:0}.row-destinazioni>ul li{height:150px;position:relative}.row-destinazioni>ul li:first-child{height:auto}.row-destinazioni>ul img{height:100%;object-fit:cover;object-position:center;width:100%}.banner-content .banner_traghetti{display:grid;grid-template-columns:100%;max-width:90%;width:100%}.banner-content .banner_traghetti>div{align-items:center;display:flex;flex-direction:column;grid-column:1;text-align:center}#backToSearch{background-color:transparent;border:0;padding:0}#searchBox{scroll-margin-top:50px}.hiddense{opacity:0;visibility:hidden}.top-call{align-items:center;display:flex;gap:2rem;justify-content:end}.banner{grid-row:2}.search{background-color:#dff4f3;grid-row:1}.banner picture{display:initial}.banner-content{color:#fff!important}.banner{background-color:#000}:root{--swiper-theme-color:#007aff;--swiper-navigation-size:44px}.swiper{list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative}.swiper-wrapper{box-sizing:content-box;display:flex;position:relative;transform:translateZ(0);width:100%}.swiper-slide picture img{height:100%;object-fit:cover;object-position:center;opacity:.8;width:100%}.swiper-slide{flex-shrink:0;height:100%;position:relative;width:100%}.swiper-button-next,.swiper-button-prev{align-items:center;color:#fff;display:flex;height:var(--swiper-navigation-size);justify-content:center;margin-top:calc(0px - var(--swiper-navigation-size)/ 2);position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/44*27)}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);font-variant:normal;letter-spacing:0;line-height:1;text-transform:none!important}.swiper-button-prev{left:10px;right:auto}.swiper-button-prev:after{content:"prev"}.swiper-button-next{left:auto;right:10px}.swiper-button-next:after{content:"next"}.banner-content{align-items:center;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;top:30px;transform:translate(0);width:100%;z-index:1}.banner picture img{height:100%;object-fit:cover;object-position:center;opacity:.6;width:100%}.banner-content .banner_traghetti strong{font-size:2rem;text-shadow:0 0 20px #000}.banner-content .banner_traghetti span{border-top:1px dashed #000;font-size:1rem;text-shadow:0 0 20px #000}@media (min-width:1024px){main{grid-template-columns:1fr minmax(900px,1400px) 1fr;grid-template-rows:500px auto auto}.search{grid-column:2;height:0;padding:0}h1{font-size:3.4rem}h2,h3{font-size:2.8rem}.content{grid-column:1/4;grid-row:3;margin-top:2rem}.banner{background-color:#000;grid-column:1/4;grid-row:1}.banner picture{display:initial}.row-hero{grid-template-columns:450px auto;padding:0}.row-destinazioni{padding:0}.row-destinazioni>ul{flex-direction:row;flex-wrap:wrap;justify-content:space-around}.row-destinazioni>ul li{height:300px}.row-destinazioni>ul li:first-child{flex:0 0 600px}.row-destinazioni>ul li:nth-child(2),.row-destinazioni>ul li:nth-child(3){flex:1 1 25%}.banner-content .banner_traghetti{grid-template-columns:450px auto;max-width:1400px}.banner-content .banner_traghetti>div{align-items:flex-start;display:flex;flex-direction:column;grid-column:2;text-align:left}.row-hero>div{grid-column:2}.search{background-color:transparent;grid-row:2}.banner-content{color:#fff;gap:1em;padding:0;top:50%;transform:translateY(-50%)}.banner-content .banner_traghetti strong{font-size:3rem}.banner-content .banner_traghetti span{font-size:1.4rem}}