PageSourceSearch

https://blunavytraghetti.com/

html blunavytraghetti.com collected 2026-09-24 12:34:58 UTC 451,852 bytes, 5,491 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="it-IT">
4  <head>
5  	<meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1">    
7    <meta http-equiv="x-ua-compatible" content="IE=edge">
8    <link type="text/plain" rel="author" href="humans.txt" />
9		<title>Traghetti per l&#039;Isola d&#039;Elba | Blu Navy Traghetti</title>
10
11    <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
12<link rel="alternate" href="https://blunavytraghetti.com/" hreflang="it" />
13<link rel="alternate" href="https://blunavytraghetti.com/de/" hreflang="de" />
14<link rel="alternate" href="https://blunavytraghetti.com/en/" hreflang="en" />
15<link rel="alternate" href="https://blunavytraghetti.com/fr/" hreflang="fr" />
16<link rel="alternate" href="https://blunavytraghetti.com/" hreflang="x-default" />
17
18<!-- Google Tag Manager for WordPress by gtm4wp.com -->
19<script data-cfasync="false" data-pagespeed-no-defer>
20	var gtm4wp_datalayer_name = "dataLayer";
21	var dataLayer = dataLayer || [];
22</script>
22
23<!-- End Google Tag Manager for WordPress by gtm4wp.com -->
24	<!-- This site is optimized with the Yoast SEO plugin v28.5 - https://yoast.com/product/yoast-seo-wordpress/ -->
25	<title>Traghetti per l&#039;Isola d&#039;Elba | Blu Navy Traghetti</title>
26	<meta name="description" content="Biglietti per traghetti all&#039;Isola d&#039;Elba con Blu Navy. Consulta gli orari, le offerte e prenota online in pochi semplici passaggi." />
27	<link rel="canonical" href="https://blunavytraghetti.com/" />
28	<meta property="og:locale" content="it_IT" />
29	<meta property="og:locale:alternate" content="de_DE" />
30	<meta property="og:locale:alternate" content="en_GB" />
31	<meta property="og:locale:alternate" content="fr_FR" />
32	<meta property="og:locale:alternate" content="nl_NL" />
33	<meta property="og:locale:alternate" content="da_DK" />
34	<meta property="og:type" content="website" />
35	<meta property="og:title" content="Traghetti per l&#039;Isola d&#039;Elba | Blu Navy Traghetti" />
36	<meta property="og:description" content="Biglietti per traghetti all&#039;Isola d&#039;Elba con Blu Navy. Consulta gli orari, le offerte e prenota online in pochi semplici passaggi." />
37	<meta property="og:url" content="https://blunavytraghetti.com/" />
38	<meta property="og:site_name" content="Traghetti per l&#039;Isola d&#039;Elba | Blu Navy Traghetti" />
39	<meta property="article:publisher" content="https://www.facebook.com/BluNavyTraghetti" />
40	<meta property="article:modified_time" content="2026-07-24T13:22:47+00:00" />
41	<meta property="og:image" content="https://blunavytraghetti.com/wp-content/uploads/Blu-Navy-Traghetti-Isola-Elba.jpg" />
42	<meta property="og:image:width" content="1200" />
43	<meta property="og:image:height" content="675" />
44	<meta property="og:image:type" content="image/jpeg" />
45	<meta name="twitter:card" content="summary_large_image" />
46	
46<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blunavytraghetti.com\/","url":"https:\/\/blunavytraghetti.com\/","name":"Traghetti per l'Isola d'Elba | Blu Navy Traghetti","isPartOf":{"@id":"https:\/\/blunavytraghetti.com\/#website"},"about":{"@id":"https:\/\/blunavytraghetti.com\/#organization"},"datePublished":"2023-06-08T08:16:07+00:00","dateModified":"2026-07-24T13:22:47+00:00","description":"Biglietti per traghetti all'Isola d'Elba con Blu Navy. Consulta gli orari, le offerte e prenota online in pochi semplici passaggi.","breadcrumb":{"@id":"https:\/\/blunavytraghetti.com\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blunavytraghetti.com\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/blunavytraghetti.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/blunavytraghetti.com\/#website","url":"https:\/\/blunavytraghetti.com\/","name":"blunavytraghetti.com","description":"Traghetti per l&#039;Isola d&#039;Elba","publisher":{"@id":"https:\/\/blunavytraghetti.com\/#organization"},"alternateName":"Blu Navy traghetti","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blunavytraghetti.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/blunavytraghetti.com\/#organization","name":"Blu Navy Traghetti","alternateName":"Blu Navy","url":"https:\/\/blunavytraghetti.com\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/blunavytraghetti.com\/#\/schema\/logo\/image\/","url":"https:\/\/blunavytraghetti.com\/wp-content\/uploads\/Logo-Blu-Navy-Traghetti.png","contentUrl":"https:\/\/blunavytraghetti.com\/wp-content\/uploads\/Logo-Blu-Navy-Traghetti.png","width":1177,"height":270,"caption":"Blu Navy Traghetti"},"image":{"@id":"https:\/\/blunavytraghetti.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/BluNavyTraghetti","https:\/\/www.instagram.com\/blunavytraghetti\/","https:\/\/linkedin.com\/company\/blunavytraghetti"]}]}</script>
46
47	<!-- / Yoast SEO plugin. -->
48
49
50<link rel='dns-prefetch' href='//cdnjs.cloudflare.com' />
51<link rel='dns-prefetch' href='//cdn.jsdelivr.net' />
52<link rel='dns-prefetch' href='//fonts.googleapis.com' />
53<link rel="alternate" type="application/rss+xml" title="Traghetti per l&#039;Isola d&#039;Elba | Blu Navy Traghetti &raquo; Feed" href="https://blunavytraghetti.com/feed/" />
54<link rel="alternate" type="application/rss+xml" title="Traghetti per l&#039;Isola d&#039;Elba | Blu Navy Traghetti &raquo; Feed dei commenti" href="https://blunavytraghetti.com/comments/feed/" />
55<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://blunavytraghetti.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fblunavytraghetti.com%2F&#038;lang=it" />
56<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://blunavytraghetti.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fblunavytraghetti.com%2F&#038;format=xml&#038;lang=it" />
57<style id="wp-img-auto-sizes-contain-inline-css">
58img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
59/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
60</style>
61<style id="wp-emoji-styles-inline-css">
62
63	img.wp-smiley, img.emoji {
64		display: inline !important;
65		border: none !important;
66		box-shadow: none !important;
67		height: 1em !important;
68		width: 1em !important;
69		margin: 0 0.07em !important;
70		vertical-align: -0.1em !important;
71		background: none !important;
72		padding: 0 !important;
73	}
74/*# sourceURL=wp-emoji-styles-inline-css */
75</style>
76<style id="wp-block-library-inline-css">
77:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
77--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
78
79/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
80</style>
81<style id="classic-theme-styles-inline-css">
82/*! This file is auto-generated */
83.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
84/*# sourceURL=/wp-includes/css/classic-themes.min.css */
85</style>
86
87<style id="global-styles-inline-css">
88:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
880) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
88.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
89/*# sourceURL=global-styles-inline-css */
90</style>
91
92<link rel='stylesheet' id='css/style-select-css' href='https://cdnjs.cloudflare.com/ajax/libs/slim-select/2.8.2/slimselect.css?ver=7.1.2' media='all' />
93<link rel='stylesheet' id='css/style-data-css' href='https://blunavytraghetti.com/wp-content/themes/cosmo/assets/utils/data-picker/data-picker.css?ver=7.1.2' media='all' />
94<link rel='stylesheet' id='splide-css-css' href='https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/css/splide.min.css' media='all' />
95<link rel='stylesheet' id='css/fonts-css' href='https://fonts.googleapis.com/css2?family=Roboto&#038;display=swap&#038;ver=7.1.2' media='all' />
96<link rel='stylesheet' id='css/bootstrap-css' href='https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.2' media='all' />
97<link rel='stylesheet' id='css/style-css' href='https://blunavytraghetti.com/wp-content/themes/cosmo/assets/css/style.css?ver=1785859538' media='all' />
98<link rel='stylesheet' id='css/fontawesome-css' href='https://blunavytraghetti.com/wp-content/themes/cosmo/assets/fontawesome/css/all.min.css?ver=1775745451' media='all' />
99<script id="jquery-core-js" src="https://blunavytraghetti.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 99
99
100<script id="jquery-migrate-js" src="https://blunavytraghetti.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 100
100
101<script id="splide-js-js" src="https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/js/splide.min.js"></script>
vendor: 1 bytes, line 101
101
102<script id="splide-autoscroll-js-js" src="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/js/splide-extension-auto-scroll.min.js"></script>
vendor: 1 bytes, line 102
102
103<script id="js/my-splide-js" src="https://blunavytraghetti.com/wp-content/themes/cosmo/assets/js/utils/my-splide.js?ver=1775745451"></script>
103
104<link rel="https://api.w.org/" href="https://blunavytraghetti.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://blunavytraghetti.com/wp-json/wp/v2/pages/57" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://blunavytraghetti.com/xmlrpc.php?rsd" />
105<link rel='shortlink' href='https://blunavytraghetti.com/' />
106
107<!-- Google Tag Manager for WordPress by gtm4wp.com -->
108<!-- GTM Container placement set to automatic -->
109<script data-cfasync="false" data-pagespeed-no-defer>
110	var dataLayer_content = {"visitorLoginState":"logged-out","visitorType":"visitor-logged-out","visitorEmail":"","visitorEmailHash":"","visitorUsername":"","pageTitle":"Traghetti per l\u0026#039;Isola d\u0026#039;Elba | Blu Navy Traghetti","pagePostType":"frontpage","pagePostType2":"single-page","pagePostAuthor":"[email protected]"};
111	dataLayer.push( dataLayer_content );
112</script>
vendor: 1 bytes, line 112
112
113<script data-cfasync="false" data-pagespeed-no-defer>
vendor: 322 bytes, lines 113-118
113
114(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
115new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
116j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
117'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
118})(window,document,'script','dataLayer','
118GTM-MHJJCMGM
vendor: 4 bytes, line 118
118');
119</script>
119
120<!-- End Google Tag Manager for WordPress by gtm4wp.com -->
121        <link rel="apple-touch-icon" href="https://blunavytraghetti.com/wp-content/themes/cosmo/assets/images/favicons/apple-touch-icon.png" />
122    <link rel="apple-touch-icon" sizes="16x16" href="https://blunavytraghetti.com/wp-content/themes/cosmo/assets/images/favicons/touch-icon-16x16.png" />
123    <link rel="apple-touch-icon" sizes="32x32" href="https://blunavytraghetti.com/wp-content/themes/cosmo/assets/images/favicons/touch-icon-32x32.png" />
124    <link rel="apple-touch-icon" sizes="150x150" href="https://blunavytraghetti.com/wp-content/themes/cosmo/assets/images/favicons/touch-icon-150x150.png" />
125    <link rel="apple-touch-icon" sizes="192x192" href="https://blunavytraghetti.com/wp-content/themes/cosmo/assets/images/favicons/touch-icon-192x192.png" />
126    <link rel="apple-touch-icon" sizes="512x512" href="https://blunavytraghetti.com/wp-content/themes/cosmo/assets/images/favicons/touch-icon-512x512.png" />
127  <noscript><style>.lazyload[data-src]{display:none !important;}</style></noscript><style>.lazyload{background-image:none !important;}.lazyload:before{background-image:none !important;}</style><link rel="icon" href="https://blunavytraghetti.com/wp-content/uploads/2023/06/cropped-favicon-90x90.png" sizes="32x32" />
128<link rel="icon" href="https://blunavytraghetti.com/wp-content/uploads/2023/06/cropped-favicon-300x300.png" sizes="192x192" />
129<link rel="apple-touch-icon" href="https://blunavytraghetti.com/wp-content/uploads/2023/06/cropped-favicon-300x300.png" />
130<meta name="msapplication-TileImage" content="https://blunavytraghetti.com/wp-content/uploads/2023/06/cropped-favicon-300x300.png" />
131
132    
133  </head>
134
135  <body style="" class="home wp-singular page-template page-template-tpl-homepage page-template-tpl-homepage-php page page-id-57 wp-custom-logo wp-theme-cosmo" data-lang="it">
136  
137          <header class="header">
138        <!-- MODAL MENU -->
139        <!-- ===== MAIN MODAL ===== -->
140<div class="header-modal">
141  <div class="container overflow-scroll h-100">
142
143    <div style="min-height: 100%;" class="d-flex flex-column align-items-center justify-content-between">
144      <div></div>
145  
146      <div style="margin-top: 200px" class="row">
147  
148        <!-- BIG MODAL MENU -->
149        <!-- ===== BIG MENU ===== -->
150<div class="col-12">
151  <div id="big-menu-modal" class="d-flex align-items-center justify-content-center flex-column flex-lg-row">
152            
153                  <div class="link-item">
154            <img class="d-none d-lg-block lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaUAAAIcAQAAAADOXf+hAAAAAnRSTlMAAHaTzTgAAAB1SURBVHja7cEBAQAAAIIg/69uSEABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHwZf/cAAdTNQm4AAAAASUVORK5CYII=" alt="Compagnia nave Acciarello Blu Navy Traghetto Isola Elba" data-src="https://blunavytraghetti.com/wp-content/uploads/Compagnia-nave-Acciarello-Blu-Navy-Traghetto-Isola-Elba.jpg" decoding="async" data-eio-rwidth="1445" data-eio-rheight="540"><noscript><img class="d-none d-lg-block" src="https://blunavytraghetti.com/wp-content/uploads/Compagnia-nave-Acciarello-Blu-Navy-Traghetto-Isola-Elba.jpg" alt="Compagnia nave Acciarello Blu Navy Traghetto Isola Elba" data-eio="l"></noscript>
155            <a href="https://blunavytraghetti.com/compagnia/">compagnia</a>
156          </div>
157                  <div class="link-item">
158            <img class="d-none d-lg-block lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAGEAQAAAADoqbpWAAAAAnRSTlMAAHaTzTgAAABbSURBVHja7cExAQAAAMKg9U9tBn+gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB+AxJjAAFyfBdLAAAAAElFTkSuQmCC" alt="Cosa visitare all Elba" data-src="https://blunavytraghetti.com/wp-content/uploads/Cosa-visitare-all-Elba.jpg" decoding="async" data-eio-rwidth="1440" data-eio-rheight="388"><noscript><img class="d-none d-lg-block" src="https://blunavytraghetti.com/wp-content/uploads/Cosa-visitare-all-Elba.jpg" alt="Cosa visitare all Elba" data-eio="l"></noscript>
159            <a href="https://blunavytraghetti.com/offerte-sconti-traghetti-elba/">offerte</a>
160          </div>
161                  <div class="link-item">
162            <img class="d-none d-lg-block lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAGEAQAAAADoqbpWAAAAAnRSTlMAAHaTzTgAAABbSURBVHja7cExAQAAAMKg9U9tBn+gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB+AxJjAAFyfBdLAAAAAElFTkSuQmCC" alt="Spiaggia Isola Elba" data-src="https://blunavytraghetti.com/wp-content/uploads/Spiaggia-Isola-Elba.jpg" decoding="async" data-eio-rwidth="1440" data-eio-rheight="388"><noscript><img class="d-none d-lg-block" src="https://blunavytraghetti.com/wp-content/uploads/Spiaggia-Isola-Elba.jpg" alt="Spiaggia Isola Elba" data-eio="l"></noscript>
163            <a href="https://blunavytraghetti.com/destinazioni/">destinazioni</a>
164          </div>
165                  <div class="link-item">
166            <img class="d-none d-lg-block lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABtgAAAUcAQAAAACRr6kGAAAAAnRSTlMAAHaTzTgAAAEtSURBVBgZ7cExAQAAAMIg+6deCj9gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADATWRMAAHnWlRrAAAAAElFTkSuQmCC" alt="Reception Contatti e Recapiti Assistenza Blu Navy Traghetti Elba" data-src="https://blunavytraghetti.com/wp-content/uploads/Reception-Contatti-e-Recapiti-Assistenza-Blu-Navy-Traghetti-Elba.jpg" decoding="async" data-eio-rwidth="1752" data-eio-rheight="1308"><noscript><img class="d-none d-lg-block" src="https://blunavytraghetti.com/wp-content/uploads/Reception-Contatti-e-Recapiti-Assistenza-Blu-Navy-Traghetti-Elba.jpg" alt="Reception Contatti e Recapiti Assistenza Blu Navy Traghetti Elba" data-eio="l"></noscript>
167            <a href="https://blunavytraghetti.com/orari-traghetti-isola-elba/">orari</a>
168          </div>
169                  <div class="link-item">
170            <img class="d-none d-lg-block" src="" alt="">
171            <a href="https://blunavytraghetti.com/contatti/">contatti</a>
172          </div>
173              
174          
175  </div>
176</div>
177<!-- ===== END BIG MENU ===== -->  
178        <!-- SMALL MODAL MENU -->
179        <!-- ===== SMALL MENU ===== -->
180<div class="col-12">
181  <div class="menu-small-modal">
182
183          <ul class="pt-2 pb-2 pt-lg-4 pb-lg-0 d-flex gap-3 flex-column align-items-center justify-content-center flex-lg-row">
184                  <li class="mx-1 mx-lg-3">
185                          <a style="text-decoration: none;" class="txt bold bianco sottotitolo-piccolo caps" href="https://blunavytraghetti.com/faq/">FAQ</a>
186                      </li>
187                  <li class="mx-1 mx-lg-3">
188                          <a style="text-decoration: none;" class="txt bold bianco sottotitolo-piccolo caps" href="https://blunavytraghetti.com/blog/">Blog</a>
189                      </li>
190                  <li class="mx-1 mx-lg-3">
191                          <a style="text-decoration: none;" class="txt bold bianco sottotitolo-piccolo caps" href="https://blunavytraghetti.com/news/">News</a>
192                      </li>
193              </ul>
194        
195
196  </div>
197</div>
198<!-- ===== END SMALL MENU ===== -->  
199              </div>
200  
201      <div style="margin-bottom: 10%" class="row">
202  
203        <div class="col-12">
204          <div class="my-4">
205                          <a class="btn-whatsapp txt blu-navy bold testo d-flex align-items-center justify-content-between" href="https://api.whatsapp.com/se
205nd?phone=390565269710&text=Ciao,%20ho%20bisogno%20di%20assistenza"><svg width='45' height='46' viewBox='0 0 45 46' fill='none' xmlns='http://www.w3.org/2000/svg'><path opacity='0.1' fill-rule='evenodd' clip-rule='evenodd' d='M22.5 45.4609C34.9264 45.4609 45 35.3873 45 22.9609C45 10.5345 34.9264 0.460938 22.5 0.460938C10.0736 0.460938 0 10.5345 0 22.9609C0 35.3873 10.0736 45.4609 22.5 45.4609Z' fill='#16B566'/><path fill-rule='evenodd' clip-rule='evenodd' d='M23.019 14.2345C25.1085 14.3372 27.0555 15.1988 28.5426 16.687C30.1289 18.2742 31.002 20.3841 31.0011 22.6278C30.9992 27.258 27.2299 31.0254 22.5994 31.0254C20.8581 31.0254 19.4744 30.4904 18.5809 30.0033L14.127 31.171L15.3189 26.8194C14.5837 25.5459 14.1968 24.1013 14.1974 22.6212C14.1993 17.9911 17.9683 14.2241 22.5993 14.2241L23.019 14.2345ZM18.7872 28.483L19.0423 28.6342C20.1144 29.2702 21.3434 29.6067 22.5965 29.6072H22.5993C26.4483 29.6072 29.581 26.476 29.5825 22.6274C29.5833 20.7624 28.8576 19.0087 27.5391 17.6894C26.2207 16.3701 24.4674 15.6431 22.6021 15.6425C18.7502 15.6425 15.6175 18.7733 15.616 22.6217C15.6154 23.9405 15.9846 25.225 16.6837 26.3362L16.8497 26.6003L16.1442 29.1759L18.7872 28.483ZM26.8321 24.6248C26.7796 24.5372 26.6397 24.4847 26.4298 24.3797C26.2199 24.2746 25.1877 23.767 24.9953 23.6969C24.8029 23.627 24.6629 23.592 24.523 23.802C24.383 24.012 23.9807 24.4847 23.8582 24.6248C23.7358 24.7648 23.6133 24.7823 23.4034 24.6773C23.1935 24.5723 22.5171 24.3507 21.7152 23.6358C21.0911 23.0794 20.6698 22.3923 20.5473 22.1822C20.4249 21.9722 20.5343 21.8586 20.6393 21.754C20.7338 21.66 20.8493 21.5089 20.9543 21.3864C21.0592 21.2639 21.0942 21.1763 21.1642 21.0364C21.2342 20.8963 21.1992 20.7738 21.1467 20.6688C21.0942 20.5637 20.6744 19.5309 20.4995 19.1107C20.329 18.7016 20.1559 18.757 20.0271 18.7505C19.9048 18.7445 19.7647 18.7431 19.6248 18.7431C19.4848 18.7431 19.2574 18.7956 19.0649 19.0057C18.8725 19.2158 18.3302 19.7234 18.3302 20.7562C18.3302 21.7891 19.0824 22.7867 19.1874 22.9268C19.2924 23.0669 20.6677 25.1862 22.7736 26.0951C23.2745 26.3113 23.6655 26.4404 23.9704 26.5371C24.4733 26.6968 24.931 26.6743 25.2927 26.6203C25.696 26.56 26.5348 26.1127 26.7097 25.6226C26.8846 25.1324 26.8846 24.7123 26.8321 24.6248Z' fill='white'/><mask id='mask0_3164_23443' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='15' y='15' width='15' height='15'><path fill-rule='evenodd' clip-rule='evenodd' d='M18.7884 28.4831L19.0435 28.6344C20.1157 29.2703 21.3447 29.6068 22.5977 29.6073H22.6006C26.4496 29.6073 29.5822 26.4761 29.5838 22.6275C29.5845 20.7625 28.8588 19.0088 27.5404 17.6896C26.2219 16.3702 24.4686 15.6432 22.6034 15.6426C18.7514 15.6426 15.6187 18.7734 15.6172 22.6218C15.6167 23.9407 15.9858 25.2251 16.6849 26.3363L16.8509 26.6004L16.1455 29.1761L18.7884 28.4831ZM26.8333 24.6249C26.7809 24.5373 26.6409 24.4848 26.431 24.3798C26.2211 24.2747 25.189 23.7671 24.9965 23.6971C24.8041 23.6271 24.6641 23.5921 24.5242 23.8021C24.3843 24.0122 23.982 24.4848 23.8594 24.6249C23.737 24.7649 23.6145 24.7824 23.4047 24.6774C23.1947 24.5724 22.5183 24.3508 21.7164 23.6359C21.0923 23.0795 20.671 22.3924 20.5485 22.1824C20.4261 21.9723 20.5355 21.8587 20.6406 21.7541C20.735 21.6601 20.8505 21.509 20.9555 21.3865C21.0605 21.264 21.0954 21.1764 21.1654 21.0365C21.2354 20.8964 21.2004 20.7739 21.1479 20.6689C21.0954 20.5638 20.6756 19.531 20.5007 19.1108C20.3302 18.7017 20.1572 18.7571 20.0283 18.7507C19.906 18.7446 19.7659 18.7433 19.626 18.7433C19.486 18.7433 19.2586 18.7957 19.0662 19.0058C18.8737 19.2159 18.3314 19.7236 18.3314 20.7563C18.3314 21.7892 19.0837 22.7868 19.1886 22.9269C19.2936 23.067 20.6689 25.1863 22.7749 26.0953C23.2757 26.3115 23.6668 26.4405 23.9716 26.5372C24.4746 26.6969 24.9322 26.6744 25.2939 26.6204C25.6973 26.5602 26.536 26.1128 26.7109 25.6227C26.8858 25.1325 26.8858 24.7124 26.8333 24.6249Z' fill='black'/></mask><g mask='url(#mask0_3164_23443)'><path d='M34.1375 10.9922H10.5312V34.5984H34.1375V10.9922Z' fill='url(#paint0_linear_3164_23443)'/></g><defs><linearGradient id='paint0_linear_3164_23443' x1='22.3344' y1='34.5984' x2='22.3344' y2='10.9922' gradientUnits='userSpaceOnUse'><stop stop-color='#25CF43'/><stop offset='1' stop-color='#61FD7D'/></linearGradient></defs></svg> Scrivici su Whatsapp</a>
206                      </div>
207        </div>
208  
209        <!-- CONTACTS -->
210        
211<div class="d-none d-md-block col-12 col-md-6 col-lg-4 offset-lg-2 mb-3 mb-lg-0">
212  <div class="contact-container">
213
214    <svg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M3.54 2C3.6 2.89 3.75 3.76 3.99 4.59L2.79 5.79C2.38 4.59 2.12 3.32 2.03 2H3.54ZM13.4 14.02C14.25 14.26 15.12 14.41 16 14.47V15.96C14.68 15.87 13.41 15.61 12.2 15.21L13.4 14.02ZM4.5 0H1C0.45 0 0 0.45 0 1C0 10.39 7.61 18 17 18C17.55 18 18 17.55 18 17V13.51C18 12.96 17.55 12.51 17 12.51C15.76 12.51 14.55 12.31 13.43 11.94C13.33 11.9 13.22 11.89 13.12 11.89C12.86 11.89 12.61 11.99 12.41 12.18L10.21 14.38C7.38 12.93 5.06 10.62 3.62 7.79L5.82 5.59C6.1 5.31 6.18 4.92 6.07 4.57C5.7 3.45 5.5 2.25 5.5 1C5.5 0.45 5.05 0 4.5 0Z' fill='white'/></svg>
215          <span class="txt bianco testo">
216        Info e prenotazioni:      </span>
217    
218          <h3>
219        <a class="txt bianco testo" style="text-decoration: none; color: white;" href="tel:+390565269710">
220          +39 0565 26 9710        </a>
221      </h3>
222        
223  </div>
224</div>
225
226<div class="d-none d-md-block col-12 col-md-6 col-lg-4">
227  <div class="contact-container">
228
229    <svg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M20 2C20 0.9 19.1 0 18 0H2C0.9 0 0 0.9 0 2V14C0 15.1 0.9 16 2 16H18C19.1 16 20 15.1 20 14V2ZM18 2L10 6.99L2 2H18ZM18 14H2V4L10 9L18 4V14Z' fill='white'/></svg>
230          <span class="txt bianco testo">
231        Scrivici un messaggio:      </span>
232    
233          <h3>
234        <a class="txt bianco testo " style="text-decoration: none; color: white;" href="mailto:[email protected]">
235          [email protected]        </a>
236      </h3>
237    
238  </div>
239</div>
240
241<div class="d-md-none col-12 col-md-6 col-lg-4">
242  <div class="contact-container">
243    <div class="d-flex aliogn-items-center justify-content-center">
244
245              <div class="txt text-center bianco piccolo bold">
246          Info e prenotazioni:        </div>
247      
248              <div class="txt ps-2 text-center bianco piccolo">
249          <a class="txt bianco piccolo" style="text-decoration: none; color: white;" href="tel:+390565269710">
250            +39 0565 26 9710          </a>
251        </div>
252      
253    </div>
254    <div class="d-flex aliogn-items-center justify-content-center">
255
256              <div class="txt text-center bianco piccolo bold">
257          Scrivici un messaggio:        </div>
258      
259              <div class="ps-2 text-center txt bianco piccolo">
260          <a class="txt bianco piccolo" style="text-decoration: none; color: white;" href="mailto:[email protected]">
261            [email protected]          </a>
262        </div>
263      
264    </div>
265  </div>
266</div>
267
268<div class="d-none d-lg-block col-lg-2 position-relative">
269      <a href="https://blunavytraghetti.com/rotta-in-tempo-reale/" class="nave-in-tempo d-block position-relative">
270      <svg class="radar" width="90" height="90" viewBox="0 0 90 90" fill="none" xmlns="http://www.w3.org/2000/svg">
271        <path d="M45 90C69.8528 90 90 69.8528 90 45C90 20.1472 69.8528 0 45 0C20.1472 0 0 20.1472 0 45C0 69.8528 20.1472 90 45 90Z" fill="#5CB9EF"/>
272        <path d="M44.9996 75.3315C61.7514 75.3315 75.3313 61.7516 75.3313 44.9999C75.3313 28.2482 61.7514 14.6682 44.9996 14.6682C28.2479 14.6682 14.668 28.2482 14.668 44.9999C14.668 61.7516 28.2479 75.3315 44.9996 75.3315Z" fill="#33A8EB"/>
273        <path d="M45.0009 76.1338C37.0408 76.1338 29.0486 73.0846 22.9823 67.0183C10.8496 54.8856 10.8496 35.1139 22.9823 22.9812C35.115 10.8485 54.8867 10.8485 67.0194 22.9812C79.1521 35.1139 79.1521 54.8856 67.0194 67.0183C60.9531 73.0846 52.9609 76.1338 45.0009 76.1338ZM45.0009 15.4705C37.426 15.4705 29.8832 18.3592 24.1057 24.1046C12.5829 35.6274 12.5829 54.3721 24.1057 65.8949C35.6285 77.4177 54.3732 77.4177 65.8639 65.8949C77.3867 54.3721 77.3867 35.6274 65.8639 24.1046C60.1185 18.3592 52.5437 15.4705 44.9688 15.4705H45.0009Z" fill="white"/>
274        <path d="M76.8398 13.1919L44.9995 45L13.1914 13.1919C30.7806 -4.39729 59.2506 -4.39729 76.8398 13.1919Z" fill="url(#paint0_linear_335_5831)"/>
275        <path d="M44.9994 56.5229C51.3633 56.5229 56.5222 51.364 56.5222 45.0001C56.5222 38.6362 51.3633 33.4773 44.9994 33.4773C38.6355 33.4773 33.4766 38.6362 33.4766 45.0001C33.4766 51.364 38.6355 56.5229 44.9994 56.5229Z" fill="white"/>
276        <path d="M45.0004 54.3402C50.1589 54.3402 54.3406 50.1585 54.3406 45C54.3406 39.8416 50.1589 35.6598 45.0004 35.6598C39.8419 35.6598 35.6602 39.8416 35.6602 45C35.6602 50.1585 39.8419 54.3402 45.0004 54.3402Z" fill="#292C7E"/>
277        <defs>
278        <linearGradient id="paint0_linear_335_5831" x1="12.8062" y1="22.5" x2="69.7463" y2="22.5" gradientUnits="userSpaceOnUse">
279        <stop stop-color="#D1A71D" stop-opacity="0"/>
280        <stop offset="1" stop-color="#D1A71D"/>
281        </linearGradient>
282        </defs>
283      </svg>
284
285      <svg class="text" width="250" height="250">
286        <path 
287          id="text-path"
288          d="
289            M 30, 130
290            a 25,25 0 1,1 180,0
291            a 25,25 0 1,1 -180,0
292          "
293          fill="none"
294        />
295                  <text style="stroke: #fff; fill: #fff;">
296          <textPath style="color: white; font-size: 40px; font-weight: bold;" href="#text-path">LA NAVE IN TEMPO REALE</textPath>
297          </text>
298                
299      </svg>
300    </a>
301  </div>  
302  
303        <div class="d-block d-lg-none position-relative">
304                      <a href="https://blunavytraghetti.com/rotta-in-tempo-reale/" class="nave-in-tempo d-block my-5 py-5 d-lg-none position-relative">
305              <svg class="radar" width="90" height="90" viewBox="0 0 90 90" fill="none" xmlns="http://www.w3.org/2000/svg">
306                <path d="M45 90C69.8528 90 90 69.8528 90 45C90 20.1472 69.8528 0 45 0C20.1472 0 0 20.1472 0 45C0 69.8528 20.1472 90 45 90Z" fill="#5CB9EF"/>
307                <path d="M44.9996 75.3315C61.7514 75.3315 75.3313 61.7516 75.3313 44.9999C75.3313 28.2482 61.7514 14.6682 44.9996 14.6682C28.2479 14.6682 14.668 28.2482 14.668 44.9999C14.668 61.7516 28.2479 75.3315 44.9996 75.3315Z" fill="#33A8EB"/>
308                <path d="M45.0009 76.1338C37.0408 76.1338 29.0486 73.0846 22.9823 67.0183C10.8496 54.8856 10.8496 35.1139 22.9823 22.9812C35.115 10.8485 54.8867 10.8485 67.0194 22.9812C79.1521 35.1139 79.1521 54.8856 67.0194 67.0183C60.9531 73.0846 52.9609 76.1338 45.0009 76.1338ZM45.0009 15.4705C37.426 15.4705 29.8832 18.3592 24.1057 24.1046C12.5829 35.6274 12.5829 54.3721 24.1057 65.8949C35.6285 77.4177 54.3732 77.4177 65.8639 65.8949C77.3867 54.3721 77.3867 35.6274 65.8639 24.1046C60.1185 18.3592 52.5437 15.4705 44.9688 15.4705H45.0009Z" fill="white"/>
309                <path d="M76.8398 13.1919L44.9995 45L13.1914 13.1919C30.7806 -4.39729 59.2506 -4.39729 76.8398 13.1919Z" fill="url(#paint0_linear_335_5832)"/>
310                <path d="M44.9994 56.5229C51.3633 56.5229 56.5222 51.364 56.5222 45.0001C56.5222 38.6362 51.3633 33.4773 44.9994 33.4773C38.6355 33.4773 33.4766 38.6362 33.4766 45.0001C33.4766 51.364 38.6355 56.5229 44.9994 56.5229Z" fill="white"/>
311                <path d="M45.0004 54.3402C50.1589 54.3402 54.3406 50.1585 54.3406 45C54.3406 39.8416 50.1589 35.6598 45.0004 35.6598C39.8419 35.6598 35.6602 39.8416 35.6602 45C35.6602 50.1585 39.8419 54.3402 45.0004 54.3402Z" fill="#292C7E"/>
312                <defs>
313                <linearGradient id="paint0_linear_335_5832" x1="12.8062" y1="22.5" x2="69.7463" y2="22.5" gradientUnits="userSpaceOnUse">
314                <stop stop-color="#D1A71D" stop-opacity="0"/>
315                <stop offset="1" stop-color="#D1A71D"/>
316                </linearGradient>
317                </defs>
318              </svg>
319  
320              <svg class="text" width="250" height="250">
321                <path 
322                  id="text-path"
323                  d="
324                    M 30, 130
325                    a 25,25 0 1,1 180,0
326                    a 25,25 0 1,1 -180,0
327                  "
328                  fill="none"
329                />
330                                  <text style="stroke: #fff; fill: #fff;">
331                  <textPath style="color: white; font-size: 40px; font-weight: bold;" href="#text-path">LA NAVE IN TEMPO REALE</textPath>
332                  </text>
333                                
334              </svg>
335            </a>
336                  </div>
337  
338        <!-- LINKS -->
339        <!-- ===== USEFULL LINK ===== -->
340<div class="col-12">
341  <div class="menu-links-modal pb-5 mb-5 pb-lg-0 mb-lg-0">
342
343          <ul class="pt-2 pt-lg-4 d-flex align-items-center justify-content-center flex-column flex-lg-row">
344                  <li class="pb-1 py-lg-0 mx-1 mx-lg-2">
345                          <a style="text-decoration: none;" class="d-block text-center txt bianco testo" href="https://blunavytraghetti.com/carta-dei-servizi/">Carta dei servizi</a>
346                      </li>
347                  <li class="pb-1 py-lg-0 mx-1 mx-lg-2">
348                          <a style="text-decoration: none;" class="d-block text-center txt bianco testo" href="https://blunavytraghetti.com/condizioni-di-trasporto/">Condizioni di trasporto</a>
349                      </li>
350                  <li class="pb-1 py-lg-0 mx-1 mx-lg-2">
351                          <a style="text-decoration: none;" class="d-block text-center txt bianco testo" href="https://blunavytraghetti.com/codice-etico/">Codice etico e di comportamento</a>
352                      </li>
353                  <li class="pb-1 py-lg-0 mx-1 mx-lg-2">
354                          <a style="text-decoration: none;" class="d-block text-center txt bianco testo" href="https://blunavytraghetti.com/politica-salute-sicurezza-e-ambiente/">Politica della salute, sicurezza e ambiente</a>
355                      </li>
356              </ul>
357        
358
359  </div>
360</div>
361<!-- ===== END USEFULL LINK ===== -->      </div>
362    </div>
363
364  </div>
365</div>
366<!-- ===== END MAIN MODAL ===== -->
367
368<!-- ===== MODAL SHADOW ===== -->
369<div class="header-modal-shadow">
370  <div class="header-modal-image"></div>
371</div>
372<!-- ===== END MODAL SHADOW ===== -->        <!-- HEADER TOP -->
373        
374<nav class="navbar navbar-expand-md navbar-light">
375  <div class="container d-flex align-items-center justify-content-between">
376          <div class="d-md-none bg-bianco p-2">
377        <a style="text-decoration: none;" href="https://blunavytraghetti.com/offerte-sconti-traghetti-elba/" class="txt piccolo blu-navy text-uppercase bold">
378          offerte        </a>
379      </div>
380    
381    
382    <div class="d-md-none bg-rosso-navy p-2">
383      <a style="text-decoration: none;" target="_blank" href="https://booking.blunavytraghetti.com/it/from/Portoferraio/260924/to/Piombino/260924?adulti=1&hl=it" class="txt piccolo text-white bg-rosso-navy text-uppercase bold">
384        <svg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M18.1992 0H2.19922C1.08922 0 0.209219 0.89 0.209219 2L0.199219 14C0.199219 15.11 1.08922 16 2.19922 16H18.1992C19.3092 16 20.1992 15.11 20.1992 14V2C20.1992 0.89 19.3092 0 18.1992 0ZM18.1992 14H2.19922V8H18.1992V14ZM18.1992 4H2.19922V2H18.1992V4Z' fill='white'/></svg>        acquista      </a>
385    </div>
386
387    <div id="navbarNavDropdownFirst" class="navbar d-none d-md-flex"><ul id="menu-header-primario-ita" class="navbar-nav" itemscope itemtype="http://www.schema.org/SiteNavigationElement"><li  id="menu-item-19655" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home active menu-item-19655 nav-item"><a itemprop="url" href="https://blunavytraghetti.com/" class="nav-link" aria-current="page"><span itemprop="name">Home</span></a></li>
388<li  id="menu-item-315" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children dropdown menu-item-315 nav-item"><a href="#" aria-expanded="false" class="dropdown-toggle nav-link" id="menu-item-dropdown-315" data-bs-toggle="dropdown"><span itemprop="name">La compagnia</span></a>
389<ul class="dropdown-menu" aria-labelledby="menu-item-dropdown-315">
390	<li  id="menu-item-320" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-320 nav-item"><a itemprop="url" href="https://blunavytraghetti.com/compagnia/" class="dropdown-item"><span itemprop="name">Chi siamo</span></a></li>
391	<li  id="menu-item-2013" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2013 nav-item"><a itemprop="url" href="https://blunavytraghetti.com/servizi/" class="dropdown-item"><span itemprop="name">I servizi</span></a></li>
392	<li  id="menu-item-319" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-319 nav-item"><a itemprop="url" href="https://blunavytraghetti.com/team/" class="dropdown-item"><span itemprop="name">Il team</span></a></li>
393	<li  id="menu-item-3564" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children dropdown menu-item-3564 nav-item"><a itemprop="url" href="https://blunavytraghetti.com/flotta/" class="dropdown-item"><span itemprop="name">La flotta</span></a>
394	<ul class="dropdown-menu" aria-labelledby="menu-item-dropdown-315">
395		<li  id="menu-item-3589" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3589 nav-item"><a itemprop="url" href="https://blunavytraghetti.com/rotta-in-tempo-reale/" class="dropdown-item"><span itemprop="name">Traghetti in tempo reale</span></a></li>
396		<li  id="menu-item-3567" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3567 nav-item"><a itemprop="url" href="https://blunavytraghetti.com/flotta/" class="dropdown-item"><span itemprop="name">La flotta Blu Navy</span></a></li>
397		<li  id="menu-item-15099" class="menu-item menu-item-type-post_type menu-item-object-nave menu-item-15099 nav-item"><a itemprop="url" href="https://blunavytraghetti.com/flotta/aethalia/" class="dropdown-item"><span itemprop="name">Aethalia</span></a></li>
398		<li  id="menu-item-3561" class="menu-item menu-item-type-post_type menu-item-object-nave menu-item-3561 nav-item"><a itemprop="url" href="https://blunavytraghetti.com/flotta/tremestieri/" class="dropdown-item"><span itemprop="name">Tremestieri</span></a></li>
399		<li  id="menu-item-3562" class="menu-item menu-item-type-post_type menu-item-object-nave menu-item-3562 nav-item"><a itemprop="url" href="https://blunavytraghetti.com/flotta/acciarello/" class="dropdown-item"><span itemprop="name">Acciarello</span></a></li>
400	</ul>
401</li>
402</ul>
403</li>
404<li  id="menu-item-314" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children dropdown menu-item-314 nav-item"><a href="#" aria-expanded="false" class="dropdown-toggle nav-link" id="menu-item-dropdown-314" data-bs-toggle="dropdown"><span itemprop="name">Offerte</span></a>
405<ul class="dropdown-menu" aria-labelledby="menu-item-dropdown-314">
406	<li  id="menu-item-327" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-327 nav-item"><a itemprop="url" href="https://blunavytraghetti.com/offerte-sconti-traghetti-elba/" class="dropdown-item"><span itemprop="name">Offerte traghetti Elba</span></a></li>
407	<li  id="menu-item-325" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-325 nav-item"><a itemprop="url" href="https://blunavytraghetti.com/offerte-residenti-isola-elba/" class="dropdown-item"><span itemprop="name">Offerte residenti all&#8217;Elba</span></a></li>
408	<li  id="menu-item-1993" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1993 nav-item"><a itemprop="url" href="https://blunavytraghetti.com/fidelity-card/" class="dropdown-item"><span itemprop="name">Fidelity Card</span></a></li>
409	<li  id="menu-item-326" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-326 nav-item"><a itemprop="url" href="https://blunavytraghetti.com/offerte-passate/" class="dropdown-item"><span itemprop="name">Offerte passate</span></a></li>
410</ul>
411</li>
412<li  id="menu-item-316" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children dropdown menu-item-316 nav-item"><a href="#" aria-expanded="false" class="dropdown-toggle nav-link" id="menu-item-dropdown-316" data-bs-toggle="dropdown"><span itemprop="name">Destinazioni</span></a>
413<ul class="dropdown-menu" aria-labelledby="menu-item-dropdown-316">
414	<li  id="menu-item-2217" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2217 nav-item"><a itemprop="url" href="https://blunavytraghetti.com/destinazioni/" class="dropdown-item"><span itemprop="name">Le destinazioni</span></a></li>
415	<li  id="menu-item-2088" class="menu-item menu-item-type-post_type menu-item-object-destinazione menu-item-2088 nav-item"><a itemprop="url" href="https://blunavytraghetti.com/destinazioni/isola-elba/" class="dropdown-item"><span itemprop="name">Isola d’Elba</span></a></li>
416	<li  id="menu-item-2089" class="menu-item menu-item-type-post_type menu-item-object-destinazione menu-item-2089 nav-item"><a itemprop="url" href="https://blunavytraghetti.com/destinazioni/piombino/" class="dropdown-item"><span itemprop="name">Piombino</span></a></li>
417</ul>
418</li>
419<li  id="menu-item-313" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children dropdown menu-item-313 nav-item"><a href="#" aria-expanded="false" class="dropdown-toggle nav-link" id="menu-item-dropdown-313" data-bs-toggle="dropdown"><span itemprop="name">Orari</span></a>
420<ul class="dropdown-menu" aria-labelledby="menu-item-dropdown-313">
421	<li  id="menu-item-329" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-329 nav-item"><a itemprop="url" href="https://blunavytraghetti.com/orari-traghetti-isola-elba/" class="dropdown-item"><span itemprop="name">Orari traghetti isola d&#8217;Elba</span></a></li>
422	<li  id="menu-item-1681" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1681 nav-item"><a itemprop="url" href="https://blunavytraghetti.com/parti-prima-o-parti-dopo/" class="dropdown-item"><span itemprop="name">Parti prima o parti dopo</span></a></li>
423</ul>
424</li>
425<li  id="menu-item-312" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-312 nav-item"><a itemprop="url" href="https://blunavytraghetti.com/contatti/" class="nav-link"><span itemprop="name">Contatti</span></a></li>
426</ul></div>
427    <div class="d-flex align-items-center justify-content-center" style="height: 25px;">
428      
429    		
430		<style>
431		ul#dropdownMenuButtonNotificheDropdown, ul#dropdownMenuButtonUserDropdown {
432			left: unset;
433			right: 0;
434		}
435.user-link {
436    width: 30px;
437    height: 30px;
438    padding: 3px;
439}
440.user-link svg path {
441    fill: #ffffff;
442	transition: ease .5s;
443}
444.user-link:hover svg path {
445    fill: #32a9eb;
446}			
447		</style>
448				
449
450      <div class="dropdown user">
451          <button class="btn" type="button" id="dropdownMenuButtonUser" no-data-bs-toggle="dropdown" aria-expanded="false" aria-label="Utente">
452          <span class='header-notification-container'>
453          <svg width="25" height="25" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8 .4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z" fill="white" /></svg>
454        </butto>
455        <ul class="dropdown-menu --user-head-menu dropdown-menu-end" id="dropdownMenuButtonUserDropdown" aria-labelledby="dropdownMenuButtonUser">
456            <a href="https://booking.blunavytraghetti.com/login" target="_blank">
457            <li>
458              <div class="dropdown-item" class="d-flex align-items-start justify-content-between gap-4 flex-column">
459                <h4 style="max-width: 200px; white-space: pre-wrap;" class="txt grigio-scuro testo">Accedi</h4>
460              </div>
461            </li>
462            </a>
463            <a href="https://booking.blunavytraghetti.com/register" target="_blank">
464            <li>
465              <div class="dropdown-item" class="d-flex align-items-start justify-content-between gap-4 flex-column">
466                <h4 style="max-width: 200px; white-space: pre-wrap;" class="txt grigio-scuro testo">Registrati</h4>
467              </div>
468            </li>
469            </a>
470        </ul>
471      </div>
472
473
474      <div class="dropdown notifiche">
475          <button class="btn" type="button" id="dropdownMenuButtonNotifiche" no-data-bs-toggle="dropdown" aria-expanded="false" aria-label="Notifiche">
476          <span class='header-notification-container'>
477            <svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.7988 0.200012C6.17483 0.200012 0.798828 5.57601 0.798828 12.2C0.798828 18.824 6.17483 24.2 12.7988 24.2C19.4228 24.2 24.7988 18.824 24.7988 12.2C24.7988 5.57601 19.4228 0.200012 12.7988 0.200012ZM12.7988 20C11.8028 20 10.9988 19.196 10.9988 18.2H14.5988C14.5988 19.196 13.7948 20 12.7988 20ZM18.7988 17H6.79883V15.8L7.99883 14.6V11.468C7.99883 8.92401 9.23483 6.76401 11.5988 6.20001V5.60001C11.5988 4.91601 12.1148 4.40001 12.7988 4.40001C13.4828 4.40001 13.9988 4.91601 13.9988 5.60001V6.20001C16.3628 6.76401 17.5988 8.93601 17.5988 11.468V14.6L18.7988 15.8V17Z" fill="white"/></svg>
478                        </span>
479          </button>
480        <ul class="dropdown-menu dropdown-menu-end" id="dropdownMenuButtonNotificheDropdown" aria-labelledby="dropdownMenuButtonNotifiche">
481                      <li>
482              <div class="dropdown-item">Non ci sono aggiornamenti</div>
483            </li>
484                  </ul>
485      </div>
486
487      
487<script>
488			dropdownMenuButtonNotifiche = document.getElementById("dropdownMenuButtonNotifiche");
489			dropdownMenuButtonNotificheDropdown = document.getElementById("dropdownMenuButtonNotificheDropdown");
490			dropdownMenuButtonNotifiche.addEventListener('click', () => {
491				dropdownMenuButtonNotificheDropdown.classList.toggle("show");
492			});
493			dropdownMenuButtonUser = document.getElementById("dropdownMenuButtonUser");
494			dropdownMenuButtonUserDropdown = document.getElementById("dropdownMenuButtonUserDropdown");
495			dropdownMenuButtonUser.addEventListener('click', () => {
496				dropdownMenuButtonUserDropdown.classList.toggle("show");
497			});
498		</script>
498
499
500      <div id="navbarNavDropdownSecond" class="navbar header-secondary d-none d-lg-flex"><ul id="menu-header-secondario-ita" class="navbar-nav" itemscope itemtype="http://www.schema.org/SiteNavigationElement"><li  id="menu-item-1665" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1665 nav-item"><a itemprop="url" href="https://blunavytraghetti.com/faq/" class="nav-link"><span itemprop="name">FAQ</span></a></li>
501<li  id="menu-item-310" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-310 nav-item"><a itemprop="url" href="https://blunavytraghetti.com/blog/" class="nav-link"><span itemprop="name">Blog</span></a></li>
502<li  id="menu-item-309" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-309 nav-item"><a itemprop="url" href="https://blunavytraghetti.com/news/" class="nav-link"><span itemprop="name">News</span></a></li>
503</ul></div>    </div>
504  </div>
505</nav>        <!-- HEADER BOTTOM -->
506        <div class="header-bottom pt-30 pb-30">
507  <div class="container">
508    <div class="row">
509      <div class="col-12 d-flex align-items-start justify-content-between">
510
511        <a href="https://blunavytraghetti.com/" aria-label="blunavy">
512          <div class="logo"></div>
513        </a>
514
515        
516<div id="ticket" class="ticket | d-none d-lg-flex align-items-center">
517
518  <div class="ticket-left">
519    <svg width='11' height='62' viewBox='0 0 11 62' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M4 62L11 62L11 3.8147e-06L4.00001 3.20274e-06C1.79087 3.00961e-06 5.26365e-06 1.79086 5.07052e-06 4L3.49669e-06 22.0025C0.0757395 22.0009 0.151679 22 0.227811 22C5.87618 22 10.4551 26.5789 10.4551 32.2273C10.4551 37.8757 5.87617 42.4546 0.22781 42.4546C0.151677 42.4546 0.0757378 42.4538 1.70893e-06 42.4521L3.49687e-07 58C1.56558e-07 60.2091 1.79086 62 4 62Z' fill='white'/></svg>  </div>
520
521  <div class="ticket-center | d-none d-lg-flex align-items-center">
522
523    <div class="ticket-loader open">
524      <div class="spinner-border" role="status">
525        <span class="visually-hidden">Loading...</span>
526      </div>
527    </div>
528
529    <div class="ticket-item trip ps-3">
530
531      <svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10 8.9C9.39 8.9 8.9 9.39 8.9 10C8.9 10.61 9.39 11.1 10 11.1C10.61 11.1 11.1 10.61 11.1 10C11.1 9.39 10.61 8.9 10 8.9ZM10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM12.19 12.19L4 16L7.81 7.81L16 4L12.19 12.19Z' fill='#33A8EB'/></svg>
532      <div class="trip-switch | ps-3">
533        <h3 class="txt piccolo blu-navy">
534          <span>
535            Da          </span>
536          <span class="departure | bold txt testo blu-navy">Piombino</span>
537        </h3>
538        <h3 class="txt piccolo blu-navy">
539          <span>
540          A          </span>
541          <span class="destination | bold txt testo blu-navy">Portoferraio</span>
542        </h3>
543      </div>
544
545    </div>
546    <div class="ticket-item calendar">
547
548      <svg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M18 2H17V0H15V2H5V0H3V2H2C0.9 2 0 2.9 0 4V20C0 21.1 0.9 22 2 22H18C19.1 22 20 21.1 20 20V4C20 2.9 19.1 2 18 2ZM18 20H2V7H18V20Z' fill='#33A8EB'/></svg>
549      <div class="ps-3">
550        <h3 class="txt piccolo bold blu-navy">
551          <!-- ===== TRIP DIRECTION  ===== -->
552<select id="ticket-trip-direction" class="ticket-trip-direction" name="state">
553  <option value="AR">Andata e ritorno</option>
554  <option value="A">Andata</option>
555</select>
556<!-- ===== END DIRECTION  ===== -->        </h3>
557        <p class="calendar calendar-departure | txt testo blu-navy">
558          <input id="calendar-ticket-departure" class="calendar-ticket-departure" 
559                 type="text" 
560                 readonly="" 
561                 value=""
562                 aria-label="Seleziona data di partenza">
563        </p>
564      </div>
565
566    </div>
567
568    <div class="ticket-item passengers"><svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8 8C10.21 8 12 6.21 12 4C12 1.79 10.21 0 8 0C5.79 0 4 
5681.79 4 4C4 6.21 5.79 8 8 8ZM8 10C5.33 10 0 11.34 0 14V16H16V14C16 11.34 10.67 10 8 10Z' fill='#33A8EB'/></svg><span class="total-passengers show">1</span></div>
569    
570<div class="iframe-modal passengers">
571  <div class="iframe-modal-header pb-3 d-flex justify-content-between align-items-center">
572    <span class="modal-title txt testo-piccolo blu-navy">Passeggeri</span>
573    <svg class='close-modal' width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M-0.000151038 1.41421L1.41406 0L14.142 12.7279L12.7278 14.1421L-0.000151038 1.41421Z' fill='#292C7E'/><path d='M1.41421 14.1422L0 12.728L12.7279 0.0001055L14.1421 1.41432L1.41421 14.1422Z' fill='#292C7E'/></svg>  </div>
574  <div class="iframe-modal-main px-3 pb-3">
575  
576      
577    <div data-passenger="adulti" class="passenger | d-flex align-items-center justify-content-between">
578
579      <!-- TEXT -->
580      <div>
581
582        <!-- TITLE -->
583        <div class="txt bold testo-piccolo blu-navy">
584          Adulti        </div>
585        <!-- END TITLE -->
586
587        <!-- DESCRIPTION -->
588        <div class="txt testo-piccolo blu-navy" style="opacity: 0.2;">
589          oltre 12 anni        </div>
590        <!-- END DESCRIPTION -->
591
592      </div>
593      <!-- END TEXT -->
594
595      <!-- NUMBER INPUT -->
596      <div
597  id="select-adulti"
598  class="number-select d-flex add-number"
599  role="group"
600  >
601
602  <input
603    class="input-hidden"
604    type="number"
605    min="0"
606    aria-label="Adulti: 1"
607    value='1'  >
608
609  <div class="sub"><svg width='14' height='3' viewBox='0 0 14 3' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 2.5H0V0.5H14V2.5Z' fill='#33A8EB'/></svg></div>
610
611  <div class="number">1</div>
612
613  <div class="add"><svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg></div>
614
615</div>      <!-- END NUMBER INPUT -->
616
617    </div>
618      
619    <div data-passenger="bambino" class="passenger | d-flex align-items-center justify-content-between">
620
621      <!-- TEXT -->
622      <div>
623
624        <!-- TITLE -->
625        <div class="txt bold testo-piccolo blu-navy">
626          Bambino        </div>
627        <!-- END TITLE -->
628
629        <!-- DESCRIPTION -->
630        <div class="txt testo-piccolo blu-navy" style="opacity: 0.2;">
631          dai 4 a 11 anni        </div>
632        <!-- END DESCRIPTION -->
633
634      </div>
635      <!-- END TEXT -->
636
637      <!-- NUMBER INPUT -->
638      <div
639  id="select-bambino"
640  class="number-select d-flex add-number"
641  role="group"
642  >
643
644  <input
645    class="input-hidden"
646    type="number"
647    min="0"
648    aria-label="Bambino: 0"
649      >
650
651  <div class="sub"><svg width='14' height='3' viewBox='0 0 14 3' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 2.5H0V0.5H14V2.5Z' fill='#33A8EB'/></svg></div>
652
653  <div class="number">0</div>
654
655  <div class="add"><svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg></div>
656
657</div>      <!-- END NUMBER INPUT -->
658
659    </div>
660      
661    <div data-passenger="infant" class="passenger | d-flex align-items-center justify-content-between">
662
663      <!-- TEXT -->
664      <div>
665
666        <!-- TITLE -->
667        <div class="txt bold testo-piccolo blu-navy">
668          Infant        </div>
669        <!-- END TITLE -->
670
671        <!-- DESCRIPTION -->
672        <div class="txt testo-piccolo blu-navy" style="opacity: 0.2;">
673                  </div>
674        <!-- END DESCRIPTION -->
675
676      </div>
677      <!-- END TEXT -->
678
679      <!-- NUMBER INPUT -->
680      <div
681  id="select-infant"
682  class="number-select d-flex add-number"
683  role="group"
684  >
685
686  <input
687    class="input-hidden"
688    type="number"
689    min="0"
690    aria-label="Infant: 0"
691      >
692
693  <div class="sub"><svg width='14' height='3' viewBox='0 0 14 3' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 2.5H0V0.5H14V2.5Z' fill='#33A8EB'/></svg></div>
694
695  <div class="number">0</div>
696
697  <div class="add"><svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg></div>
698
699</div>      <!-- END NUMBER INPUT -->
700
701    </div>
702  
703  </div>
704  <div class="moda-footer">
705          <div class="button-footer-modal confirm-button txt sottotitolo-piccolo blu-navy text-center">Conferma</div>
706      </div>
707</div>
708
709    <div class="ticket-item vehicles">
709<svg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M15.92 1.01C15.72 0.42 15.16 0 14.5 0H3.5C2.84 0 2.29 0.42 2.08 1.01L0 7V15C0 15.55 0.45 16 1 16H2C2.55 16 3 15.55 3 15V14H15V15C15 15.55 15.45 16 16 16H17C17.55 16 18 15.55 18 15V7L15.92 1.01ZM3.5 11C2.67 11 2 10.33 2 9.5C2 8.67 2.67 8 3.5 8C4.33 8 5 8.67 5 9.5C5 10.33 4.33 11 3.5 11ZM14.5 11C13.67 11 13 10.33 13 9.5C13 8.67 13.67 8 14.5 8C15.33 8 16 8.67 16 9.5C16 10.33 15.33 11 14.5 11ZM2 6L3.5 1.5H14.5L16 6H2Z' fill='#33A8EB'/></svg><span class="total-vehicles"></span></div>
710    
711
712
713<div class="iframe-modal vehicles">
714  <div class="iframe-modal-header pb-3 d-flex justify-content-between align-items-center">
715    <span class="modal-title txt testo-piccolo blu-navy">Veicoli</span>
716    <svg class='close-modal' width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M-0.000151038 1.41421L1.41406 0L14.142 12.7279L12.7278 14.1421L-0.000151038 1.41421Z' fill='#292C7E'/><path d='M1.41421 14.1422L0 12.728L12.7279 0.0001055L14.1421 1.41432L1.41421 14.1422Z' fill='#292C7E'/></svg>  </div>
717  <div class="iframe-modal-main px-3 pb-3">
718  
719  <div class="summary"></div>
720
721  
722    
723<div class="iframe-modal auto-da-3m-a-4m">
724  <div class="iframe-modal-header pb-3 d-flex justify-content-between align-items-center">
725    <span class="modal-title txt testo-piccolo blu-navy">Auto fino a 4mt</span>
726    <svg class='close-modal' width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M-0.000151038 1.41421L1.41406 0L14.142 12.7279L12.7278 14.1421L-0.000151038 1.41421Z' fill='#292C7E'/><path d='M1.41421 14.1422L0 12.728L12.7279 0.0001055L14.1421 1.41432L1.41421 14.1422Z' fill='#292C7E'/></svg>  </div>
727  <div class="iframe-modal-main px-3 pb-3">
728
729
730<div class="auto-da-3m-a-4m">
731
732  
733
734  
735
736
737
738      <div class="trailer-select-container">
739      <div class="trailer-select-type | d-flex align-items-center justify-content-between">
740        <div>
741          <div class="titoletto | txt bold testo-piccolo blu-navy">
742            Rimorchio          </div>
743          <div class="txt testo-piccolo blu-navy" style="opacity: 0.2;">
744            Seleziona la tipologia di rimorchio          </div>
745        </div>
746        <select>
747          <option value="">No</option>
748                          <option value="rimorchio" data-min="1" data-max="12">Rimorchio</option>
749                          <option value="roulotte" data-min="1" data-max="12">Roulotte</option>
750                    </select>
751      </div>
752      <div class="number-select-container | d-flex align-items-center justify-content-between">
753        <div>
754          <div class="titoletto | txt bold testo-piccolo blu-navy" data-tipo="" data-extra="auto-da-3m-a-4m">
755            Lunghezza rimorchio          </div>
756          <div class="txt testo-piccolo blu-navy" style="opacity: 0.2;">
757            Imposta la lunghezza del rimorchio (m)          </div>
758        </div>
759        <div
760  id="select-auto-da-3m-a-4m-trailer-length"
761  class="number-select d-flex add-number disabled"
762  data-select-type='vehicle'>
763
764  <input
765    class="input-hidden"
766    type="number"
767    min="0"
768    step="0.1"
769    aria-label="Lunghezza rimorchio: 1"
770    value='1'  >
771
772  <div class="sub" role="button" aria-label="Rimuovi"><svg width='14' height='3' viewBox='0 0 14 3' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 2.5H0V0.5H14V2.5Z' fill='#33A8EB'/></svg></div>
773
774  <div class="number" aria-live="polite">1</div>
775
776  <div class="add" role="button" aria-label="Aggiungi"><svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg></div>
777
778</div>      </div>
779    </div>
780  
781
782
783
784
785</div>
786
787  </div>
788  <div class="moda-footer">
789          <div class="button-footer-modal confirm-button-vehicle txt sottotitolo-piccolo blu-navy text-center">Conferma</div>
790      </div>
791</div>
792    <div data-vehicle="auto-da-3m-a-4m" class="vehicle | py-3 d-flex align-items-center justify-content-between">
793
794      <div class="txt testo-piccolo blu-navy">
795        Auto fino a 4mt      </div>
796      <svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg>      
797    </div>
798  
799    
800<div class="iframe-modal auto-oltre-4m">
801  <div class="iframe-modal-header pb-3 d-flex justify-content-between align-items-center">
802    <span class="modal-title txt testo-piccolo blu-navy">Auto fino a 5 mt</span>
803    <svg class='close-modal' width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M-0.000151038 1.41421L1.41406 0L14.142 12.7279L12.7278 14.1421L-0.000151038 1.41421Z' fill='#292C7E'/><path d='M1.41421 14.1422L0 12.728L12.7279 0.0001055L14.1421 1.41432L1.41421 14.1422Z' fill='#292C7E'/></svg>  </div>
804  <div class="iframe-modal-main px-3 pb-3">
805
806
807<div class="auto-oltre-4m">
808
809  
810
811  
812
813
814
815      <div class="trailer-select-container">
816      <div class="trailer-select-type | d-flex align-items-center justify-content-between">
817        <div>
818          <div class="titoletto | txt bold testo-piccolo blu-navy">
819            Rimorchio          </div>
820          <div class="txt testo-piccolo blu-navy" style="opacity: 0.2;">
821            Seleziona la tipologia di rimorchio          </div>
822        </div>
823        <select>
824          <option value="">No</option>
825                          <option value="rimorchio" data-min="1" data-max="12">Rimorchio</option>
826                          <option value="roulotte" data-min="1" data-max="12">Roulotte</option>
827                    </select>
828      </div>
829      <div class="number-select-container | d-flex align-items-center justify-content-between">
830        <div>
831          <div class="titoletto | txt bold testo-piccolo blu-navy" data-tipo="" data-extra="auto-oltre-4m">
832            Lunghezza rimorchio          </div>
833          <div class="txt testo-piccolo blu-navy" style="opacity: 0.2;">
834            Imposta la lunghezza del rimorchio (m)          </div>
835        </div>
836        <div
837  id="select-auto-oltre-4m-trailer-length"
838  class="number-select d-flex add-number disabled"
839  data-select-type='vehicle'>
840
841  <input
842    class="input-hidden"
843    type="number"
844    min="0"
845    step="0.1"
846    aria-label="Lunghezza rimorchio: 1"
847    value='1'  >
848
849  <div class="sub" role="button" aria-label="Rimuovi"><svg width='14' height='3' viewBox='0 0 14 3' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 2.5H0V0.5H14V2.5Z' fill='#33A8EB'/></svg></div>
850
851  <div class="number" aria-live="polite">1</div>
852
853  <div class="add" role="button" aria-label="Aggiungi"><svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg></div>
854
855</div>      </div>
856    </div>
857  
858
859
860
861
862</div>
863
864  </div>
865  <div class="moda-footer">
866          <div class="button-footer-modal confirm-button-vehicle txt sottotitolo-piccolo blu-navy text-center">Conferma</div>
867      </div>
868</div>
869    <div data-vehicle="auto-oltre-4m" class="vehicle | py-3 d-flex align-items-center justify-content-between">
870
871      <div class="txt testo-piccolo blu-navy">
872        Auto fino a 5 mt      </div>
873      <svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg>      
874    </div>
875  
876    
877<div class="iframe-modal auto-oltre-5m">
878  <div class="iframe-modal-header pb-3 d-flex justify-content-between align-items-center">
879    <span class="modal-title txt testo-piccolo blu-navy">Auto oltre 5mt</span>
880    <svg class='close-modal' width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M-0.000151038 1.41421L1.41406 0L14.142 12.7279L12.7278 14.1421L-0.000151038 1.41421Z' fill='#292C7E'/><path d='M1.41421 14.1422L0 12.728L12.7279 0.0001055L14.1421 1.41432L1.41421 14.1422Z' fill='#292C7E'/></svg>  </div>
881  <div class="iframe-modal-main px-3 pb-3">
882
883
884<div class="auto-oltre-5m">
885
886      <!-- ========== LOOP SUBFIELDS ========== -->
887          <div>
888        <div class="number-select-container | d-flex align-items-center justify-content-between">
889
890          <div data-tipo="" data-extra="auto-oltre-5m" class="titoletto | txt bold testo-piccolo blu-navy">
891            Lunghezza          </div>
892
893        <!-- SUBFIELD NUMBER -->
894                <div
895          id="select-auto-oltre-5m-Lunghezza"
896          class="number-select d-flex add-number"
897          data-select-type="vehicle"
898          data-subfield="Lunghezza"
899        >
900
901          <input
902            class="input-hidden"
903
904            data-type="number"
905            data-title="Lunghezza"
906            data-subfield="Lunghezza"
907
908            required            min="5.1"            max="5.9"
909            type="number" 
910            step="0.1"
911            aria-label="Lunghezza: 0"
912          >
913
914          <div class="sub"><svg width='14' height='3' viewBox='0 0 14 3' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 2.5H0V0.5H14V2.5Z' fill='#33A8EB'/></svg></div>
915          <div class="number">0</div>
916          <div class="add"><svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg></div>
917
918        </div>
919                <!-- END SUBFIELD NUMBER -->
920
921        <!-- SUBFIELD TEXT -->
922                <!-- END SUBFIELD TEXT -->
923
924        </div>
925      </div>
926    
927    <div class="footer-subfields">
928      Aggiungi anche:    </div>
929    <!-- ========== END LOOP SUBFIELDS ========== -->
930
931  
932
933  
934
935
936
937      <div class="trailer-select-container">
938      <div class="trailer-select-type | d-flex align-items-center justify-content-between">
939        <div>
940          <div class="titoletto | txt bold testo-piccolo blu-navy">
941            Rimorchio          </div>
942          <div class="txt testo-piccolo blu-navy" style="opacity: 0.2;">
943            Seleziona la tipologia di rimorchio          </div>
944        </div>
945        <select>
946          <option value="">No</option>
947                          <option value="rimorchio" data-min="1" data-max="12">Rimorchio</option>
948                          <option value="roulotte" data-min="1" data-max="12">Roulotte</option>
949                    </select>
950      </div>
951      <div class="number-select-container | d-flex align-items-center justify-content-between">
952        <div>
953          <div class="titoletto | txt bold testo-piccolo blu-navy" data-tipo="" data-extra="auto-oltre-5m">
954            Lunghezza rimorchio          </div>
955          <div class="txt testo-piccolo blu-navy" style="opacity: 0.2;">
956            Imposta la lunghezza del rimorchio (m)          </div>
957        </div>
958        <div
959  id="select-auto-oltre-5m-trailer-length"
960  class="number-select d-flex add-number disabled"
961  data-select-type='vehicle'>
962
963  <input
964    class="input-hidden"
965    type="number"
966    min="0"
967    step="0.1"
968    aria-label="Lunghezza rimorchio: 1"
969    value='1'  >
970
971  <div class="sub" role="button" aria-label="Rimuovi"><svg width='14' height='3' viewBox='0 0 14 3' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 2.5H0V0.5H14V2.5Z' fill='#33A8EB'/></svg></div>
972
973  <div class="number" aria-live="polite">1</div>
974
975  <div class="add" role="button" aria-label="Aggiungi"><svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg></div>
976
977</div>      </div>
978    </div>
979  
980
981
982
983
984</div>
985
986  </div>
987  <div class="moda-footer">
988          <div class="button-footer-modal confirm-button-vehicle txt sottotitolo-piccolo blu-navy text-center">Conferma</div>
989      </div>
990</div>
991    <div data-vehicle="auto-oltre-5m" class="vehicle | py-3 d-flex align-items-center justify-content-between">
992
993      <div class="txt testo-piccolo blu-navy">
994        Auto oltre 5mt      </div>
995      <svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg>      
996    </div>
997  
998    
999<div class="iframe-modal moto">
1000  <div class="iframe-modal-header pb-3 d-flex justify-content-between align-items-center">
1001    <span class="modal-title txt testo-piccolo blu-navy">Moto</span>
1002    <svg class='close-modal' width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M-0.000151038 1.41421L1.41406 0L14.142 12.7279L12.7278 14.1421L-0.000151038 1.41421Z' fill='#292C7E'/><path d='M1.41421 14.1422L0 12.728L12.7279 0.0001055L14.1421 1.41432L1.41421 14.1422Z' fill='#292C7E'/></svg>  </div>
1003  <div class="iframe-modal-main px-3 pb-3">
1004
1005
1006<div class="moto">
1007
1008  
1009
1010  
1011
1012
1013
1014  
1015
1016
1017
1018
1019</div>
1020
1021  </div>
1022  <div class="moda-footer">
1023          <div class="button-footer-modal confirm-button-vehicle txt sottotitolo-piccolo blu-navy text-center">Conferma</div>
1024      </div>
1025</div>
1026    <div data-vehicle="moto" class="vehicle | py-3 d-flex align-items-center justify-content-between">
1027
1028      <div class="txt testo-piccolo blu-navy">
1029        Moto      </div>
1030      <svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg>      
1031    </div>
1032  
1033    
1034<div class="iframe-modal camper">
1035  <div class="iframe-modal-header pb-3 d-flex justify-content-between align-items-center">
1036    <span class="modal-title txt testo-piccolo blu-navy">
1036Camper</span>
1037    <svg class='close-modal' width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M-0.000151038 1.41421L1.41406 0L14.142 12.7279L12.7278 14.1421L-0.000151038 1.41421Z' fill='#292C7E'/><path d='M1.41421 14.1422L0 12.728L12.7279 0.0001055L14.1421 1.41432L1.41421 14.1422Z' fill='#292C7E'/></svg>  </div>
1038  <div class="iframe-modal-main px-3 pb-3">
1039
1040
1041<div class="camper">
1042
1043      <!-- ========== LOOP SUBFIELDS ========== -->
1044          <div>
1045        <div class="number-select-container | d-flex align-items-center justify-content-between">
1046
1047          <div data-tipo="" data-extra="camper" class="titoletto | txt bold testo-piccolo blu-navy">
1048            Lunghezza          </div>
1049
1050        <!-- SUBFIELD NUMBER -->
1051                <div
1052          id="select-camper-Lunghezza"
1053          class="number-select d-flex add-number"
1054          data-select-type="vehicle"
1055          data-subfield="Lunghezza"
1056        >
1057
1058          <input
1059            class="input-hidden"
1060
1061            data-type="number"
1062            data-title="Lunghezza"
1063            data-subfield="Lunghezza"
1064
1065            required            min="4"            max="12"
1066            type="number" 
1067            step="0.1"
1068            aria-label="Lunghezza: 0"
1069          >
1070
1071          <div class="sub"><svg width='14' height='3' viewBox='0 0 14 3' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 2.5H0V0.5H14V2.5Z' fill='#33A8EB'/></svg></div>
1072          <div class="number">0</div>
1073          <div class="add"><svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg></div>
1074
1075        </div>
1076                <!-- END SUBFIELD NUMBER -->
1077
1078        <!-- SUBFIELD TEXT -->
1079                <!-- END SUBFIELD TEXT -->
1080
1081        </div>
1082      </div>
1083          <div>
1084        <div class="number-select-container | d-flex align-items-center justify-content-between">
1085
1086          <div data-tipo="" data-extra="camper" class="titoletto | txt bold testo-piccolo blu-navy">
1087            Targa          </div>
1088
1089        <!-- SUBFIELD NUMBER -->
1090                <!-- END SUBFIELD NUMBER -->
1091
1092        <!-- SUBFIELD TEXT -->
1093                  <input id="select-camper-Targa" 
1094                 data-select-type="vehicle" 
1095                 data-type="string" 
1096                 data-title="Targa" 
1097                 data-subfield="Targa"
1098                 aria-label="Targa"  
1099                 class="input number-select"  >
1100                <!-- END SUBFIELD TEXT -->
1101
1102        </div>
1103      </div>
1104    
1105    <div class="footer-subfields">
1106      Aggiungi anche:    </div>
1107    <!-- ========== END LOOP SUBFIELDS ========== -->
1108
1109  
1110
1111  
1112
1113
1114
1115      <div class="trailer-select-container">
1116      <div class="trailer-select-type | d-flex align-items-center justify-content-between">
1117        <div>
1118          <div class="titoletto | txt bold testo-piccolo blu-navy">
1119            Rimorchio          </div>
1120          <div class="txt testo-piccolo blu-navy" style="opacity: 0.2;">
1121            Seleziona la tipologia di rimorchio          </div>
1122        </div>
1123        <select>
1124          <option value="">No</option>
1125                          <option value="rimorchio" data-min="1" data-max="12">Rimorchio</option>
1126                          <option value="roulotte_camper" data-min="1" data-max="12">Roulotte</option>
1127                    </select>
1128      </div>
1129      <div class="number-select-container | d-flex align-items-center justify-content-between">
1130        <div>
1131          <div class="titoletto | txt bold testo-piccolo blu-navy" data-tipo="" data-extra="camper">
1132            Lunghezza rimorchio          </div>
1133          <div class="txt testo-piccolo blu-navy" style="opacity: 0.2;">
1134            Imposta la lunghezza del rimorchio (m)          </div>
1135        </div>
1136        <div
1137  id="select-camper-trailer-length"
1138  class="number-select d-flex add-number disabled"
1139  data-select-type='vehicle'>
1140
1141  <input
1142    class="input-hidden"
1143    type="number"
1144    min="0"
1145    step="0.1"
1146    aria-label="Lunghezza rimorchio: 1"
1147    value='1'  >
1148
1149  <div class="sub" role="button" aria-label="Rimuovi"><svg width='14' height='3' viewBox='0 0 14 3' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 2.5H0V0.5H14V2.5Z' fill='#33A8EB'/></svg></div>
1150
1151  <div class="number" aria-live="polite">1</div>
1152
1153  <div class="add" role="button" aria-label="Aggiungi"><svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg></div>
1154
1155</div>      </div>
1156    </div>
1157  
1158
1159
1160
1161
1162</div>
1163
1164  </div>
1165  <div class="moda-footer">
1166          <div class="button-footer-modal confirm-button-vehicle txt sottotitolo-piccolo blu-navy text-center">Conferma</div>
1167      </div>
1168</div>
1169    <div data-vehicle="camper" class="vehicle | py-3 d-flex align-items-center justify-content-between">
1170
1171      <div class="txt testo-piccolo blu-navy">
1172        Camper      </div>
1173      <svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg>      
1174    </div>
1175  
1176  </div>
1177  <div class="moda-footer">
1178          <div class="button-footer-modal confirm-button txt sottotitolo-piccolo blu-navy text-center">Conferma</div>
1179      </div>
1180</div>
1181  </div>
1182
1183  <div class="ticket-right">
1184    <div class="ticket-search">
1185      <svg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.5 11H11.71L11.43 10.73C12.41 9.59 13 8.11 13 6.5C13 2.91 10.09 0 6.5 0C2.91 0 0 2.91 0 6.5C0 10.09 2.91 13 6.5 13C8.11 13 9.59 12.41 10.73 11.43L11 11.71V12.5L16 17.49L17.49 16L12.5 11V11ZM6.5 11C4.01 11 2 8.99 2 6.5C2 4.01 4.01 2 6.5 2C8.99 2 11 4.01 11 6.5C11 8.99 8.99 11 6.5 11Z' fill='white'/></svg>    </div>
1186    <svg width='11' height='62' viewBox='0 0 11 62' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M7 0H0V62H7C9.20914 62 11 60.2091 11 58V41.4521C5.45659 41.3312 1 36.7997 1 31.2273C1 25.6549 5.45659 21.1233 11 21.0025V4C11 1.79086 9.20914 0 7 0Z' fill='#D2091E'/></svg>  </div>
1187
1188</div>
1189
1190<div id="ticket" class="ticket | d-flex d-lg-none align-items-center">
1191  <div class="ticket-left ticket-search p-0 ps-0 pe-0">
1192    <svg width='11' height='62' viewBox='0 0 11 62' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M4 62L11 62L11 3.8147e-06L4.00001 3.20274e-06C1.79087 3.00961e-06 5.26365e-06 1.79086 5.07052e-06 4L3.49669e-06 22.0025C0.0757395 22.0009 0.151679 22 0.227811 22C5.87618 22 10.4551 26.5789 10.4551 32.2273C10.4551 37.8757 5.87617 42.4546 0.22781 42.4546C0.151677 42.4546 0.0757378 42.4538 1.70893e-06 42.4521L3.49687e-07 58C1.56558e-07 60.2091 1.79086 62 4 62Z' fill='white'/></svg>  </div>
1193
1194  <div class="ticket-center ticket-search | p-0 ps-0 pe-0 w-100 d-block d-lg-none">
1195    <div class="ticket-item txt text-center blu-navy bold">
1196      <svg width='21' height='22' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M19.0004 20C17.6104 20 16.2204 19.53 15.0004 18.68C12.5604 20.39 9.44038 20.39 7.00038 18.68C5.78038 19.53 4.39038 20 3.00038 20H1.00038V22H3.00038C4.38038 22 5.74038 21.65 7.00038 21.01C9.52038 22.3 12.4804 22.3 15.0004 21.01C16.2604 21.66 17.6204 22 19.0004 22H21.0004V20H19.0004ZM2.95038 18H3.00038C4.60038 18 6.02038 17.12 7.00038 16C7.98038 17.12 9.40038 18 11.0004 18C12.6004 18 14.0204 17.12 15.0004 16C15.9804 17.12 17.4004 18 19.0004 18H19.0504L20.9404 11.32C21.0204 11.06 21.0004 10.78 20.8804 10.54C20.7604 10.3 20.54
119604 10.12 20.2804 10.04L19.0004 9.62V5C19.0004 3.9 18.1004 3 17.0004 3H14.0004V0H8.00038V3H5.00038C3.90038 3 3.00038 3.9 3.00038 5V9.62L1.71038 10.04C1.45038 10.12 1.23038 10.3 1.11038 10.54C0.990377 10.78 0.960377 11.06 1.05038 11.32L2.95038 18ZM5.00038 5H17.0004V8.97L11.0004 7L5.00038 8.97V5Z' fill='#33A8EB'/></svg> <span class="ps-2">Acquista il tuo biglietto</span>
1197    </div>
1198  </div>
1199
1200  <div class="ticket-right">
1201    <div class="ticket-search">
1202      <svg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.5 11H11.71L11.43 10.73C12.41 9.59 13 8.11 13 6.5C13 2.91 10.09 0 6.5 0C2.91 0 0 2.91 0 6.5C0 10.09 2.91 13 6.5 13C8.11 13 9.59 12.41 10.73 11.43L11 11.71V12.5L16 17.49L17.49 16L12.5 11V11ZM6.5 11C4.01 11 2 8.99 2 6.5C2 4.01 4.01 2 6.5 2C8.99 2 11 4.01 11 6.5C11 8.99 8.99 11 6.5 11Z' fill='white'/></svg>    </div>
1203    <svg width='11' height='62' viewBox='0 0 11 62' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M7 0H0V62H7C9.20914 62 11 60.2091 11 58V41.4521C5.45659 41.3312 1 36.7997 1 31.2273C1 25.6549 5.45659 21.1233 11 21.0025V4C11 1.79086 9.20914 0 7 0Z' fill='#D2091E'/></svg>  </div>
1204</div>
1205        <div class="d-flex align-items-start justify-content-center">
1206
1207          <!-- MODAL MENU -->
1208          <div>
1209
1210  
1211  
1212    <div class="dropdown-languages">
1213
1214      <div class="main-language text-uppercase">
1215        it      </div>
1216
1217      <ul class="menu d-none">
1218                  <li class="item">
1219            <div class="line"></div>
1220                        <a style="text-decoration: none;" class="item text-uppercase" href="https://blunavytraghetti.com/de/">
1221              de            </a>
1222          </li>
1223                    <li class="item">
1224            <div class="line"></div>
1225                        <a style="text-decoration: none;" class="item text-uppercase" href="https://blunavytraghetti.com/en/">
1226              en            </a>
1227          </li>
1228                    <li class="item">
1229            <div class="line"></div>
1230                        <a style="text-decoration: none;" class="item text-uppercase" href="https://blunavytraghetti.com/fr/">
1231              fr            </a>
1232          </li>
1233                </ul>
1234
1235    </div>
1236    
1237  
1238</div>          
1239          <div class="hamburger" id="hamburger-1">
1240            <span class="line"></span>
1241            <span class="line"></span>
1242            <span class="line"></span>
1243          </div>
1244        </div>
1245      </div>
1246
1247    </div>
1248  </div>
1249</div>      </header>
1250    
1251
1252  <section id="homepage-hero">
1253
1254  <div id="flexible-content">
1255	    <section class="splide" data-splide='{"autoplay": true,"interval": 25000,"type":"loop", "clones": 0, "height":"796px", "arrows": true}'>
1256      <div class="splide__track">
1257		    <ul class="splide__list">
1258		      
1259
1260
1261<!-- <li class="splide__slide" style="background-image: url()"> -->
1262<li class="splide__slide">
1263
1264  
1265          <img class="d-none d-lg-block" src="https://blunavytraghetti.com/wp-content/uploads/Blu-Navy-2026.webp" alt="" data-skip-lazy>
1266    
1267          <img class="d-lg-none" src="https://blunavytraghetti.com/wp-content/uploads/BluNavy-2026.webp" alt="" data-skip-lazy>
1268    
1269  
1270  
1271
1272
1273  <div class="layer | d-flex align-items-start align-items-lg-center justify-content-center text-white text-uppercase">
1274    <div class="container">
1275      <div class="row">
1276        <div class="col-lg-6">
1277          <div class="layer-content">
1278                                                  <p class="txt bold titolo-grande text-center text-lg-start">
1279            SCOPRI L'ISOLA D'ELBA: <b>PRENOTA CON BLU NAVY</b>              </p>
1280                                      <p class="txt bold sottotitolo-piccolo text-center text-lg-start">
1281                Fino a 24 corse giornaliere, circa un'ora di viaggio, le tariffe più convenienti               </p>
1282            
1283                          
1284                  
1285                                                                  <a target="_blank" href="https://booking.blunavytraghetti.com/it" class="btn button-cta d-flex align-items-center bianco-hover-border">
1286                    PRENOTA ORA <svg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0.589844 10.59L5.16984 6L0.589844 1.41L1.99984 0L7.99984 6L1.99984 12L0.589844 10.59Z' fill='white'/></svg>                  </a>
1287                              
1288                      </div>
1289        </div>
1290        <div class="col-lg-6">
1291                            </div>
1292      </div>
1293    </div>
1294  </div>
1295</li>
1296
1297
1298
1299<!-- <li class="splide__slide" style="background-image: url()"> -->
1300<li class="splide__slide">
1301
1302      <video class="hero-video" autoplay muted loop playsinline poster="https://blunavytraghetti.com/wp-content/uploads/traghetto-Blu-Navy-per-Isola-Elba.webp">
1303      <source src="" data-src="https://blunavytraghetti.com/wp-content/uploads/Blu-Navt-Traghetti-Video-Sito-Dk.mp4" data-src-mobile="https://blunavytraghetti.com/wp-content/uploads/Blu-Navy-Traghetti-Sito-Mob2.mp4" type="video/mp4">
1304    </video>
1305  
1306  
1307
1308
1309  <div class="layer | d-flex align-items-start align-items-lg-center justify-content-center text-white text-uppercase">
1310    <div class="container">
1311      <div class="row">
1312        <div class="col-lg-6">
1313          <div class="layer-content">
1314                          <span class="label | txt piccolo">
1315                <b>fino al 20%</b>              </span>
1316                                                  <p class="txt bold titolo-grande text-center text-lg-start">
1317            Andata e Ritorno <b>fino al 20%</b> di sconto              </p>
1318                                      <p class="txt bold sottotitolo-piccolo text-center text-lg-start">
1319                Pianifica ora la tua vacanza sull’isola e inizia a risparmiare.              </p>
1320            
1321                          
1322                                                <a href="https://blunavytraghetti.com/offerte-e-sconti-traghetti-elba/sconto-20-per-cento-traghetto-andata-e-ritorno-isola-elba/" class="btn button-cta d-flex align-items-center bianco-hover-border">
1323                    Scopri la promozione <svg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0.589844 10.59L5.16984 6L0.589844 1.41L1.99984 0L7.99984 6L1.99984 12L0.589844 10.59Z' fill='white'/></svg>                  </a>
1324                                  
1325              
1326                      </div>
1327        </div>
1328        <div class="col-lg-6">
1329                  </div>
1330      </div>
1331    </div>
1332  </div>
1333</li>
1334        </ul>
1335      </div>
1336    </section>
1337	
1338  </div>  
1339  
1340<div class="container mb-5 mb-lg-0 pb-5 pb-lg-0">
1341  <div class="row">
1342    <div class="col-12">
1343      <div id="iframe-hero" class="center-card">
1344      
1345        <div class="container-card" data-lang="it">
1346      
1347          <!-- ========== CARD LEFT ========== -->
1348          <div class="card-left">
1349            <div class="corner-top-left"></div>
1350            <div class="fill-space"></div>
1351              <svg width="22" height="44" viewBox="0 0 22 44" fill="none" xmlns="http://www.w3.org/2000/svg">
1352                <path fill-rule="evenodd" clip-rule="evenodd" d="M0 44C12.1504 44 22 34.1504 22 22V44H0ZM0 0C12.1504 0 22 9.84961 22 22V0H0Z" fill="white"/>
1353              </svg>
1354            <div class="fill-space"></div>
1355            <div class="corner-bottom-left"></div>
1356          </div>
1357          <!-- ========== END LEFT ========== -->
1358      
1359          <!-- ========== CARD CENTER ========== -->
1360          <div class="card-center">
1361
1362                          <div id="iframe-hero--labels">
1363                <div id="iframe-hero--label-ai">Azzurra AI</div>
1364                <div id="iframe-hero--label-ticket" class="active">Ticket</div>
1365              </div>
1366
1367              <div id="iframe-hero--ai" style="display: none;">
1368                <briget-ai
1369                id="briget-agent"
1370                data-agent-id="blunavy-azzurra"
1371                data-additional-infos=""
1372                                data-initial-prompts='[&quot;Prossima partenza di oggi, molo e orario&quot;,&quot;Orari per domani da Piombino a Portoferraio&quot;,&quot;Escursioni a ottobre, cosa mi consigli?&quot;,&quot;Migliori spiagge e luoghi da vedere&quot;]'
1373                data-lang="it"></briget-ai>
1374                
1374<script src="https://hub.briget.ai/assets/script/briget.js"></script>
1374
1375              </div>
1376                        
1377            <div id="iframe-hero--form">
1378                
1379                            
1380              <!-- ============================== FORM ============================== -->
1381              <form>
1382                <!-- TRIP DIRECTION -->
1383                <!-- ===== TRIP DIRECTION  ===== -->
1384<div id="form-trip-direction-hero" class="form-trip-direction-select-hero direction-select">
1385	
1386	<div class="form-check">
1387		<input class="form-check-input" type="radio" name="state" id="radioAndata" value="A">
1388		<label class="form-check-label" for="radioAndata">
1389			Andata		</label>
1390	</div>
1391	<div class="form-check">
1392		<input class="form-check-input" type="radio" name="state" id="radioAndataRitorno" value="AR" checked>
1393		<label class="form-check-label" for="radioAndataRitorno">
1394			Andata e ritorno		</label>
1395	</div>
1396	
1397</div>
1398<!-- ===== END DIRECTION  ===== -->
1399<!-- ===== CALENDARS  ===== -->
1400<div class="form-calendars-container">
1401
1402	<!-- ===== DATE DEPARTURE  ===== -->
1403	<div class="calendar">
1404
1405		<span class="calendar-title">Andata</span>
1406
1407		<div class="calendar-departure-city">
1408			<span class="calendar-departure-city-label">Da</span>
1409			<select class="form-select calendar-departure-city-from-select" aria-label="Andata">
1410				<option value="Piombino" selected>Piombino</option>
1411				<option value="Portoferraio">Portoferraio</option>
1412			</select>
1413		</div>
1414		<div class="calendar-departure-city">
1415			<span class="calendar-departure-city-label">A</span>
1416			<span class="calendar-departure-city-to-name">Portoferraio</span>
1417		</div>
1418		<div class="calendar-input">
1419			
1420	<svg class="calendar-svg" width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1421	<path d="M15.668 2.50004H14.8346V0.833374H13.168V2.50004H4.83464V0.833374H3.16797V2.50004H2.33464C1.41797 2.50004 0.667969 3.25004 0.667969 4.16671V17.5C0.667969 18.4167 1.41797 19.1667 2.33464 19.1667H15.668C16.5846 19.1667 17.3346 18.4167 17.3346 17.5V4.16671C17.3346 3.25004 16.5846 2.50004 15.668 2.50004ZM15.668 17.5H2.33464V6.66671H15.668V17.5Z" fill="#292C7E"/>
1422	</svg>
1423			<input id="calendar-date-departure" type="text" readonly="" value="" aria-label="Andata">
1424		</div>
1425
1426	</div>
1427	<!-- ===== END DATE DEPARTURE  ===== -->
1428
1429	<!-- ===== DATE RETURN  ===== -->
1430	<div class="calendar calendar-return">
1431
1432		<span class="calendar-title">Ritorno</span>
1433
1434		<div class="calendar-return-city">
1435			<span class="calendar-return-city-label">Da</span>
1436			<span class="calendar-return-city-from-name">Portoferraio</span>
1437		</div>
1438		<div class="calendar-return-city">
1439			<span class="calendar-return-city-label">A</span>
1440			<span class="calendar-return-city-to-name">Piombino</span>
1441		</div>
1442		<div class="calendar-input">
1443			<input id="calendar-date-return" type="text" readonly="" value="" aria-label="Ritorno">
1444		</div>
1445
1446	</div>
1447	<!-- ===== END DATE RETURN  ===== -->
1448
1449</div>
1450<!-- ===== END CALENDARS  ===== -->
1451<div class="iframe-modal passengers">
1452  <div class="iframe-modal-header pb-3 d-flex justify-content-between align-items-center">
1453    <span class="modal-title txt testo-piccolo blu-navy">Passeggeri</span>
1454    <svg class='close-modal' width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M-0.000151038 1.41421L1.41406 0L14.142 12.7279L12.7278 14.1421L-0.000151038 1.41421Z' fill='#292C7E'/><path d='M1.41421 14.1422L0 12.728L12.7279 0.0001055L14.1421 1.41432L1.41421 14.1422Z' fill='#292C7E'/></svg>  </div>
1455  <div class="iframe-modal-main px-3 pb-3">
1456  
1457      
1458    <div data-passenger="adulti" class="passenger | d-flex align-items-center justify-content-between">
1459
1460      <!-- TEXT -->
1461      <div>
1462
1463        <!-- TITLE -->
1464        <div class="txt bold testo-piccolo blu-navy">
1465          Adulti        </div>
1466        <!-- END TITLE -->
1467
1468        <!-- DESCRIPTION -->
1469        <div class="txt testo-piccolo blu-navy" style="opacity: 0.2;">
1470          oltre 12 anni        </div>
1471        <!-- END DESCRIPTION -->
1472
1473      </div>
1474      <!-- END TEXT -->
1475
1476      <!-- NUMBER INPUT -->
1477      <div
1478  id="select-adulti"
1479  class="number-select d-flex add-number"
1480  role="group"
1481  >
1482
1483  <input
1484    class="input-hidden"
1485    type="number"
1486    min="0"
1487    aria-label="Adulti: 1"
1488    value='1'  >
1489
1490  <div class="sub"><svg width='14' height='3' viewBox='0 0 14 3' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 2.5H0V0.5H14V2.5Z' fill='#33A8EB'/></svg></div>
1491
1492  <div class="number">1</div>
1493
1494  <div class="add"><svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg></div>
1495
1496</div>      <!-- END NUMBER INPUT -->
1497
1498    </div>
1499      
1500    <div data-passenger="bambino" class="passenger | d-flex align-items-center justify-content-between">
1501
1502      <!-- TEXT -->
1503      <div>
1504
1505        <!-- TITLE -->
1506        <div class="txt bold testo-piccolo blu-navy">
1507          Bambino        </div>
1508        <!-- END TITLE -->
1509
1510        <!-- DESCRIPTION -->
1511        <div class="txt testo-piccolo blu-navy" style="opacity: 0.2;">
1512          dai 4 a 11 anni        </div>
1513        <!-- END DESCRIPTION -->
1514
1515      </div>
1516      <!-- END TEXT -->
1517
1518      <!-- NUMBER INPUT -->
1519      <div
1520  id="select-bambino"
1521  class="number-select d-flex add-number"
1522  role="group"
1523  >
1524
1525  <input
1526    class="input-hidden"
1527    type="number"
1528    min="0"
1529    aria-label="Bambino: 0"
1530      >
1531
1532  <div class="sub"><svg width='14' height='3' viewBox='0 0 14 3' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 2.5H0V0.5H14V2.5Z' fill='#33A8EB'/></svg></div>
1533
1534  <div class="number">0</div>
1535
1536  <div class="add"><svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg></div>
1537
1538</div>      <!-- END NUMBER INPUT -->
1539
1540    </div>
1541      
1542    <div data-passenger="infant" class="passenger | d-flex align-items-center justify-content-between">
1543
1544      <!-- TEXT -->
1545      <div>
1546
1547        <!-- TITLE -->
1548        <div class="txt bold testo-piccolo blu-navy">
1549          Infant        </div>
1550        <!-- END TITLE -->
1551
1552        <!-- DESCRIPTION -->
1553        <div class="txt testo-piccolo blu-navy" style="opacity: 0.2;">
1554                  </div>
1555        <!-- END DESCRIPTION -->
1556
1557      </div>
1558      <!-- END TEXT -->
1559
1560      <!-- NUMBER INPUT -->
1561      <div
1562  id="select-infant"
1563  class="number-select d-flex add-number"
1564  role="group"
1565  >
1566
1567  <input
1568    class="input-hidden"
1569    type="number"
1570    min="0"
1571    aria-label="Infant: 0"
1572      >
1573
1574  <div class="sub"><svg width='14' height='3' viewBox='0 0 14 3' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 2.5H0V0.5H14V2.5Z' fill='#33A8EB'/></svg></div>
1575
1576  <div class="number">0</div>
1577
1578  <div class="add"><svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg></div>
1579
1580</div>      <!-- END NUMBER INPUT -->
1581
1582    </div>
1583  
1584  </div>
1585  <div class="moda-footer">
1586          <div class="button-footer-modal confirm-button txt sottotitolo-piccolo blu-navy text-center">Conferma</div>
1587      </div>
1588</div><!-- ===== PASSENGERS  ===== -->
1589<div data-modal="passengers" class="modal-control modal-control-passengers | pt-15 pb-15 pl-20 txt testo blu-navy d-flex align-items-center justify-content-between">
1590  
1591  <div class="d-flex align-items-center justify-content-start">
1592    <svg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6.9987 7.00004C8.84036 7.00004 10.332 5.50837 10.332 3.66671C10.332 1.82504 8.84036 0.333374 6.9987 0.333374C5.15703 0.333374 3.66536 1.82504 3.66536 3.66671C3.66536 5.50837 5.15703 7.00004 6.9987 7.00004ZM6.9987 8.66671C4.7737 8.66671 0.332031 9.78337 0.332031 12V13.6667H13.6654V12C13.6654 9.78337 9.2237 8.66671 6.9987 8.66671Z' fill='#292C7E'/></svg>    <span class="aggiungi | txt bold ml-10">Aggiungi passeggeri</span>
1593    <span class="totale | ml-10 align-items-center"></span>
1594  </div>
1595
1596  <svg class='justify-self-end' width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M11 5H9V9H5V11H9V15H11V11H15V9H11V5ZM10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM10 18C5.59 18 2 14.41 2 10C2 5.59 5.59 2 10 2C14.41 2 18 5.59 18 10C18 14.41 14.41 18 10 18Z' fill='#292C7E'/></svg>
1597</div>
1598<!-- ===== END PASSEENGERS  ===== -->
1599
1600
1601<div class="iframe-modal vehicles">
1602  <div class="iframe-modal-header pb-3 d-flex justify-content-between align-items-center">
1603    <span class="modal-title txt testo-piccolo blu-navy">Veicoli</span>
1604    <svg class='close-modal' width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M-0.000151038 1.41421L1.41406 0L14.142 12.7279L12.7278 14.1421L-0.000151038 1.41421Z' fill='#292C7E'/><path d='M1.41421 14.1422L0 12.728L12.7279 0.0001055L14.1421 1.41432L1.41421 14.1422Z' fill='#292C7E'/></svg>  </div>
1605  <div class="iframe-modal-main px-3 pb-3">
1606  
1607  <div class="summary"></div>
1608
1609  
1610    
1611<div class="iframe-modal auto-da-3m-a-4m">
1612  <div class="iframe-modal-header pb-3 d-flex justify-content-between align-items-center">
1613    <span class="modal-title txt testo-piccolo blu-navy">Auto fino a 4mt</span>
1614    <svg class='close-modal' width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M-0.000151038 1.41421L1.41406 0L14.142 12.7279L12.7278 14.1421L-0.000151038 1.41421Z' fill='#292C7E'/><path d='M1.41421 14.1422L0 12.728L12.7279 0.0001055L14.1421 1.41432L1.41421 14.1422Z' fill='#292C7E'/></svg>  </div>
1615  <div class="iframe-modal-main px-3 pb-3">
1616
1617
1618<div class="auto-da-3m-a-4m">
1619
1620  
1621
1622  
1623
1624
1625
1626      <div class="trailer-select-container">
1627      <div class="trailer-select-type | d-flex align-items-center justify-content-between">
1628        <div>
1629          <div class="titoletto | txt bold testo-piccolo blu-navy">
1630            Rimorchio          </div>
1631          <div class="txt testo-piccolo blu-navy" style="opacity: 0.2;">
1632            Seleziona la tipologia di rimorchio          </div>
1633        </div>
1634        <select>
1635          <option value="">No</option>
1636                          <option value="rimorchio" data-min="1" data-max="12">Rimorchio</option>
1637                          <option value="roulotte" data-min="1" data-max="12">Roulotte</option>
1638                    </select>
1639      </div>
1640      <div class="number-select-container | d-flex align-items-center justify-content-between">
1641        <div>
1642          <div class="titoletto | txt bold testo-piccolo blu-navy" data-tipo="" data-extra="auto-da-3m-a-4m">
1643            Lunghezza rimorchio          </div>
1644          <div class="txt testo-piccolo blu-navy" style="opacity: 0.2;">
1645            Imposta la lunghezza del rimorchio (m)          </div>
1646        </div>
1647        <div
1648  id="select-auto-da-3m-a-4m-trailer-length"
1649  class="number-select d-flex add-number disabled"
1650  data-select-type='vehicle'>
1651
1652  <input
1653    class="input-hidden"
1654    type="number"
1655    min="0"
1656    step="0.1"
1657    aria-label="Lunghezza rimorchio: 1"
1658    value='1'  >
1659
1660  <div class="sub" role="button" aria-label="Rimuovi"><svg width='14' height='3' viewBox='0 0 14 3' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 2.5H0V0.5H14V2.5Z' fill='#33A8EB'/></svg></div>
1661
1662  <div class="number" aria-live="polite">1</div>
1663
1664  <div class="add" role="button" aria-label="Aggiungi"><svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg></div>
1665
1666</div>      </div>
1667    </div>
1668  
1669
1670
1671
1672
1673</div>
1674
1675  </div>
1676  <div class="moda-footer">
1677          <div class="button-footer-modal confirm-button-vehicle txt sottotitolo-piccolo blu-navy text-center">Conferma</div>
1678      </div>
1679</div>
1680    <div data-vehicle="auto-da-3m-a-4m" class="vehicle | py-3 d-flex align-items-center justify-content-between">
1681
1682      <div class="txt testo-piccolo blu-navy">
1683        Auto fino a 4mt      </div>
1684      <svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg>      
1685    </div>
1686  
1687    
1688<div class="iframe-modal auto-oltre-4m">
1689  <div class="iframe-modal-header pb-3 d-flex justify-content-between align-items-center">
1690    <span class="modal-title txt testo-piccolo blu-navy">Auto fino a 5 mt</span>
1691    <svg class='close-modal' width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M-0.000151038 1.41421L1.41406 0L14.142 12.7279L12.7278 14.1421L-0.000151038 1.41421Z' fill='#292C7E'/><path d='M1.41421 14.1422L0 12.728L12.7279 0.0001055L14.1421 1.41432L1.41421 14.1422Z' fill='#292C7E'/></svg>  </div>
1692  <div class="iframe-modal-main px-3 pb-3">
1693
1694
1695<div class="auto-oltre-4m">
1696
1697  
1698
1699  
1700
1701
1702
1703      <div class="trailer-select-container">
1704      <div class="trailer-select-type | d-flex align-items-center justify-content-between">
1705        <div>
1706          <div class="titoletto | txt bold testo-piccolo blu-navy">
1707            Rimorchio          </div>
1708          <div class="txt testo-piccolo blu-navy" style="opacity: 0.2;">
1709            Seleziona la tipologia di rimorchio          </div>
1710        </div>
1711        <select>
1712          <option value="">No</option>
1713                          <option value="rimorchio" data-min="1" data-max="12">Rimorchio</option>
1714                          <option value="roulotte" data-min="1" data-max="12">Roulotte</option>
1715                    </select>
1716      </div>
1717      <div class="number-select-container | d-flex align-items-center justify-content-between">
1718        <div>
1719          <div class="titoletto | txt bold testo-piccolo blu-navy" data-tipo="" data-extra="auto-oltre-4m">
1720            Lunghezza rimorchio          </div>
1721          <div class="txt testo-piccolo blu-navy" style="opacity: 0.2;">
1722            Imposta la lunghezza del rimorchio (m)          </div>
1723        </div>
1724        <div
1725  id="select-auto-oltre-4m-trailer-length"
1726  class="number-select d-flex add-number disabled"
1727  data-select-type='vehicle'>
1728
1729  <input
1730    class="input-hidden"
1731    type="number"
1732    min="0"
1733    step="0.1"
1734    aria-label="Lunghezza rimorchio: 1"
1735    value='1'  >
1736
1737  <div class="sub" role="button" aria-label="Rimuovi"><svg width='14' height='3' viewBox='0 0 14 3' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 2.5H0V0.5H14V2.5Z' fill='#33A8EB'/></svg></div>
1738
1739  <div class="number" aria-live="polite">1</div>
1740
1741  <div class="add" role="button" aria-label="Aggiungi"><svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg></div>
1742
1743</div>      </div>
1744    </div>
1745  
1746
1747
1748
1749
1750</div>
1751
1752  </div>
1753  <div class="moda-footer">
1754          <div class="button-footer-modal confirm-button-vehicle txt sottotitolo-piccolo blu-navy text-center">Conferma</div>
1755      </div>
1756</div>
1757    <div data-vehicle="auto-oltre-4m" class="vehicle | py-3 d-flex align-items-center justify-content-between">
1758
1759      <div class="txt testo-piccolo blu-navy">
1760        Auto fino a 5 mt      </div>
1761      <svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg>      
1762    </div>
1763  
1764    
1765<div class="iframe-modal auto-oltre-5m">
1766  <div class="iframe-modal-header pb-3 d-flex justify-content-between align-items-center">
1767    <span class="modal-title txt testo-piccolo blu-navy">Auto oltre 5mt</span>
1768    <svg class='close-modal' width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M-0.000151038 1.41421L1.41406 0L14.142 12.7279L12.7278 14.1421L-0.000151038 1.41421Z' fill='#292C7E'/><path d='M1.41421 14.1422L0 12.728L12.7279 0.0001055L14.1421 1.41432L1.41421 14.1422Z' fill='#292C7E'/></svg>  </div>
1769  <div class="iframe-modal-main px-3 pb-3">
1770
1771
1772<div class="auto-oltre-5m">
1773
1774      <!-- ========== LOOP SUBFIELDS ========== -->
1775          <div>
1776        <div class="number-select-container | d-flex align-items-center justify-content-between">
1777
1778          <div data-tipo="" data-extra="auto-oltre-5m" class="titoletto | txt bold testo-piccolo blu-navy">
1779            Lunghezza          </div>
1780
1781        <!-- SUBFIELD NUMBER -->
1782                <div
1783          id="select-auto-oltre-5m-Lunghezza"
1784          class="number-select d-flex add-number"
1785          data-select-type="vehicle"
1786          data-subfield="Lunghezza"
1787        >
1788
1789          <input
1790            class="input-hidden"
1791
1792            data-type="number"
1793            data-title="Lunghezza"
1794            data-subfield="Lunghezza"
1795
1796            required            min="5.1"            max="5.9"
1797            type="number" 
1798            step="0.1"
1799            aria-label="Lunghezza: 0"
1800          >
1801
1802          <div class="sub"><svg width='14' height='3' viewBox='0 0 14 3' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 2.5H0V0.5H14V2.5Z' fill='#33A8EB'/></svg></div>
1803          <div class="number">0</div>
1804          <div class="add"><svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg></div>
1805
1806        </div>
1807                <!-- END SUBFIELD NUMBER -->
1808
1809        <!-- SUBFIELD TEXT -->
1810                <!-- END SUBFIELD TEXT -->
1811
1812        </div>
1813      </div>
1814    
1815    <div class="footer-subfields">
1816      Aggiungi anche:    </div>
1817    <!-- ========== END LOOP SUBFIELDS ========== -->
1818
1819  
1820
1821  
1822
1823
1824
1825      <div class="trailer-select-container">
1826      <div class="trailer-select-type | d-flex align-items-center justify-content-between">
1827        <div>
1828          <div class="titoletto | txt bold testo-piccolo blu-navy">
1829            Rimorchio          </div>
1830          <div class="txt testo-piccolo blu-navy" style="opacity: 0.2;">
1831            Seleziona la tipologia di rimorchio          </div>
1832        </div>
1833        <select>
1834          <option value="">No</option>
1835                          <option value="rimorchio" data-min="1" data-max="12">Rimorchio</option>
1836                          <option value="roulotte" data-min="1" data-max="12">Roulotte</option>
1837                    </select>
1838      </div>
1839      <div class="number-select-container | d-flex align-items-center justify-content-between">
1840        <div>
1841          <div class="titoletto | txt bold testo-piccolo blu-navy" data-tipo="" data-extra="auto-oltre-5m">
1842            Lunghezza rimorchio          </div>
1843          <div class="txt testo-piccolo blu-navy" style="opacity: 0.2;">
1844            Imposta la lunghezza del rimorchio (m)          </div>
1845        </div>
1846        <div
1847  id="select-auto-oltre-5m-trailer-length"
1848  class="number-select d-flex add-number disabled"
1849  data-select-type='vehicle'>
1850
1851  <input
1852    class="input-hidden"
1853    type="number"
1854    min="0"
1855    step="0.1"
1856    aria-label="Lunghezza rimorchio: 1"
1857    value='1'  >
1858
1859  <div class="sub" role="button" aria-label="Rimuovi"><svg width='14' height='3' viewBox='0 0 14 3' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 2.5H0V0.5H14V2.5Z' fill='#33A8EB'/></svg></div>
1860
1861  <div class="number" aria-live="polite">1</div>
1862
1863  <div class="add" role="button" aria-label="Aggiungi"><svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg></div>
1864
1865</div>      </div>
1866    </div>
1867  
1868
1869
1870
1871
1872</div>
1873
1874  </div>
1875  <div class="moda-footer">
1876          <div class="button-footer-modal confirm-button-vehicle txt sottotitolo-piccolo blu-navy text-center">Conferma</div>
1877      </div>
1878</div>
1879    <div data-vehicle="auto-oltre-5m" class="vehicle | py-3 d-flex align-items-center justify-content-between">
1880
1881      <div class="txt testo-piccolo blu-navy">
1882        Auto oltre 5mt      </div>
1883      <svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg>      
1884    </div>
1885  
1886    
1887<div class="iframe-modal moto">
1888  <div class="iframe-modal-header pb-3 d-flex justify-content-between align-items-center">
1889    <span class="modal-title txt testo-piccolo blu-navy">Moto</span>
1890    <svg class='close-modal' width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M-0.000151038 1.41421L1.41406 0L14.142 12.7279L12.7278 14.1421L-0.000151038 1.41421Z' fill='#292C7E'/><path d='M1.41421 14.1422L0 12.728L12.7279 0.0001055L14.1421 1.41432L1.41421 14.1422Z' fill='#292C7E'/></svg>  </div>
1891  <div class="iframe-modal-main px-3 pb-3">
1892
1893
1894<div class="moto">
1895
1896  
1897
1898  
1899
1900
1901
1902  
1903
1904
1905
1906
1907</div>
1908
1909  </div>
1910  <div class="moda-footer">
1911          <div class="button-footer-modal confirm-button-vehicle txt sottotitolo-piccolo blu-navy text-center">Conferma</div>
1912      </div>
1913</div>
1914    <div data-vehicle="moto" class="vehicle | py-3 d-flex align-items-center justify-content-between">
1915
1916      <div class="txt testo-piccolo blu-navy">
1917        Moto      </div>
1918      <svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='
1918M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg>      
1919    </div>
1920  
1921    
1922<div class="iframe-modal camper">
1923  <div class="iframe-modal-header pb-3 d-flex justify-content-between align-items-center">
1924    <span class="modal-title txt testo-piccolo blu-navy">Camper</span>
1925    <svg class='close-modal' width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M-0.000151038 1.41421L1.41406 0L14.142 12.7279L12.7278 14.1421L-0.000151038 1.41421Z' fill='#292C7E'/><path d='M1.41421 14.1422L0 12.728L12.7279 0.0001055L14.1421 1.41432L1.41421 14.1422Z' fill='#292C7E'/></svg>  </div>
1926  <div class="iframe-modal-main px-3 pb-3">
1927
1928
1929<div class="camper">
1930
1931      <!-- ========== LOOP SUBFIELDS ========== -->
1932          <div>
1933        <div class="number-select-container | d-flex align-items-center justify-content-between">
1934
1935          <div data-tipo="" data-extra="camper" class="titoletto | txt bold testo-piccolo blu-navy">
1936            Lunghezza          </div>
1937
1938        <!-- SUBFIELD NUMBER -->
1939                <div
1940          id="select-camper-Lunghezza"
1941          class="number-select d-flex add-number"
1942          data-select-type="vehicle"
1943          data-subfield="Lunghezza"
1944        >
1945
1946          <input
1947            class="input-hidden"
1948
1949            data-type="number"
1950            data-title="Lunghezza"
1951            data-subfield="Lunghezza"
1952
1953            required            min="4"            max="12"
1954            type="number" 
1955            step="0.1"
1956            aria-label="Lunghezza: 0"
1957          >
1958
1959          <div class="sub"><svg width='14' height='3' viewBox='0 0 14 3' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 2.5H0V0.5H14V2.5Z' fill='#33A8EB'/></svg></div>
1960          <div class="number">0</div>
1961          <div class="add"><svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg></div>
1962
1963        </div>
1964                <!-- END SUBFIELD NUMBER -->
1965
1966        <!-- SUBFIELD TEXT -->
1967                <!-- END SUBFIELD TEXT -->
1968
1969        </div>
1970      </div>
1971          <div>
1972        <div class="number-select-container | d-flex align-items-center justify-content-between">
1973
1974          <div data-tipo="" data-extra="camper" class="titoletto | txt bold testo-piccolo blu-navy">
1975            Targa          </div>
1976
1977        <!-- SUBFIELD NUMBER -->
1978                <!-- END SUBFIELD NUMBER -->
1979
1980        <!-- SUBFIELD TEXT -->
1981                  <input id="select-camper-Targa" 
1982                 data-select-type="vehicle" 
1983                 data-type="string" 
1984                 data-title="Targa" 
1985                 data-subfield="Targa"
1986                 aria-label="Targa"  
1987                 class="input number-select"  >
1988                <!-- END SUBFIELD TEXT -->
1989
1990        </div>
1991      </div>
1992    
1993    <div class="footer-subfields">
1994      Aggiungi anche:    </div>
1995    <!-- ========== END LOOP SUBFIELDS ========== -->
1996
1997  
1998
1999  
2000
2001
2002
2003      <div class="trailer-select-container">
2004      <div class="trailer-select-type | d-flex align-items-center justify-content-between">
2005        <div>
2006          <div class="titoletto | txt bold testo-piccolo blu-navy">
2007            Rimorchio          </div>
2008          <div class="txt testo-piccolo blu-navy" style="opacity: 0.2;">
2009            Seleziona la tipologia di rimorchio          </div>
2010        </div>
2011        <select>
2012          <option value="">No</option>
2013                          <option value="rimorchio" data-min="1" data-max="12">Rimorchio</option>
2014                          <option value="roulotte_camper" data-min="1" data-max="12">Roulotte</option>
2015                    </select>
2016      </div>
2017      <div class="number-select-container | d-flex align-items-center justify-content-between">
2018        <div>
2019          <div class="titoletto | txt bold testo-piccolo blu-navy" data-tipo="" data-extra="camper">
2020            Lunghezza rimorchio          </div>
2021          <div class="txt testo-piccolo blu-navy" style="opacity: 0.2;">
2022            Imposta la lunghezza del rimorchio (m)          </div>
2023        </div>
2024        <div
2025  id="select-camper-trailer-length"
2026  class="number-select d-flex add-number disabled"
2027  data-select-type='vehicle'>
2028
2029  <input
2030    class="input-hidden"
2031    type="number"
2032    min="0"
2033    step="0.1"
2034    aria-label="Lunghezza rimorchio: 1"
2035    value='1'  >
2036
2037  <div class="sub" role="button" aria-label="Rimuovi"><svg width='14' height='3' viewBox='0 0 14 3' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 2.5H0V0.5H14V2.5Z' fill='#33A8EB'/></svg></div>
2038
2039  <div class="number" aria-live="polite">1</div>
2040
2041  <div class="add" role="button" aria-label="Aggiungi"><svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg></div>
2042
2043</div>      </div>
2044    </div>
2045  
2046
2047
2048
2049
2050</div>
2051
2052  </div>
2053  <div class="moda-footer">
2054          <div class="button-footer-modal confirm-button-vehicle txt sottotitolo-piccolo blu-navy text-center">Conferma</div>
2055      </div>
2056</div>
2057    <div data-vehicle="camper" class="vehicle | py-3 d-flex align-items-center justify-content-between">
2058
2059      <div class="txt testo-piccolo blu-navy">
2060        Camper      </div>
2061      <svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg>      
2062    </div>
2063  
2064  </div>
2065  <div class="moda-footer">
2066          <div class="button-footer-modal confirm-button txt sottotitolo-piccolo blu-navy text-center">Conferma</div>
2067      </div>
2068</div><!-- ===== PASSENGERS  ===== -->
2069<div data-modal="vehicles" class="modal-control modal-control-vehicles | pt-15 pb-15 pl-20 txt testo blu-navy d-flex align-items-center justify-content-between">
2070  
2071  <div class="d-flex align-items-center justify-content-start">
2072    <svg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M15.92 1.01C15.72 0.42 15.16 0 14.5 0H3.5C2.84 0 2.29 0.42 2.08 1.01L0 7V15C0 15.55 0.45 16 1 16H2C2.55 16 3 15.55 3 15V14H15V15C15 15.55 15.45 16 16 16H17C17.55 16 18 15.55 18 15V7L15.92 1.01ZM3.5 11C2.67 11 2 10.33 2 9.5C2 8.67 2.67 8 3.5 8C4.33 8 5 8.67 5 9.5C5 10.33 4.33 11 3.5 11ZM14.5 11C13.67 11 13 10.33 13 9.5C13 8.67 13.67 8 14.5 8C15.33 8 16 8.67 16 9.5C16 10.33 15.33 11 14.5 11ZM2 6L3.5 1.5H14.5L16 6H2Z' fill='#292C7E'/></svg>    <span class="aggiungi | txt bold ml-10">Aggiungi veicoli</span>
2073    <span class="totale | ml-10 align-items-center"></span>
2074  </div>
2075
2076  <svg class='justify-self-end' width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M11 5H9V9H5V11H9V15H11V11H15V9H11V5ZM10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM10 18C5.59 18 2 14.41 2 10C2 5.59 5.59 2 10 2C14.41 2 18 5.59 18 10C18 14.41 14.41 18 10 18Z' fill='#292C7E'/></svg>
2077</div>
2078<!-- ===== END PASSEENGERS  ===== --><!-- ===== COUPON  ===== -->
2079<div class="form-coupon-container | pl-20 pr-20 pt-15 d-flex align-items-center justify-content-between flex-wrap">
2080  <div class="d-flex align-items-center justify-content-start">
2081    
2082  <svg width="14" height="12" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2083    <path d="M12.8 4.5L14 5.7L7.2 12.5L6 11.3L12.8 4.5ZM2 0.5H18C19.11 0.5 20 1.39 20 2.5V6.5C18.9 6.5 18 7.4 18 8.5C18 9.61 18.9 10.5 20 10.5V14.5C20 15.61 19.11 16.5 18 16.5H2C0.9 16.5 0 15.61 0 14.5V10.5C1.11 10.5 2 9.61 2 8.5C2 7.4 1.11 6.5 0 6.5V2.5C0 1.39 0.9 0.5 2 0.5ZM2 2.5V5.04C3.24 5.76 4 7.07 4 8.5C4 9.93 3.24 11.25 2 11.96V14.5H18V11.96C16.76 11.25 16 9.93 16 8.5C16 7.07 16.76 5.76 18 5.04V2.5H2ZM7.5 4.5C8.33 4.5 9 5.17 9 6C9 6.83 8.33 7.5 7.5 7.5C6.67 7.5 6 6.83 6 6C6 5.17 6.67 4.5 7.5 4.5ZM12.5 9.5C13.33 9.5 14 10.17 14 11C14 11.83 13.33 12.5 12.5 12.5C11.67 12.5 11 11.83 11 11C11 10.17 11.67 9.5 12.5 9.5Z" fill="#292C7E"/>
2084  </svg>  
2085      <input name="coupon" class="ml-10" type="text" value="" aria-label="Codice sconto" placeholder="Codice sconto">
2086  </div>
2087
2088  
2089</div>
2090
2091
2092
2093<!-- ===== END COUPON  ===== -->
2094
2095<div class="iframe-modal coupons">
2096  <div class="iframe-modal-header pb-3 d-flex justify-content-between align-items-center">
2097    <span class="modal-title txt testo-piccolo blu-navy">Richiedi coupon sconto</span>
2098    <svg class='close-modal' width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M-0.000151038 1.41421L1.41406 0L14.142 12.7279L12.7278 14.1421L-0.000151038 1.41421Z' fill='#292C7E'/><path d='M1.41421 14.1422L0 12.728L12.7279 0.0001055L14.1421 1.41432L1.41421 14.1422Z' fill='#292C7E'/></svg>  </div>
2099  <div class="iframe-modal-main px-3 pb-3">
2100<input type="hidden" name="hotel_id" value="57" />
2101
2102<div class="form-coupon-details-container | pt-15 d-flex align-items-center justify-content-between">
2103  <div class="d-flex align-items-center justify-content-start">
2104    <label class="txt testo piccolo blu-navy" for="couponRequestFirstname_hero">Nome</label> <span class="req">*</span>
2105    <input name="coupon_request[firstname]" id="couponRequestFirstname_hero" class="ml-10" type="text" value="" placeholder="Inserisci il tuo nome" required>
2106  </div>
2107</div>
2108
2109<div class="form-coupon-details-container | pt-15 d-flex align-items-center justify-content-between">
2110  <div class="d-flex align-items-center justify-content-start">
2111    <label class="txt testo piccolo blu-navy" for="couponRequestLastname_hero">Cognome</label> <span class="req">*</span>
2112    <input name="coupon_request[lastname]" id="couponRequestLastname_hero" class="ml-10" type="text" value="" placeholder="Inserisci il tuo cognome" required>
2113  </div>
2114</div>
2115
2116<div class="form-coupon-details-container | pt-15 d-flex align-items-center justify-content-between">
2117  <div class="d-flex align-items-center justify-content-start">
2118    <label class="txt testo piccolo blu-navy" for="couponRequestEmail_hero">Email</label> <span class="req">*</span>
2119    <input name="coupon_request[email]" id="couponRequestEmail_hero" class="ml-10" type="email" value="" placeholder="Inserisci il tuo indirizzo e-mail" required>
2120  </div>
2121</div>
2122
2123<div class="form-coupon-details-container | pt-15 d-flex align-items-center justify-content-between">
2124  <div class="d-flex align-items-center justify-content-start">
2125    <label class="txt testo piccolo blu-navy" for="couponRequestPhone_hero">Telefono</label> <span class="req">*</span>
2126    <input name="coupon_request[phone]" id="couponRequestPhone_hero" class="ml-10" type="text" value="" placeholder="Inserisci il tuo telefono" required>
2127  </div>
2128</div>
2129
2130<div class="form-coupon-details-notify"></div>
2131
2132  </div>
2133  <div class="moda-footer">
2134          <div class="button-footer-modal confirm-button-coupon-request txt sottotitolo-piccolo blu-navy text-center">Richiedi il tuo coupon</div>
2135      </div>
2136</div>                
2137        
2138                <div class="form-button-search">
2139                  <svg class='mr-10' width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.5 11H11.71L11.43 10.73C12.41 9.59 13 8.11 13 6.5C13 2.91 10.09 0 6.5 0C2.91 0 0 2.91 0 6.5C0 10.09 2.91 13 6.5 13C8.11 13 9.59 12.41 10.73 11.43L11 11.71V12.5L16 17.49L17.49 16L12.5 11ZM6.5 11C4.01 11 2 8.99 2 6.5C2 4.01 4.01 2 6.5 2C8.99 2 11 4.01 11 6.5C11 8.99 8.99 11 6.5 11Z' fill='white'/></svg>                  cerca                </div>
2140        
2141              </form>
2142              <!-- ============================== END FORM ============================== -->
2143            </div>
2144
2145      
2146          </div>
2147          <!-- ========== END CARD CENTER ========== -->
2148      
2149            <!-- ========== CARD RIGHT ========== -->
2150            <div class="card-right">
2151              <div class="corner-top-right"></div>
2152              <div class="fill-space"></div>
2153                <svg width="22" height="44" viewBox="0 0 22 44" fill="none" xmlns="http://www.w3.org/2000/svg">
2154                    <path fill-rule="evenodd" clip-rule="evenodd" d="M22 44C9.84974 44 0 34.1503 0 22V44H22ZM22 0C9.84974 0 0 9.84974 0 22V0H22Z" fill="white"/>
2155                </svg>
2156              <div class="fill-space"></div>
2157              <div class="corner-bottom-right"></div>
2158            </div>
2159            <!-- ========== END CARD RIGHT ========== -->
2160      
2161        </div>
2162      
2163      </div>
2164    </div>
2165  </div>
2166</div>
2167</section><section id="homepage-evidenza">
2168
2169      <div class="container">
2170      <div class="row justify-content-center">
2171        <div class="col-12">
2172          <div>
2173            <div class="splide" data-splide='{"type":"loop","arrows": false,"autoplay": true,"interval": 2000,"gap":"4rem", "autoHeight": true}'>
2174              <div class="splide__track">
2175                <ul class="splide__list">
2176                  
2177                    
2178                    <li class="splide__slide | d-flex align-items-start align-items-lg-center justify-content-between flex-column flex-lg-row">
2179                      
2180                      <div class="w-100 order-2 order-lg-1 d-flex flex-column align-items-start justify-content-between h-100">
2181                        <div>
2182                        </div>
2183                        <p class="txt bold blu-navy sottotitolo-grande text-uppercase">Assistente a bordo</p>
2184                        <p class="txt sottotitolo-piccolo py-2 py-lg-4">Il nostro servizio di <strong>assistente a bordo è pensato per rendere il tuo viaggio in traghetto più piacevole</strong> e confortevole. Durante il viaggio, le nostre assistenti saranno a tua disposizione per qualsiasi informazione tu abbia bisogno.</p>
2185                                                                              <a href="https://blunavytraghetti.com/servizi/#assistente-a-bordo" class="btn cta-button azzurro-hover">Scopri subito</a>
2186                                                  
2187                      </div>
2188  
2189                      <div class="w-100 text-end order-1 order-lg-2 mb-4 mb-lg-0">
2190                                                <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABdQAAAM7AQMAAAB5vYDTAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAK5JREFUeNrtwTEBAAAAwqD1T20ND6AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADg2wBfcgABMGL3ZQAAAABJRU5ErkJggg==" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/assistenza-blu-navy.jpg" decoding="async" class="lazyload" data-eio-rwidth="1492" data-eio-rheight="827"><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/assistenza-blu-navy.jpg" alt="" data-eio="l"></noscript>
2191                      </div>
2192                    </li>
2193                  
2194                    
2195                    <li class="splide__slide | d-flex align-items-start align-items-lg-center justify-content-between flex-column flex-lg-row">
2196                      
2197                      <div class="w-100 order-2 order-lg-1 d-flex flex-column align-items-start justify-content-between h-100">
2198                        <div>
2199                        </div>
2200                        <p class="txt bold blu-navy sottotitolo-grande text-uppercase">Fino al 20% di sconto con andata e ritorno</p>
2201                        <p class="txt sottotitolo-piccolo py-2 py-lg-4">Acquista in un unico ordine il biglietto di andata e ritorno per l'isola d'Elba e ottieni automaticamente uno sconto fino al 20%.</p>
2202                                                  <a href="https://blunavytraghetti.com/offerte-e-sconti-traghetti-elba/sconto-20-per-cento-traghetto-andata-e-ritorno-isola-elba/" class="btn cta-button azzurro-hover">Scopri subito</a>
2203                        
2204                      </div>
2205  
2206                      <div class="w-100 text-end order-1 order-lg-2 mb-4 mb-lg-0">
2207                                                <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAANwAQAAAADmBEphAAAAAnRSTlMAAHaTzTgAAADiSURBVHja7cEBAQAAAICQ/q/uCAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAajydAAG6j1s+AAAAAElFTkSuQmCC" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/Sconto-Traghetto-Andata-e-Ritorno-Blu-Navy-Isola-Elba-1920x880.webp" decoding="async" class="lazyload" data-eio-rwidth="1920" data-eio-rheight="880"><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/Sconto-Traghetto-Andata-e-Ritorno-Blu-Navy-Isola-Elba-1920x880.webp" alt="" data-eio="l"></noscript>
2208                      </div>
2209                    </li>
2210                  
2211                    
2212                    <li class="splide__slide | d-flex align-items-start align-items-lg-center justify-content-between flex-column flex-lg-row">
2213                      
2214                      <div class="w-100 order-2 order-lg-1 d-flex flex-column align-items-start justify-content-between h-100">
2215                        <div>
2216                        </div>
2217                        <p class="txt bold blu-navy sottotitolo-grande text-uppercase">Parti prima o parti dopo</p>
2218                        <p class="txt sottotitolo-piccolo py-2 py-lg-4">Un'opzione che conviene! In ogni biglietto è incluso il servizio incluso ”parti prima parti dopo”, puoi <strong>anticipare l’orario di partenza se arrivi prima alla zona di imbarco o ritardarlo</strong> se un imprevisto ti impedisce di arrivare in tempo.</p>
2219                                                  <a href="https://blunavytraghetti.com/parti-prima-o-parti-dopo/" class="btn cta-button azzurro-hover">Scopri subito</a>
2220                        
2221                      </div>
2222  
2223                      <div class="w-100 text-end order-1 order-lg-2 mb-4 mb-lg-0">
2224                                                <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAANwAQAAAADmBEphAAAAAnRSTlMAAHaTzTgAAADiSURBVHja7cEBAQAAAICQ/q/uCAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAajydAAG6j1s+AAAAAElFTkSuQmCC" alt="Parti Prima O Parti Dopo Blu Navy Traghetti Elba" data-src="https://blunavytraghetti.com/wp-content/uploads/Parti-Prima-O-Parti-Dopo-Blu-Navy-Traghetti-Elba-1920x880.jpg" decoding="async" class="lazyload" data-eio-rwidth="1920" data-eio-rheight="880"><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/Parti-Prima-O-Parti-Dopo-Blu-Navy-Traghetti-Elba-1920x880.jpg" alt="Parti Prima O Parti Dopo Blu Navy Traghetti Elba" data-eio="l"></noscript>
2225                      </div>
2226                    </li>
2227                  
2228                    
2229                    <li class="splide__slide | d-flex align-items-start align-items-lg-center justify-content-between flex-column flex-lg-row">
2230                      
2231                      <div class="w-100 order-2 order-lg-1 d-flex flex-column align-items-start justify-content-between h-100">
2232                        <div>
2233                        </div>
2234                        <p class="txt bold blu-navy sottotitolo-grande text-uppercase">Animali a bordo</p>
2235                        <p class="txt sottotitolo-piccolo py-2 py-lg-4">Siamo felici di <strong>accogliere gli animali domestici a bordo</strong> dei nostri traghetti. Le aree esterne delle nave e il ponte superiore sono le zone ideali per poter effettuare la traversata in tranquillità con il tuo compagno a 4 zampe.</p>
2236                                                                              <a href="https://blunavytraghetti.com/servizi/#animali-a-bordo" class="btn cta-button azzurro-hover">Scopri subito</a>
2237                                                  
2238                      </div>
2239  
2240                      <div class="w-100 text-end order-1 order-lg-2 mb-4 mb-lg-0">
2241                                                <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAANwAQAAAADmBEphAAAAAnRSTlMAAHaTzTgAAADiSURBVHja7cEBAQAAAICQ/q/uCAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAajydAAG6j1s+AAAAAElFTkSuQmCC" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/Cani-a-bordo-traghetto-per-Elba-Blu-Navy-1920x880.webp" decoding="async" class="lazyload" data-eio-rwidth="1920" data-eio-rheight="880"><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/Cani-a-bordo-traghetto-per-Elba-Blu-Navy-1920x880.webp" alt="" data-eio="l"></noscript>
2242                      </div>
2243                    </li>
2244                                  </ul>
2245              </div>
2246            </div>
2247          </div>
2248        </div>
2249      </div>
2250    </div>
2251  
2252</section>
2253<section id="homepage-offerte">
2254  <div class="container">
2255    <div class="row">
2256      <div class="col-12 d-flex flex-column mb-3 mb-lg-0 flex-lg-row align-items-center align-items-lg-end justify-content-center justify-content-lg-between">
2257                <h3 class="txt text-center text-lg-start titolo gold-navy">
2258            TRAGHETTI ELBA - LE NOSTRE OFFERTE          </h3>
2259                                  <a class="txt azzurro-navy text-uppercase bold testo" href="">Scoprile tutte</a>
2260                  </div>
2261
2262      
2263    </div>
2264    <div class="row mt-5">
2265      <div class="col-12">
2266
2267      
2268
2269              <div class="splide"   data-splide='{"type":"loop","pagination":false, "arrows":true, "gap": "1rem", "fixedWidth": "335px", "fixedHeight": "390px"}'>
2270          <div class="splide__track">
2271            <ul class="splide__list">
2272
2273              
2274                <li class="splide__slide">
2275                  <div class="card">
2276
2277                                      <div class="label | d-flex align-items-center justify-content-center flex-column bg-rosso-navy text-center">
2278                      <span class="text-white txt piccolo">
2279                        Scopri la                      </span>
2280                      <b class="text-white txt testo-piccolo bold text-uppercase pt-1">
2281                        promozione                      </b>
2282                    </div>
2283                                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAApwAAAF8AQAAAABKnFYXAAAAAnRSTlMAAHaTzTgAAAA2SURBVHja7cExAQAAAMKg9U9tBn+gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHgNfiwAAd9Xej4AAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/Sconto-Traghetto-Andata-e-Ritorno-Blu-Navy-Isola-Elba-668x380.webp" decoding="async" class="lazyload" data-eio-rwidth="668" data-eio-rheight="380"><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/Sconto-Traghetto-Andata-e-Ritorno-Blu-Navy-Isola-Elba-668x380.webp" alt="" data-eio="l"></noscript>
2284                    <div class="card-body">
2285                      <div>
2286                        <p class="card-title | txt bold sottotitolo-piccolo rosso-navy text-uppercase">Fino al 20% di sconto con andata e ritorno</p>
2287                        <p class="card-text | txt testo">Acquista in un unico ordine il biglietto di andata e ritorno per l'isola d'Elba e ottieni automaticamente uno sconto fino al 20%.</p>
2288                      </div>
2289                      <a href="https://blunavytraghetti.com/offerte-e-sconti-traghetti-elba/sconto-20-per-cento-traghetto-andata-e-ritorno-isola-elba/" class="btn btn-primary azzurro-hover">Dimmi di più</a>
2290                    </div>
2291                  </div>
2292                </li>
2293
2294              
2295                <li class="splide__slide">
2296                  <div class="card">
2297
2298                                      <div class="label | d-flex align-items-center justify-content-center flex-column bg-rosso-navy text-center">
2299                      <span class="text-white txt piccolo">
2300                        Scopri la                      </span>
2301                      <b class="text-white txt testo-piccolo bold text-uppercase pt-1">
2302                        PROMOZIONE                      </b>
2303                    </div>
2304                                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAApwAAAF8AQAAAABKnFYXAAAAAnRSTlMAAHaTzTgAAAA2SURBVHja7cExAQAAAMKg9U9tBn+gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHgNfiwAAd9Xej4AAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/gruppi-668x380.jpg" decoding="async" class="lazyload" data-eio-rwidth="668" data-eio-rheight="380"><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/gruppi-668x380.jpg" alt="" data-eio="l"></noscript>
2305                    <div class="card-body">
2306                      <div>
2307                        <p class="card-title | txt bold sottotitolo-piccolo rosso-navy text-uppercase">Gruppi vacanza</p>
2308                        <p class="card-text | txt testo">Viaggi in gruppo? C'è una tariffa dedicata a te.</p>
2309                      </div>
2310                      <a href="https://blunavytraghetti.com/offerte-e-sconti-traghetti-elba/gruppi-vacanza-isola-elba/" class="btn btn-primary azzurro-hover">Dimmi di più</a>
2311                    </div>
2312                  </div>
2313                </li>
2314
2315              
2316                <li class="splide__slide">
2317                  <div class="card">
2318
2319                                      <div class="label | d-flex align-items-center justify-content-center flex-column bg-rosso-navy text-center">
2320                      <span class="text-white txt piccolo">
2321                        Scopri la                      </span>
2322                      <b class="text-white txt testo-piccolo bold text-uppercase pt-1">
2323                        PROMOZIONE                      </b>
2324                    </div>
2325                                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAApwAAAF8AQAAAABKnFYXAAAAAnRSTlMAAHaTzTgAAAA2SURBVHja7cExAQAAAMKg9U9tBn+gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHgNfiwAAd9Xej4AAAAASUVORK5CYII=" alt="Abbonamento pendolari Blu Navy Traghetti" data-src="https://blunavytraghetti.com/wp-content/uploads/Abbonamento-pendolari-Blu-Navy-Traghetti-668x380.jpg" decoding="async" class="lazyload" data-eio-rwidth="668" data-eio-rheight="380"><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/Abbonamento-pendolari-Blu-Navy-Traghetti-668x380.jpg" alt="Abbonamento pendolari Blu Navy Traghetti" data-eio="l"></noscript>
2326                    <div class="card-body">
2327                      <div>
2328                        <p class="card-title | txt bold sottotitolo-piccolo rosso-navy text-uppercase">Abbonamento pendolari</p>
2329                        <p class="card-text | txt testo">Viaggia comodamente e risparmia ogni giorno con il nostro abbonamento dedicato ai pendolari e residenti.</p>
2330                      </div>
2331                      <a href="https://blunavytraghetti.com/offerte-e-sconti-traghetti-elba/abbonamento-pendolari/" class="btn btn-primary azzurro-hover">Dimmi di più</a>
2332                    </div>
2333                  </div>
2334                </li>
2335
2336              
2337                <li class="splide__slide">
2338                  <div class="card">
2339
2340                                      <div class="label | d-flex align-items-center justify-content-center flex-column bg-rosso-navy text-center">
2341                      <span class="text-white txt piccolo">
2342                        Scopri la                      </span>
2343                      <b class="text-white txt testo-piccolo bold text-uppercase pt-1">
2344                        TARIFFA SPECIALE                      </b>
2345                    </div>
2346                                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAApwAAAF8AQAAAABKnFYXAAAAAnRSTlMAAHaTzTgAAAA2SURBVHja7cExAQAAAMKg9U9tBn+gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHgNfiwAAd9Xej4AAAAASUVORK5CYII=" alt="Sconto nativi 1 passeggero con auto Blu Navy" data-src="https://blunavytraghetti.com/wp-content/uploads/Sconto-nativi-1-passeggero-con-auto-Blu-Navy-668x380.jpg" decoding="async" class="lazyload" data-eio-rwidth="668" data-eio-rheight="380"><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/Sconto-nativi-1-passeggero-con-auto-Blu-Navy-668x380.jpg" alt="Sconto nativi 1 passeggero con auto Blu Navy" data-eio="l"></noscript>
2347                    <div class="card-body">
2348                      <div>
2349                        <p class="card-title | txt bold sottotitolo-piccolo rosso-navy text-uppercase">Tariffa speciale nativi dell&#8217;Isola d&#8217;Elba</p>
2350                        <p class="card-text | txt testo">Una tariffa speciale per chi è nato all'isola d'Elba.</p>
2351                      </div>
2352                      <a href="https://blunavytraghetti.com/offerte-e-sconti-traghetti-elba/sconto-nativi-1-passeggero-con-auto/" class="btn btn-primary azzurro-hover">Dimmi di più</a>
2353                    </div>
2354                  </div>
2355                </li>
2356
2357              
2358                <li class="splide__slide">
2359                  <div class="card">
2360
2361                                      <div class="label | d-flex align-items-center justify-content-center flex-column bg-rosso-navy text-center">
2362                      <span class="text-white txt piccolo">
2363                        Offerta speciale                      </span>
2364                      <b class="text-white txt testo-piccolo bold text-uppercase pt-1">
2365                        MEZZI PESANTI                      </b>
2366                    </div>
2367                                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAApwAAAF8AQAAAABKnFYXAAAAAnRSTlMAAHaTzTgAAAA2SURBVHja7cExAQAAAMKg9U9tBn+gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHgNfiwAAd9Xej4AAAAASUVORK5CYII=" alt="Trasporto Merci Con Blu Navy" data-src="https://blunavytraghetti.com/wp-content/uploads/Trasporto-Merci-Con-Blu-Navy-668x380.jpg" decoding="async" class="lazyload" data-eio-rwidth="668" data-eio-rheight="380"><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/Trasporto-Merci-Con-Blu-Navy-668x380.jpg" alt="Trasporto Merci Con Blu Navy" data-eio="l"></noscript>
2368                    <div class="card-body">
2369                      <div>
2370                        <p class="card-title | txt bold sottotitolo-piccolo rosso-navy text-uppercase">Trasporto merci camion</p>
2371                        <p class="card-text | txt testo">Per tutte le compagnie con mezzi pesanti o trasporto merci.</p>
2372                      </div>
2373                      <a href="https://blunavytraghetti.com/offerte-e-sconti-traghetti-elba/trasporto-merci-camion-piombino-elba/" class="btn btn-primary azzurro-hover">Dimmi di più</a>
2374                    </div>
2375                  </div>
2376                </li>
2377
2378              
2379                <li class="splide__slide">
2380                  <div class="card">
2381
2382                                      <div class="label | d-flex align-items-center justify-content-center flex-column bg-rosso-navy text-center">
2383                      <span class="text-white txt piccolo">
2384                        Contatta                       </span>
2385                      <b class="text-white txt testo-piccolo bold text-uppercase pt-1">
2386                        IL NOSTRO COMMERCIALE                      </b>
2387                    </div>
2388                                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAApwAAAF8AQAAAABKnFYXAAAAAnRSTlMAAHaTzTgAAAA2SURBVHja7cExAQAAAMKg9U9tBn+gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHgNfiwAAd9Xej4AAAAASUVORK5CYII=" alt="hotel th ortano con BluNavy traghetti" data-src="https://blunavytraghetti.com/wp-content/uploads/hotel-th-ortano-con-BluNavy-traghetti-668x380.jpg" decoding="async" class="lazyload" data-eio-rwidth="668" data-eio-rheight="380"><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/hotel-th-ortano-con-BluNavy-traghetti-668x380.jpg" alt="hotel th ortano con BluNavy traghetti" data-eio="l"></noscript>
2389                    <div class="card-body">
2390                      <div>
2391                        <p class="card-title | txt bold sottotitolo-piccolo rosso-navy text-uppercase">Hai un hotel all&#8217;isola d&#8217;Elba?</p>
2392                        <p class="card-text | txt testo">Scopri tutti gli strumenti e le offerte riservate per la tua struttura ricettiva.</p>
2393                      </div>
2394                      <a href="https://blunavytraghetti.com/offerte-e-sconti-traghetti-elba/struttura-ricettiva-elba/" class="btn btn-primary azzurro-hover">Dimmi di più</a>
2395                    </div>
2396                  </div>
2397                </li>
2398
2399              
2400                <li class="splide__slide">
2401                  <div class="card">
2402
2403                                      <div class="label | d-flex align-items-center justify-content-center flex-column bg-rosso-navy text-center">
2404                      <span class="text-white txt piccolo">
2405                        Scopri                      </span>
2406                      <b class="text-white txt testo-piccolo bold text-uppercase pt-1">
2407                        Offerta                      </b>
2408                    </div>
2409                                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAApwAAAF8AQAAAABKnFYXAAAAAnRSTlMAAHaTzTgAAAA2SURBVHja7cExAQAAAMKg9U9tBn+gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHgNfiwAAd9Xej4AAAAASUVORK5CYII=" alt="Isola Elba foto paesaggio" data-src="https://blunavytraghetti.com/wp-content/uploads/Isola-Elba-foto-paesaggio-668x380.jpg" decoding="async" class="lazyload" data-eio-rwidth="668" data-eio-rheight="380"><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/Isola-Elba-foto-paesaggio-668x380.jpg" alt="Isola Elba foto paesaggio" data-eio="l"></noscript>
2410                    <div class="card-body">
2411                      <div>
2412                        <p class="card-title | txt bold sottotitolo-piccolo rosso-navy text-uppercase">Sconto seconda casa</p>
2413                        <p class="card-text | txt testo">Sconto riservato ai possessori di una seconda casa sull’Isola d’Elba.</p>
2414                      </div>
2415                      <a href="https://blunavytraghetti.com/offerte-e-sconti-traghetti-elba/sconto-seconda-casa/" class="btn btn-primary azzurro-hover">Dimmi di più</a>
2416                    </div>
2417                  </div>
2418                </li>
2419
2420              
2421            </ul>
2422          </div>
2423        </div>
2424      
2425      
2426
2427
2428
2429      </div>
2430    </div>
2431  </div>
2432</section><section id="homepage-servizi">
2433
2434  <div class="container">
2435    <div class="row">
2436        
2437          <div class="col-12 col-lg-11 d-flex flex-column mb-3 mb-lg-0 flex-lg-row align-items-center align-items-lg-end justify-content-center justify-content-lg-between">
2438                          <h2 class="txt text-center text-lg-start sottotitolo-grande gold-navy text-uppercase bold">
2439                I SERVIZI DI BLU NAVY TRAGHETTI DA E PER L'ISOLA D'ELBA              </h2>
2440                    
2441                          <a class="txt azzurro-navy text-uppercase bold testo" style="text-decoration: none;" href="https://blunavytraghetti.com/servizi/">Scoprili tutti</a>
2442                      </div>
2443
2444        
2445    </div>
2446  </div>
2447
2448  <div class="container-full px-3">
2449    <div class="row">
2450      <div class="col-12">
2451        <div class="splide" data-autoscroll="true"   data-splide='{"type":"loop", "copies": 10, "rewind": true, "cloneStatus": false, "pagination": false, "arrows": false, "gap": "1rem", "autoWidth": true}'>
2452          <div class="splide__track">
2453            <ul class="splide__list">
2454
2455                                                      <li class="splide__slide">
2456                          <div class="card-servizi">
2457                                                          <img loading="lazy" height="24" width="24" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMMAAADDAQAAAAAXBJgHAAAAAnRSTlMAAHaTzTgAAAAcSURBVFjD7cEBDQAAAMKg909tDjegAAAAAIAPAxPOAAH82JXmAAAAAElFTkSuQmCC" alt="Icona assistente a bordo hostess servizio blu navy traghetti elba" data-src="https://blunavytraghetti.com/wp-content/uploads/Icona-assistente-a-bordo-hostess-servizio-blu-navy-traghetti-elba.png" decoding="async" class="lazyload" data-eio-rwidth="195" data-eio-rheight="195" /><noscript><img loading="lazy" height="24" width="24" src="https://blunavytraghetti.com/wp-content/uploads/Icona-assistente-a-bordo-hostess-servizio-blu-navy-traghetti-elba.png" alt="Icona assistente a bordo hostess servizio blu navy traghetti elba" data-eio="l" /></noscript>
2458                                                        <span>Assistente a bordo</span>
2459                          </div>
2460                                                      <div class="servizi-modal">
2461                              <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo" >ASSISTENTE A BORDO</h3>
2462                              <p class="txt testo">L’attenzione è al centro del nostro impegno. Il personale di bordo è pronto ad assistervi.</p>
2463
2464                                                                                                <a class="azzurro-hover d-block w-100 py-2 txt testo border-azzurro-navy bordo azzurro-nav
2464y text-center bold"  href="https://blunavytraghetti.com/servizi/#assistente-a-bordo">Scopri di più</a>
2465                                                                                            
2466                            </div>
2467                                                    
2468                      </li>
2469                                        <li class="splide__slide">
2470                          <div class="card-servizi">
2471                                                          <img loading="lazy" height="24" width="24" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMMAAADDAQAAAAAXBJgHAAAAAnRSTlMAAHaTzTgAAAAcSURBVFjD7cEBDQAAAMKg909tDjegAAAAAIAPAxPOAAH82JXmAAAAAElFTkSuQmCC" alt="Icona tv servizio blu navy traghetti elba" data-src="https://blunavytraghetti.com/wp-content/uploads/Icona-tv-servizio-blu-navy-traghetti-elba.png" decoding="async" class="lazyload" data-eio-rwidth="195" data-eio-rheight="195" /><noscript><img loading="lazy" height="24" width="24" src="https://blunavytraghetti.com/wp-content/uploads/Icona-tv-servizio-blu-navy-traghetti-elba.png" alt="Icona tv servizio blu navy traghetti elba" data-eio="l" /></noscript>
2472                                                        <span>TV a bordo</span>
2473                          </div>
2474                                                      <div class="servizi-modal">
2475                              <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo" >TV A BORDO</h3>
2476                              <p class="txt testo">Le TV sono collocate in diverse aree della nave, tra cui la sala comune, la sala ristorante e la zona bar. Le TV sono di dimensioni generose e offrono un'ottima qualità di immagine.</p>
2477
2478                                                                                                <a class="azzurro-hover d-block w-100 py-2 txt testo border-azzurro-navy bordo azzurro-nav
2478y text-center bold"  href="https://blunavytraghetti.com/servizi/#tv-a-bordo">Scopri di più</a>
2479                                                                                            
2480                            </div>
2481                                                    
2482                      </li>
2483                                        <li class="splide__slide">
2484                          <div class="card-servizi">
2485                                                          <img loading="lazy" height="24" width="24" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMMAAADDAQAAAAAXBJgHAAAAAnRSTlMAAHaTzTgAAAAcSURBVFjD7cEBDQAAAMKg909tDjegAAAAAIAPAxPOAAH82JXmAAAAAElFTkSuQmCC" alt="Icona mare servizio blu navy traghetti elba" data-src="https://blunavytraghetti.com/wp-content/uploads/Icona-mare-servizio-blu-navy-traghetti-elba.png" decoding="async" class="lazyload" data-eio-rwidth="195" data-eio-rheight="195" /><noscript><img loading="lazy" height="24" width="24" src="https://blunavytraghetti.com/wp-content/uploads/Icona-mare-servizio-blu-navy-traghetti-elba.png" alt="Icona mare servizio blu navy traghetti elba" data-eio="l" /></noscript>
2486                                                        <span>Spazi all&#8217;aperto</span>
2487                          </div>
2488                                                      <div class="servizi-modal">
2489                              <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo" >SPAZI ALL'APERTO</h3>
2490                              <p class="txt testo">Le navi che collegano Piombino all'isola d'Elba offrono grandi spazi aperti, perfetti per rilassarsi e godersi il viaggio.</p>
2491
2492                                                                                                <a class="azzurro-hover d-block w-100 py-2 txt testo border-azzurro-navy bordo azzurro-nav
2492y text-center bold"  href="https://blunavytraghetti.com/servizi/#spazi-allaperto">Scopri di più</a>
2493                                                                                            
2494                            </div>
2495                                                    
2496                      </li>
2497                                        <li class="splide__slide">
2498                          <div class="card-servizi">
2499                                                          <img loading="lazy" height="24" width="24" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMMAAADDAQAAAAAXBJgHAAAAAnRSTlMAAHaTzTgAAAAcSURBVFjD7cEBDQAAAMKg909tDjegAAAAAIAPAxPOAAH82JXmAAAAAElFTkSuQmCC" alt="Icona pc servizio blu navy traghetti" data-src="https://blunavytraghetti.com/wp-content/uploads/Icona-pc-servizio-blu-navy-traghetti.png" decoding="async" class="lazyload" data-eio-rwidth="195" data-eio-rheight="195" /><noscript><img loading="lazy" height="24" width="24" src="https://blunavytraghetti.com/wp-content/uploads/Icona-pc-servizio-blu-navy-traghetti.png" alt="Icona pc servizio blu navy traghetti" data-eio="l" /></noscript>
2500                                                        <span>Lavora in nave</span>
2501                          </div>
2502                                                      <div class="servizi-modal">
2503                              <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo" >PC e Tablet</h3>
2504                              <p class="txt testo">Ai lati delle navi sono presenti dei tavoli molto ampi e comodi per poter utilizzare il proprio laptop o tablet e al contempo poter godere della vista grazie alle grandi dimensioni delle finestre.</p>
2505
2506                                                                                                <a class="azzurro-hover d-block w-100 py-2 txt testo border-azzurro-navy bordo azzurro-nav
2506y text-center bold"  href="https://blunavytraghetti.com/servizi/#lavora-in-nave">Scopri di più</a>
2507                                                                                            
2508                            </div>
2509                                                    
2510                      </li>
2511                                        <li class="splide__slide">
2512                          <div class="card-servizi">
2513                                                          <img loading="lazy" height="24" width="24" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMMAAADDAQAAAAAXBJgHAAAAAnRSTlMAAHaTzTgAAAAcSURBVFjD7cEBDQAAAMKg909tDjegAAAAAIAPAxPOAAH82JXmAAAAAElFTkSuQmCC" alt="Icona relax servizio blu navy traghetti" data-src="https://blunavytraghetti.com/wp-content/uploads/Icona-relax-servizio-blu-navy-traghetti.png" decoding="async" class="lazyload" data-eio-rwidth="195" data-eio-rheight="195" /><noscript><img loading="lazy" height="24" width="24" src="https://blunavytraghetti.com/wp-content/uploads/Icona-relax-servizio-blu-navy-traghetti.png" alt="Icona relax servizio blu navy traghetti" data-eio="l" /></noscript>
2514                                                        <span>Relax a bordo</span>
2515                          </div>
2516                                                      <div class="servizi-modal">
2517                              <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo" >RELAX A BORDO</h3>
2518                              <p class="txt testo">Gli spazi dedicati al relax sono organizzati in diverse aree, garantendo comfort e comodità per soddisfare le preferenze individuali dei passeggeri.</p>
2519
2520                                                                                                <a class="azzurro-hover d-block w-100 py-2 txt testo border-azzurro-navy bordo azzurro-nav
2520y text-center bold"  href="https://blunavytraghetti.com/servizi/#relax-a-bordo">Scopri di più</a>
2521                                                                                            
2522                            </div>
2523                                                    
2524                      </li>
2525                                        <li class="splide__slide">
2526                          <div class="card-servizi">
2527                                                          <img loading="lazy" height="24" width="24" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMMAAADDAQAAAAAXBJgHAAAAAnRSTlMAAHaTzTgAAAAcSURBVFjD7cEBDQAAAMKg909tDjegAAAAAIAPAxPOAAH82JXmAAAAAElFTkSuQmCC" alt="Icona moto servizio blu navy traghetti" data-src="https://blunavytraghetti.com/wp-content/uploads/Icona-moto-servizio-blu-navy-traghetti.png" decoding="async" class="lazyload" data-eio-rwidth="195" data-eio-rheight="195" /><noscript><img loading="lazy" height="24" width="24" src="https://blunavytraghetti.com/wp-content/uploads/Icona-moto-servizio-blu-navy-traghetti.png" alt="Icona moto servizio blu navy traghetti" data-eio="l" /></noscript>
2528                                                        <span>Carica la tua moto</span>
2529                          </div>
2530                                                      <div class="servizi-modal">
2531                              <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo" >CARICA LA TUA MOTO</h3>
2532                              <p class="txt testo">Esplora l'Isola d'Elba in moto grazie ai traghetti Blu Navy. Un nostro operatore si occuperà di <b>legare saldamente la tua moto</b>. Strade panoramiche, spiagge mozzafiato e borghi affascinanti.</p>
2533
2534                                                                                                <a class="azzurro-hover d-block w-100 py-2 txt testo border-azzurro-navy bordo azzurro-nav
2534y text-center bold"  href="https://blunavytraghetti.com/servizi/#carica-la-tua-moto">Scopri di più</a>
2535                                                                                            
2536                            </div>
2537                                                    
2538                      </li>
2539                                        <li class="splide__slide">
2540                          <div class="card-servizi">
2541                                                          <img loading="lazy" height="24" width="24" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMMAAADDAQAAAAAXBJgHAAAAAnRSTlMAAHaTzTgAAAAcSURBVFjD7cEBDQAAAMKg909tDjegAAAAAIAPAxPOAAH82JXmAAAAAElFTkSuQmCC" alt="Icona bicicletta servizio blu navy traghetti" data-src="https://blunavytraghetti.com/wp-content/uploads/Icona-bicicletta-servizio-blu-navy-traghetti.png" decoding="async" class="lazyload" data-eio-rwidth="195" data-eio-rheight="195" /><noscript><img loading="lazy" height="24" width="24" src="https://blunavytraghetti.com/wp-content/uploads/Icona-bicicletta-servizio-blu-navy-traghetti.png" alt="Icona bicicletta servizio blu navy traghetti" data-eio="l" /></noscript>
2542                                                        <span>Carica la tua bici</span>
2543                          </div>
2544                                                      <div class="servizi-modal">
2545                              <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo" >CARICA LA TUA BICI</h3>
2546                              <p class="txt testo">Esplorare l'incantevole Isola d'Elba in bicicletta è un'esperienza unica. I traghetti Blu Navy offrono la comodità di caricare la propria bicicletta a bordo, consentendo a tutti di vivere l'Elba in modo avventuroso e senza preoccupazioni logistiche.</p>
2547
2548                                                                                                <a class="azzurro-hover d-block w-100 py-2 txt testo border-azzurro-navy bordo azzurro-nav
2548y text-center bold"  href="https://blunavytraghetti.com/servizi/#carica-la-tua-bici">Scopri di più</a>
2549                                                                                            
2550                            </div>
2551                                                    
2552                      </li>
2553                                        <li class="splide__slide">
2554                          <div class="card-servizi">
2555                                                          <img loading="lazy" height="24" width="24" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMMAAADDAQAAAAAXBJgHAAAAAnRSTlMAAHaTzTgAAAAcSURBVFjD7cEBDQAAAMKg909tDjegAAAAAIAPAxPOAAH82JXmAAAAAElFTkSuQmCC" alt="Icona bar servizio blu navy traghetti" data-src="https://blunavytraghetti.com/wp-content/uploads/Icona-bar-servizio-blu-navy-traghetti.png" decoding="async" class="lazyload" data-eio-rwidth="195" data-eio-rheight="195" /><noscript><img loading="lazy" height="24" width="24" src="https://blunavytraghetti.com/wp-content/uploads/Icona-bar-servizio-blu-navy-traghetti.png" alt="Icona bar servizio blu navy traghetti" data-eio="l" /></noscript>
2556                                                        <span>Bar a bordo</span>
2557                          </div>
2558                                                      <div class="servizi-modal">
2559                              <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo" >BAR A BORDO</h3>
2560                              <p class="txt testo">Esplorare l'incantevole Isola d'Elba è un'esperienza indimenticabile, e viaggiare con una compagnia di traghetti che offre un bar a bordo può rendere il viaggio ancora più piacevole. </p>
2561
2562                                                                                                <a class="azzurro-hover d-block w-100 py-2 txt testo border-azzurro-navy bordo azzurro-nav
2562y text-center bold"  href="https://blunavytraghetti.com/servizi/#bar-a-bordo">Scopri di più</a>
2563                                                                                            
2564                            </div>
2565                                                    
2566                      </li>
2567                                        <li class="splide__slide">
2568                          <div class="card-servizi">
2569                                                          <img loading="lazy" height="24" width="24" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMMAAADDAQAAAAAXBJgHAAAAAnRSTlMAAHaTzTgAAAAcSURBVFjD7cEBDQAAAMKg909tDjegAAAAAIAPAxPOAAH82JXmAAAAAElFTkSuQmCC" alt="Icona ticket servizio blu navy traghetti" data-src="https://blunavytraghetti.com/wp-content/uploads/Icona-ticket-servizio-blu-navy-traghetti.png" decoding="async" class="lazyload" data-eio-rwidth="195" data-eio-rheight="195" /><noscript><img loading="lazy" height="24" width="24" src="https://blunavytraghetti.com/wp-content/uploads/Icona-ticket-servizio-blu-navy-traghetti.png" alt="Icona ticket servizio blu navy traghetti" data-eio="l" /></noscript>
2570                                                        <span>Annullamento biglietto</span>
2571                          </div>
2572                                                      <div class="servizi-modal">
2573                              <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo" >ANNULLAMENTO BIGLIETTO</h3>
2574                              <p class="txt testo">Sogni di un'avventura straordinaria? Prenota ora il tuo biglietto con la tranquillità di poter cambiare i piani!</p>
2575
2576                                                                                                <a class="azzurro-hover d-block w-100 py-2 txt testo border-azzurro-navy bordo azzurro-nav
2576y text-center bold"  href="https://blunavytraghetti.com/servizi/#annullamento-biglietto">Scopri di più</a>
2577                                                                                            
2578                            </div>
2579                                                    
2580                      </li>
2581                                        <li class="splide__slide">
2582                          <div class="card-servizi">
2583                                                          <img loading="lazy" height="24" width="24" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMMAAADDAQAAAAAXBJgHAAAAAnRSTlMAAHaTzTgAAAAcSURBVFjD7cEBDQAAAMKg909tDjegAAAAAIAPAxPOAAH82JXmAAAAAElFTkSuQmCC" alt="Icona servizi disabili servizio blu navy traghetti" data-src="https://blunavytraghetti.com/wp-content/uploads/Icona-servizi-disabili-servizio-blu-navy-traghetti.png" decoding="async" class="lazyload" data-eio-rwidth="195" data-eio-rheight="195" /><noscript><img loading="lazy" height="24" width="24" src="https://blunavytraghetti.com/wp-content/uploads/Icona-servizi-disabili-servizio-blu-navy-traghetti.png" alt="Icona servizi disabili servizio blu navy traghetti" data-eio="l" /></noscript>
2584                                                        <span>Persone con disabilità</span>
2585                          </div>
2586                                                      <div class="servizi-modal">
2587                              <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo" >PASSEGGERI CON DISABILITÀ E MOBILITÀ RIDOTTA</h3>
2588                              <p class="txt testo">Ci teniamo a farvi sapere che abbiamo dedicato aree specifiche alle persone a mobilità ridotta, e l'accesso a bordo è facilitato grazie a servoscala, ascensori o montacarichi.</p>
2589
2590                                                                                                <a class="azzurro-hover d-block w-100 py-2 txt testo border-azzurro-navy bordo azzurro-nav
2590y text-center bold"  href="https://blunavytraghetti.com/servizi/#passeggeri-con-disabilita-e-mobilita-ridotta">Scopri di più</a>
2591                                                                                            
2592                            </div>
2593                                                    
2594                      </li>
2595                                        <li class="splide__slide">
2596                          <div class="card-servizi">
2597                                                          <img loading="lazy" height="24" width="24" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMMAAADDAQAAAAAXBJgHAAAAAnRSTlMAAHaTzTgAAAAcSURBVFjD7cEBDQAAAMKg909tDjegAAAAAIAPAxPOAAH82JXmAAAAAElFTkSuQmCC" alt="Icona area giochi servizio blu navy traghetti" data-src="https://blunavytraghetti.com/wp-content/uploads/Icona-area-giochi-servizio-blu-navy-traghetti.png" decoding="async" class="lazyload" data-eio-rwidth="195" data-eio-rheight="195" /><noscript><img loading="lazy" height="24" width="24" src="https://blunavytraghetti.com/wp-content/uploads/Icona-area-giochi-servizio-blu-navy-traghetti.png" alt="Icona area giochi servizio blu navy traghetti" data-eio="l" /></noscript>
2598                                                        <span>Area bimbi</span>
2599                          </div>
2600                                                      <div class="servizi-modal">
2601                              <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo" >AREA GIOCHI PER BAMBINI</h3>
2602                              <p class="txt testo">Mamme e papà, non preoccupatevi: viaggiare con Blu Navy significa garantire ai vostri bambini un viaggio ricco di divertimento e allegria.</p>
2603
2604                                                                                                <a class="azzurro-hover d-block w-100 py-2 txt testo border-azzurro-navy bordo azzurro-nav
2604y text-center bold"  href="https://blunavytraghetti.com/servizi/#area-giochi-per-bambini">Scopri di più</a>
2605                                                                                            
2606                            </div>
2607                                                    
2608                      </li>
2609                                        <li class="splide__slide">
2610                          <div class="card-servizi">
2611                                                          <img loading="lazy" height="24" width="24" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMMAAADDAQAAAAAXBJgHAAAAAnRSTlMAAHaTzTgAAAAcSURBVFjD7cEBDQAAAMKg909tDjegAAAAAIAPAxPOAAH82JXmAAAAAElFTkSuQmCC" alt="Icona animali servizio Blu Navy traghetti" data-src="https://blunavytraghetti.com/wp-content/uploads/Icona-animali-servizio-blu-navy-traghetti.png" decoding="async" class="lazyload" data-eio-rwidth="195" data-eio-rheight="195" /><noscript><img loading="lazy" height="24" width="24" src="https://blunavytraghetti.com/wp-content/uploads/Icona-animali-servizio-blu-navy-traghetti.png" alt="Icona animali servizio Blu Navy traghetti" data-eio="l" /></noscript>
2612                                                        <span>Animali a bordo</span>
2613                          </div>
2614                                                      <div class="servizi-modal">
2615                              <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo" >ANIMALI A BORDO</h3>
2616                              <p class="txt testo">Siamo felici di accogliere gli animali domestici a bordo dei nostri traghetti per l’Isola d’Elba.</p>
2617
2618                                                                                                <a class="azzurro-hover d-block w-100 py-2 txt testo border-azzurro-navy bordo azzurro-nav
2618y text-center bold"  href="https://blunavytraghetti.com/servizi/#animali-a-bordo">Scopri di più</a>
2619                                                                                            
2620                            </div>
2621                                                    
2622                      </li>
2623                                        <li class="splide__slide">
2624                          <div class="card-servizi">
2625                                                          <img loading="lazy" height="24" width="24" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMMAAADDAQAAAAAXBJgHAAAAAnRSTlMAAHaTzTgAAAAcSURBVFjD7cEBDQAAAMKg909tDjegAAAAAIAPAxPOAAH82JXmAAAAAElFTkSuQmCC" alt="Icona ticket Blu Navy Traghetti" data-src="https://blunavytraghetti.com/wp-content/uploads/Icona-ticket-Blu-Navy-Traghetti.png" decoding="async" class="lazyload" data-eio-rwidth="195" data-eio-rheight="195" /><noscript><img loading="lazy" height="24" width="24" src="https://blunavytraghetti.com/wp-content/uploads/Icona-ticket-Blu-Navy-Traghetti.png" alt="Icona ticket Blu Navy Traghetti" data-eio="l" /></noscript>
2626                                                        <span>Biglietto a bordo</span>
2627                          </div>
2628                                                      <div class="servizi-modal">
2629                              <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo" >Biglietti a bordo</h3>
2630                              <p class="txt testo">Per te che ami la libertà, abbiamo ideato un servizio speciale: l'acquisto del biglietto a bordo del nostro traghetto.</p>
2631
2632                                                                                                <a class="azzurro-hover d-block w-100 py-2 txt testo border-azzurro-navy bordo azzurro-nav
2632y text-center bold"  href="https://blunavytraghetti.com/servizi/#bigliettazione-a-bordo">Scopri di più</a>
2633                                                                                            
2634                            </div>
2635                                                    
2636                      </li>
2637                                    
2638                  
2639              
2640            </ul>
2641          </div>
2642        </div>
2643
2644
2645      </div>
2646    </div>
2647
2648  </div>
2649
2650</section><section id="homepage-highlight">
2651
2652  <div class="container">
2653    <div class="row">
2654            
2655              
2656
2657        <div class="mb-5 mb-lg-0 col-md-6 col-lg-3 d-flex align-items-center justify-content-center flex-column">
2658
2659                      <img loading="lazy" style="object-fit: cover;" class="rounded-circle mb-3 lazyload" height="90" width="90" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADIAQAAAACFI5MzAAAAAnRSTlMAAHaTzTgAAAAcSURBVFjD7cGBAAAAAMOg+VNf4QBVAQAAAAB8BhRQAAEAnyMVAAAAAElFTkSuQmCC" alt="Icona Impegno Blu Navy Traghetti" data-src="https://blunavytraghetti.com/wp-content/uploads/Icona-Impegno-Blu-Navy-Traghetti.png" decoding="async" data-eio-rwidth="200" data-eio-rheight="200" /><noscript><img loading="lazy" style="object-fit: cover;" class="rounded-circle mb-3" height="90" width="90" src="https://blunavytraghetti.com/wp-content/uploads/Icona-Impegno-Blu-Navy-Traghetti.png" alt="Icona Impegno Blu Navy Traghetti" data-eio="l" /></noscript>
2660                  
2661
2662          
2663                      <h3 class="mb-1 txt sottotitolo-piccolo bold text-uppercase blu-scuro-navy">
2664              Impegno            </h3>
2665          
2666                      <p class="text-center txt blu-scuro-navy">
2667              Garantiamo fino a <strong>24 corse giornaliere</strong>con le tariffe più convenienti, un’ora di viaggio e la massima puntualità.            </p>
2668          
2669        </div>
2670        
2671              
2672
2673        <div class="mb-5 mb-lg-0 col-md-6 col-lg-3 d-flex align-items-center justify-content-center flex-column">
2674
2675                      <img loading="lazy" style="object-fit: cover;" class="rounded-circle mb-3 lazyload" height="90" width="90" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADIAQAAAACFI5MzAAAAAnRSTlMAAHaTzTgAAAAcSURBVFjD7cGBAAAAAMOg+VNf4QBVAQAAAAB8BhRQAAEAnyMVAAAAAElFTkSuQmCC" alt="Icona Comfort Blu Navy Traghetti" data-src="https://blunavytraghetti.com/wp-content/uploads/Icona-Comfort-Blu-Navy-Traghetti.png" decoding="async" data-eio-rwidth="200" data-eio-rheight="200" /><noscript><img loading="lazy" style="object-fit: cover;" class="rounded-circle mb-3" height="90" width="90" src="https://blunavytraghetti.com/wp-content/uploads/Icona-Comfort-Blu-Navy-Traghetti.png" alt="Icona Comfort Blu Navy Traghetti" data-eio="l" /></noscript>
2676                  
2677
2678          
2679                      <h3 class="mb-1 txt sottotitolo-piccolo bold text-uppercase blu-scuro-navy">
2680              Comfort            </h3>
2681          
2682                      <p class="text-center txt blu-scuro-navy">
2683              Imbarchiamo e sbarchiamo <strong>più di 200 vetture in meno di 30 minuti</strong> grazie al doppio ponte e all’ampio garage bidirezionale delle nostre navi.            </p>
2684          
2685        </div>
2686        
2687              
2688
2689        <div class="mb-5 mb-lg-0 col-md-6 col-lg-3 d-flex align-items-center justify-content-center flex-column">
2690
2691                      <img loading="lazy" style="object-fit: cover;" class="rounded-circle mb-3 lazyload" height="90" width="90" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADIAQAAAACFI5MzAAAAAnRSTlMAAHaTzTgAAAAcSURBVFjD7cGBAAAAAMOg+VNf4QBVAQAAAAB8BhRQAAEAnyMVAAAAAElFTkSuQmCC" alt="Icona Affidabilita Blu Navy Traghetti" data-src="https://blunavytraghetti.com/wp-content/uploads/Icona-Affidabilita-Blu-Navy-Traghetti.png" decoding="async" data-eio-rwidth="200" data-eio-rheight="200" /><noscript><img loading="lazy" style="object-fit: cover;" class="rounded-circle mb-3" height="90" width="90" src="https://blunavytraghetti.com/wp-content/uploads/Icona-Affidabilita-Blu-Navy-Traghetti.png" alt="Icona Affidabilita Blu Navy Traghetti" data-eio="l" /></noscript>
2692                  
2693
2694          
2695                      <h3 class="mb-1 txt sottotitolo-piccolo bold text-uppercase blu-scuro-nav
2695y">
2696              Affidabilità            </h3>
2697          
2698                      <p class="text-center txt blu-scuro-navy">
2699              Progettiamo le nostre navi per <strong>adattarsi perfettamente</strong> alla tratta Piombino-Portoferraio e a qualsiasi condizione meteomarina.            </p>
2700          
2701        </div>
2702        
2703              
2704
2705        <div class="mb-5 mb-lg-0 col-md-6 col-lg-3 d-flex align-items-center justify-content-center flex-column">
2706
2707                      <img loading="lazy" style="object-fit: cover;" class="rounded-circle mb-3 lazyload" height="90" width="90" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADIAQAAAACFI5MzAAAAAnRSTlMAAHaTzTgAAAAcSURBVFjD7cGBAAAAAMOg+VNf4QBVAQAAAAB8BhRQAAEAnyMVAAAAAElFTkSuQmCC" alt="Icona Ascolto Blu Navy Traghetti" data-src="https://blunavytraghetti.com/wp-content/uploads/Icona-Ascolto-Blu-Navy-Traghetti.png" decoding="async" data-eio-rwidth="200" data-eio-rheight="200" /><noscript><img loading="lazy" style="object-fit: cover;" class="rounded-circle mb-3" height="90" width="90" src="https://blunavytraghetti.com/wp-content/uploads/Icona-Ascolto-Blu-Navy-Traghetti.png" alt="Icona Ascolto Blu Navy Traghetti" data-eio="l" /></noscript>
2708                  
2709
2710          
2711                      <h3 class="mb-1 txt sottotitolo-piccolo bold text-uppercase blu-scuro-navy">
2712              Ascolto            </h3>
2713          
2714                      <p class="text-center txt blu-scuro-navy">
2715              Siamo l’unica compagnia con un <strong>team sempre a disposizione per dare informazioni</strong>, indicazioni e assistenza per tutta la durata del viaggio.            </p>
2716          
2717        </div>
2718        
2719              
2720            
2721    </div>
2722  </div>
2723
2724</section>
2725<section id="homepage-about-us">
2726
2727  <div class="container">
2728    <div class="row align-items-center justify-content-center">
2729
2730      
2731      <div class="col-lg-12 d-flex align-items-center gap-3 justify-content-center flex-wrap flex-row">
2732                
2733                  
2734            <a href="https://blunavytraghetti.com/compagnia/" class="card-about-us">
2735
2736              <div class="layer"></div>
2737
2738                                              <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAmwAAAJYAQAAAAD3BYczAAAAAnRSTlMAAHaTzTgAAABFSURBVHja7cEBDQAAAMKg909tDjegAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgFcDuSgAAb5fNZYAAAAASUVORK5CYII=" alt="Traghetto Blu Navy in arrivo a Portoferraio" data-src="https://blunavytraghetti.com/wp-content/uploads/Traghetto-Blu-Navy-in-arrivo-a-Portoferraio-620x600.jpg" decoding="async" class="lazyload" data-eio-rwidth="620" data-eio-rheight="600"><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/Traghetto-Blu-Navy-in-arrivo-a-Portoferraio-620x600.jpg" alt="Traghetto Blu Navy in arrivo a Portoferraio" data-eio="l"></noscript>
2739              
2740                              <p class="txt bold text-white">
2741                  Chi siamo                </p>
2742              
2743                              <h3 class="txt bold sottotitolo-grande gold-navy text-uppercase">
2744                  La compagnia                </h3>
2745              
2746            </a>
2747        
2748                  
2749            <a href="https://blunavytraghetti.com/flotta/" class="card-about-us">
2750
2751              <div class="layer"></div>
2752
2753                                              <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAmwAAAJYAQAAAAD3BYczAAAAAnRSTlMAAHaTzTgAAABFSURBVHja7cEBDQAAAMKg909tDjegAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgFcDuSgAAb5fNZYAAAAASUVORK5CYII=" alt="Traghetto Blu Navy Tratta Piombino Elba" data-src="https://blunavytraghetti.com/wp-content/uploads/Traghetto-Blu-Navy-Tratta-Piombino-Elba-620x600.jpg" decoding="async" class="lazyload" data-eio-rwidth="620" data-eio-rheight="600"><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/Traghetto-Blu-Navy-Tratta-Piombino-Elba-620x600.jpg" alt="Traghetto Blu Navy Tratta Piombino Elba" data-eio="l"></noscript>
2754              
2755                              <p class="txt bold text-white">
2756                  I nostri traghetti                </p>
2757              
2758                              <h3 class="txt bold sottotitolo-grande gold-navy text-uppercase">
2759                  La flotta Blu Navy                </h3>
2760              
2761            </a>
2762        
2763                  
2764            <a href="https://blunavytraghetti.com/destinazioni/" class="card-about-us">
2765
2766              <div class="layer"></div>
2767
2768                                              <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAmwAAAJYAQAAAAD3BYczAAAAAnRSTlMAAHaTzTgAAABFSURBVHja7cEBDQAAAMKg909tDjegAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgFcDuSgAAb5fNZYAAAAASUVORK5CYII=" alt="Destinazioni Piombino e Portoferraio con Blu Navy Traghetti" data-src="https://blunavytraghetti.com/wp-content/uploads/Destinazioni-Piombino-e-Portoferraio-con-Blu-Navy-Traghetti-620x600.jpg" decoding="async" class="lazyload" data-eio-rwidth="620" data-eio-rheight="600"><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/Destinazioni-Piombino-e-Portoferraio-con-Blu-Navy-Traghetti-620x600.jpg" alt="Destinazioni Piombino e Portoferraio con Blu Navy Traghetti" data-eio="l"></noscript>
2769              
2770                              <p class="txt bold text-white">
2771                  L'isola d'Elba e la Toscana                </p>
2772              
2773                              <h3 class="txt bold sottotitolo-grande gold-navy text-uppercase">
2774                  Le destinazioni                </h3>
2775              
2776            </a>
2777        
2778                  
2779                
2780      </div>
2781    </div>
2782  </div>
2783
2784</section><section id="homepage-recensioni">
2785
2786  <div class="container">
2787    <div class="row">
2788      <div class="col-lg-11 offset-lg-1">
2789
2790                  <h2 class="txt mb-3 sottotitolo-grande gold-navy text-uppercase bold">
2791            Dicono di noi: i nostri traghetti per l'isola d'Elba          </h2>
2792        
2793                  <p class="txt mb-3 bold text-uppercase blu-scuro-nav
2793y">
2794            la parola ai nostri clienti          </p>
2795        
2796                  <div>
2797            <div data-romw-token="UbTuWVyXCWzfYG4ONsqd4fCHa3fOkqGGH5W2Mno2yB5ynp8pOD|jZgyxgn2PzREqsfKNpnhtKqhQivksHr1p23jRnWByxgoK1sk87"></div>
2798<script src="https://reviewsonmywebsite.com/js/v2/embed.js?id=cc9a83f5fde190624e3b50593506d00e" type="text/javascript"></script>
2798
2799          </div>
2800                
2801      </div>
2802    </div>
2803  </div>
2804
2805</section>
2806<section id="banner-full">
2807
2808  <img class="banner-full-img lazyload" 
2809       src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAALtAQAAAADhi0RIAAAAAnRSTlMAAHaTzTgAAADGSURBVHja7cEBDQAAAMKg909tDjegAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAsDwTsAAbm9LbgAAAAASUVORK5CYII="
2810       alt="Traghetto isola Elba con Tramonto Blu Navy" data-src="https://blunavytraghetti.com/wp-content/uploads/Traghetto-isola-Elba-con-Tramonto-Blu-Navy.jpg" decoding="async" data-eio-rwidth="1920" data-eio-rheight="749"><noscript><img class="banner-full-img" 
2811       src="https://blunavytraghetti.com/wp-content/uploads/Traghetto-isola-Elba-con-Tramonto-Blu-Navy.jpg"
2812       alt="Traghetto isola Elba con Tramonto Blu Navy" data-eio="l"></noscript>
2813  <div class="layer"></div>
2814
2815  <div class="container">
2816    <div class="row">
2817      <div class="col-12">
2818                  <h2 class="txt titolo text-center text-uppercase text-white bold">
2819            visita l’isola d’Elba e le sue meraviglie          </h2>
2820        
2821                  <a class="mt-40 txt sottotitolo-piccolo text-center text-uppercase bold" href="https://blunavytraghetti.com/orari-traghetti-isola-elba/">
2822              scopri gli orari dei traghetti          </a>
2823                
2824      </div>
2825    </div>
2826  </div>
2827
2828</section>
2829<div class="container d-lg-none mt-5 mb-4">
2830  <div class="row">
2831    <div class="col-12 text-center">
2832              <h2 class="txt titolo bold gold-navy mono text-center">
2833          LE NOSTRE ROTTE PER L'ISOLA D'ELBA IN TEMPO REALE        </h2>
2834      
2835      <div class="txt bold blu-navy text-uppercase mt-3 map-timer">
2836        <span class="timer-label">Aggiornamento tra</span>
2837        <span class="timer-seconds"></span>
2838        <span class="timer-label">secondi</span>
2839      </div>
2840
2841              <a class="txt d-block text-center grigio-scuro text-uppercase bold sottotitolo-piccolo mt-4 map-link" href="https://blunavytraghetti.com/rotta-in-tempo-reale/">guarda i dettagli</a>
2842          </div>
2843  </div>
2844</div>
2845<section class="sito-map">
2846  <div class="container-map">
2847    
2848    <div data-coordinates="https://blunavytraghetti.com" class="container-image">
2849
2850      <div class="container d-none d-lg-block">
2851        <div class="row">
2852          <div class="col-12 col-lg-7">
2853                          <h2 class="txt titolo bold mono gold-navy">
2854                LE NOSTRE ROTTE PER L'ISOLA D'ELBA IN TEMPO REALE              </h2>
2855            
2856            <div class="txt bold blu-navy text-uppercase mt-3 map-timer">
2857              <span class="timer-label">Aggiornamento tra</span>
2858              <span class="timer-seconds"></span>
2859              <span class="timer-label">secondi</span>
2860            </div>
2861
2862                          <div>
2863                <a class="txt d-inline-block grigio-scuro text-uppercase bold sottotitolo-piccolo mt-4 map-link" href="https://blunavytraghetti.com/rotta-in-tempo-reale/">guarda i dettagli</a>
2864              </div>
2865                        
2866          </div>
2867        </div>
2868      </div>
2869
2870              <div style="z-index: 9" class="portoferraio | d-none d-lg-block destinazione-mappa portoferraio txt testo text-uppercase bold">
2871          <a href="https://blunavytraghetti.com/destinazioni/isola-elba/">portoferraio</a>  
2872        </div>
2873            
2874              <div style="z-index: 9" class="piombino | d-none d-lg-block destinazione-mappa piombino txt testo text-uppercase bold">
2875          <a href="https://blunavytraghetti.com/destinazioni/piombino/">piombino</a>  
2876        </div>
2877            <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="" data-src="https://blunavytraghetti.com/wp-content/themes/cosmo/assets/images/map.svg" decoding="async" class="lazyload"><noscript><img src="https://blunavytraghetti.com/wp-content/themes/cosmo/assets/images/map.svg" alt="" data-eio="l"></noscript>
2878    </div>
2879
2880    <!-- svg -->
2881    <!-- svg -->
2882
2883  </div>
2884</section>
2885
2886
2887<section id="homepage-blog">
2888  <div class="container">
2889    <div class="row">
2890      <div class="col-12 col-lg-4">
2891
2892                  <p class="txt testo blu-navy text-uppercase bold">
2893            siamo la compagnia dell’isola d’Elba          </p>
2894                
2895                  <h2 class="txt text-white text-uppercase titolo">
2896            diario di bordo          </h2>
2897                
2898                  <p class="text testo grigio-scuro">
2899            Qui è dove trovi tutte le informazioni, sempre aggiornate. Avvisi, consigli di viaggio e novità dal mondo dei traghetti e della navigazione. Tutto quello che c'è da sapere da e per l'Isola d'Elba, secondo Blu Navy.          </p>
2900                  
2901        
2902          <a style="border-radius: 0;
2902" class="btn bg-white txt azzurro-navy bold azzurro-hover-border" href="https://blunavytraghetti.com/blog/">
2903            Vai al nostro diario di bordo          </a>
2904        
2905      </div>
2906      <ul class="container-articoli | d-none d-lg-flex col-12 col-lg-8">
2907
2908                    
2909                
2910                            <li class="card-articolo | d-flex align-items-start justify-content-between flex-column">
2911                    <div class="w-100 d-flex align-items-start justify-content-start flex-column">
2912                      <img width="760" height="500" src="https://blunavytraghetti.com/wp-content/uploads/grotta-rocciosa-isola-delba-760x500.webp" class="attachment-homepage-blog size-homepage-blog wp-post-image" alt="" decoding="async" fetchpriority="high" />                      <h3 class="txt blu-navy bold text-uppercase sottotitolo-piccolo">Isola d&#8217;Elba a settembre: clima, mare e perché è il mese migliore per visitarla</h3>
2913                      <p class="txt testo"><p>Scopri il clima e il mare dell&#8217;Isola d&#8217;Elba a settembre: temperature, spiagge senza folla, prezzi più bassi: è il mese migliore!</p>
2914</p>
2915                    </div>
2916                    <a class="txt bold testo-piccolo bold azzurro-nav
2916y" href="https://blunavytraghetti.com/isola-elba-settembre-clima-mare/">Leggi <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_600)'><path d='M12 4L10.59 5.41L16.17 11H4V13H16.17L10.59 18.59L12 20L20 12L12 4Z' fill='#33A8EB'/></g><defs><clipPath id='clip0_257_600'><rect width='24' height='24' fill='white'/></clipPath></defs></svg></a>
2917                </li>
2918            
2919                            <li class="card-articolo | d-flex align-items-start justify-content-between flex-column">
2920                    <div class="w-100 d-flex align-items-start justify-content-start flex-column">
2921                      <img width="760" height="500" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAvgAAAH0AQAAAABgc2SoAAAAAnRSTlMAAHaTzTgAAABFSURBVHja7cExAQAAAMKg9U/taQmgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAGu4AAAel/I/UAAAAASUVORK5CYII=" class="attachment-homepage-blog size-homepage-blog wp-post-image lazyload" alt="" decoding="async" data-src="https://blunavytraghetti.com/wp-content/uploads/veduta-aerea-isola-di-montecristo-760x500.webp" data-eio-rwidth="760" data-eio-rheight="500" /><noscript><img width="760" height="500" src="https://blunavytraghetti.com/wp-content/uploads/veduta-aerea-isola-di-montecristo-760x500.webp" class="attachment-homepage-blog size-homepage-blog wp-post-image" alt="" decoding="async" data-eio="l" /></noscript>                      <h3 class="txt blu-navy bold text-uppercase sottotitolo-piccolo">Come visitare l&#8217;Isola di Montecristo: permessi, prenotazione e tutto quello che devi sapere</h3>
2922                      <p class="txt testo"><p>Guida completa per visitare l&#8217;Isola di Montecristo: come fare domanda, quote d&#8217;accesso, cosa vedere e regole della riserva integrale.</p>
2923</p>
2924                    </div>
2925                    <a class="txt bold testo-piccolo bold azzurro-nav
2925y" href="https://blunavytraghetti.com/come-visitare-montecristo-permessi-prenotazione/">Leggi <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_600)'><path d='M12 4L10.59 5.41L16.17 11H4V13H16.17L10.59 18.59L12 20L20 12L12 4Z' fill='#33A8EB'/></g><defs><clipPath id='clip0_257_600'><rect width='24' height='24' fill='white'/></clipPath></defs></svg></a>
2926                </li>
2927            
2928                            <li class="card-articolo | d-flex align-items-start justify-content-between flex-column">
2929                    <div class="w-100 d-flex align-items-start justify-content-start flex-column">
2930                      <img width="760" height="500" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAvgAAAH0AQAAAABgc2SoAAAAAnRSTlMAAHaTzTgAAABFSURBVHja7cExAQAAAMKg9U/taQmgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAGu4AAAel/I/UAAAAASUVORK5CYII=" class="attachment-homepage-blog size-homepage-blog wp-post-image lazyload" alt="" decoding="async" data-src="https://blunavytraghetti.com/wp-content/uploads/veduta-aerea-isola-di-pianosa-760x500.webp" data-eio-rwidth="760" data-eio-rheight="500" /><noscript><img width="760" height="500" src="https://blunavytraghetti.com/wp-content/uploads/veduta-aerea-isola-di-pianosa-760x500.webp" class="attachment-homepage-blog size-homepage-blog wp-post-image" alt="" decoding="async" data-eio="l" /></noscript>                      <h3 class="txt blu-navy bold text-uppercase sottotitolo-piccolo">Gita di un giorno a Pianosa dall&#8217;Isola d&#8217;Elba: guida completa alle escursioni</h3>
2931                      <p class="txt testo"><p>Scopri come organizzare una gita a Pianosa dall&#8217;Isola d&#8217;Elba: accesso regolamentato, cosa vedere, snorkeling e consigli pratici per una giornata indimenticabile. </p>
2932</p>
2933                    </div>
2934                    <a class="txt bold testo-piccolo bold azzurro-nav
2934y" href="https://blunavytraghetti.com/gita-un-giorno-pianosa-isola-delba-guida-escursioni/">Leggi <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_600)'><path d='M12 4L10.59 5.41L16.17 11H4V13H16.17L10.59 18.59L12 20L20 12L12 4Z' fill='#33A8EB'/></g><defs><clipPath id='clip0_257_600'><rect width='24' height='24' fill='white'/></clipPath></defs></svg></a>
2935                </li>
2936            
2937                            <li class="card-articolo | d-flex align-items-start justify-content-between flex-column">
2938                    <div class="w-100 d-flex align-items-start justify-content-start flex-column">
2939                      <img width="760" height="500" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAvgAAAH0AQAAAABgc2SoAAAAAnRSTlMAAHaTzTgAAABFSURBVHja7cExAQAAAMKg9U/taQmgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAGu4AAAel/I/UAAAAASUVORK5CYII=" class="attachment-homepage-blog size-homepage-blog wp-post-image lazyload" alt="" decoding="async" data-src="https://blunavytraghetti.com/wp-content/uploads/Spiaggia_di_Sansone_Elba_-_panoramio-760x500.jpg" data-eio-rwidth="760" data-eio-rheight="500" /><noscript><img width="760" height="500" src="https://blunavytraghetti.com/wp-content/uploads/Spiaggia_di_Sansone_Elba_-_panoramio-760x500.jpg" class="attachment-homepage-blog size-homepage-blog wp-post-image" alt="" decoding="async" data-eio="l" /></noscript>                      <h3 class="txt blu-navy bold text-uppercase sottotitolo-piccolo">Spiagge dell&#8217;Elba con Scirocco: guida ai litorali riparati a Nord</h3>
2940                      <p class="txt testo"><p>Soffia il vento di Sud-Est? Scopri dove andare al mare con lo Scirocco all&#8217;Isola d&#8217;Elba: la guida di Blu Navy alle spiagge più belle del versante nord.</p>
2941</p>
2942                    </div>
2943                    <a class="txt bold testo-piccolo bold azzurro-nav
2943y" href="https://blunavytraghetti.com/spiagge-elba-scirocco-guida-litorali-nord/">Leggi <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_600)'><path d='M12 4L10.59 5.41L16.17 11H4V13H16.17L10.59 18.59L12 20L20 12L12 4Z' fill='#33A8EB'/></g><defs><clipPath id='clip0_257_600'><rect width='24' height='24' fill='white'/></clipPath></defs></svg></a>
2944                </li>
2945            
2946                        
2947            
2948        
2949      </ul>
2950
2951      <div class="splide" data-splide='{"type":"loop" ,"pagination":false, "arrows":false, "gap": "1rem", "perPage": 1}'>
2952        <div class="splide__track">
2953          <ul class="splide__list container-articoli d-lg-none">
2954                          
2955                  
2956                                <li class="splide__slide card-articolo | d-flex align-items-start justify-content-between flex-column">
2957                      <div class="w-100 d-flex align-items-start justify-content-start flex-column">
2958                                                <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABwgAAASwAQAAAADHmSOuAAAAAnRSTlMAAHaTzTgAAAEeSURBVHja7cGBAAAAAMOg+VNf4QBVAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACvASOcAAG1me4TAAAAAElFTkSuQmCC" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/grotta-rocciosa-isola-delba.webp" decoding="async" class="lazyload" data-eio-rwidth="1800" data-eio-rheight="1200"><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/grotta-rocciosa-isola-delba.webp" alt="" data-eio="l"></noscript>
2959                        <h3 class="txt blu-navy bold text-uppercase sottotitolo-piccolo">Isola d&#8217;Elba a settembre: clima, mare e perché è il mese migliore per visitarla</h3>
2960                        <p class="txt testo"><p>Scopri il clima e il mare dell&#8217;Isola d&#8217;Elba a settembre: temperature, spiagge senza folla, prezzi più bassi: è il mese migliore!</p>
2961</p>
2962                      </div>
2963                      <a class="txt bold testo-piccolo bold azzurro-nav
2963y" href="https://blunavytraghetti.com/isola-elba-settembre-clima-mare/">Leggi <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_600)'><path d='M12 4L10.59 5.41L16.17 11H4V13H16.17L10.59 18.59L12 20L20 12L12 4Z' fill='#33A8EB'/></g><defs><clipPath id='clip0_257_600'><rect width='24' height='24' fill='white'/></clipPath></defs></svg></a>
2964                  </li>
2965              
2966                                <li class="splide__slide card-articolo | d-flex align-items-start justify-content-between flex-column">
2967                      <div class="w-100 d-flex align-items-start justify-content-start flex-column">
2968                                                <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABwgAAASwAQAAAADHmSOuAAAAAnRSTlMAAHaTzTgAAAEeSURBVHja7cGBAAAAAMOg+VNf4QBVAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACvASOcAAG1me4TAAAAAElFTkSuQmCC" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/veduta-aerea-isola-di-montecristo.webp" decoding="async" class="lazyload" data-eio-rwidth="1800" data-eio-rheight="1200"><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/veduta-aerea-isola-di-montecristo.webp" alt="" data-eio="l"></noscript>
2969                        <h3 class="txt blu-navy bold text-uppercase sottotitolo-piccolo">Come visitare l&#8217;Isola di Montecristo: permessi, prenotazione e tutto quello che devi sapere</h3>
2970                        <p class="txt testo"><p>Guida completa per visitare l&#8217;Isola di Montecristo: come fare domanda, quote d&#8217;accesso, cosa vedere e regole della riserva integrale.</p>
2971</p>
2972                      </div>
2973                      <a class="txt bold testo-piccolo bold azzurro-nav
2973y" href="https://blunavytraghetti.com/come-visitare-montecristo-permessi-prenotazione/">Leggi <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_600)'><path d='M12 4L10.59 5.41L16.17 11H4V13H16.17L10.59 18.59L12 20L20 12L12 4Z' fill='#33A8EB'/></g><defs><clipPath id='clip0_257_600'><rect width='24' height='24' fill='white'/></clipPath></defs></svg></a>
2974                  </li>
2975              
2976                                <li class="splide__slide card-articolo | d-flex align-items-start justify-content-between flex-column">
2977                      <div class="w-100 d-flex align-items-start justify-content-start flex-column">
2978                                                <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABwgAAASwAQAAAADHmSOuAAAAAnRSTlMAAHaTzTgAAAEeSURBVHja7cGBAAAAAMOg+VNf4QBVAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACvASOcAAG1me4TAAAAAElFTkSuQmCC" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/veduta-aerea-isola-di-pianosa.webp" decoding="async" class="lazyload" data-eio-rwidth="1800" data-eio-rheight="1200"><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/veduta-aerea-isola-di-pianosa.webp" alt="" data-eio="l"></noscript>
2979                        <h3 class="txt blu-navy bold text-uppercase sottotitolo-piccolo">Gita di un giorno a Pianosa dall&#8217;Isola d&#8217;Elba: guida completa alle escursioni</h3>
2980                        <p class="txt testo"><p>Scopri come organizzare una gita a Pianosa dall&#8217;Isola d&#8217;Elba: accesso regolamentato, cosa vedere, snorkeling e consigli pratici per una giornata indimenticabile. </p>
2981</p>
2982                      </div>
2983                      <a class="txt bold testo-piccolo bold azzurro-nav
2983y" href="https://blunavytraghetti.com/gita-un-giorno-pianosa-isola-delba-guida-escursioni/">Leggi <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_600)'><path d='M12 4L10.59 5.41L16.17 11H4V13H16.17L10.59 18.59L12 20L20 12L12 4Z' fill='#33A8EB'/></g><defs><clipPath id='clip0_257_600'><rect width='24' height='24' fill='white'/></clipPath></defs></svg></a>
2984                  </li>
2985              
2986                                <li class="splide__slide card-articolo | d-flex align-items-start justify-content-between flex-column">
2987                      <div class="w-100 d-flex align-items-start justify-content-start flex-column">
2988                                                <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABQAAAAM2AQMAAACT2bw+AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAJZJREFUeNrtwQEBAAAAgiD/r25IQAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPBoFFAABiU/O1QAAAABJRU5ErkJggg==" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/Spiaggia_di_Sansone_Elba_-_panoramio.jpg" decoding="async" class="lazyload" data-eio-rwidth="1280" data-eio-rheight="822"><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/Spiaggia_di_Sansone_Elba_-_panoramio.jpg" alt="" data-eio="l"></noscript>
2989                        <h3 class="txt blu-navy bold text-uppercase sottotitolo-piccolo">Spiagge dell&#8217;Elba con Scirocco: guida ai litorali riparati a Nord</h3>
2990                        <p class="txt testo"><p>Soffia il vento di Sud-Est? Scopri dove andare al mare con lo Scirocco all&#8217;Isola d&#8217;Elba: la guida di Blu Navy alle spiagge più belle del versante nord.</p>
2991</p>
2992                      </div>
2993                      <a class="txt bold testo-piccolo bold azzurro-nav
2993y" href="https://blunavytraghetti.com/spiagge-elba-scirocco-guida-litorali-nord/">Leggi <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_600)'><path d='M12 4L10.59 5.41L16.17 11H4V13H16.17L10.59 18.59L12 20L20 12L12 4Z' fill='#33A8EB'/></g><defs><clipPath id='clip0_257_600'><rect width='24' height='24' fill='white'/></clipPath></defs></svg></a>
2994                  </li>
2995              
2996                            
2997              
2998                      </ul>
2999        </div>
3000      </div>
3001
3002    </div>
3003  </div>
3004</section>
3005<section id="homepage-hotels">
3006
3007  <div class="container">
3008
3009    <div class="row">
3010      <div class="col-12 d-flex align-items-center justify-content-between flex-column flex-lg-row">
3011                  <h2 class="txt titolo bold text-uppercase gold-navy mb-2 text-center text-lg-start">
3012            scegli il tuo hotel all’isola d’Elba          </h2>
3013        
3014                  <a class="txt bold azzurro-navy text-uppercase" href="https://blunavytraghetti.com/hotel-piombino-e-isola-elba/">Scoprili tutti</a>
3015              </div>
3016    </div>
3017
3018    <div class="row mt-4">
3019      <div class="col-12">
3020
3021
3022        <div class="splide" aria-label="Hotels carousel" data-splide='{"clones": "10", "rewind": true, "type": "loop", "pagination": false, "arrows": false, "gap": "1rem", "autoWidth": true}'>
3023          <div class="splide__track">
3024            <ul class="splide__list">
3025
3026            
3027
3028          
3029                                                <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3030                    
3031                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASsAAACoAQMAAACCOVo1AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAB1JREFUWMPtwTEBAAAAwqD1T20LL6AAAAAAAAB4GBmYAAE+xBzLAAAAAElFTkSuQmCC" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/hotel_piscina_elba_appartamenti.jpg" decoding="async" class="lazyload" data-eio-rwidth="299" data-eio-rheight="168" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/hotel_piscina_elba_appartamenti.jpg" alt="" data-eio="l" /></noscript>
3032                                        
3033                    
3034                      <div class="card-text | w-100">
3035                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3036                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">Il Riverbero degli ulivi</h3>
3037
3038                                                  <div>
3039                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3040                        
3041                        <p class="txt testo">
3042                          <p>Riverbero degli Ulivi è accogliente e riservato, ideale per chi desidera vivere un soggiorno all’insegna del relax a pochi minuti dal mare di Lacona.</p>
3043                        </p>
3044
3045                                                
3046                        
3047                        <a class="txt bold testo-piccolo bold azzurro-nav
3047y" href="https://blunavytraghetti.com/hotel/il-riverbero-degli-ulivi/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3048                      </div>
3049                  </li>
3050              
3051                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3052                    
3053                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/hotel-elba-piante-spiaggia-400x400.jpg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/hotel-elba-piante-spiaggia-400x400.jpg" alt="" data-eio="l" /></noscript>
3054                                        
3055                    
3056                      <div class="card-text | w-100">
3057                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3058                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">Hotel La Barcarola</h3>
3059
3060                                                  <div>
3061                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3062                        
3063                        <p class="txt testo">
3064                                                  </p>
3065
3066                                                
3067                        
3068                        <a class="txt bold testo-piccolo bold azzurro-nav
3068y" href="https://blunavytraghetti.com/hotel/hotel-la-barcarola/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3069                      </div>
3070                  </li>
3071              
3072                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3073                    
3074                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/05-cover-terrace-sea-view-hero-400x400.jpg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/05-cover-terrace-sea-view-hero-400x400.jpg" alt="" data-eio="l" /></noscript>
3075                                        
3076                    
3077                      <div class="card-text | w-100">
3078                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3079                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">Diadema di Venere</h3>
3080
3081                                                  <div>
3082                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3083                        
3084                        <p class="txt testo">
3085                          <p>Una struttura elegante e accogliente, ideale per chi desidera un soggiorno all’insegna del relax e del benessere. Ambienti curati e servizi pensati per il comfort degli ospiti si uniscono a una posizione strategica, perfetta per vivere il territorio tra mare, natura e momenti di tranquillità.</p>
3086                        </p>
3087
3088                                                
3089                        
3090                        <a class="txt bold testo-piccolo bold azzurro-nav
3090y" href="https://blunavytraghetti.com/hotel/diadema-di-venere/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3091                      </div>
3092                  </li>
3093              
3094                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3095                    
3096                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/arthotel-gabbiano-azzurro-due-02-400x400.jpg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/arthotel-gabbiano-azzurro-due-02-400x400.jpg" alt="" data-eio="l" /></noscript>
3097                                        
3098                    
3099                      <div class="card-text | w-100">
3100                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3101                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">Hotel Gabbiano Azzurro Due</h3>
3102
3103                                                  <div>
3104                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3105                        
3106                        <p class="txt testo">
3107                                                  </p>
3108
3109                                                
3110                        
3111                        <a class="txt bold testo-piccolo bold azzurro-nav
3111y" href="https://blunavytraghetti.com/hotel/hotel-gabbiano-azzurro-due/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3112                      </div>
3113                  </li>
3114              
3115                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3116                    
3117                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/primo_hotel_elba_marciana_marina-400x400.jpg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/primo_hotel_elba_marciana_marina-400x400.jpg" alt="" data-eio="l" /></noscript>
3118                                        
3119                    
3120                      <div class="card-text | w-100">
3121                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3122                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">Primo Hotel</h3>
3123
3124                                                  <div>
3125                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3126                        
3127                        <p class="txt testo">
3128                                                  </p>
3129
3130                                                
3131                        
3132                        <a class="txt bold testo-piccolo bold azzurro-nav
3132y" href="https://blunavytraghetti.com/hotel/primo-hotel/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3133                      </div>
3134                  </li>
3135              
3136                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3137                    
3138                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/hotel-casa-lupi-08-400x400.jpg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/hotel-casa-lupi-08-400x400.jpg" alt="" data-eio="l" /></noscript>
3139                                        
3140                    
3141                      <div class="card-text | w-100">
3142                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3143                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">Hotel Casa Lupi</h3>
3144
3145                                                  <div>
3146                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3147                        
3148                        <p class="txt testo">
3149                          <p>L&#8217;Hotel Casa Lupi nasce da un antico casale completamente ristrutturato in una zona residenziale di Marciana Marina a 400 metri dal mare. Propone una sistemazione in Bed &amp; Breakfast ed è convenzionato con numerosi ristoranti del paese.</p>
3150<p>L&#8217;hotel è immerso in un giardino panoramico ricco di piante tipiche della macchia mediterranea dove in qualsiasi momento della giornata, tra una lettura o un drink, potrete respirare i profumi della natura dell&#8217;isola d&#8217;Elba.</p>
3151                        </p>
3152
3153                                                
3154                        
3155                        <a class="txt bold testo-piccolo bold azzurro-nav
3155y" href="https://blunavytraghetti.com/hotel/hotel-casa-lupi/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3156                      </div>
3157                  </li>
3158              
3159                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3160                    
3161                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/hotel-gabbiano-azzurro-elba-400x400.jpg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/hotel-gabbiano-azzurro-elba-400x400.jpg" alt="" data-eio="l" /></noscript>
3162                                        
3163                    
3164                      <div class="card-text | w-100">
3165                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3166                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">Hotel Gabbiano Azzurro</h3>
3167
3168                                                  <div>
3169                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3170                        
3171                        <p class="txt testo">
3172                                                  </p>
3173
3174                                                
3175                        
3176                        <a class="txt bold testo-piccolo bold azzurro-nav
3176y" href="https://blunavytraghetti.com/hotel/hotel-gabbiano-azzurro/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3177                      </div>
3178                  </li>
3179              
3180                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3181                    
3182                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/elba_casa_vacanze_porto_azzurro_appartamento_giardino-400x400.jpg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/elba_casa_vacanze_porto_azzurro_appartamento_giardino-400x400.jpg" alt="" data-eio="l" /></noscript>
3183                                        
3184                    
3185                      <div class="card-text | w-100">
3186                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3187                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">Casa Postiglioni</h3>
3188
3189                                                  <div>
3190                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3191                        
3192                        <p class="txt testo">
3193                          <p>
3193Immersa nella natura, Elba Casa Vacanze offre appartamenti accoglienti in un’atmosfera rilassante, ideale per una vacanza all’insegna della tranquillità.</p>
3194                        </p>
3195
3196                                                
3197                        
3198                        <a class="txt bold testo-piccolo bold azzurro-navy" href="https://blunavytraghetti.com/hotel/casa-postiglioni/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3199                      </div>
3200                  </li>
3201              
3202                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3203                    
3204                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/bungalow-campeggio-casa-legno-elba-400x400.jpg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/bungalow-campeggio-casa-legno-elba-400x400.jpg" alt="" data-eio="l" /></noscript>
3205                                        
3206                    
3207                      <div class="card-text | w-100">
3208                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3209                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">Elba Doc Camping Village</h3>
3210
3211                                                  <div>
3212                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3213                        
3214                        <p class="txt testo">
3215                          <p>L’Elba Hotel Camping Village si trova a Cavo. Offre piazzole, bungalow e tende attrezzate, ideali per una vacanza  sull’Isola d’Elba.</p>
3216                        </p>
3217
3218                                                
3219                        
3220                        <a class="txt bold testo-piccolo bold azzurro-nav
3220y" href="https://blunavytraghetti.com/hotel/hotel-elba-doc-cavo-campeggio/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3221                      </div>
3222                  </li>
3223              
3224                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3225                    
3226                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/foto_hotel_belmare_elba-400x400.jpg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/foto_hotel_belmare_elba-400x400.jpg" alt="" data-eio="l" /></noscript>
3227                                        
3228                    
3229                      <div class="card-text | w-100">
3230                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3231                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">Hotel Belmare</h3>
3232
3233                                                  <div>
3234                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3235                        
3236                        <p class="txt testo">
3237                          <p>L’Hotel Belmare si trova sul lungomare di Porto Azzurro, di fronte alla baia di Mola, e offre camere in formula Bed &#038; Breakfast in posizione comoda per spiagge e attrazioni dell’Isola d’Elba.</p>
3238                        </p>
3239
3240                                                
3241                        
3242                        <a class="txt bold testo-piccolo bold azzurro-nav
3242y" href="https://blunavytraghetti.com/hotel/hotel-belmare-elba-porto/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3243                      </div>
3244                  </li>
3245              
3246                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3247                    
3248                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/pro-loco-marciana-marina-con-BluNavy-traghetti-400x400.jpg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/pro-loco-marciana-marina-con-BluNavy-traghetti-400x400.jpg" alt="" data-eio="l" /></noscript>
3249                                        
3250                    
3251                      <div class="card-text | w-100">
3252                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3253                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">Pro Loco Marciana Marina</h3>
3254
3255                                                  <div>
3256                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3257                        
3258                        <p class="txt testo">
3259                          <p>Marciana Marina, detta “La Marina”, è uno dei comuni dell’Isola d’Elba. È da sempre un borgo di mare, nato a valle del Monte Capanne, dove hanno sede i borghi di Poggio e Marciana.</p>
3260                        </p>
3261
3262                                                
3263                        
3264                        <a class="txt bold testo-piccolo bold azzurro-nav
3264y" href="https://blunavytraghetti.com/hotel/pro-loco-marciana-marina/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3265                      </div>
3266                  </li>
3267              
3268                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3269                    
3270                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/il-doge-con-BluNavy-traghetti-400x400.jpg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/il-doge-con-BluNavy-traghetti-400x400.jpg" alt="" data-eio="l" /></noscript>
3271                                        
3272                    
3273                      <div class="card-text | w-100">
3274                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3275                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">Il Doge</h3>
3276
3277                                                  <div>
3278                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3279                        
3280                        <p class="txt testo">
3281                          <p>Situato direttamente a contatto con la spiaggia di Lido di Capoliveri, il Residence è una accogliente struttura a conduzione familiare immersa nel verde.</p>
3282                        </p>
3283
3284                                                
3285                        
3286                        <a class="txt bold testo-piccolo bold azzurro-nav
3286y" href="https://blunavytraghetti.com/hotel/il-doge-ilva/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3287                      </div>
3288                  </li>
3289              
3290                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3291                    
3292                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/fonte-di-zeno-con-BluNavy-traghetti-400x400.jpg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/fonte-di-zeno-con-BluNavy-traghetti-400x400.jpg" alt="" data-eio="l" /></noscript>
3293                                        
3294                    
3295                      <div class="card-text | w-100">
3296                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3297                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">Fonte di Zeno</h3>
3298
3299                                                  <div>
3300                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3301                        
3302                        <p class="txt testo">
3303                          <p>L’Azienda Agricola – Bed &#038; Breakfast Fonte di Zeno è un meraviglioso antico casale elbano, immerso nella natura che gode di un panorama mozzafiato sulla vallata di Marciana e sul suo antico borgo.</p>
3304                        </p>
3305
3306                                                
3307                        
3308                        <a class="txt bold testo-piccolo bold azzurro-nav
3308y" href="https://blunavytraghetti.com/hotel/fonte-di-zeno-ilva/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3309                      </div>
3310                  </li>
3311              
3312                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3313                    
3314                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/la-panchina-sul-porto-con-BluNavy-traghetti-400x400.jpg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/la-panchina-sul-porto-con-BluNavy-traghetti-400x400.jpg" alt="" data-eio="l" /></noscript>
3315                                        
3316                    
3317                      <div class="card-text | w-100">
3318                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3319                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">La panchina sul porto</h3>
3320
3321                                                  <div>
3322                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3323                        
3324                        <p class="txt testo">
3325                          <p>Abbiamo ristrutturato una grande casa dove vivere e avere il piacere di ospitarvi per tutto l’anno. La casa è immersa nella macchia mediterranea con vista mare, affaccio sul golfo di Porto Azzurro e tramonto su Capoliveri.</p>
3326                        </p>
3327
3328                                                
3329                        
3330                        <a class="txt bold testo-piccolo bold azzurro-nav
3330y" href="https://blunavytraghetti.com/hotel/la-panchina-sul-porto-non-ilva/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3331                      </div>
3332                  </li>
3333              
3334                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3335                    
3336                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/villa-maria-teresa-con-BluNavy-traghetti-400x400.jpg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/villa-maria-teresa-con-BluNavy-traghetti-400x400.jpg" alt="" data-eio="l" /></noscript>
3337                                        
3338                    
3339                      <div class="card-text | w-100">
3340                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3341                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">Villa Maria Teresa</h3>
3342
3343                                                  <div>
3344                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3345                        
3346                        <p class="txt testo">
3347                          <p>Villa Maria Teresa è immersa nella natura e grazie alla sua posizione predominante permette di godere della splendida vista del golfo di Portoferraio.</p>
3348                        </p>
3349
3350                                                
3351                        
3352                        <a class="txt bold testo-piccolo bold azzurro-nav
3352y" href="https://blunavytraghetti.com/hotel/villa-maria-teresa-non-ilva/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3353                      </div>
3354                  </li>
3355              
3356                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3357                    
3358                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/residence-isola-elba-con-BluNavy-traghetti-400x400.jpg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/residence-isola-elba-con-BluNavy-traghetti-400x400.jpg" alt="" data-eio="l" /></noscript>
3359                                        
3360                    
3361                      <div class="card-text | w-100">
3362                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3363                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">Residence Isola d’Elba</h3>
3364
3365                                                  <div>
3366                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3367                        
3368                        <p class="txt testo">
3369                          <p>Residenze Isola d&#8217;Elba offre le sistemazioni in 3 meravigliose posizioni dell&#8217;isola.</p>
3370                        </p>
3371
3372                                                
3373                        
3374                        <a class="txt bold testo-piccolo bold azzurro-nav
3374y" href="https://blunavytraghetti.com/hotel/residence-isola-elba-non-ilva/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3375                      </div>
3376                  </li>
3377              
3378                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3379                    
3380                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/bio-casa-fabiana-con-BluNavy-traghetti-400x400.jpeg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/bio-casa-fabiana-con-BluNavy-traghetti-400x400.jpeg" alt="" data-eio="l" /></noscript>
3381                                        
3382                    
3383                      <div class="card-text | w-100">
3384                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3385                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">Bio Casa Fabiana</h3>
3386
3387                                                  <div>
3388                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3389                        
3390                        <p class="txt testo">
3391                          <p>Circondata dalla tipica campagna elbana, la BioCasa dispone di 3 camere matrimoniali e 2 bagni. La struttura nasce da un moderno progetto rispettoso dell’ambiente ed è ubicata a Portoferraio in una zona distante dal caos cittadino e molto panoramica.</p>
3392                        </p>
3393
3394                                                
3395                        
3396                        <a class="txt bold testo-piccolo bold azzurro-nav
3396y" href="https://blunavytraghetti.com/hotel/bio-casa-fabiana-ilva/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3397                      </div>
3398                  </li>
3399              
3400                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3401                    
3402                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/gma-parking-con-BluNavy-traghetti-400x400.jpg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/gma-parking-con-BluNavy-traghetti-400x400.jpg" alt="" data-eio="l" /></noscript>
3403                                        
3404                    
3405                      <div class="card-text | w-100">
3406                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3407                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">Parcheggio GMA Piombino</h3>
3408
3409                                                  <div>
3410                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3411                        
3412                        <p class="txt testo">
3413                          <p>Evita lunghe file agli imbarchi, a soli due minuti a piedi dai moli di partenza delle navi per Isola d’Elba, Sardegna e Corsica e in prossimità della biglietteria centrale, del bar ristorante e servizi igienici del Porto di Piombino.</p>
3414                        </p>
3415
3416                                                
3417                        
3418                        <a class="txt bold testo-piccolo bold azzurro-nav
3418y" href="https://blunavytraghetti.com/hotel/parcheggio-gma-piombino/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3419                      </div>
3420                  </li>
3421              
3422                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3423                    
3424                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/giuliana-e-ugo-con-BluNavy-traghetti-1-400x400.jpg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/giuliana-e-ugo-con-BluNavy-traghetti-1-400x400.jpg" alt="" data-eio="l" /></noscript>
3425                                        
3426                    
3427                      <div class="card-text | w-100">
3428                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3429                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">Hotel Thomas</h3>
3430
3431                                                  <div>
3432                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3433                        
3434                        <p class="txt testo">
3435                          <p>Il Bed &#038; Breakfast Hotel Thomas, si trova a due passi dalla splendida spiaggia di Marina di Campo in una zona centrale e residenziale.</p>
3436                        </p>
3437
3438                                                
3439                        
3440                        <a class="txt bold testo-piccolo bold azzurro-nav
3440y" href="https://blunavytraghetti.com/hotel/hotel-thomas-ilva/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3441                      </div>
3442                  </li>
3443              
3444                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3445                    
3446                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/giuliana-e-ugo-con-BluNavy-traghetti-400x400.jpg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/giuliana-e-ugo-con-BluNavy-traghetti-400x400.jpg" alt="" data-eio="l" /></noscript>
3447                                        
3448                    
3449                      <div class="card-text | w-100">
3450                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3451                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">Giuliana e Ugo</h3>
3452
3453                                                  <div>
3454                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3455                        
3456                        <p class="txt testo">
3457                          <p>In una posizione privilegiata con un&#8217;ottima visuale sulla costa meridionale dell&#8217;Isola.</p>
3458                        </p>
3459
3460                                                
3461                        
3462                        <a class="txt bold testo-piccolo bold azzurro-nav
3462y" href="https://blunavytraghetti.com/hotel/giuliana-e-ugo-ilva/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3463                      </div>
3464                  </li>
3465              
3466                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3467                    
3468                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/affittacamere-vista-mare-con-BluNavy-traghetti-1-400x400.jpeg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/affittacamere-vista-mare-con-BluNavy-traghetti-1-400x400.jpeg" alt="" data-eio="l" /></noscript>
3469                                        
3470                    
3471                      <div class="card-text | w-100">
3472                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3473                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">Affittacamere Vista Mare</h3>
3474
3475                                                  <div>
3476                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3477                        
3478                        <p class="txt testo">
3479                          <p>Siamo in una bellissima posizione: al terzo piano di una palazzina a due passi dal mare (Isola d’Elba orientale), con una vista mozzafiato sul porticciolo e sulla spiaggia.</p>
3480                        </p>
3481
3482                                                
3483                        
3484                        <a class="txt bold testo-piccolo bold azzurro-nav
3484y" href="https://blunavytraghetti.com/hotel/affittacamere-vista-mare/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3485                      </div>
3486                  </li>
3487              
3488                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3489                    
3490                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/elba-solare-con-BluNavy-traghetti-1-400x400.jpg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/elba-solare-con-BluNavy-traghetti-1-400x400.jpg" alt="" data-eio="l" /></noscript>
3491                                        
3492                    
3493                      <div class="card-text | w-100">
3494                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3495                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">Elba Solare</h3>
3496
3497                                                  <div>
3498                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3499                        
3500                        <p class="txt testo">
3501                          <p>L&#8217;Hotel Casa Rosa è situato esattamente al centro del golfo della Biodola, l&#8217;Hotel Edera, invece, è situato a Procchio, nel bellissimo golfo che fa da sfondo a numerose immagini pubblicitarie dell&#8217;isola.</p>
3502                        </p>
3503
3504                                                
3505                        
3506                        <a class="txt bold testo-piccolo bold azzurro-nav
3506y" href="https://blunavytraghetti.com/hotel/elba-solare/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3507                      </div>
3508                  </li>
3509              
3510                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3511                    
3512                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/villa-el-mar-con-BluNavy-traghetti-1-400x400.jpg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/villa-el-mar-con-BluNavy-traghetti-1-400x400.jpg" alt="" data-eio="l" /></noscript>
3513                                        
3514                    
3515                      <div class="card-text | w-100">
3516                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3517                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">Villa El Mar</h3>
3518
3519                                                  <div>
3520                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3521                        
3522                        <p class="txt testo">
3523                          <p>Villa El Mar è un B&#038;B di Charme situato direttamente sul mare dallo stile informale ma con servizi di lusso: tre suites da sogno con Jacuzzi privata e vista sull’incantevole Golfo di Portoferraio.</p>
3524                        </p>
3525
3526                                                
3527                        
3528                        <a class="txt bold testo-piccolo bold azzurro-nav
3528y" href="https://blunavytraghetti.com/hotel/villa-el-mar/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3529                      </div>
3530                  </li>
3531              
3532                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3533                    
3534                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/il-termine-con-BluNavy-traghetti-1-400x400.jpg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/il-termine-con-BluNavy-traghetti-1-400x400.jpg" alt="" data-eio="l" /></noscript>
3535                                        
3536                    
3537                      <div class="card-text | w-100">
3538                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3539                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">Villa Relais Il Termine</h3>
3540
3541                                                  <div>
3542                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3543                        
3544                        <p class="txt testo">
3545                          <p>Circondato dalla macchia mediterranea, avvolto nel silenzio rigenerante e nei profumi intensi della natura selvaggia, il Relais si apre come un santuario intimo dove corpo, mente e anima possono ritrovare armonia.</p>
3546                        </p>
3547
3548                                                
3549                        
3550                        <a class="txt bold testo-piccolo bold azzurro-nav
3550y" href="https://blunavytraghetti.com/hotel/villa-relais-il-termine/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3551                      </div>
3552                  </li>
3553              
3554                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3555                    
3556                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/appartamenti-nispo-con-BluNavy-traghetti-1-400x400.jpg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/appartamenti-nispo-con-BluNavy-traghetti-1-400x400.jpg" alt="" data-eio="l" /></noscript>
3557                                        
3558                    
3559                      <div class="card-text | w-100">
3560                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3561                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">Appartamenti Nispo</h3>
3562
3563                                                  <div>
3564                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3565                        
3566                        <p class="txt testo">
3567                          <p>Gli appartamenti “Nispo”, situati a Nisportino, si trovano a soli 50 metri dal mare, in una posizione perfetta per chi desidera una vacanza all’insegna del relax e della tranquillità.</p>
3568                        </p>
3569
3570                                                
3571                        
3572                        <a class="txt bold testo-piccolo bold azzurro-nav
3572y" href="https://blunavytraghetti.com/hotel/appartamenti-nispo/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3573                      </div>
3574                  </li>
3575              
3576                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3577                    
3578                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/villa-europa-con-BluNavy-traghetti-400x400.jpg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/villa-europa-con-BluNavy-traghetti-400x400.jpg" alt="" data-eio="l" /></noscript>
3579                                        
3580                    
3581                      <div class="card-text | w-100">
3582                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3583                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">Residence Villa Europa</h3>
3584
3585                                                  <div>
3586                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3587                        
3588                        <p class="txt testo">
3589                          <p>VILLA EUROPA è un residence a conduzione familiare a 150 m. da una delle più belle spiagge dell&#8217;Isola d&#8217;Elba (Toscana): Morcone di Capoliveri.</p>
3590                        </p>
3591
3592                                                
3593                        
3594                        <a class="txt bold testo-piccolo bold azzurro-nav
3594y" href="https://blunavytraghetti.com/hotel/residence-villa-europa/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3595                      </div>
3596                  </li>
3597              
3598                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3599                    
3600                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/tom-appartamenti-con-BluNavy-traghetti-400x400.jpg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/tom-appartamenti-con-BluNavy-traghetti-400x400.jpg" alt="" data-eio="l" /></noscript>
3601                                        
3602                    
3603                      <div class="card-text | w-100">
3604                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3605                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">Tom Appartamenti</h3>
3606
3607                                                  <div>
3608                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3609                        
3610                        <p class="txt testo">
3611                          <p>Tom Appartamenti è un piccolo complesso turistico a soli 150 mt dalla spiaggia di Barbarossa, preziosa insenatura distante solo 1500 mt da Porto Azzurro.</p>
3612                        </p>
3613
3614                                                
3615                        
3616                        <a class="txt bold testo-piccolo bold azzurro-nav
3616y" href="https://blunavytraghetti.com/hotel/tom-appartamenti/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3617                      </div>
3618                  </li>
3619              
3620                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3621                    
3622                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/appartamenti-airone-con-BluNavy-traghetti-400x400.jpg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/appartamenti-airone-con-BluNavy-traghetti-400x400.jpg" alt="" data-eio="l" /></noscript>
3623                                        
3624                    
3625                      <div class="card-text | w-100">
3626                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3627                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">Appartamenti Airone</h3>
3628
3629                                                  <div>
3630                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3631                        
3632                        <p class="txt testo">
3633                          <p>Per la tua vacanza ideale nella splendida cornice dell’Isola d’Elba vieni a scoprire i nostri appartamenti sul mare e crea la tua vacanza su misura nell’appartamento più adatto a te.</p>
3634                        </p>
3635
3636                                                
3637                        
3638                        <a class="txt bold testo-piccolo bold azzurro-nav
3638y" href="https://blunavytraghetti.com/hotel/appartamenti-airone/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3639                      </div>
3640                  </li>
3641              
3642                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3643                    
3644                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/la-cota-quinta-con-BluNavy-traghetti-400x400.jpg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/la-cota-quinta-con-BluNavy-traghetti-400x400.jpg" alt="" data-eio="l" /></noscript>
3645                                        
3646                    
3647                      <div class="card-text | w-100">
3648                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3649                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">La Cota Quinta</h3>
3650
3651                                                  <div>
3652                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3653                        
3654                        <p class="txt testo">
3655                          <p>La Cota Quinta vi propone appartamenti per vacanze esclusive a diretto contatto con la natura dell’ Isola d’Elba.</p>
3656                        </p>
3657
3658                                                
3659                        
3660                        <a class="txt bold testo-piccolo bold azzurro-nav
3660y" href="https://blunavytraghetti.com/hotel/la-cota-quinta/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3661                      </div>
3662                  </li>
3663              
3664                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3665                    
3666                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/il-melograno-con-BluNavy-traghetti-400x400.jpg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/il-melograno-con-BluNavy-traghetti-400x400.jpg" alt="" data-eio="l" /></noscript>
3667                                        
3668                    
3669                      <div class="card-text | w-100">
3670                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3671                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">B&#038;B L’albero di Melograno</h3>
3672
3673                                                  <div>
3674                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3675                        
3676                        <p class="txt testo">
3677                          <p>Il B&#038;B sorge a 50 mt dalla spiaggia, in un vecchio paesino di scalpellini che si affaccia sul mare, e da cui si scorge una stupenda vista sulle isole di Montecristo e Pianosa.</p>
3678                        </p>
3679
3680                                                
3681                        
3682                        <a class="txt bold testo-piccolo bold azzurro-nav
3682y" href="https://blunavytraghetti.com/hotel/bb-lalbero-di-melograno/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3683                      </div>
3684                  </li>
3685              
3686                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3687                    
3688                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/villa-cecilia-con-BluNavy-traghetti-400x400.jpg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/villa-cecilia-con-BluNavy-traghetti-400x400.jpg" alt="" data-eio="l" /></noscript>
3689                                        
3690                    
3691                      <div class="card-text | w-100">
3692                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3693                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">Villa Cecilia</h3>
3694
3695                                                  <div>
3696                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3697                        
3698                        <p class="txt testo">
3699                          <p>Circondati dalla macchia mediterranea e da un grande giardino dove i bambini possono giocare in sicurezza, gli Appartamenti Villa Cecilia sono situati in una posizione tranquilla nel Golfo di Procchio.</p>
3700                        </p>
3701
3702                                                
3703                        
3704                        <a class="txt bold testo-piccolo bold azzurro-nav
3704y" href="https://blunavytraghetti.com/hotel/villa-cecilia/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3705                      </div>
3706                  </li>
3707              
3708                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3709                    
3710                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/le-pitte-con-BluNavy-traghetti-400x400.jpg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/le-pitte-con-BluNavy-traghetti-400x400.jpg" alt="" data-eio="l" /></noscript>
3711                                        
3712                    
3713                      <div class="card-text | w-100">
3714                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3715                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">Residence Le Pitte</h3>
3716
3717                                                  <div>
3718                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3719                        
3720                        <p class="txt testo">
3721                          <p>La Casa Vacanze Le Pitte è situata a 400 metri dalla splendida spiaggia di sabbia bianca di Marina di Campo e a 400 metri dal centro del paese.</p>
3722                        </p>
3723
3724                                                
3725                        
3726                        <a class="txt bold testo-piccolo bold azzurro-nav
3726y" href="https://blunavytraghetti.com/hotel/residence-le-pitte/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3727                      </div>
3728                  </li>
3729              
3730                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3731                    
3732                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/la-vale-house-con-BluNavy-traghetti-400x400.jpg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/la-vale-house-con-BluNavy-traghetti-400x400.jpg" alt="" data-eio="l" /></noscript>
3733                                        
3734                    
3735                      <div class="card-text | w-100">
3736                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3737                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">LaValeHouse</h3>
3738
3739                                                  <div>
3740                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3741                        
3742                        <p class="txt testo">
3743                          <p>A Marina di Campo tre deliziose nuove case, appena ristrutturate con finiture di qualità e dotate di ogni comfort, con giardino e parcheggio privato.</p>
3744                        </p>
3745
3746                                                
3747                        
3748                        <a class="txt bold testo-piccolo bold azzurro-nav
3748y" href="https://blunavytraghetti.com/hotel/la-vale-house/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3749                      </div>
3750                  </li>
3751              
3752                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3753                    
3754                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/borgo-dell-uccellaia-con-BluNavy-traghetti-400x400.jpg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/borgo-dell-uccellaia-con-BluNavy-traghetti-400x400.jpg" alt="" data-eio="l" /></noscript>
3755                                        
3756                    
3757                      <div class="card-text | w-100">
3758                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3759                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">Borgo dell&#8217;Uccellaia</h3>
3760
3761                                                  <div>
3762                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3763                        
3764                        <p class="txt testo">
3765                          <p>Il Borgo dell’Uccellaia è una dimora composta da sei unità immobiliari ad uso turistico situato nel pittoresco paese di Marciana Marina all’Isola d’Elba.</p>
3766                        </p>
3767
3768                                                
3769                        
3770                        <a class="txt bold testo-piccolo bold azzurro-nav
3770y" href="https://blunavytraghetti.com/hotel/borgo-dell-uccellaia/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3771                      </div>
3772                  </li>
3773              
3774                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3775                    
3776                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/elbaloves-appartaments-villa-con-BluNavy-traghetti-400x400.jpg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/elbaloves-appartaments-villa-con-BluNavy-traghetti-400x400.jpg" alt="" data-eio="l" /></noscript>
3777                                        
3778                    
3779                      <div class="card-text | w-100">
3780                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3781                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">Elbaloves Appartaments Villa</h3>
3782
3783                                                  <div>
3784                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3785                        
3786                        <p class="txt testo">
3787                          <p>Un posto speciale per trascorrere le vostre vacanze ad un passo dal mare in un ambiente curato ed accogliente!</p>
3788                        </p>
3789
3790                                                
3791                        
3792                        <a class="txt bold testo-piccolo bold azzurro-nav
3792y" href="https://blunavytraghetti.com/hotel/elbaloves-appartaments-villa/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3793                      </div>
3794                  </li>
3795              
3796                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3797                    
3798                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/casa-nanni-con-BluNavy-traghetti-400x400.jpg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/casa-nanni-con-BluNavy-traghetti-400x400.jpg" alt="" data-eio="l" /></noscript>
3799                                        
3800                    
3801                      <div class="card-text | w-100">
3802                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3803                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">Casa Nanni</h3>
3804
3805                                                  <div>
3806                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3807                        
3808                        <p class="txt testo">
3809                          <p>Casa Nanni è una villetta indipendente, circondata da un ampio giardino, a pochi minuti d’auto da Portoferraio.</p>
3810                        </p>
3811
3812                                                
3813                        
3814                        <a class="txt bold testo-piccolo bold azzurro-nav
3814y" href="https://blunavytraghetti.com/hotel/casa-nanni/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3815                      </div>
3816                  </li>
3817              
3818                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3819                    
3820                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/diving-in-elba-con-BluNavy-traghetti-400x400.jpg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/diving-in-elba-con-BluNavy-traghetti-400x400.jpg" alt="" data-eio="l" /></noscript>
3821                                        
3822                    
3823                      <div class="card-text | w-100">
3824                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3825                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">Diving in Elba</h3>
3826
3827                                                  <div>
3828                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3829                        
3830                        <p class="txt testo">
3831                          <p>
3831Immersioni lungo le coste dell&#8217;Elba, immersioni a Pianosa e Capraia, stupende soluzioni di alloggio con pacchetti ALL INCLUSIVE studiati con prestigiosi tour operators dell&#8217;isola.</p>
3832                        </p>
3833
3834                                                
3835                        
3836                        <a class="txt bold testo-piccolo bold azzurro-navy" href="https://blunavytraghetti.com/hotel/diving-in-elba/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3837                      </div>
3838                  </li>
3839              
3840                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3841                    
3842                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/residence-augusto-con-BluNavy-traghetti-400x400.jpeg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/residence-augusto-con-BluNavy-traghetti-400x400.jpeg" alt="" data-eio="l" /></noscript>
3843                                        
3844                    
3845                      <div class="card-text | w-100">
3846                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3847                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">Residence Augusto</h3>
3848
3849                                                  <div>
3850                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3851                        
3852                        <p class="txt testo">
3853                          <p>Trascorrete al Residence Augusto le vostre vacanze all&#8217;Isola d&#8217;Elba, nei nostri graziosi appartamenti sul mare e nella splendida cornice della baia di Morcone.</p>
3854                        </p>
3855
3856                                                
3857                        
3858                        <a class="txt bold testo-piccolo bold azzurro-nav
3858y" href="https://blunavytraghetti.com/hotel/residence-augusto/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3859                      </div>
3860                  </li>
3861              
3862                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3863                    
3864                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/elba-residence-con-BluNavy-traghetti-400x400.jpg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/elba-residence-con-BluNavy-traghetti-400x400.jpg" alt="" data-eio="l" /></noscript>
3865                                        
3866                    
3867                      <div class="card-text | w-100">
3868                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3869                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">Elba Residence</h3>
3870
3871                                                  <div>
3872                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3873                        
3874                        <p class="txt testo">
3875                          <p>Elba Residence composto da ventidue miniappartamenti e due bilocali in area completamente recintata di 5.000 mq. di superficie con pineta ed ampio parcheggio coperto.</p>
3876                        </p>
3877
3878                                                
3879                        
3880                        <a class="txt bold testo-piccolo bold azzurro-nav
3880y" href="https://blunavytraghetti.com/hotel/elba-residence/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3881                      </div>
3882                  </li>
3883              
3884                                              <li class="card-hotel | splide__slide  d-flex align-items-start justify-content-between flex-column flex-lg-row">
3885                    
3886                                          <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/uploads/appartamenti-gestur-con-BluNavy-traghetti-400x400.jpeg" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img loading="lazy" src="https://blunavytraghetti.com/wp-content/uploads/appartamenti-gestur-con-BluNavy-traghetti-400x400.jpeg" alt="" data-eio="l" /></noscript>
3887                                        
3888                    
3889                      <div class="card-text | w-100">
3890                        <p class="d-flex align-items-center justify-content-center"><svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_257_716)'><path d='M14 9L13 7H7V5.72C7.6 5.38 8 4.74 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 4.74 4.4 5.38 5 5.72V21H7V17H12L13 19H20V9H14ZM18 17H14L13 15H7V9H12L13 11H18V17Z' fill='#292C7E'/></g><defs><clipPath id='clip0_257_716'><rect width='24' height='24' fill='white'/></clipPath></defs></svg> <span class="txt bold testo blu-navyms-1">hotel</span></p>
3891                        <h3 class="txt rosso-navy bold text-uppercase sottotitolo-piccolo">Appartamenti Gestur</h3>
3892
3893                                                  <div>
3894                                                        <span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span><span class="me-2"><svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.43 8L10 0L7.57 8H0L6.18 12.41L3.83 20L10 15.31L16.18 20L13.83 12.41L20 8H12.43Z' fill='#323232'/></svg></span>                          </div>
3895                        
3896                        <p class="txt testo">
3897                          <p>Vi portiamo a conoscere ed amare quest’Isola, a rispettarla ed apprezzarne l’esclusività per la sua ricca storia, la natura incontaminata, i paesaggi differenti, il mare caraibico, l’offerta variegata di spiagge, l’eccellente gastronomia e molto altro.</p>
3898                        </p>
3899
3900                                                
3901                        
3902                        <a class="txt bold testo-piccolo bold azzurro-nav
3902y" href="https://blunavytraghetti.com/hotel/appartamenti-gestur/"><svg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z' fill='#33A8EB'/></svg> <span class="ms-1">Scopri</span></a>
3903                      </div>
3904                  </li>
3905              
3906                                          
3907              
3908            
3909            </ul>
3910          </div>
3911        </div>
3912
3913
3914      </div>
3915    </div>
3916
3917  </div>  
3918</section>
3919
3920
3921  
3921<script type="application/ld+json">
3922  {
3923    "@context":"https://schema.org",
3924    "@type":"ItemList",
3925    "itemListElement":[
3926                                  
3927          {
3928              "@type": "ListItem",
3929              "position": "1",
3930              "item": {
3931                "@type": "LocalBusiness",
3932                                  "description": "Scopri il clima e il mare dell'Isola d'Elba a settembre: temperature, spiagge senza folla, prezzi più bassi: è il mese migliore!",
3933                  "name": "Isola d&#8217;Elba a settembre: clima, mare e perché è il mese migliore per visitarla"
3934                                }
3935          },        
3936                        
3937          {
3938              "@type": "ListItem",
3939              "position": "2",
3940              "item": {
3941                "@type": "LocalBusiness",
3942                                  "description": "Guida completa per visitare l'Isola di Montecristo: come fare domanda, quote d'accesso, cosa vedere e regole della riserva integrale.",
3943                  "name": "Come visitare l&#8217;Isola di Montecristo: permessi, prenotazione e tutto quello che devi sapere"
3944                                }
3945          },        
3946                        
3947          {
3948              "@type": "ListItem",
3949              "position": "3",
3950              "item": {
3951                "@type": "LocalBusiness",
3952                                  "description": "Scopri come organizzare una gita a Pianosa dall'Isola d'Elba: accesso regolamentato, cosa vedere, snorkeling e consigli pratici per una giornata indimenticabile.",
3953                  "name": "Gita di un giorno a Pianosa dall&#8217;Isola d&#8217;Elba: guida completa alle escursioni"
3954                                }
3955          },        
3956                        
3957          {
3958              "@type": "ListItem",
3959              "position": "4",
3960              "item": {
3961                "@type": "LocalBusiness",
3962                                  "description": "Soffia il vento di Sud-Est? Scopri dove andare al mare con lo Scirocco all'Isola d'Elba: la guida di Blu Navy alle spiagge più belle del versante nord.",
3963                  "name": "Spiagge dell&#8217;Elba con Scirocco: guida ai litorali riparati a Nord"
3964                                }
3965          }        
3966                        ]
3967      }
3968      </script>
3968
3969<section id="homepage-servizio-clienti">
3970
3971  <div class="container">
3972    <div class="row">
3973      <div class="col-lg-10 offset-lg-1">
3974
3975<div class="px-2">
3976
3977  <div class="row">
3978    <div class="col-lg-4 p-0">
3979              <!-- Full size image -->
3980        <img class="img-fluid lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAtAAAAMMAQAAAABSp63RAAAAAnRSTlMAAHaTzTgAAABbSURBVBgZ7cGBAAAAAMOg+1PP4ATVAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAKxVTAAHQ6B6JAAAAAElFTkSuQmCC" alt="Servizio Clienti Blu Navy Aiuto e Assistenza Online" data-src="https://blunavytraghetti.com/wp-content/uploads/Servizio-Clienti-Blu-Navy-Aiuto-e-Assistenza-Online-720x780.jpg" decoding="async" data-eio-rwidth="720" data-eio-rheight="780" /><noscript><img class="img-fluid" src="https://blunavytraghetti.com/wp-content/uploads/Servizio-Clienti-Blu-Navy-Aiuto-e-Assistenza-Online-720x780.jpg" alt="Servizio Clienti Blu Navy Aiuto e Assistenza Online" data-eio="l" /></noscript>
3981          </div>
3982    <div class="col-lg-6 ms-lg-5 px-3 px-lg-0 py-3">
3983              <h2 class="txt titolo-piccolo blu-navy bold">
3984          Servizio clienti Traghetti Elba        </h2>
3985      
3986              <p class="my-4 txt testo grigio-scuro">
3987          Hai domande o bisogno di aiuto sulla prenotazione del tuo viaggio in traghetto?
3988Il modo più facile, veloce e diretto per entrare in contatto con noi è <strong>attraverso la nostra chat</strong>. 
3989Chiedici tutto quello che vuoi, siamo qui per te.        </p>
3990            
3991            
3992              
3993                        <a class="btn mb-3 bg-white txt azzurro-navy bold azzurro-hover" target="" href="tel:+390565269710">Contattaci</a>
3994                
3995              
3996                        <a class="btn mb-3 bg-white txt azzurro-navy bold azzurro-hover" href="https://blunavytraghetti.com/faq/">Domande frequenti</a>
3997                  
3998              
3999          </div>
4000  </div>
4001</div>
4002
4003
4004
4005
4006
4007
4008
4009        
4010        
4011        
4012        
4013      </div>
4014    </div>
4015  </div>
4016
4017</section>
4018<section id="homepage-social">
4019  <div class="container">
4020    <div class="row align-items-center">
4021      <div class="col-lg-4 offset-lg-1 py-lg-5">
4022        
4023                  <p class="text-center text-lg-start txt blu-navy text-uppercase bold sottotitolo-piccolo">
4024            #BLUNAVYTRAGHETTI          </p>
4025        
4026                  <p class="text-center text-lg-start txt mt-20 mb-20 text-uppercase gold-navy bold titolo mono">
4027            naviga anche sui social di blu navy          </p>
4028                
4029                  <p class="text-center text-lg-start txt sottotitolo-piccolo">
4030            Sali a bordo, fatti un selfie, taggaci, lasciaci un feedback...<br />
4031Insomma, vivi con noi la tua meravigliosa esperienza all’Isola d’Elba.          </p>
4032        
4033                                      <div class="text-center text-lg-start">
4034            <a target="_blank" class="d-lg-block mt-40 btn text-white bg-azzurro-navy bianco-hover-border" href="https://www.instagram.com/blunavytraghetti/">@BLUNAVYTRAGHETTI</a>
4035          </div>
4036                
4037      </div>
4038    </div>
4039  </div>
4040</section><div id="flexible-content">
4041
4042      
4043
4044<section class="flexible--video bg-images">
4045    <div class="bg-cover-image --desktop lazyload" style="" data-back="https://blunavytraghetti.com/wp-content/uploads/Onde-traghetto-mare-Isola-Elba-Blu-Navy-1024x267.jpg" data-eio-rwidth="1024" data-eio-rheight="267"></div>
4046    <div class="bg-cover-image --mobile lazyload" style="" data-back="https://blunavytraghetti.com/wp-content/uploads/Onde-traghetto-mare-Isola-Elba-Blu-Navy-1024x267.jpg" data-eio-rwidth="1024" data-eio-rheight="267"></div>
4047    <div class="bg-cover-overlay --dark"></div>
4048    <div class="bg-cover-overlay --gradient"></div>
4049    <div class="container">
4050        <div class="row">
4051            <div class="col-lg-6 offset-lg-1 d-flex flex-column gap-4 justify-content-center video--text">
4052                                    <h3 class="txt titolo-piccolo bold bianco ">
4053                        Scopri l'Isola d'Elba con Blu Navy Traghetti                    </h3>
4054                                                    <p class="txt testo bianco">
4055                        Il paradiso è più vicino di quanto pensi. Dove le <b>spiagge dorate incontrano cale segrete e panorami mozzafiato</b>. È l'Isola d'Elba, con i suoi tesori nascosti, la natura incontaminata, <b>
4055borghi meravigliosi e un’ospitalità per tutti i gusti</b>. <br />
4056<br />
4057Qui ti aspettano avventure memorabili, <b>vacanze da sogno e momenti di puro relax</b>.<br />
4058<br />
4059<b>Salpa con noi</b> verso la tua vacanza all’isola d’Elba.                    </p>
4060                                                    <div>
4061                        <div class="bn-button" data-toggle-yt-video data-toggle-yt-video-src="https://youtube.com/embed/ke5M2r_Ouik?si=KT66RpfZJcJI99s4" data-toggle-yt-video-src-mobile="https://youtube.com/embed/ke5M2r_Ouik?si=KT66RpfZJcJI99s4">
4062                            Guarda il video                        </div>
4063                    </div>
4064                
4065            </div>
4066            <div class="col-lg-3 offset-lg-1 d-flex align-items-center justify-content-center video--video">
4067                <div class="video--video--play" data-toggle-yt-video data-toggle-yt-video-src="https://youtube.com/embed/ke5M2r_Ouik?si=KT66RpfZJcJI99s4" data-toggle-yt-video-src-mobile="https://youtube.com/embed/ke5M2r_Ouik?si=KT66RpfZJcJI99s4">
4068                    
4069                                            <video class="" autoplay muted loop playsinline>
4070                            <source src="https://blunavytraghetti.com/wp-content/uploads/Blu-Navy-Traghetti-Isola-Elba-esperienze.mp4" type="video/mp4">
4071                        </video>
4072                    
4073
4074                    <div class="video--video--play-icon">
4075                    </div>
4076                </div>
4077            </div>
4078        </div>
4079    </div>
4080    <div class="iframe-yt-video-cont">
4081        <div class="iframe-yt-video-cont-closer">+</div>
4082        <iframe class="iframe-yt-video" width="100%" height="600" src="" title="Scopri l'Isola d'Elba con Blu Navy Traghetti" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
4083    </div>
4084</section>
4085
4086
4087
4088<section class="faqs-flex">
4089  <div class="container">
4090    <div class="row">
4091      <div class="col-12">
4092
4093                  <p class="txt sottotitolo-grande text-uppercase mono bold gold-navy">
4094            DOMANDE E RISPOSTE <br> Le più frequenti          </p>
4095        
4096                    <ul class="mt-30 links-list">
4097              <li>
4098                <div class="accordion" id="accordionExample">
4099                                                          <div class="accordion-item">
4100                        <h2 class="accordion-header">
4101                          <button class="accordion-button txt blu-navy bold sottotitolo-piccolo " type="button" data-bs-toggle="collapse" data-bs-target="#collapse-0" aria-expanded="true" aria-controls="collapseOne">
4102                            Cosa vi differenzia davvero dalle altre compagnie navali (Moby e Toremar)?                          </button>
4103                        </h2>
4104                        <div id="collapse-0" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
4105                          <div class="accordion-body">
4106                            <p>Principalmente i <strong>prezzi</strong> e la <strong>comodità dell&#8217;imbarco</strong>!<br />
4107Nella maggior parte dei casi (oltre il 96% delle volte) siamo sempre la <strong>compagnia con i prezzi più bassi per navigare da e per l&#8217;Elba</strong> (riusciamo a farlo perchè siamo locali e puntiamo tutto su questa tratta, rispetto alle altre compagnie che forniscono anche altre tratte nazionali e devono compensare i prezzi). Oltretutto i <strong>nostri traghetti sono fatti per imbarcare e sbarcare nella stessa direzione</strong>, senza fare strane manovre (con le altre <strong>compagnie potrebbe capitarti di sbarcare in retro (anche con i camper)</strong>, non proprio la manovra più semplice da fare&#8230;. nemmeno per gli automobilisti più esperti!).<br />
4108Con noi la tua vacanza è <strong>davvero pensata per fornirti un&#8217;esperienza il migliore possibile e senza stress</strong>, iniziando dall&#8217;imbarco a Piombino! 😀</p>
4109                          </div>
4110                        </div>
4111                      </div>
4112                                                            <div class="accordion-item">
4113                        <h2 class="accordion-header">
4114                          <button class="accordion-button txt blu-navy bold sottotitolo-piccolo collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-1" aria-expanded="true" aria-controls="collapseOne">
4115                            Ci sono costi aggiuntivi per caricare la mia moto a bordo dei traghetti Blu Navy?                          </button>
4116                        </h2>
4117                        <div id="collapse-1" class="accordion-collapse collapse " data-bs-parent="#accordionExample">
4118                          <div class="accordion-body">
4119                            <p>Si, la tariffa cambia leggermente rispetto al biglietto normale in quanto la <strong>tua moto verrà legata</strong> da un nostro addetto e inserita nell’apposita sezione nel garage della nave.</p>
4120                          </div>
4121                        </div>
4122                      </div>
4123                                                            <div class="accordion-item">
4124                        <h2 class="accordion-header">
4125                          <button class="accordion-button txt blu-navy bold sottotitolo-piccolo collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-2" aria-expanded="true" aria-controls="collapseOne">
4126                            Come posso usare il codice sconto della struttura dove alloggio per prenotare il traghetto con Blu Navy?                          </button>
4127                        </h2>
4128                        <div id="collapse-2" class="accordion-collapse collapse " data-bs-parent="#accordionExample">
4129                          <div class="accordion-body">
4130                            <p>Il <strong>codice sconto</strong> può essere utilizzato unicamente per prenotazioni sul nostro <strong>sito internet</strong> ufficiale <u><a href="https://blunavytraghetti.com/">www.blunavytraghetti.com</a></u> oppure sul sito delle strutture che hanno installato il banner di prenotazione biglietti Blu Navy. La prenotazione con codice sconto deve essere effettuata in autonomia dal passeggero, non è possibile utilizzare il coupon sconto nella bigliettazione da sistema di agenzia (quindi, nelle nostre biglietterie, sulla chat o al telefono).</p>
4131                          </div>
4132                        </div>
4133                      </div>
4134                                                            <div class="accordion-item">
4135                        <h2 class="accordion-header">
4136                          <button class="accordion-button txt blu-navy bold sottotitolo-piccolo collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-3" aria-expanded="true" aria-controls="collapseOne">
4137                            È possibile fumare negli spazi aperti?                          </button>
4138                        </h2>
4139                        <div id="collapse-3" class="accordion-collapse collapse " data-bs-parent="#accordionExample">
4140                          <div class="accordion-body">
4141                            <p>
4141Si, negli spazi aperti della nave è possibile fumare in totale tranquillità.</p>
4142                          </div>
4143                        </div>
4144                      </div>
4145                                                            <div class="accordion-item">
4146                        <h2 class="accordion-header">
4147                          <button class="accordion-button txt blu-navy bold sottotitolo-piccolo collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-4" aria-expanded="true" aria-controls="collapseOne">
4148                            Posso portare il mio animale domestico a bordo del traghetto per l&#8217;Isola d&#8217;Elba?                          </button>
4149                        </h2>
4150                        <div id="collapse-4" class="accordion-collapse collapse " data-bs-parent="#accordionExample">
4151                          <div class="accordion-body">
4152                            <p><span style="font-weight: 400;">Assolutamente sì! Siamo felici di accogliere i tuoi animali domestici a bordo dei nostri traghetti per l&#8217;Isola d&#8217;Elba. Per garantire la sicurezza e il comfort di tutti i passeggeri, chiediamo gentilmente che gli animali rimangano nelle aree esterne della nave.</span></p>
4153<p>Se preferisci, possono rimanere anche all’interno del veicolo, a condizione che questo sia parcheggiato sul ponte superiore esterno.</p>
4154<p>Sulla nave <em>Aethalia</em>, invece, è possibile viaggiare all’interno del salone nell’ area dedicata e chiaramente segnalata con percorsi contrassegnati dagli adesivi delle zampine a terra e con cartelli informativi.</p>
4155                          </div>
4156                        </div>
4157                      </div>
4158                                                      </div>
4159              </li>
4160            </ul>
4161                
4162      </div>
4163    </div>
4164  </div>
4165</section>	</div>
4166
4167
4168  <div class="modal fade" id="formModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
4169    <div class="modal-dialog d-flex align-items-end align-items-lg-center justify-content-center h-100 pb-5 pb-lg-0">
4170      <div class="modal-content" style="background: none; border: none;">
4171        <div class="modal-body">
4172          
4173
4174<div id="iframe-modal" class="center-card">
4175
4176  <div class="container-card" data-lang="it">
4177
4178    <!-- ========== CARD LEFT ========== -->
4179    <div class="card-left">
4180      <div class="corner-top-left"></div>
4181      <div class="fill-space"></div>
4182        <svg width="22" height="44" viewBox="0 0 22 44" fill="none" xmlns="http://www.w3.org/2000/svg">
4183          <path fill-rule="evenodd" clip-rule="evenodd" d="M0 44C12.1504 44 22 34.1504 22 22V44H0ZM0 0C12.1504 0 22 9.84961 22 22V0H0Z" fill="white"/>
4184        </svg>
4185      <div class="fill-space"></div>
4186      <div class="corner-bottom-left"></div>
4187    </div>
4188    <!-- ========== END LEFT ========== -->
4189
4190    <!-- ========== CARD CENTER ========== -->
4191    <div class="card-center">
4192      
4193      <!-- ============================== FORM ============================== -->
4194      <form>
4195
4196        <!-- TRIP DIRECTION -->
4197        <!-- ===== TRIP DIRECTION  ===== -->
4198<div id="form-trip-direction-hero" class="form-trip-direction-select-hero direction-select">
4199	
4200	<div class="form-check">
4201		<input class="form-check-input" type="radio" name="state" id="radioAndata" value="A">
4202		<label class="form-check-label" for="radioAndata">
4203			Andata		</label>
4204	</div>
4205	<div class="form-check">
4206		<input class="form-check-input" type="radio" name="state" id="radioAndataRitorno" value="AR" checked>
4207		<label class="form-check-label" for="radioAndataRitorno">
4208			Andata e ritorno		</label>
4209	</div>
4210	
4211</div>
4212<!-- ===== END DIRECTION  ===== -->
4213        
4214        <!-- CALENDARS -->
4215        <!-- ===== CALENDARS  ===== -->
4216<div class="form-calendars-container">
4217
4218	<!-- ===== DATE DEPARTURE  ===== -->
4219	<div class="calendar">
4220
4221		<span class="calendar-title">Andata</span>
4222
4223		<div class="calendar-departure-city">
4224			<span class="calendar-departure-city-label">Da</span>
4225			<select class="form-select calendar-departure-city-from-select" aria-label="Andata">
4226				<option value="Piombino" selected>Piombino</option>
4227				<option value="Portoferraio">Portoferraio</option>
4228			</select>
4229		</div>
4230		<div class="calendar-departure-city">
4231			<span class="calendar-departure-city-label">A</span>
4232			<span class="calendar-departure-city-to-name">Portoferraio</span>
4233		</div>
4234		<div class="calendar-input">
4235			
4236	<svg class="calendar-svg" width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg">
4237	<path d="M15.668 2.50004H14.8346V0.833374H13.168V2.50004H4.83464V0.833374H3.16797V2.50004H2.33464C1.41797 2.50004 0.667969 3.25004 0.667969 4.16671V17.5C0.667969 18.4167 1.41797 19.1667 2.33464 19.1667H15.668C16.5846 19.1667 17.3346 18.4167 17.3346 17.5V4.16671C17.3346 3.25004 16.5846 2.50004 15.668 2.50004ZM15.668 17.5H2.33464V6.66671H15.668V17.5Z" fill="#292C7E"/>
4238	</svg>
4239			<input id="calendar-date-departure" type="text" readonly="" value="" aria-label="Andata">
4240		</div>
4241
4242	</div>
4243	<!-- ===== END DATE DEPARTURE  ===== -->
4244
4245	<!-- ===== DATE RETURN  ===== -->
4246	<div class="calendar calendar-return">
4247
4248		<span class="calendar-title">Ritorno</span>
4249
4250		<div class="calendar-return-city">
4251			<span class="calendar-return-city-label">Da</span>
4252			<span class="calendar-return-city-from-name">Portoferraio</span>
4253		</div>
4254		<div class="calendar-return-city">
4255			<span class="calendar-return-city-label">A</span>
4256			<span class="calendar-return-city-to-name">Piombino</span>
4257		</div>
4258		<div class="calendar-input">
4259			<input id="calendar-date-return" type="text" readonly="" value="" aria-label="Ritorno">
4260		</div>
4261
4262	</div>
4263	<!-- ===== END DATE RETURN  ===== -->
4264
4265</div>
4266<!-- ===== END CALENDARS  ===== -->
4267        <!-- PASSENGERS -->
4268        
4269<div class="iframe-modal passengers">
4270  <div class="iframe-modal-header pb-3 d-flex justify-content-between align-items-center">
4271    <span class="modal-title txt testo-piccolo blu-navy">Passeggeri</span>
4272    <svg class='close-modal' width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M-0.000151038 1.41421L1.41406 0L14.142 12.7279L12.7278 14.1421L-0.000151038 1.41421Z' fill='#292C7E'/><path d='M1.41421 14.1422L0 12.728L12.7279 0.0001055L14.1421 1.41432L1.41421 14.1422Z' fill='#292C7E'/></svg>  </div>
4273  <div class="iframe-modal-main px-3 pb-3">
4274  
4275      
4276    <div data-passenger="adulti" class="passenger | d-flex align-items-center justify-content-between">
4277
4278      <!-- TEXT -->
4279      <div>
4280
4281        <!-- TITLE -->
4282        <div class="txt bold testo-piccolo blu-navy">
4283          Adulti        </div>
4284        <!-- END TITLE -->
4285
4286        <!-- DESCRIPTION -->
4287        <div class="txt testo-piccolo blu-navy" style="opacity: 0.2;">
4288          oltre 12 anni        </div>
4289        <!-- END DESCRIPTION -->
4290
4291      </div>
4292      <!-- END TEXT -->
4293
4294      <!-- NUMBER INPUT -->
4295      <div
4296  id="select-adulti"
4297  class="number-select d-flex add-number"
4298  role="group"
4299  >
4300
4301  <input
4302    class="input-hidden"
4303    type="number"
4304    min="0"
4305    aria-label="Adulti: 1"
4306    value='1'  >
4307
4308  <div class="sub"><svg width='14' height='3' viewBox='0 0 14 3' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 2.5H0V0.5H14V2.5Z' fill='#33A8EB'/></svg></div>
4309
4310  <div class="number">1</div>
4311
4312  <div class="add"><svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg></div>
4313
4314</div>      <!-- END NUMBER INPUT -->
4315
4316    </div>
4317      
4318    <div data-passenger="bambino" class="passenger | d-flex align-items-center justify-content-between">
4319
4320      <!-- TEXT -->
4321      <div>
4322
4323        <!-- TITLE -->
4324        <div class="txt bold testo-piccolo blu-navy">
4325          Bambino        </div>
4326        <!-- END TITLE -->
4327
4328        <!-- DESCRIPTION -->
4329        <div class="txt testo-piccolo blu-navy" style="opacity: 0.2;">
4330          dai 4 a 11 anni        </div>
4331        <!-- END DESCRIPTION -->
4332
4333      </div>
4334      <!-- END TEXT -->
4335
4336      <!-- NUMBER INPUT -->
4337      <div
4338  id="select-bambino"
4339  class="number-select d-flex add-number"
4340  role="group"
4341  >
4342
4343  <input
4344    class="input-hidden"
4345    type="number"
4346    min="0"
4347    aria-label="Bambino: 0"
4348      >
4349
4350  <div class="sub"><svg width='14' height='3' viewBox='0 0 14 3' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 2.5H0V0.5H14V2.5Z' fill='#33A8EB'/></svg></div>
4351
4352  <div class="number">0</div>
4353
4354  <div class="add"><svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg></div>
4355
4356</div>      <!-- END NUMBER INPUT -->
4357
4358    </div>
4359      
4360    <div data-passenger="infant" class="passenger | d-flex align-items-center justify-content-between">
4361
4362      <!-- TEXT -->
4363      <div>
4364
4365        <!-- TITLE -->
4366        <div class="txt bold testo-piccolo blu-navy">
4367          Infant        </div>
4368        <!-- END TITLE -->
4369
4370        <!-- DESCRIPTION -->
4371        <div class="txt testo-piccolo blu-navy" style="opacity: 0.2;">
4372                  </div>
4373        <!-- END DESCRIPTION -->
4374
4375      </div>
4376      <!-- END TEXT -->
4377
4378      <!-- NUMBER INPUT -->
4379      <div
4380  id="select-infant"
4381  class="number-select d-flex add-number"
4382  role="group"
4383  >
4384
4385  <input
4386    class="input-hidden"
4387    type="number"
4388    min="0"
4389    aria-label="Infant: 0"
4390      >
4391
4392  <div class="sub"><svg width='14' height='3' viewBox='0 0 14 3' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 2.5H0V0.5H14V2.5Z' fill='#33A8EB'/></svg></div>
4393
4394  <div class="number">0</div>
4395
4396  <div class="add"><svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg></div>
4397
4398</div>      <!-- END NUMBER INPUT -->
4399
4400    </div>
4401  
4402  </div>
4403  <div class="moda-footer">
4404          <div class="button-footer-modal confirm-button txt sottotitolo-piccolo blu-navy text-center">Conferma</div>
4405      </div>
4406</div>        
4407        <!-- ===== PASSENGERS  ===== -->
4408<div data-modal="passengers" class="modal-control modal-control-passengers | pt-15 pb-15 pl-20 txt testo blu-navy d-flex align-items-center justify-content-between">
4409  
4410  <div class="d-flex align-items-center justify-content-start">
4411    <svg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6.9987 7.00004C8.84036 7.00004 10.332 5.50837 10.332 3.66671C10.332 1.82504 8.84036 0.333374 6.9987 0.333374C5.15703 0.333374 3.66536 1.82504 3.66536 3.66671C3.66536 5.50837 5.15703 7.00004 6.9987 7.00004ZM6.9987 8.66671C4.7737 8.66671 0.332031 9.78337 0.332031 12V13.6667H13.6654V12C13.6654 9.78337 9.2237 8.66671 6.9987 8.66671Z' fill='#292C7E'/></svg>    <span class="aggiungi | txt bold ml-10">Aggiungi passeggeri</span>
4412    <span class="totale | ml-10 align-items-center"></span>
4413  </div>
4414
4415  <svg class='justify-self-end' width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M11 5H9V9H5V11H9V15H11V11H15V9H11V5ZM10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM10 18C5.59 18 2 14.41 2 10C2 5.59 5.59 2 10 2C14.41 2 18 5.59 18 10C18 14.41 14.41 18 10 18Z' fill='#292C7E'/></svg>
4416</div>
4417<!-- ===== END PASSEENGERS  ===== -->
4418        <!-- vehicleS -->
4419        
4420
4421
4422<div class="iframe-modal vehicles">
4423  <div class="iframe-modal-header pb-3 d-flex justify-content-between align-items-center">
4424    <span class="modal-title txt testo-piccolo blu-navy">Veicoli</span>
4425    <svg class='close-modal' width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M-0.000151038 1.41421L1.41406 0L14.142 12.7279L12.7278 14.1421L-0.000151038 1.41421Z' fill='#292C7E'/><path d='M1.41421 14.1422L0 12.728L12.7279 0.0001055L14.1421 1.41432L1.41421 14.1422Z' fill='#292C7E'/></svg>  </div>
4426  <div class="iframe-modal-main px-3 pb-3">
4427  
4428  <div class="summary"></div>
4429
4430  
4431    
4432<div class="iframe-modal auto-da-3m-a-4m">
4433  <div class="iframe-modal-header pb-3 d-flex justify-content-between align-items-center">
4434    <span class="modal-title txt testo-piccolo blu-navy">Auto fino a 4mt</span>
4435    <svg class='close-modal' width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M-0.000151038 1.41421L1.41406 0L14.142 12.7279L12.7278 14.1421L-0.000151038 1.41421Z' fill='#292C7E'/><path d='M1.41421 14.1422L0 12.728L12.7279 0.0001055L14.1421 1.41432L1.41421 14.1422Z' fill='#292C7E'/></svg>  </div>
4436  <div class="iframe-modal-main px-3 pb-3">
4437
4438
4439<div class="auto-da-3m-a-4m">
4440
4441  
4442
4443  
4444
4445
4446
4447      <div class="trailer-select-container">
4448      <div class="trailer-select-type | d-flex align-items-center justify-content-between">
4449        <div>
4450          <div class="titoletto | txt bold testo-piccolo blu-navy">
4451            Rimorchio          </div>
4452          <div class="txt testo-piccolo blu-navy" style="opacity: 0.2;">
4453            Seleziona la tipologia di rimorchio          </div>
4454        </div>
4455        <select>
4456          <option value="">No</option>
4457                          <option value="rimorchio" data-min="1" data-max="12">Rimorchio</option>
4458                          <option value="roulotte" data-min="1" data-max="12">Roulotte</option>
4459                    </select>
4460      </div>
4461      <div class="number-select-container | d-flex align-items-center justify-content-between">
4462        <div>
4463          <div class="titoletto | txt bold testo-piccolo blu-navy" data-tipo="" data-extra="auto-da-3m-a-4m">
4464            Lunghezza rimorchio          </div>
4465          <div class="txt testo-piccolo blu-navy" style="opacity: 0.2;">
4466            Imposta la lunghezza del rimorchio (m)          </div>
4467        </div>
4468        <div
4469  id="select-auto-da-3m-a-4m-trailer-length"
4470  class="number-select d-flex add-number disabled"
4471  data-select-type='vehicle'>
4472
4473  <input
4474    class="input-hidden"
4475    type="number"
4476    min="0"
4477    step="0.1"
4478    aria-label="Lunghezza rimorchio: 1"
4479    value='1'  >
4480
4481  <div class="sub" role="button" aria-label="Rimuovi"><svg width='14' height='3' viewBox='0 0 14 3' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 2.5H0V0.5H14V2.5Z' fill='#33A8EB'/></svg></div>
4482
4483  <div class="number" aria-live="polite">1</div>
4484
4485  <div class="add" role="button" aria-label="Aggiungi"><svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg></div>
4486
4487</div>      </div>
4488    </div>
4489  
4490
4491
4492
4493
4494</div>
4495
4496  </div>
4497  <div class="moda-footer">
4498          <div class="button-footer-modal confirm-button-vehicle txt sottotitolo-piccolo blu-navy text-center">Conferma</div>
4499      </div>
4500</div>
4501    <div data-vehicle="auto-da-3m-a-4m" class="vehicle | py-3 d-flex align-items-center justify-content-between">
4502
4503      <div class="txt testo-piccolo blu-navy">
4504        Auto fino a 4mt      </div>
4505      <svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg>      
4506    </div>
4507  
4508    
4509<div class="iframe-modal auto-oltre-4m">
4510  <div class="iframe-modal-header pb-3 d-flex justify-content-between align-items-center">
4511    <span class="modal-title txt testo-piccolo blu-navy">Auto fino a 5 mt</span>
4512    <svg class='close-modal' width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M-0.000151038 1.41421L1.41406 0L14.142 12.7279L12.7278 14.1421L-0.000151038 1.41421Z' fill='#292C7E'/><path d='M1.41421 14.1422L0 12.728L12.7279 0.0001055L14.1421 1.41432L1.41421 14.1422Z' fill='#292C7E'/></svg>  </div>
4513  <div class="iframe-modal-main px-3 pb-3">
4514
4515
4516<div class="auto-oltre-4m">
4517
4518  
4519
4520  
4521
4522
4523
4524      <div class="trailer-select-container">
4525      <div class="trailer-select-type | d-flex align-items-center justify-content-between">
4526        <div>
4527          <div class="titoletto | txt bold testo-piccolo blu-navy">
4528            Rimorchio          </div>
4529          <div class="txt testo-piccolo blu-navy" style="opacity: 0.2;">
4530            Seleziona la tipologia di rimorchio          </div>
4531        </div>
4532        <select>
4533          <option value="">No</option>
4534                          <option value="rimorchio" data-min="1" data-max="12">Rimorchio</option>
4535                          <option value="roulotte" data-min="1" data-max="12">Roulotte</option>
4536                    </select>
4537      </div>
4538      <div class="number-select-container | d-flex align-items-center justify-content-between">
4539        <div>
4540          <div class="titoletto | txt bold testo-piccolo blu-navy" data-tipo="" data-extra="auto-oltre-4m">
4541            Lunghezza rimorchio          </div>
4542          <div class="txt testo-piccolo blu-navy" style="opacity: 0.2;">
4543            Imposta la lunghezza del rimorchio (m)          </div>
4544        </div>
4545        <div
4546  id="select-auto-oltre-4m-trailer-length"
4547  class="number-select d-flex add-number disabled"
4548  data-select-type='vehicle'>
4549
4550  <input
4551    class="input-hidden"
4552    type="number"
4553    min="0"
4554    step="0.1"
4555    aria-label="Lunghezza rimorchio: 1"
4556    value='1'  >
4557
4558  <div class="sub" role="button" aria-label="Rimuovi"><svg width='14' height='3' viewBox='0 0 14 3' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 2.5H0V0.5H14V2.5Z' fill='#33A8EB'/></svg></div>
4559
4560  <div class="number" aria-live="polite">1</div>
4561
4562  <div class="add" role="button" aria-label="Aggiungi"><svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg></div>
4563
4564</div>      </div>
4565    </div>
4566  
4567
4568
4569
4570
4571</div>
4572
4573  </div>
4574  <div class="moda-footer">
4575          <div class="button-footer-modal confirm-button-vehicle txt sottotitolo-piccolo blu-navy text-center">Conferma</div>
4576      </div>
4577</div>
4578    <div data-vehicle="auto-oltre-4m" class="vehicle | py-3 d-flex align-items-center justify-content-between">
4579
4580      <div class="txt testo-piccolo blu-navy">
4581        Auto fino a 5 mt      </div>
4582      <svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg>      
4583    </div>
4584  
4585    
4586<div class="iframe-modal auto-oltre-5m">
4587  <div class="iframe-modal-header pb-3 d-flex justify-content-between align-items-center">
4588    <span class="modal-title txt testo-piccolo blu-navy">Auto oltre 5mt</span>
4589    <svg class='close-modal' width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M-0.000151038 1.41421L1.41406 0L14.142 12.7279L12.7278 14.1421L-0.000151038 1.41421Z' fill='#292C7E'/><path d='M1.41421 14.1422L0 12.728L12.7279 0.0001055L14.1421 1.41432L1.41421 14.1422Z' fill='#292C7E'/></svg>  </div>
4590  <div class="iframe-modal-main px-3 pb-3">
4591
4592
4593<div class="auto-oltre-5m">
4594
4595      <!-- ========== LOOP SUBFIELDS ========== -->
4596          <div>
4597        <div class="number-select-container | d-flex align-items-center justify-content-between">
4598
4599          <div data-tipo="" data-extra="auto-oltre-5m" class="titoletto | txt bold testo-piccolo blu-navy">
4600            Lunghezza          </div>
4601
4602        <!-- SUBFIELD NUMBER -->
4603                <div
4604          id="select-auto-oltre-5m-Lunghezza"
4605          class="number-select d-flex add-number"
4606          data-select-type="vehicle"
4607          data-subfield="Lunghezza"
4608        >
4609
4610          <input
4611            class="input-hidden"
4612
4613            data-type="number"
4614            data-title="Lunghezza"
4615            data-subfield="Lunghezza"
4616
4617            required            min="5.1"            max="5.9"
4618            type="number" 
4619            step="0.1"
4620            aria-label="Lunghezza: 0"
4621          >
4622
4623          <div class="sub"><svg width='14' height='3' viewBox='0 0 14 3' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 2.5H0V0.5H14V2.5Z' fill='#33A8EB'/></svg></div>
4624          <div class="number">0</div>
4625          <div class="add"><svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg></div>
4626
4627        </div>
4628                <!-- END SUBFIELD NUMBER -->
4629
4630        <!-- SUBFIELD TEXT -->
4631                <!-- END SUBFIELD TEXT -->
4632
4633        </div>
4634      </div>
4635    
4636    <div class="footer-subfields">
4637      Aggiungi anche:    </div>
4638    <!-- ========== END LOOP SUBFIELDS ========== -->
4639
4640  
4641
4642  
4643
4644
4645
4646      <div class="trailer-select-container">
4647      <div class="trailer-select-type | d-flex align-items-center justify-content-between">
4648        <div>
4649          <div class="titoletto | txt bold testo-piccolo blu-navy">
4650            Rimorchio          </div>
4651          <div class="txt testo-piccolo blu-navy" style="opacity: 0.2;">
4652            Seleziona la tipologia di rimorchio          </div>
4653        </div>
4654        <select>
4655          <option value="">No</option>
4656                          <option value="rimorchio" data-min="1" data-max="12">Rimorchio</option>
4657                          <option value="roulotte" data-min="1" data-max="12">Roulotte</option>
4658                    </select>
4659      </div>
4660      <div class="number-select-container | d-flex align-items-center justify-content-between">
4661        <div>
4662          <div class="titoletto | txt bold testo-piccolo blu-navy" data-tipo="" data-extra="auto-oltre-5m">
4663            Lunghezza rimorchio          </div>
4664          <div class="txt testo-piccolo blu-navy" style="opacity: 0.2;">
4665            Imposta la lunghezza del rimorchio (m)          </div>
4666        </div>
4667        <div
4668  id="select-auto-oltre-5m-trailer-length"
4669  class="number-select d-flex add-number disabled"
4670  data-select-type='vehicle'>
4671
4672  <input
4673    class="input-hidden"
4674    type="number"
4675    min="0"
4676    step="0.1"
4677    aria-label="Lunghezza rimorchio: 1"
4678    value='1'  >
4679
4680  <div class="sub" role="button" aria-label="Rimuovi"><svg width='14' height='3' viewBox='0 0 14 3' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 2.5H0V0.5H14V2.5Z' 
4680fill='#33A8EB'/></svg></div>
4681
4682  <div class="number" aria-live="polite">1</div>
4683
4684  <div class="add" role="button" aria-label="Aggiungi"><svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg></div>
4685
4686</div>      </div>
4687    </div>
4688  
4689
4690
4691
4692
4693</div>
4694
4695  </div>
4696  <div class="moda-footer">
4697          <div class="button-footer-modal confirm-button-vehicle txt sottotitolo-piccolo blu-navy text-center">Conferma</div>
4698      </div>
4699</div>
4700    <div data-vehicle="auto-oltre-5m" class="vehicle | py-3 d-flex align-items-center justify-content-between">
4701
4702      <div class="txt testo-piccolo blu-navy">
4703        Auto oltre 5mt      </div>
4704      <svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg>      
4705    </div>
4706  
4707    
4708<div class="iframe-modal moto">
4709  <div class="iframe-modal-header pb-3 d-flex justify-content-between align-items-center">
4710    <span class="modal-title txt testo-piccolo blu-navy">Moto</span>
4711    <svg class='close-modal' width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M-0.000151038 1.41421L1.41406 0L14.142 12.7279L12.7278 14.1421L-0.000151038 1.41421Z' fill='#292C7E'/><path d='M1.41421 14.1422L0 12.728L12.7279 0.0001055L14.1421 1.41432L1.41421 14.1422Z' fill='#292C7E'/></svg>  </div>
4712  <div class="iframe-modal-main px-3 pb-3">
4713
4714
4715<div class="moto">
4716
4717  
4718
4719  
4720
4721
4722
4723  
4724
4725
4726
4727
4728</div>
4729
4730  </div>
4731  <div class="moda-footer">
4732          <div class="button-footer-modal confirm-button-vehicle txt sottotitolo-piccolo blu-navy text-center">Conferma</div>
4733      </div>
4734</div>
4735    <div data-vehicle="moto" class="vehicle | py-3 d-flex align-items-center justify-content-between">
4736
4737      <div class="txt testo-piccolo blu-navy">
4738        Moto      </div>
4739      <svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg>      
4740    </div>
4741  
4742    
4743<div class="iframe-modal camper">
4744  <div class="iframe-modal-header pb-3 d-flex justify-content-between align-items-center">
4745    <span class="modal-title txt testo-piccolo blu-navy">Camper</span>
4746    <svg class='close-modal' width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M-0.000151038 1.41421L1.41406 0L14.142 12.7279L12.7278 14.1421L-0.000151038 1.41421Z' fill='#292C7E'/><path d='M1.41421 14.1422L0 12.728L12.7279 0.0001055L14.1421 1.41432L1.41421 14.1422Z' fill='#292C7E'/></svg>  </div>
4747  <div class="iframe-modal-main px-3 pb-3">
4748
4749
4750<div class="camper">
4751
4752      <!-- ========== LOOP SUBFIELDS ========== -->
4753          <div>
4754        <div class="number-select-container | d-flex align-items-center justify-content-between">
4755
4756          <div data-tipo="" data-extra="camper" class="titoletto | txt bold testo-piccolo blu-navy">
4757            Lunghezza          </div>
4758
4759        <!-- SUBFIELD NUMBER -->
4760                <div
4761          id="select-camper-Lunghezza"
4762          class="number-select d-flex add-number"
4763          data-select-type="vehicle"
4764          data-subfield="Lunghezza"
4765        >
4766
4767          <input
4768            class="input-hidden"
4769
4770            data-type="number"
4771            data-title="Lunghezza"
4772            data-subfield="Lunghezza"
4773
4774            required            min="4"            max="12"
4775            type="number" 
4776            step="0.1"
4777            aria-label="Lunghezza: 0"
4778          >
4779
4780          <div class="sub"><svg width='14' height='3' viewBox='0 0 14 3' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 2.5H0V0.5H14V2.5Z' fill='#33A8EB'/></svg></div>
4781          <div class="number">0</div>
4782          <div class="add"><svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg></div>
4783
4784        </div>
4785                <!-- END SUBFIELD NUMBER -->
4786
4787        <!-- SUBFIELD TEXT -->
4788                <!-- END SUBFIELD TEXT -->
4789
4790        </div>
4791      </div>
4792          <div>
4793        <div class="number-select-container | d-flex align-items-center justify-content-between">
4794
4795          <div data-tipo="" data-extra="camper" class="titoletto | txt bold testo-piccolo blu-navy">
4796            Targa          </div>
4797
4798        <!-- SUBFIELD NUMBER -->
4799                <!-- END SUBFIELD NUMBER -->
4800
4801        <!-- SUBFIELD TEXT -->
4802                  <input id="select-camper-Targa" 
4803                 data-select-type="vehicle" 
4804                 data-type="string" 
4805                 data-title="Targa" 
4806                 data-subfield="Targa"
4807                 aria-label="Targa"  
4808                 class="input number-select"  >
4809                <!-- END SUBFIELD TEXT -->
4810
4811        </div>
4812      </div>
4813    
4814    <div class="footer-subfields">
4815      Aggiungi anche:    </div>
4816    <!-- ========== END LOOP SUBFIELDS ========== -->
4817
4818  
4819
4820  
4821
4822
4823
4824      <div class="trailer-select-container">
4825      <div class="trailer-select-type | d-flex align-items-center justify-content-between">
4826        <div>
4827          <div class="titoletto | txt bold testo-piccolo blu-navy">
4828            Rimorchio          </div>
4829          <div class="txt testo-piccolo blu-navy" style="opacity: 0.2;">
4830            Seleziona la tipologia di rimorchio          </div>
4831        </div>
4832        <select>
4833          <option value="">No</option>
4834                          <option value="rimorchio" data-min="1" data-max="12">Rimorchio</option>
4835                          <option value="roulotte_camper" data-min="1" data-max="12">Roulotte</option>
4836                    </select>
4837      </div>
4838      <div class="number-select-container | d-flex align-items-center justify-content-between">
4839        <div>
4840          <div class="titoletto | txt bold testo-piccolo blu-navy" data-tipo="" data-extra="camper">
4841            Lunghezza rimorchio          </div>
4842          <div class="txt testo-piccolo blu-navy" style="opacity: 0.2;">
4843            Imposta la lunghezza del rimorchio (m)          </div>
4844        </div>
4845        <div
4846  id="select-camper-trailer-length"
4847  class="number-select d-flex add-number disabled"
4848  data-select-type='vehicle'>
4849
4850  <input
4851    class="input-hidden"
4852    type="number"
4853    min="0"
4854    step="0.1"
4855    aria-label="Lunghezza rimorchio: 1"
4856    value='1'  >
4857
4858  <div class="sub" role="button" aria-label="Rimuovi"><svg width='14' height='3' viewBox='0 0 14 3' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 2.5H0V0.5H14V2.5Z' fill='#33A8EB'/></svg></div>
4859
4860  <div class="number" aria-live="polite">1</div>
4861
4862  <div class="add" role="button" aria-label="Aggiungi"><svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg></div>
4863
4864</div>      </div>
4865    </div>
4866  
4867
4868
4869
4870
4871</div>
4872
4873  </div>
4874  <div class="moda-footer">
4875          <div class="button-footer-modal confirm-button-vehicle txt sottotitolo-piccolo blu-navy text-center">Conferma</div>
4876      </div>
4877</div>
4878    <div data-vehicle="camper" class="vehicle | py-3 d-flex align-items-center justify-content-between">
4879
4880      <div class="txt testo-piccolo blu-navy">
4881        Camper      </div>
4882      <svg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z' fill='#33A8EB'/></svg>      
4883    </div>
4884  
4885  </div>
4886  <div class="moda-footer">
4887          <div class="button-footer-modal confirm-button txt sottotitolo-piccolo blu-navy text-center">Conferma</div>
4888      </div>
4889</div>
4890        <!-- ===== PASSENGERS  ===== -->
4891<div data-modal="vehicles" class="modal-control modal-control-vehicles | pt-15 pb-15 pl-20 txt testo blu-navy d-flex align-items-center justify-content-between">
4892  
4893  <div class="d-flex align-items-center justify-content-start">
4894    <svg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M15.92 1.01C15.72 0.42 15.16 0 14.5 0H3.5C2.84 0 2.29 0.42 2.08 1.01L0 7V15C0 15.55 0.45 16 1 16H2C2.55 16 3 15.55 3 15V14H15V15C15 15.55 15.45 16 16 16H17C17.55 16 18 15.55 18 15V7L15.92 1.01ZM3.5 11C2.67 11 2 10.33 2 9.5C2 8.67 2.67 8 3.5 8C4.33 8 5 8.67 5 9.5C5 10.33 4.33 11 3.5 11ZM14.5 11C13.67 11 13 10.33 13 9.5C13 8.67 13.67 8 14.5 8C15.33 8 16 8.67 16 9.5C16 10.33 15.33 11 14.5 11ZM2 6L3.5 1.5H14.5L16 6H2Z' fill='#292C7E'/></svg>    <span class="aggiungi | txt bold ml-10">Aggiungi veicoli</span>
4895    <span class="totale | ml-10 align-items-center"></span>
4896  </div>
4897
4898  <svg class='justify-self-end' width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M11 5H9V9H5V11H9V15H11V11H15V9H11V5ZM10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM10 18C5.59 18 2 14.41 2 10C2 5.59 5.59 2 10 2C14.41 2 18 5.59 18 10C18 14.41 14.41 18 10 18Z' fill='#292C7E'/></svg>
4899</div>
4900<!-- ===== END PASSEENGERS  ===== -->
4901        <!-- ===== COUPON  ===== -->
4902<div class="form-coupon-container | pl-20 pr-20 pt-15 d-flex align-items-center justify-content-between flex-wrap">
4903  <div class="d-flex align-items-center justify-content-start">
4904    
4905  <svg width="14" height="12" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg">
4906    <path d="M12.8 4.5L14 5.7L7.2 12.5L6 11.3L12.8 4.5ZM2 0.5H18C19.11 0.5 20 1.39 20 2.5V6.5C18.9 6.5 18 7.4 18 8.5C18 9.61 18.9 10.5 20 10.5V14.5C20 15.61 19.11 16.5 18 16.5H2C0.9 16.5 0 15.61 0 14.5V10.5C1.11 10.5 2 9.61 2 8.5C2 7.4 1.11 6.5 0 6.5V2.5C0 1.39 0.9 0.5 2 0.5ZM2 2.5V5.04C3.24 5.76 4 7.07 4 8.5C4 9.93 3.24 11.25 2 11.96V14.5H18V11.96C16.76 11.25 16 9.93 16 8.5C16 7.07 16.76 5.76 18 5.04V2.5H2ZM7.5 4.5C8.33 4.5 9 5.17 9 6C9 6.83 8.33 7.5 7.5 7.5C6.67 7.5 6 6.83 6 6C6 5.17 6.67 4.5 7.5 4.5ZM12.5 9.5C13.33 9.5 14 10.17 14 11C14 11.83 13.33 12.5 12.5 12.5C11.67 12.5 11 11.83 11 11C11 10.17 11.67 9.5 12.5 9.5Z" fill="#292C7E"/>
4907  </svg>  
4908      <input name="coupon" class="ml-10" type="text" value="" aria-label="Codice sconto" placeholder="Codice sconto">
4909  </div>
4910
4911  
4912</div>
4913
4914
4915
4916<!-- ===== END COUPON  ===== -->
4917
4918        
4919<div class="iframe-modal coupons">
4920  <div class="iframe-modal-header pb-3 d-flex justify-content-between align-items-center">
4921    <span class="modal-title txt testo-piccolo blu-navy">coupons</span>
4922    <svg class='close-modal' width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M-0.000151038 1.41421L1.41406 0L14.142 12.7279L12.7278 14.1421L-0.000151038 1.41421Z' fill='#292C7E'/><path d='M1.41421 14.1422L0 12.728L12.7279 0.0001055L14.1421 1.41432L1.41421 14.1422Z' fill='#292C7E'/></svg>  </div>
4923  <div class="iframe-modal-main px-3 pb-3">
4924<input type="hidden" name="hotel_id" value="57" />
4925
4926<div class="form-coupon-details-container | pt-15 d-flex align-items-center justify-content-between">
4927  <div class="d-flex align-items-center justify-content-start">
4928    <label class="txt testo piccolo blu-navy" for="couponRequestFirstname">Nome</label> <span class="req">*</span>
4929    <input name="coupon_request[firstname]" id="couponRequestFirstname" class="ml-10" type="text" value="" placeholder="Inserisci il tuo nome" required>
4930  </div>
4931</div>
4932
4933<div class="form-coupon-details-container | pt-15 d-flex align-items-center justify-content-between">
4934  <div class="d-flex align-items-center justify-content-start">
4935    <label class="txt testo piccolo blu-navy" for="couponRequestLastname">Cognome</label> <span class="req">*</span>
4936    <input name="coupon_request[lastname]" id="couponRequestLastname" class="ml-10" type="text" value="" placeholder="Inserisci il tuo cognome" required>
4937  </div>
4938</div>
4939
4940<div class="form-coupon-details-container | pt-15 d-flex align-items-center justify-content-between">
4941  <div class="d-flex align-items-center justify-content-start">
4942    <label class="txt testo piccolo blu-navy" for="couponRequestEmail">Email</label> <span class="req">*</span>
4943    <input name="coupon_request[email]" id="couponRequestEmail" class="ml-10" type="email" value="" placeholder="Inserisci il tuo indirizzo e-mail" required>
4944  </div>
4945</div>
4946
4947<div class="form-coupon-details-container | pt-15 d-flex align-items-center justify-content-between">
4948  <div class="d-flex align-items-center justify-content-start">
4949    <label class="txt testo piccolo blu-navy" for="couponRequestPhone">Telefono</label> <span class="req">*</span>
4950    <input name="coupon_request[phone]" id="couponRequestPhone" class="ml-10" type="text" value="" placeholder="Inserisci il tuo telefono" required>
4951  </div>
4952</div>
4953
4954<div class="form-coupon-details-notify"></div>
4955
4956  </div>
4957  <div class="moda-footer">
4958          <div class="button-footer-modal confirm-button-coupon-request txt sottotitolo-piccolo blu-navy text-center">Richiedi il tuo coupon</div>
4959      </div>
4960</div>
4961        <div class="form-button-search">
4962          <svg class='mr-10' width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.5 11H11.71L11.43 10.73C12.41 9.59 13 8.11 13 6.5C13 2.91 10.09 0 6.5 0C2.91 0 0 2.91 0 6.5C0 10.09 2.91 13 6.5 13C8.11 13 9.59 12.41 10.73 11.43L11 11.71V12.5L16 17.49L17.49 16L12.5 11ZM6.5 11C4.01 11 2 8.99 2 6.5C2 4.01 4.01 2 6.5 2C8.99 2 11 4.01 11 6.5C11 8.99 8.99 11 6.5 11Z' fill='white'/></svg>          cerca        </div>
4963
4964      </form>
4965      <!-- ============================== END FORM ============================== -->
4966
4967    </div>
4968    <!-- ========== END CARD CENTER ========== -->
4969
4970      <!-- ========== CARD RIGHT ========== -->
4971      <div class="card-right">
4972        <div class="corner-top-right"></div>
4973        <div class="fill-space"></div>
4974          <svg width="22" height="44" viewBox="0 0 22 44" fill="none" xmlns="http://www.w3.org/2000/svg">
4975              <path fill-rule="evenodd" clip-rule="evenodd" d="M22 44C9.84974 44 0 34.1503 0 22V44H22ZM22 0C9.84974 0 0 9.84974 0 22V0H22Z" fill="white"/>
4976          </svg>
4977        <div class="fill-space"></div>
4978        <div class="corner-bottom-right"></div>
4979      </div>
4980      <!-- ========== END CARD RIGHT ========== -->
4981
4982  </div>
4983
4984</div>        </div>
4985      </div>
4986    </div>
4987  </div>
4988
4989      <footer>
4990
4991              <section id="newsletter" class="form-newsletter py-5">
4992    <div class="container">
4993        <div class="row">
4994            <div class="col-lg-5 offset-lg-1">
4995    
4996                                    <p class="txt sottotitolo-grande gold-navy bold mono text-uppercase mb-20">
4997                        Iscriviti alla newsletter                    </p>
4998                
4999                <form id="my-form" class="form-ajax" data-action="myajaxaction">
5000
5001                    <div class="d-flex align-items-center justify-content-start">
5002                        <input type="email" required name="my_email" placeholder="[email protected]" aria-label="Email newsletter" required>
5003                        <div class="btn-fake bg-azzurro-navy text-white text-uppercase txt testo bold">invia</div>
5004                    </div>
5005
5006                    <div class="hide-form">
5007                        <div>
5008                            <input type="text" required name="my_name" placeholder="nome" aria-label="nome" required>
5009                            <input class="mt-10" type="text" required name="my_surname" placeholder="cognome" aria-label="cognome" required>
5010                        </div>
5011                        
5012                        <div>
5013                            <select name="select-newsletter" id="select-newsletter" aria-label="tipologia_newsletter">
5014                                <option data-placeholder="true"></option>
5015                                                                                                            <option value="Turista">Sono un turista</option>
5016                                                                            <option value="Isolano">Abito all'Elba</option>
5017                                                                                                </select>
5018                        </div>
5019    
5020                        <div class="d-flex align-items-center justify-content-start">
5021                            <input type="checkbox" required id="checkbox1" name="checkbox1" value="privacy1">
5022                            <label class="txt text-white piccolo ms-3" style="opacity: 0.5;" for="checkbox1">
5023                                                                    <div class="wysiwyg">
5024                                        <p><span style="font-weight: 400;">Dichiaro di aver letto l&#8217; </span><a href="https://blunavytraghetti.com/informativa-privacy-newsletter/" target="_blank" rel="noopener">informativa sul trattamento dei dati personali</a>*</p>
5025                                    </div>
5026                                                            </label><br>
5027                        </div>
5028    
5029                        <div class="d-flex align-items-center justify-content-start">
5030                            <input type="checkbox" required id="checkbox2" name="checkbox2" value="privacy2">
5031                            <label class="txt text-white piccolo ms-3" style="opacity: 0.5;" for="checkbox2">
5032                                                                    <div class="wysiwyg">
5033                                        <p><span style="font-weight: 400;">Letta </span>l’ <a href="https://blunavytraghetti.com/informativa-privacy-newsletter/">informativa privacy</a> <span style="font-weight: 400;">acconsento a ricevere informazioni in merito ai servizi e prodotti offerti dalla Società e su promozioni, news ed eventi relativi agli stessi</span></p>
5034                                    </div>
5035                                                            </label><br>
5036                        </div>
5037    
5038    
5039                        <div>
5040                            <input class="bg-azzurro-navy text-white text-uppercase txt testo bold" type="submit" value="invia">
5041                        </div>
5042                    </div>
5043
5044
5045                    <div data-message-details style="display:none;"><p></p></div>
5046
5047                    <input type="hidden" id="security-myajaxaction" name="security-myajaxaction" value="708bb32987" /><input type="hidden" name="_wp_http_referer" value="/" />
5048                </form>
5049            </div>
5050
5051            <div class="col-lg-5 offset-lg-1">
5052
5053                                    
5054                                            <p class="txt sottotitolo-piccolo text-white text-uppercase bold">
5055                        Naviga tra offerte speciali, destinazioni da sogno e consigli di viaggio!                        </p>
5056                    
5057                            </div>
5058        </div>
5059    </div>
5060</section>      
5061      <div class="main">
5062        <div class="container py-20 px-15">
5063          <div class="row">
5064            <div class="col-12 col-lg-3">
5065  
5066              <img width="150" height="34" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA3gAAADMAQAAAAAJpjwdAAAAAnRSTlMAAHaTzTgAAAAtSURBVHja7cExAQAAAMKg9U9tDQ+gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAL4MWUAAAU9h0ZwAAAAASUVORK5CYII=" alt="" data-src="https://blunavytraghetti.com/wp-content/themes/cosmo/assets/images/logo-blunavy-traghetti-white.png" decoding="async" class="lazyload" data-eio-rwidth="888" data-eio-rheight="204"><noscript><img width="150" height="34" src="https://blunavytraghetti.com/wp-content/themes/cosmo/assets/images/logo-blunavy-traghetti-white.png" alt="" data-eio="l"></noscript>
5067  
5068
5069                              
5070                                  <p class="txt testo pt-40">
5071                    Blu Navy, Traghetti per l’Isola d’Elba.<br />
5072Fino a <strong>24 corse giornaliere</strong> tutto l’anno con <strong>tariffe convenienti, orari comodi e navi puntuali</strong>, tra i porti di Piombino e Portoferraio. <br />
5073Non vediamo l’ora di vederti a bordo.                  </p>
5074                
5075
5076
5077                                  <div class="d-lg-none socials">
5078                                          <a href="https://www.instagram.com/blunavytraghetti
5078/">
5079                                                  <img height="45" width="45" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="Icona social Instagram Blu Navy Traghetti" data-src="https://blunavytraghetti.com/wp-content/uploads/Icona-social-Instagram-Blu-Navy-Traghetti.png" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img height="45" width="45" src="https://blunavytraghetti.com/wp-content/uploads/Icona-social-Instagram-Blu-Navy-Traghetti.png" alt="Icona social Instagram Blu Navy Traghetti" data-eio="l" /></noscript>
5080                                              </a>
5081                                          <a href="https://www.facebook.com/BluNavyTraghetti">
5082                                                  <img height="45" width="45" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="Icona social Facebook Blu Navy Traghetti" data-src="https://blunavytraghetti.com/wp-content/uploads/Icona-social-Facebook-Blu-Navy-Traghetti.png" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img height="45" width="45" src="https://blunavytraghetti.com/wp-content/uploads/Icona-social-Facebook-Blu-Navy-Traghetti.png" alt="Icona social Facebook Blu Navy Traghetti" data-eio="l" /></noscript>
5083                                              </a>
5084                                          <a href="https://it.linkedin.com/company/blunavytraghetti">
5085                                                  <img height="45" width="45" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="Icona social Linkedin Blu Navy Traghetti" data-src="https://blunavytraghetti.com/wp-content/uploads/Icona-social-Linkedin-Blu-Navy-Traghetti.png" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img height="45" width="45" src="https://blunavytraghetti.com/wp-content/uploads/Icona-social-Linkedin-Blu-Navy-Traghetti.png" alt="Icona social Linkedin Blu Navy Traghetti" data-eio="l" /></noscript>
5086                                              </a>
5087                                          <a href="https://www.youtube.com/@blunavytraghettielba">
5088                                                  <img height="45" width="45" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="Icona social canale Youtube di Blu Navy Traghetti" data-src="https://blunavytraghetti.com/wp-content/uploads/Icona-social-Youtube-Blu-Navy-Traghetti.png" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img height="45" width="45" src="https://blunavytraghetti.com/wp-content/uploads/Icona-social-Youtube-Blu-Navy-Traghetti.png" alt="Icona social canale Youtube di Blu Navy Traghetti" data-eio="l" /></noscript>
5089                                              </a>
5090                                      </div>
5091                    
5092                                  <p class="txt piccolo bold pt-40" style="opacity: 0.5;">
5093                    BN di Navigazione SPA                  </p>
5094                    
5095                                  <p class="txt piccolo" style="opacity: 0.5;">
5096                    Sede Legale: Portoferraio (LI) Calata Italia 22<br />
5097P.IVA/CF: IT01968710994 <br />
5098R.E.A.: LI-147146<br />
5099Capitale Sociale: 1.000.000,00 €<br />
5100Codice Univoco: WY7PJ6K                  </p>
5101                
5102                <div class="mt-4">
5103                                      <a class="btn-whatsapp txt blu-navy bold testo d-flex align-items-center justify-content-between" href="https://api.whatsapp.com/send?phone=390565269710&text=Ciao,%20ho%20bisogno%20di%20assistenza"><svg width='45' height='46' viewBox='0 0 45 46' fill='none' xmlns='http://www.w3.org/2000/svg'><path opacity='0.1' fill-rule='evenodd' clip-rule='evenodd' d='M22.5 45.4609C34.9264 45.4609 45 35.3873 45 22.9609C45 10.5345 34.9264 0.460938 22.5 0.460938C10.0736 0.460938 0 10.5345 0 22.9609C0 35.3873 10.0736 45.4609 22.5 45.4609Z' fill='#16B566'/><path fill-rule='evenodd' clip-rule='evenodd' d='M23.019 14.2345C25.1085 14.3372 27.0555 15.1988 28.5426 16.687C30.1289 18.2742 31.002 20.3841 31.0011 22.6278C30.9992 27.258 27.2299 31.0254 22.5994 31.0254C20.8581 31.0254 19.4744 30.4904 18.5809 30.0033L14.127 31.171L15.3189 26.8194C14.5837 25.5459 14.1968 24.1013 14.1974 22.6212C14.1993 17.9911 17.9683 14.2241 22.5993 14.2241L23.019 14.2345ZM18.7872 28.483L19.0423 28.6342C20.1144 29.2702 21.3434 29.6067 22.5965 29.6072H22.5993C26.4483 29.6072 29.581 26.476 29.5825 22.6274C29.5833 20.7624 28.8576 19.0087 27.5391 17.6894C26.2207 16.3701 24.4674 15.6431 22.6021 15.6425C18.7502 15.6425 15.6175 18.7733 15.616 22.6217C15.6154 23.9405 15.9846 25.225 16.6837 26.3362L16.8497 26.6003L16.1442 29.1759L18.7872 28.483ZM26.8321 24.6248C26.7796 24.5372 26.6397 24.4847 26.4298 24.3797C26.2199 24.2746 25.1877 23.767 24.9953 23.6969C24.8029 23.627 24.6629 23.592 24.523 23.8
510302C24.383 24.012 23.9807 24.4847 23.8582 24.6248C23.7358 24.7648 23.6133 24.7823 23.4034 24.6773C23.1935 24.5723 22.5171 24.3507 21.7152 23.6358C21.0911 23.0794 20.6698 22.3923 20.5473 22.1822C20.4249 21.9722 20.5343 21.8586 20.6393 21.754C20.7338 21.66 20.8493 21.5089 20.9543 21.3864C21.0592 21.2639 21.0942 21.1763 21.1642 21.0364C21.2342 20.8963 21.1992 20.7738 21.1467 20.6688C21.0942 20.5637 20.6744 19.5309 20.4995 19.1107C20.329 18.7016 20.1559 18.757 20.0271 18.7505C19.9048 18.7445 19.7647 18.7431 19.6248 18.7431C19.4848 18.7431 19.2574 18.7956 19.0649 19.0057C18.8725 19.2158 18.3302 19.7234 18.3302 20.7562C18.3302 21.7891 19.0824 22.7867 19.1874 22.9268C19.2924 23.0669 20.6677 25.1862 22.7736 26.0951C23.2745 26.3113 23.6655 26.4404 23.9704 26.5371C24.4733 26.6968 24.931 26.6743 25.2927 26.6203C25.696 26.56 26.5348 26.1127 26.7097 25.6226C26.8846 25.1324 26.8846 24.7123 26.8321 24.6248Z' fill='white'/><mask id='mask0_3164_23443' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='15' y='15' width='15' height='15'><path fill-rule='evenodd' clip-rule='evenodd' d='M18.7884 28.4831L19.0435 28.6344C20.1157 29.2703 21.3447 29.6068 22.5977 29.6073H22.6006C26.4496 29.6073 29.5822 26.4761 29.5838 22.6275C29.5845 20.7625 28.8588 19.0088 27.5404 17.6896C26.2219 16.3702 24.4686 15.6432 22.6034 15.6426C18.7514 15.6426 15.6187 18.7734 15.6172 22.6218C15.6167 23.9407 15.9858 25.2251 16.6849 26.3363L16.8509 26.6004L16.1455 29.1761L18.7884 28.4831ZM26.8333 24.6249C26.7809 24.5373 26.6409 24.4848 26.431 24.3798C26.2211 24.2747 25.189 23.7671 24.9965 23.6971C24.8041 23.6271 24.6641 23.5921 24.5242 23.8021C24.3843 24.0122 23.982 24.4848 23.8594 24.6249C23.737 24.7649 23.6145 24.7824 23.4047 24.6774C23.1947 24.5724 22.5183 24.3508 21.7164 23.6359C21.0923 23.0795 20.671 22.3924 20.5485 22.1824C20.4261 21.9723 20.5355 21.8587 20.6406 21.7541C20.735 21.6601 20.8505 21.509 20.9555 21.3865C21.0605 21.264 21.0954 21.1764 21.1654 21.0365C21.2354 20.8964 21.2004 20.7739 21.1479 20.6689C21.0954 20.5638 20.6756 19.531 20.5007 19.1108C20.3302 18.7017 20.1572 18.7571 20.0283 18.7507C19.906 18.7446 19.7659 18.7433 19.626 18.7433C19.486 18.7433 19.2586 18.7957 19.0662 19.0058C18.8737 19.2159 18.3314 19.7236 18.3314 20.7563C18.3314 21.7892 19.0837 22.7868 19.1886 22.9269C19.2936 23.067 20.6689 25.1863 22.7749 26.0953C23.2757 26.3115 23.6668 26.4405 23.9716 26.5372C24.4746 26.6969 24.9322 26.6744 25.2939 26.6204C25.6973 26.5602 26.536 26.1128 26.7109 25.6227C26.8858 25.1325 26.8858 24.7124 26.8333 24.6249Z' fill='black'/></mask><g mask='url(#mask0_3164_23443)'><path d='M34.1375 10.9922H10.5312V34.5984H34.1375V10.9922Z' fill='url(#paint0_linear_3164_23443)'/></g><defs><linearGradient id='paint0_linear_3164_23443' x1='22.3344' y1='34.5984' x2='22.3344' y2='10.9922' gradientUnits='userSpaceOnUse'><stop stop-color='#25CF43'/><stop offset='1' stop-color='#61FD7D'/></linearGradient></defs></svg> Scrivici su Whatsapp</a>
5104                                  </div>
5105
5106                                  <div class="d-none d-lg-flex socials">
5107                                          <a target="_blank" href="https://www.instagram.com/blunavytraghetti/">
5108                                                  <img height="45" width="45" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="Icona social Instagram Blu Navy Traghetti" data-src="https://blunavytraghetti.com/wp-content/uploads/Icona-social-Instagram-Blu-Navy-Traghetti.png" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img height="45" width="45" src="https://blunavytraghetti.com/wp-content/uploads/Icona-social-Instagram-Blu-Navy-Traghetti.png" alt="Icona social Instagram Blu Navy Traghetti" data-eio="l" /></noscript>
5109                                              </a>
5110                                          <a target="_blank" href="https://www.facebook.com/BluNavyTraghetti">
5111                                                  <img height="45" width="45" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="Icona social Facebook Blu Navy Traghetti" data-src="https://blunavytraghetti.com/wp-content/uploads/Icona-social-Facebook-Blu-Navy-Traghetti.png" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img height="45" width="45" src="https://blunavytraghetti.com/wp-content/uploads/Icona-social-Facebook-Blu-Navy-Traghetti.png" alt="Icona social Facebook Blu Navy Traghetti" data-eio="l" /></noscript>
5112                                              </a>
5113                                          <a target="_blank" href="https://it.linkedin.com/company/blunavytraghetti">
5114                                                  <img height="45" width="45" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="Icona social Linkedin Blu Navy Traghetti" data-src="https://blunavytraghetti.com/wp-content/uploads/Icona-social-Linkedin-Blu-Navy-Traghetti.png" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img height="45" width="45" src="https://blunavytraghetti.com/wp-content/uploads/Icona-social-Linkedin-Blu-Navy-Traghetti.png" alt="Icona social Linkedin Blu Navy Traghetti" data-eio="l" /></noscript>
5115                                              </a>
5116                                          <a target="_blank" href="https://www.youtube.com/@blunavytraghettielba">
5117                                                  <img height="45" width="45" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQAQAAAACoxAthAAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cExAQAAAMKg9U/tbwagAAAAAAAAAAAAAAAAAAAAAAAAAIA3T7AAAZRBGFwAAAAASUVORK5CYII=" alt="Icona social canale Youtube di Blu Navy Traghetti" data-src="https://blunavytraghetti.com/wp-content/uploads/Icona-social-Youtube-Blu-Navy-Traghetti.png" decoding="async" class="lazyload" data-eio-rwidth="400" data-eio-rheight="400" /><noscript><img height="45" width="45" src="https://blunavytraghetti.com/wp-content/uploads/Icona-social-Youtube-Blu-Navy-Traghetti.png" alt="Icona social canale Youtube di Blu Navy Traghetti" data-eio="l" /></noscript>
5118                                              </a>
5119                                      </div>
5120                
5121                <div class="mt-4">
5122                                    <div class="bn-meteo --small">
5123                    <div class="bn-meteo-elba">
5124                      <p class="txt azzurro-navy testo bold center mb-1">Isola d'Elba</p>
5125                      <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Isola d'Elba" data-src="https://blunavytraghetti.com/wp-content/themes/cosmo/assets/images/elba.svg" decoding="async" class="lazyload"><noscript><img src="https://blunavytraghetti.com/wp-content/themes/cosmo/assets/images/elba.svg" alt="Isola d'Elba" data-eio="l"></noscript>
5126                    </div>
5127                    <div class="bn-meteo-lines">
5128                      <div class="bn-meteo-spacer --vertical"></div>
5129                      <div class='bn-meteo-lines-single'><span>giovedì</span><span><img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://openweathermap.org/img/wn/04d.png" decoding="async" class="lazyload"><noscript><img src='https://openweathermap.org/img/wn/04d.png' data-eio="l"></noscript> <b>26°</b> 19°</span></div><div class="bn-meteo-spacer --vertical"></div><div class='bn-meteo-lines-single'><span>venerdì</span><span><img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://openweathermap.org/img/wn/10d.png" decoding="async" class="lazyload"><noscript><img src='https://openweathermap.org/img/wn/10d.png' data-eio="l"></noscript> <b>27°</b> 18°</span></div><div class="bn-meteo-spacer --vertical"></div><div class='bn-meteo-lines-single'><span>sabato</span><span><img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://openweathermap.org/img/wn/01d.png" decoding="async" class="lazyload"><noscript><img src='https://openweathermap.org/img/wn/01d.png' data-eio="l"></noscript> <b>24°</b> 17°</span></div><div class="bn-meteo-spacer --vertical"></div><div class='bn-meteo-lines-single'><span>domenica</span><span><img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://openweathermap.org/img/wn/03d.png" decoding="async" class="lazyload"><noscript><img src='https://openweathermap.org/img/wn/03d.png' data-eio="l"></noscript> <b>24°</b> 22°</span></div><div class="bn-meteo-spacer --vertical"></div><div class='bn-meteo-lines-single'><span>lunedì</span><span><img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://openweathermap.org/img/wn/01d.png" decoding="async" class="lazyload"><noscript><img src='https://openweathermap.org/img/wn/01d.png' data-eio="l"></noscript> <b>24°</b> 22°</span></div><div class="bn-meteo-spacer --vertical"></div>                    </div>
5130                  </div>
5131                </div>
5132
5133
5134                              
5135            </div>
5136            <div class="col-1 d-none d-lg-block">
5137              <div class="line"></div>
5138            </div>
5139            <div class="col-12 col-lg-8">
5140              <div class="buttons | d-flex align-items-center justify-content-between flex-column flex-lg-row">
5141                                  <a style="text-decoration: none;" href="tel:+390565269710" class="button-contact text-white mt-5 mt-lg-0">
5142                    <svg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M3.54 2C3.6 2.89 3.75 3.76 3.99 4.59L2.79 5.79C2.38 4.59 2.12 3.32 2.03 2H3.54ZM13.4 14.02C14.25 14.26 15.12 14.41 16 14.47V15.96C14.68 15.87 13.41 15.61 12.2 15.21L13.4 14.02ZM4.5 0H1C0.45 0 0 0.45 0 1C0 10.39 7.61 18 17 18C17.55 18 18 17.55 18 17V13.51C18 12.96 17.55 12.51 17 12.51C15.76 12.51 14.55 12.31 13.43 11.94C13.33 11.9 13.22 11.89 13.12 11.89C12.86 11.89 12.61 11.99 12.41 12.18L10.21 14.38C7.38 12.93 5.06 10.62 3.62 7.79L5.82 5.59C6.1 5.31 6.18 4.92 6.07 4.57C5.7 3.45 5.5 2.25 5.5 1C5.5 0.45 5.05 0 4.5 0Z' fill='white'/></svg><span class="pl-10">+39 0565 26 9710</span>
5143                  </a>
5144                                
5145                                  <a style="text-decoration: none;" href="mailto:[email protected]" class="button-contact text-white mt-1 mt-lg-0">
5146                    <svg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M20 2C20 0.9 19.1 0 18 0H2C0.9 0 0 0.9 0 2V14C0 15.1 0.9 16 2 16H18C19.1 16 20 15.1 20 14V2ZM18 2L10 6.99L2 2H18ZM18 14H2V4L10 9L18 4V14Z' fill='white'/></svg><span class="pl-10">[email protected]</span>
5147                  </a>
5148                
5149
5150                                  <a href="#homepage-hero" type="button" class="button-purchase no-hover mt-1 mt-lg-0">
5151                    <svg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g opacity='0.8' clip-path='url(#clip0_2787_5543)'><path d='M20.5 4H4.5C3.39 4 2.51 4.89 2.51 6L2.5 18C2.5 19.11 3.39 20 4.5 20H20.5C21.61 20 22.5 19.11 22.5 18V6C22.5 4.89 21.61 4 20.5 4ZM20.5 18H4.5V12H20.5V18ZM20.5 8H4.5V6H20.5V8Z' fill='white'/></g><defs><clipPath id='clip0_2787_5543'><rect width='24' height='24' fill='white' transform='translate(0.5)'/></clipPath></defs></svg><span class="pl-10">Acquista</span>
5152                  </a>
5153                
5154
5155              </div>
5156
5157              
5158              
5159                <div class="row">
5160                  <div class="col-lg-12">
5161                    <div class="bn-metodi-pagamento-footer mt-40">
5162                      <p class="txt bold bianco testo center mb-4">Pagamenti accettati</p>
5163                      <div class="bn-metodi-pagamento-footer-cont">
5164                                                                          <div class="metodo">
5165                                <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZYAAAB4AQAAAAD5uul9AAAAAnRSTlMAAHaTzTgAAAAdSURBVFjD7cExAQAAAMKg9U9tBn+gAAAAAAAAPgMYYAABKJuvtQAAAABJRU5ErkJggg==" alt="pagamento con carte di credito" data-src="https://blunavytraghetti.com/wp-content/uploads/credit-card.png" decoding="async" class="lazyload" data-eio-rwidth="406" data-eio-rheight="120"><noscript><img src="https://blunavytraghetti.com/wp-content/uploads/credit-card.png" alt="pagamento con carte di credito" data-eio="l"></noscript>
5166                            </div>
5167                                                    <div class="metodo">
5168                                <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAjAAAACIAQAAAADRjOzzAAAAAnRSTlMAAHaTzTgAAAAgSURBVGje7cExAQAAAMKg9U9tCy+gAAAAAAAAAAAAeBoluAABKnpp9wAAAABJRU5ErkJggg==" alt="pagamento con paypal" data-src="https://blunavytraghetti.com/wp-content/uploads/paypal.png" decoding="async" class="lazyload" data-eio-rwidth="560" data-eio-rheight="136"><noscript><img src="https://blunavytraghetti.com/wp-content/uploads/paypal.png" alt="pagamento con paypal" data-eio="l"></noscript>
5169                            </div>
5170                                                    <div class="metodo">
5171                                <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAHVAQAAAAA4StsVAAAAAnRSTlMAAHaTzTgAAACESURBVHja7cGBAAAAAMOg+VOf4AZVAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAxuZQAAQr9BzcAAAAASUVORK5CYII=" alt="pagamento con satispay" data-src="https://blunavytraghetti.com/wp-content/uploads/satispay-logo-blunavy.png" decoding="async" class="lazyload" data-eio-rwidth="2726" data-eio-rheight="666"><noscript><img src="https://blunavytraghetti.com/wp-content/uploads/satispay-logo-blunavy.png" alt="pagamento con satispay" data-eio="l"></noscript>
5172                            </div>
5173                                                    <div class="metodo">
5174                                <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAADTAQAAAADfNpb/AAAAAnRSTlMAAHaTzTgAAAAkSURBVGje7cGBAAAAAMOg+VNf4QBVAQAAAAAAAAAAAAAAAHAaNZMAARdkOC8AAAAASUVORK5CYII=" alt="pagamento con Google Pay" data-src="https://blunavytraghetti.com/wp-content/uploads/logo-google-payment-blu-navy.png" decoding="async" class="lazyload" data-eio-rwidth="512" data-eio-rheight="211"><noscript><img src="https://blunavytraghetti.com/wp-content/uploads/logo-google-payment-blu-navy.png" alt="pagamento con Google Pay" data-eio="l"></noscript>
5175                            </div>
5176                                                                    </div>
5177                    </div>
5178                  </div>
5179                </div>
5180
5181
5182                <div class="row">
5183                  <div class="col-12 mt-5 mt-lg-4">
5184                    <div class="menu-header-primario-ita-container"><ul id="menu-header-primario-ita-1" class="primary-menu-footer" itemscope itemtype="http://www.schema.org/SiteNavigationElement"><li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-19655"><a href="https://blunavytraghetti.com/" aria-current="page">Home</a></li>
5185<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-315"><a href="https://blunavytraghetti.com/compagnia/">La compagnia</a></li>
5186<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-314"><a href="https://blunavytraghetti.com/offerte-sconti-traghetti-elba/">Offerte</a></li>
5187<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-316"><a href="https://blunavytraghetti.com/destinazioni/">Destinazioni</a></li>
5188<li id="menu-item-2956" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2956"><a href="https://blunavytraghetti.com/hotel-piombino-e-isola-elba/">Hotel</a></li>
5189<li id="menu-item-2962" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2962"><a href="https://blunavytraghetti.com/migliori-localita-elba-e-piombino/">Punti di interesse</a></li>
5190<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-313"><a href="https://blunavytraghetti.com/orari-traghetti-isola-elba/">Orari</a></li>
5191<li id="menu-item-3255" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3255"><a href="https://blunavytraghetti.com/rotta-in-tempo-reale/">Navi in tempo reale</a></li>
5192<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-312"><a href="https://blunavytraghetti.com/contatti/">Contatti</a></li>
5193</ul></div>                  </div>
5194                </div>
5195                <div class="row">
5196                  <div class="col-12 mt-3 mt-lg-4">
5197                    <div class="menu-header-secondario-ita-container"><ul id="menu-header-secondario-ita-1" class="secondary-menu-footer" itemscope itemtype="http://www.schema.org/SiteNavigationElement"><li id="menu-item-13137" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13137"><a href="https://blunavytraghetti.com/azzurra/">Azzurra</a></li>
5198<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-310"><a href="https://blunavytraghetti.com/blog/">Blog</a></li>
5199<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-309"><a href="https://blunavytraghetti.com/news/">News</a></li>
5200<li id="menu-item-342" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-342"><a href="https://blunavytraghetti.com/servizi/">Servizi</a></li>
5201<li id="menu-item-15763" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15763"><a href="https://blunavytraghetti.com/parlano-di-noi/">Parlano di noi</a></li>
5202<li id="menu-item-1813" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1813"><a href="https://blunavytraghetti.com/area-agenzie/">Area agenzie</a></li>
5203<li id="menu-item-2757" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2757"><a href="https://blunavytraghetti.com/lavora-con-noi/">Lavora con noi</a></li>
5204<li id="menu-item-1900" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1900"><a href="https://blunavytraghetti.com/reclami/">Reclami</a></li>
5205<li id="menu-item-343" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-343"><a href="https://blunavytraghetti.com/sitemap/">Sitemap</a></li>
5206<li id="menu-item-21589" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-21589"><a href="https://blunavytraghetti.com/accessibilita/">Accessibilità</a></li>
5207</ul></div>                  </div>
5208                </div>
5209
5210                <div class="row offerte-servizi">
5211                  <div class="col-lg-4">
5212                    <div class="py-2 py-lg-0 h-100">
5213                      <p class="pb-2">Offerte</p>
5214                                                      
5215                              <ul>
5216                                  
5217                                                                <li>
5218                                      <a href="https://blunavytraghetti.com/offerte-e-sconti-traghetti-elba/sconto-20-per-cento-traghetto-andata-e-ritorno-isola-elba/">Fino al 20% di sconto con andata e ritorno</a>
5219                                  </li>
5220                              
5221                                                                <li>
5222                                      <a href="https://blunavytraghetti.com/offerte-e-sconti-traghetti-elba/gruppi-vacanza-isola-elba/">Gruppi vacanza</a>
5223                                  </li>
5224                              
5225                                                                <li>
5226                                      <a href="https://blunavytraghetti.com/offerte-e-sconti-traghetti-elba/abbonamento-pendolari/">Abbonamento pendolari</a>
5227                                  </li>
5228                              
5229                                                                <li>
5230                                      <a href="https://blunavytraghetti.com/offerte-e-sconti-traghetti-elba/sconto-nativi-1-passeggero-con-auto/">Tariffa speciale nativi dell&#8217;Isola d&#8217;Elba</a>
5231                                  </li>
5232                              
5233                                                                <li>
5234                                      <a href="https://blunavytraghetti.com/offerte-e-sconti-traghetti-elba/trasporto-merci-camion-piombino-elba/">Trasporto merci camion</a>
5235                                  </li>
5236                              
5237                                                            
5238                              </ul>
5239                              
5240                                
5241                                              </div>
5242                  </div>
5243                  <div class="col-lg-3">
5244                    <div class="py-2 py-lg-0 h-100">
5245                      <p class="pb-2">Servizi ai passeggeri</p>
5246                                                      
5247                              <ul>
5248                                
5249                                                                                                                                    
5250                                                                <li>
5251                                      <a href="https://blunavytraghetti.com/servizi/#assistente-a-bordo">Assistente a bordo</a>
5252                                  </li>
5253                              
5254                                                                <li>
5255                                      <a href="https://blunavytraghetti.com/servizi/#tv-a-bordo">TV a bordo</a>
5256                                  </li>
5257                              
5258                                                                <li>
5259                                      <a href="https://blunavytraghetti.com/servizi/#spazi-allaperto">Spazi all&#8217;aperto</a>
5260                                  </li>
5261                              
5262                                                                <li>
5263                                      <a href="https://blunavytraghetti.com/servizi/#lavora-in-nave">Lavora in nave</a>
5264                                  </li>
5265                              
5266                                                                <li>
5267                                      <a href="https://blunavytraghetti.com/servizi/#relax-a-bordo">Relax a bordo</a>
5268                                  </li>
5269                              
5270                                                                <li>
5271                                      <a href="https://blunavytraghetti.com/servizi/#carica-la-tua-moto">Carica la tua moto</a>
5272                                  </li>
5273                              
5274                                                                <li>
5275                                      <a href="https://blunavytraghetti.com/servizi/#carica-la-tua-bici">Carica la tua bici</a>
5276                                  </li>
5277                              
5278                                                                <li>
5279                                      <a href="https://blunavytraghetti.com/servizi/#bar-a-bordo">Bar a bordo</a>
5280                                  </li>
5281                              
5282                                                                <li>
5283                                      <a href="https://blunavytraghetti.com/servizi/#annullamento-biglietto">Annullamento biglietto</a>
5284                                  </li>
5285                              
5286                                                                <li>
5287                                      <a href="https://blunavytraghetti.com/servizi/#passeggeri-con-disabilita-e-mobilita-ridotta">Persone con disabilità</a>
5288                                  </li>
5289                              
5290                                                            
5291                              </ul>
5292                              
5293                                
5294                                              </div>
5295                  </div>
5296                  <div class="col-lg-5">
5297                    <div class="py-2 py-lg-0">
5298                      <p class="pb-2">Abiti all'Elba?</p>
5299                                                      
5300                              <ul>
5301                                  
5302                                                                <li>
5303                                      <a href="https://blunavytraghetti.com/offerte-e-sconti-traghetti-elba/sconto-20-per-cento-traghetto-andata-e-ritorno-isola-elba/">Fino al 20% di sconto con andata e ritorno</a>
5304                                  </li>
5305                              
5306                                                                <li>
5307                                      <a href="https://blunavytraghetti.com/offerte-e-sconti-traghetti-elba/gruppi-vacanza-isola-elba/">Gruppi vacanza</a>
5308                                  </li>
5309                              
5310                                                                <li>
5311                                      <a href="https://blunavytraghetti.com/offerte-e-sconti-traghetti-elba/abbonamento-pendolari/">Abbonamento pendolari</a>
5312                                  </li>
5313                              
5314                                                                <li>
5315                                      <a href="https://blunavytraghetti.com/offerte-e-sconti-traghetti-elba/sconto-nativi-1-passeggero-con-auto/">Tariffa speciale nativi dell&#8217;Isola d&#8217;Elba</a>
5316                                  </li>
5317                              
5318                                                                <li>
5319                                      <a href="https://blunavytraghetti.com/offerte-e-sconti-traghetti-elba/trasporto-merci-camion-piombino-elba/">Trasporto merci camion</a>
5320                                  </li>
5321                              
5322                                                                <li>
5323                                      <a href="https://blunavytraghetti.com/offerte-e-sconti-traghetti-elba/struttura-ricettiva-elba/">Hai un hotel all&#8217;isola d&#8217;Elba?</a>
5324                                  </li>
5325                              
5326                                                            
5327                              </ul>
5328                              
5329                                
5330                                              </div>
5331                                          <div data-romw-token="zxCYME0T2FbSvb
5331oLRvhBEJrU4xOjnFzTqLsEn11KYqTAoZUS7b|OMTXUyzLJrIi3kktjrRdU9WsMXaOCnEnBDO3nGoI6BtmjuFSXz"></div>
5332<script src="https://reviewsonmywebsite.com/js/v2/embed.js?id=f80941fd7409d125707fcfa008e937a2" type="text/javascript"></script>
5332                                      </div>
5333                </div>
5334
5335                
5336                <div class="d-lg-none cosmo mx-auto">
5337                                  </div>
5338
5339            </div>
5340          </div>
5341          
5342
5343          
5344
5345
5346        </div>
5347      </div>
5348
5349
5350
5351
5352              
5353<section class="scarica-documentazione" style="background-color: #172332;">
5354  <div class="container pt-40 pb-40">
5355    <div class="row">
5356      <div class="col-12 d-flex align-items-center justify-content-center flex-column">
5357        <p>
5358          <a style="text-decoration-none" class="txt bianco testo bold mb-4" data-bs-toggle="collapse" href="#collapseScaricaDocumentazione" role="button" aria-expanded="false" aria-controls="collapseScaricaDocumentazione">
5359            Documentazione utile e privacy          </a>
5360                  </p>
5361                <div div class="collapse show" id="collapseScaricaDocumentazione">
5362          <div class="card card-body" style="border: none;">
5363            <div id="navbarNavDropdownSecond" class="navbar header-secondary"><ul id="menu-documentazione-utile-e-privacy" class="navbar-nav" itemscope itemtype="http://www.schema.org/SiteNavigationElement"><li  id="menu-item-3037" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3037 nav-item"><a itemprop="url" href="https://blunavytraghetti.com/carta-dei-servizi/" class="nav-link"><span itemprop="name">Carta dei servizi</span></a></li>
5364<li  id="menu-item-3038" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3038 nav-item"><a itemprop="url" href="https://blunavytraghetti.com/codice-etico/" class="nav-link"><span itemprop="name">Codice etico</span></a></li>
5365<li  id="menu-item-3039" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3039 nav-item"><a itemprop="url" href="https://blunavytraghetti.com/condizioni-di-trasporto/" class="nav-link"><span itemprop="name">Condizioni di trasporto</span></a></li>
5366<li  id="menu-item-3041" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3041 nav-item"><a itemprop="url" href="https://blunavytraghetti.com/informativa-pendolari/" class="nav-link"><span itemprop="name">Informativa pendolari</span></a></li>
5367<li  id="menu-item-10450" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10450 nav-item"><a itemprop="url" href="https://blunavytraghetti.com/informativa-privacy/" class="nav-link"><span itemprop="name">Informativa privacy</span></a></li>
5368<li  id="menu-item-3043" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3043 nav-item"><a itemprop="url" href="https://blunavytraghetti.com/informativa-seconda-casa/" class="nav-link"><span itemprop="name">Informativa seconda casa</span></a></li>
5369<li  id="menu-item-3044" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3044 nav-item"><a itemprop="url" href="https://blunavytraghetti.com/politica-salute-sicurezza-e-ambiente/" class="nav-link"><span itemprop="name">Politica della salute, sicurezza e ambiente</span></a></li>
5370<li  id="menu-item-3388" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3388 nav-item"><a itemprop="url" href="https://blunavytraghetti.com/progetto-di-fusione/" class="nav-link"><span itemprop="name">Progetto di fusione</span></a></li>
5371<li  id="menu-item-5392" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5392 nav-item"><a itemprop="url" href="https://blunavytraghetti.com/whistleblowing/" class="nav-link"><span itemprop="name">Whistleblowing</span></a></li>
5372<li  id="menu-item-3406" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3406 nav-item"><a itemprop="url" href="https://blunavytraghetti.com/informativa-ex-art-13-whistleblowing/" class="nav-link"><span itemprop="name">Informativa ex Art. 13 Whistleblowing</span></a></li>
5373<li  id="menu-item-3434" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3434 nav-item"><a itemprop="url" href="https://blunavytraghetti.com/richiesta-di-rimborso/" class="nav-link"><span itemprop="name">Richiesta di rimborso</span></a></li>
5374<li  id="menu-item-19196" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-19196 nav-item"><a itemprop="url" href="https://blunavytraghetti.com/cookie-policy/" class="nav-link"><span itemprop="name">Cookie Policy</span></a></li>
5375</ul></div>            <a href="#" class="--iubenda-advertising-preferences-link iubenda-cs-preferences-link">Aggiorna le impostazioni di tracciamento</a>
5376			  
5377			  
5378          </div>
5379        </div>
5380      </div>
5381    </div>
5382  </div>
5383</section>      
5384      <section class="coordinates">
5385  <div class="container">
5386    <div class="row">
5387              <div class="col-12 text-center pt-5">
5388          <p class="txt sottotitolo-piccolo pb-5 text-uppercase">
5389            le coordinate per i tuoi sogni          </p>
5390        </div>
5391                    <div class="col-12 text-center pb-5">
5392          <p class="txt titolo-grande bold mono">
5393            42°46′41.472″N 10°11′33.86″E          </p>
5394        </div>
5395          </div>
5396  </div>
5397</section>
5398
5399      <!--
5400      <section class="recaptcha-disclaimer">
5401        <div class="container">
5402          Questo sito è protetto da reCAPTCHA e si applicano la <a href="https://policies.google.com/privacy" target="_blank" rel="noopener">Privacy Policy</a> e i <a href="https://policies.google.com/terms" target="_blank" rel="noopener">Termini di Servizio</a> di Google.        </div>
5403      </section>
5404      -->
5405
5406    </footer>
5407  
5408  
5409
5410
5411<style>
5412  button.iubenda-tp-btn.iubenda-cs-preferences-link {display:none !important;pointer-events:none !important;opacity:0 !important;visibility:hidden !important;}
5413  a.iubenda-cs-preferences-link {text-decoration: none;color: #a0a4ab;}
5414</style>
5415
5416  
5417<script type="speculationrules">
5418{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/cosmo/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
5419</script>
vendor: 1 bytes, line 5419
5419
5420<script id="eio-lazy-load-js-before">
5421var eio_lazy_vars = {"bg_min_dpr":1.1,"exactdn_domain":"","safe_domains":["blunavytraghetti.com","www.blunavytraghetti.com"],"skip_autoscale":0,"threshold":0,"use_dpr":1};
5422//# sourceURL=eio-lazy-load-js-before
5423</script>
vendor: 1 bytes, line 5423
5423
5424<script async data-wp-strategy="async" id="eio-lazy-load-js" src="https://blunavytraghetti.com/wp-content/plugins/ewww-image-optimizer/includes/lazysizes.min.js?ver=877"></script>
vendor: 1 bytes, line 5424
5424
5425<script id="pll_cookie_script-js-after">
5426(function() {
5427				var expirationDate = new Date();
5428				expirationDate.setTime( expirationDate.getTime() + 31536000 * 1000 );
5429				document.cookie = "pll_language=it; expires=" + expirationDate.toUTCString() + "; path=/; secure; SameSite=Lax";
5430			}());
5431
5432//# sourceURL=pll_cookie_script-js-after
5433</script>
vendor: 1 bytes, line 5433
5433
5434<script id="gtm4wp-client-device-data-js-before">
5435var gtm4wp_clientdevice_config = {"browser":true,"os":false,"device":true};
5436//# sourceURL=gtm4wp-client-device-data-js-before
5437</script>
vendor: 1 bytes, line 5437
5437
5438<script data-wp-strategy="defer" defer id="gtm4wp-client-device-data-js" src="https://blunavytraghetti.com/wp-content/plugins/duracelltomi-google-tag-manager/build/gtm4wp-client-device-data.js?ver=2.0.2"></script>
vendor: 1 bytes, line 5438
5438
5439<script id="js/js-select-js" src="https://cdnjs.cloudflare.com/ajax/libs/slim-select/2.8.2/slimselect.min.js?ver=1.0.0"></script>
vendor: 1 bytes, line 5439
5439
5440<script id="js/header-data-js" src="https://blunavytraghetti.com/wp-content/themes/cosmo/assets/utils/data-picker/data-picker.js?ver=1775745451"></script>
vendor: 1 bytes, line 5440
5440
5441<script id="js/data-picker-locale-js" src="https://blunavytraghetti.com/wp-content/themes/cosmo/assets/js/utils/data-picker-locale.js?ver=1775745451"></script>
vendor: 1 bytes, line 5441
5441
5442<script id="js/map-js" src="https://blunavytraghetti.com/wp-content/themes/cosmo/assets/js/utils/map.js?ver=1775745451"></script>
vendor: 1 bytes, line 5442
5442
5443<script id="parallax-js-js" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/simpleParallax.min.js"></script>
vendor: 1 bytes, line 5443
5443
5444<script id="js/ticket-main-js" src="https://blunavytraghetti.com/wp-content/themes/cosmo/assets/js/ticket/main.js"></script>
vendor: 1 bytes, line 5444
5444
5445<script id="js/ticket-vehicles-js" src="https://blunavytraghetti.com/wp-content/themes/cosmo/assets/js/ticket/vehicles.js?ver=1780497955"></script>
vendor: 1 bytes, line 5445
5445
5446<script id="js/ticket-passengers-js" src="https://blunavytraghetti.com/wp-content/themes/cosmo/assets/js/ticket/passengers.js?ver=1780497955"></script>
vendor: 1 bytes, line 5446
5446
5447<script id="js/ticket-datepicker-js" src="https://blunavytraghetti.com/wp-content/themes/cosmo/assets/js/ticket/datepicker.js?ver=1779283041"></script>
vendor: 1 bytes, line 5447
5447
5448<script id="js/modal-js" src="https://blunavytraghetti.com/wp-content/themes/cosmo/assets/js/modal.js?ver=1775745451"></script>
vendor: 1 bytes, line 5448
5448
5449<script id="js/coupons-js" src="https://blunavytraghetti.com/wp-content/themes/cosmo/assets/js/coupons.js?ver=1775745451"></script>
vendor: 1 bytes, line 5449
5449
5450<script id="js/send-coupons-js" src="https://blunavytraghetti.com/wp-content/themes/cosmo/assets/js/form/send-coupon.js?ver=1775745451"></script>
vendor: 1 bytes, line 5450
5450
5451<script id="js/popper-js" src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js?ver=2.11.8"></script>
vendor: 1 bytes, line 5451
5451
5452<script id="js/bootstrap-js" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js?ver=5.3.0"></script>
vendor: 1 bytes, line 5452
5452
5453<script id="js/header-js" src="https://blunavytraghetti.com/wp-content/themes/cosmo/assets/js/header.js?ver=1775745451"></script>
vendor: 1 bytes, line 5453
5453
5454<script id="orari-js-js" src="https://blunavytraghetti.com/wp-content/themes/cosmo/assets/js/orari.js?ver=1775745451"></script>
vendor: 1 bytes, line 5454
5454
5455<script id="orariv2-js-js" src="https://blunavytraghetti.com/wp-content/themes/cosmo/assets/js/orariv2.js?ver=1776433097"></script>
vendor: 1 bytes, line 5455
5455
5456<script id="destinazione-js-js" src="https://blunavytraghetti.com/wp-content/themes/cosmo/assets/js/destinazione.js?ver=1775745451"></script>
vendor: 1 bytes, line 5456
5456
5457<script id="video-js-js" src="https://blunavytraghetti.com/wp-content/themes/cosmo/assets/js/video.js?ver=1775745451"></script>
vendor: 1 bytes, line 5457
5457
5458<script id="site-js-js-extra">
5459var WPURLS = {"urls":{"ajaxUrl":"https://blunavytraghetti.com/wp-admin/admin-ajax.php","navi":[{"nome":"aethalia","url":"https://blunavytraghetti.com/flotta/aethalia/"},{"nome":"tremestieri","url":"https://blunavytraghetti.com/flotta/tremestieri/"},{"nome":"acciarello","url":"https://blunavytraghetti.com/flotta/acciarello/"}]},"bookingUrl":"https://booking.blunavytraghetti.com/","locale":"it","siteurl":"https://blunavytraghetti.com","string":{"errore":"Errore, riprova","invio":"Invio in corso...","success":"Invio completato","invia_candidatura":"Invia candidatura","vehicle_str":"Veicolo","vehicles_str":"Veicoli","passenger_str":"Passeggero","passengers_str":"Passeggeri","vehicles_selezionati_str":"Veicoli selezionati","altri_vehicles_str":"Vuoi aggiungere altri veicoli?","partenza":"Partenza","arrivo":"Arrivo","conferma":"Conferma","cancella":"Cancella","prossimaPartenzaIn":"L'orario della prossima partenza da","previstroTra":"\u00e8 previsto tra","previstroDomaniTra":"\u00e8 previsto domani tra","previstoDomani":"\u00e8 previsto domani","ore":"ore","ora":"ora","e":"e","minuti":"minuti","minuto":"minuto","verifica":"Verifica dati in corso...","dati_verificati":"Dati verificati","radio_esempio":"Radio di esempio","tipologia_newsletter":"Scegli una tipologia","incolla_conferma_password":"Non puoi incollare contenuto in questo campo. Digita manualmente l'indirizzo per confermarlo.","elbaferries":"Servizio svolto da ElbaFerries","mobyferries":"Servizio svolto da Moby","molo":"Molo","partenzaSospesa":"PARTENZA SOSPESA","seleziona_data":"Seleziona data di partenza","adulti":"Adulti","bambino":"Bambino","infant":"Infant","lunghezza_rimorchio":"Lunghezza rimorchio","data_andata":"Andata","data_ritorno":"Ritorno","utente":"Utente","notifiche":"Notifiche"},"daily_departures":{"date":[{"day":"20260924","destinazioni":{"piombino":["06:00"," 08:15"," 10:15"," 12:15"," 14:00"," 16:15"," 17:45"," 19:15"],"isola-elba":["06:00"," 08:15"," -"," 10:30"," 12:15"," 14:30"," 16:15"," 17:45"," 19:15"]}},{"day":"20260925","destinazioni":{"piombino":["06:00"," 08:15"," 10:15"," 12:15"," 14:00"," 16:15"," 17:45"," 19:15"],"isola-elba":["06:00"," 08:15"," -"," 10:30"," 12:15"," 14:30"," 16:15"," 17:45"," 19:15"]}}]},"calendar":{"weekdays":{"domenica":"Domenica","lunedi":"Luned\u00ec","martedi":"Marted\u00ec","mercoledi":"Mercoled\u00ec","giovedi":"Gioved\u00ec","venerdi":"Venerd\u00ec","sabato":"Sabato"},"months":{"01":"Gennaio","02":"Febbraio","03":"Marzo","04":"Aprile","05":"Maggio","06":"Giugno","07":"Luglio","08":"Agosto","09":"Settembre","10":"Ottobre","11":"Novembre","12":"Dicembre"},"messages":{"non_disponibile":"Orario non disponibile","partenze":"Partenze disponibili:","nessuna_partenza":"Nessuna partenza disponibile"}}};
5460//# sourceURL=site-js-js-extra
5461</script>
vendor: 1 bytes, line 5461
5461
5462<script id="site-js-js" src="https://blunavytraghetti.com/wp-content/themes/cosmo/assets/js/site.js?ver=1775745451"></script>
vendor: 1 bytes, line 5462
5462
5463<script id="form-js-js" src="https://blunavytraghetti.com/wp-content/themes/cosmo/assets/js/form/script.js?ver=1775745451"></script>
vendor: 1 bytes, line 5463
5463
5464<script id="reclamo-js-js" src="https://blunavytraghetti.com/wp-content/themes/cosmo/assets/js/form/reclamo.js?ver=1775745451"></script>
vendor: 1 bytes, line 5464
5464
5465<script id="submit-reclamo-js-js" src="https://blunavytraghetti.com/wp-content/themes/cosmo/assets/js/form/submit-reclamo.js?ver=1775745451"></script>
vendor: 1 bytes, line 5465
5465
5466<script id="servizi-js-js" src="https://blunavytraghetti.com/wp-content/themes/cosmo/assets/js/servizi.js?ver=1775745451"></script>
vendor: 1 bytes, line 5466
5466
5467<script id="faq-js-js" src="https://blunavytraghetti.com/wp-content/themes/cosmo/assets/js/faq.js?ver=1775745451"></script>
vendor: 1 bytes, line 5467
5467
5468<script id="js/hero-js" src="https://blunavytraghetti.com/wp-content/themes/cosmo/assets/js/hero.js?ver=1780497955"></script>
vendor: 1 bytes, line 5468
5468
5469<script id="wp-emoji-settings" type="application/json">
5470{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://blunavytraghetti.com/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}}
5471</script>
vendor: 1 bytes, line 5471
5471
5472<script type="module">
5473/*! This file is auto-generated */
5474var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
5475//# sourceURL=https://blunavytraghetti.com/wp-includes/js/wp-emoji-loader.min.js
5476</script>
5476
5477
5478  
5479      <!-- Start of blunavytraghetti Zendesk Widget script -->
5480  
5480<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=a5fa5933-afe5-4de7-888d-47e827fc0f26" defer> </script>
5480
5481<!-- End of blunavytraghetti Zendesk Widget script -->
vendor: 64 bytes, lines 5481-5483
5481  
5482
5483<script src="https://www.google.com/recaptcha/api.js?render=
54836LddcV8rAAAAAHt_As-4fkiSjdgdWKP5876Wmfo5
vendor: 14 bytes, lines 5483-5485
5483"></script>
5484
5485
5486</body>
5487</html> 
5488<!-- Dynamic page generated in 1.158 seconds. -->
5489<!-- Cached page generated by WP-Super-Cache on 2026-09-24 14:15:36 -->
5490
5491<!-- super cache -->

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.