PageSourceSearch

https://www.yccs.it/en/area-soci/login.html

html yccs.it collected 2026-10-02 17:26:40 UTC 60,827 bytes, 1,948 lines download raw bytes

1<!DOCTYPE html>
2<html class="no-js" lang="eng">
3<head>
4	<meta name="viewport" content="width=device-width, initial-scale=1" />
5<meta http-equiv="content-type" content="text/html; charset=utf-8" />
6
7<base href="https://www.yccs.it/" />
8
9<meta name="author" content="Creative Web Studio" />
10<meta name="description" content="Login - Members Area - Yacht Club Costa Smeralda">
11<meta property="og:type" content="activity"/>
12<meta property="og:url" content="https://www.yccs.it/en/area-soci/login.html"/>
13
14<meta property="og:image" content="https://www.yccs.it/web/images/logo.png"/>
15
16<meta property="og:title" content="Login - Members Area - Yacht Club Costa Smeralda"/>
17<meta property="og:site_name" content="Yacht Club Costa Smeralda"/>
18<meta property="fb:admins" content="100001847343677"/>
19<meta property="og:description" content=""/>
20
21
22<meta name="twitter:card" content="summary_large_image">
23<meta name="twitter:image" content="https://www.yccs.it/web/images/logo.png">
24<meta name="twitter:title" content="Login - Members Area - Yacht Club Costa Smeralda">
25<meta name="twitter:description" content="">
26<link rel="icon" type="image/png" href="images/favicon.png">   
27<meta http-equiv="X-UA-Compatible" content="IE=edge">
28<meta name="csrf-token" content="BndDP1WiKJaRsCc6ZHIx7zGHrIQlvtLI8yDH0Qlc">
29
30<title>Login - Members Area - Yacht Club Costa Smeralda </title>
31
32	
33			<!-- Document title -->
34		<!-- Stylesheets & Fonts -->
35		<link href="https://www.yccs.it/web/css/plugins.css" rel="stylesheet">
36		<link href="https://www.yccs.it/web/css/style.css" rel="stylesheet">
37		<link href="https://www.yccs.it/web/css/custom.css" rel="stylesheet">
38		
39		<link rel="preconnect" href="https://fonts.googleapis.com">
40		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
41		<link href="https://fonts.googleapis.com/css2?family=Arizonia&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet">
42		<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet">
43
44		
45		
45<script src="https://www.yccs.it/web/js/jquery.js"></script>
45
46
47			<link rel="stylesheet" type="text/css" href="https://www.yccs.it/web/flipbook/css/flipbook.style.css">
48	<link rel="stylesheet" type="text/css" href="https://www.yccs.it/web/flipbook/css/font-awesome.css">
49
50<style>
51	:root {
52	  --azzurro: #009cff;
53	  --grey: #F1F1F1;
54	  --greyHalfDark: #a0a0a0;
55	}
56
57	.azzurro {
58	  color: var(--azzurro);
59	}
60	.bgAzzurro {
61	  background: var(--azzurro);
62	}
63	.grey {
64	  color: var(--grey);
65	}
66	.bgGrey {
67	  background: var(--grey);
68	}	
69	.greyHalfDark {
70	  color: var(--greyHalfDark);
71	}
72	
73	html, body{
74		background:#fff;
75		margin:0;
76		padding:0;
77		overflow-x:hidden;
78	}
79	a{
80		text-decoration:none;
81		color:#000;
82	}
83	
84	.btnRoundedWhite {
85		background: transparent;
86		color: #fff;
87		font-family: 'Montserrat', sans-serif;
88		font-size: 15px;
89		border: 1px solid #fff;
90		border-radius: 999px; /* semicerchio */
91		padding: 3px 15px;
92		cursor: pointer;
93		transition: all 0.3s ease;
94		display: inline-block;
95		white-space: nowrap;
96	}
97
98	.btnRoundedWhite:hover {
99		background-color: #fff;
100		color: #0062a0;
101	}
102	
103	body, div, span, a, p, h1, h2, h3, h4, h5, h6 , ul, li{
104		font-family: 'Montserrat', sans-serif;
105	}
106	
107	h1, h2, h3, h4, h5, h6{
108		margin:0; 
109		padding:0;
110	}
111	
112	h1{
113		font-family: 'Montserrat', sans-serif;
114		font-weight: 800;
115		font-size: 64px;		
116	}
117	
118	h3{
119		font-family: 'Montserrat', sans-serif;
120		font-weight: 300;
121		font-size: 64px;		
122	}
123	
124	h4{
125		font-family: 'Montserrat', sans-serif;
126		font-weight: 300;
127		font-size: 40px;		
128	}
129	
130	p{
131		font-family: 'Montserrat', sans-serif;
132		font-weight: 400;
133		font-size: 16px;
134		line-height:22px;
135		color:#000 !important;
136		margin-top:0 !important;
137	}
138	.page-container{
139		width:calc(100% - 240px); 
140		margin-left:120px; 
141		margin-top:65px; 
142		margin-bottom:36px;
143	}
144	.gradient-title {
145		background: linear-gradient(to right, var(--azzurro) 0%, #0062a0 100%);
146		-webkit-background-clip: text;
147		-webkit-text-fill-color: transparent;
148		background-clip: text;
149		text-fill-color: transparent;
150		display: inline-block;
151	}
152	
153	.link-arrow {
154		display: flex;
155		align-items: center;
156		gap: 20px;
157		color: inherit;
158		text-decoration: none;
159		font-size: 16px;
160		font-weight: 600;
161		width:210px; 
162		height:20px; 
163		border-bottom:solid 2px;
164		transition: all 0.9s ease;
165	}
166
167	.link-arrow:hover {
168		color: var(--azzurro);
169		border-bottom:solid 2px  var(--azzurro);
170	}
171
172	.link-arrow:hover .arrow-img {
173		transform: rotate(45deg);
174		content: url("https://www.yccs.it/web/images/arrow_azzurra.png");
175	}
176	.link-arrow2 {
177		display: flex;
178		align-items: center;
179		gap: 20px;
180		color: inherit;
181		text-decoration: none;
182		font-size: 16px;
183		font-weight: 600;
184		width:210px; 
185		height:20px; 
186		border-bottom:solid 2px;
187		transition: all 0.9s ease;
188	}
189
190	.link-arrow3 {
191		display: flex;
192		align-items: center;
193		gap: 20px;
194		color: inherit;
195		text-decoration: none;
196		font-size: 16px;
197		font-weight: 600;
198		width:210px; 
199		height:20px; 
200		transition: all 0.9s ease;
201	}
202
203	.link-arrow3:hover {
204		color: var(--azzurro);
205	}
206
207	.link-arrow3:hover .arrow-img {
208		transform: rotate(45deg);
209		content: url("https://www.yccs.it/web/images/arrow_azzurra.png");
210	}
211
212	.link-arrow3:hover .arrow-img-reflect {
213		transform: rotate(-45deg) scaleX(-1);
214		content: url("https://www.yccs.it/web/images/arrow_azzurra.png");
215	}
216	.arrow-img {
217		width: 13px;
218		height: 13px;
219		transition: transform 0.3s ease;
220	}
221	.arrow-img-reflect {
222		width: 13px;
223		height: 13px;
224		transform: scaleX(-1);
225		transition: transform 0.3s ease;
226	}
227	
228	.list-link {
229		display: flex;
230		gap: 5px;
231		align-items: center;
232		cursor: pointer;
233	}
234
235	.list-link span {
236		font-size: 12px;
237		font-weight: 500;
238		transition: font-weight 0.2s ease;
239	}
240
241	.list-link:hover span {
242		font-weight: 700;
243	}
244	.list-link.no-hover:hover  {
245		font-weight: 500;
246	}
247
248	.list-link:hover .list-icon {
249		content: url("https://www.yccs.it/web/images/star_red.png");
250	}
251	.list-link.no-hover:hover .list-icon {
252		content: url("https://www.yccs.it/web/images/star_grey.png"); /* resta grigia */
253	}
254	
255	.list-icon{
256		width:13px;
257		height:15px;
258	}
259	
260	.btnYccsWhite{
261		border:solid 1px #000;
262		background:#fff;
263		color:#000;
264		padding:5px 10px;
265		border-radius:13px !important;
266		font-size:12px;
267		font-weight:600;
268		text-align:center;
269		cursor:pointer;
270		transition: all 0.5s ease;
271	}
272	.btnYccsWhite:hover{
273		border:solid 1px var(--azzurro);
274		color:#fff;
275		background: linear-gradient(to right, #009cff, #0062a0);
276	}
277	
278	.btnYccsGradient{
279		background: linear-gradient(to right, var(--azzurro) 0%, #0062a0 100%);
280		color:#fff;
281		padding:5px 10px;
282		border-radius:13px !important;
283		font-size:16px;
284		font-weight:500;
285		text-align:center;
286		cursor:pointer;
287		transition: all 0.5s ease;
288	}
289	.btnYccsGradient:hover{
290		background: linear-gradient(to left, var(--azzurro) 0%, #0062a0 100%);
291	}
292	
293	.btnYccsAnnulla{
294		border:solid 1px #000;
295		background:#000;
296		color:#fff;
297		padding:5px 10px;
298		border-radius:13px !important;
299		font-size:12px;
300		font-weight:600;
301		text-align:center;
302		cursor:pointer;
303		transition: all 0.5s ease;
304	}
305	.btnYccsAnnulla:hover{
306		border:solid 1px grey;
307		background: grey;
308	}
309	 
310	form input[type="text"],
311	form input[type="url"],
312	form input[type="email"],
313	form input[type="number"],
314	form input[type="tel"],
315	form input[type="password"],
316	form select {
317		width: 100%;
318		padding: 9px 10px;
319		border: 1px solid var(--grey);;
320		background: var(--grey);
321		border-radius: 6px;
322		font-family: Montserrat, sans-serif;
323		font-size: 12px;
324		color: #000;
325		box-sizing: border-box;
326		margin-bottom: 8px;
327		transition: border-color 0.2s, box-shadow 0.2s;
328	}
329	form textarea {
330		width: 100%;
331		padding: 9px 10px;
332		border: 1px solid var(--grey);;
333		background: var(--grey);
334		border-radius: 6px;
335		font-family:  Montserrat, sans-serif;
336		font-size: 12px;
337		color: #000;
338		box-sizing: border-box;
339		margin-bottom: 8px;
340		transition: border-color 0.2s, box-shadow 0.2s;
341		resize: vertical; /* o none / both */
342		min-height: 80px; /* opzionale */
343	}
344	
345	.noscrollbar {
346	  overflow-y: scroll;      /* abilita lo scroll verticale */
347	  scrollbar-width: none;   /* Firefox */
348	  -ms-overflow-style: none;/* IE 10+ */
349	}
350
351	.noscrollbar::-webkit-scrollbar {
352	  display: none;           /* Chrome, Safari */
353	}
354	
355	#pagContainer{
356		width:1400px; 
357		margin:50px auto;
358	}
359	@media screen and (max-width: 1400px) {
360		#pagContainer{
361			width:calc(100% - 100px);
362			margin:50px auto;
363			padding:0 50px;
364		}
365	}
366	
367	@media screen and (max-width: 991px) {
368		h3.gradient-title{
369			font-size: 50px !important;
370			line-height: 1.2 !important;
371		}
372	}
373	@media screen and (max-width: 500px) {
374		#pagContainer{
375			width:calc(100% - 40px);
376			padding:0 20px;
377		}
378		h3.gradient-title{
379			font-size: 40px !important;
380			line-height: 1.2 !important;
381		}
382	}
383
384	/* Scroll top (tema Inspiro: richiede 2 icone + :before/:after; in version_2025 non si carica style.css) */
385	#scrollTop {
386		z-index: -1;
387		opacity: 0;
388		position: fixed;
389		text-align: center;
390		line-height: 12px !important;
391		right: 26px;
392		bottom: 0;
393		color: #fff;
394		cursor: pointer;
395		border-radius: 100px;
396		height: 40px;
397		width: 40px;
398		background-color: rgba(0, 0, 0, 0.25);
399		background-repeat: no-repeat;
400		background-position: center;
401		transition: opacity 0.3s, bottom 0.5s, box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1), background-color 0.1s linear;
402		overflow: hidden;
403		display: block;
404	}
405	#scrollTop i {
406		line-height: 39px !important;
407		width: 39px !important;
408		height: 39px !important;
409		font-size: 16px !important;
410		top: 0 !important;
411		left: 0 !important;
412		text-align: center !important;
413		position: relative;
414		z-index: 10;
415		background-color: transparent !important;
416		transform: translate(0, 0);
417		transition: transform 0.2s ease;
418	}
419	#scrollTop:hover {
420		transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1), background-color 0.05s linear 0.25s;
421		background-color: transparent !important;
422	}
423	#scrollTop:hover i {
424		transform: translate(0, -39px) !important;
425	}
426	#scrollTop:after,
427	#scrollTop:before {
428		display: block;
429		content: ' ';
430		height: 100%;
431		width: 100%;
432		position: absolute;
433		top: 0;
434		left: 0;
435		z-index: 1;
436		background-color: var(--azzurro);
437		transform: scale(0);
438		transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
439		border-radius: 100px;
440	}
441	#scrollTop:before {
442		background-color: rgba(255, 255, 255, 0.25);
443		transform: scale(1);
444		transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
445		opacity: 0;
446		z-index: 2;
447	}
448	#scrollTop:hover:after {
449		transform: scale(1);
450	}
451	#scrollTop:active:before {
452		opacity: 1;
453	}
454</style><link rel="stylesheet" href="https://www.yccs.it/fonts/Montserrat/montserrat.css">
455
456<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
456
457
458<script src="https://www.yccs.it/web/flipbook/js/flipbook.min.js"></script>
458	<link rel="shortcut icon" href="web/images/favicon-yccs/favicon.ico" type="image/x-icon" />
459	  <link rel="apple-touch-icon" href="web/images/favicon-yccs/apple-touch-icon.png" />
460	  <link rel="apple-touch-icon" sizes="57x57" href="web/images/favicon-yccs/apple-touch-icon-57x57.png" />
461	  <link rel="apple-touch-icon" sizes="72x72" href="web/images/favicon-yccs/apple-touch-icon-72x72.png" />
462	  <link rel="apple-touch-icon" sizes="76x76" href="web/images/favicon-yccs/apple-touch-icon-76x76.png" />
463	  <link rel="apple-touch-icon" sizes="114x114" href="web/images/favicon-yccs/apple-touch-icon-114x114.png" />
464	  <link rel="apple-touch-icon" sizes="120x120" href="web/images/favicon-yccs/apple-touch-icon-120x120.png" />
465	  <link rel="apple-touch-icon" sizes="144x144" href="web/images/favicon-yccs/apple-touch-icon-144x144.png" />
466	  <link rel="apple-touch-icon" sizes="152x152" href="web/images/favicon-yccs/apple-touch-icon-152x152.png" />
467	  <link rel="apple-touch-icon" sizes="180x180" href="web/images/favicon-yccs/apple-touch-icon-180x180.png" />
vendor: 85 bytes, lines 467-470
467
468				<script src="https://www.google.com/recaptcha/api.js" async defer></script>
469		
470	
470<style>
471		.inspiro-slider .slide .slide-captions h1{font-size:65px; line-height:60px}
472		@media screen AND (max-width:800px){
473			.inspiro-slider .slide .slide-captions h1{font-size:8vw; line-height:7vw}
474			.inspiro-slider .slide .slide-captions h2{font-size:5vw; line-height:4vw}
475			.inspiro-slider .slide .slide-captions h3{font-size:4vw; line-height:3vw}
476		}
477	</style>
478
479			
479<script type="text/javascript">
480		var _iub = _iub || [];
481		_iub.csConfiguration = {"consentOnContinuedBrowsing":false,"invalidateConsentWithoutLog":true,"siteId":2492859,"whitelabel":false,"cookiePolicyId":80257802,"lang":"en-GB", "banner":{ "acceptButtonCaptionColor":"white","acceptButtonColor":"#00aeef","acceptButtonDisplay":true,"backgroundColor":"#808080","closeButtonRejects":true,"customizeButtonCaptionColor":"white","customizeButtonColor":"#212121","customizeButtonDisplay":true,"explicitWithdrawal":true,"position":"bottom","textColor":"white" }};
482		</script>
482
483		
483<script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>
483
484			
485	<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 485-486
485
486	<script async src="https://www.googletagmanager.com/gtag/js?id=
486UA-40605968-36
vendor: 76 bytes, lines 486-487
486"></script>
487	<script async src="https://www.googletagmanager.com/gtag/js?id=
487UA-4499527-1
vendor: 13 bytes, lines 487-488
487"></script>
488	
488<script>
489		
vendor: 134 bytes, lines 489-493
489window.dataLayer = window.dataLayer || [];
490		function gtag(){dataLayer.push(arguments);}
491		gtag('js', new Date());
492
493		gtag('config', '
493UA-40605968-36
vendor: 6 bytes, lines 493-494
493');
494		
494gtag('config', 'UA-4499527-1');
495	</script>
495
496</head>
497
498<body>
499    <!-- Body Inner -->
500    <div class="body-inner">
501		<!-- Header -->				
502		<style>
503	#headerDesk{display:block}
504	#headerMob{display:none}
505	@media screen AND (max-width:1023px){
506		#headerDesk{display:none}
507		#headerMob{display:block}
508	}
509</style>
510<div id="headerDesk">
511	<style>
512.menuVoice{
513	color:#000;
514	font-size:12px;
515	font-family: 'Montserrat', sans-serif;
516}
517#headerYCCS {
518    position: fixed;
519    top: 0;
520    background: #fff;
521    width: 100%;
522    height: 130px;
523    display: flex;
524    z-index: 999;
525    opacity: 1;
526    visibility: visible;
527    transition: opacity 0.3s ease, visibility 0.3s ease, box-shadow 0.5s ease;
528}
529
530#headerYCCS.hidden {
531    opacity: 0;
532    visibility: hidden;
533}
534
535#headerYCCS.shadow {
536    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
537}
538
539.menuWrapper {
540	position: relative;
541}
542
543.subMenu {
544	position: absolute;
545	top: 100%;
546	left: 0;
547	background: #fff;
548	box-shadow: 0 4px 10px rgba(0,0,0,0.1);
549	border-radius: 6px;
550	opacity: 0;
551	visibility: hidden;
552	transform: translateY(10px);
553	transition: all 0.25s ease;
554	padding: 10px 0;
555	min-width: 200px;
556	display: flex;
557	flex-direction: column;
558	z-index: 1000;
559}
560
561.subMenu a {
562	padding: 8px 16px;
563	font-family: 'Montserrat', sans-serif;
564	font-size: 12px;
565	line-height:1.3;
566	color: #000;
567	text-decoration: none;
568	transition: background 0.2s;
569}
570
571.subMenu a:hover {
572	background-color: #f3f3f3;
573}
574
575.menuWrapper:hover .subMenu {
576	opacity: 1;
577	visibility: visible;
578	transform: translateY(0);
579}
580.menuContainerLeftTop{
581	width:285px; 
582	height:47px; 
583	padding-bottom:5px;
584	border-bottom:solid 1px #aaa; 
585	margin-left:40px; 
586	display:flex; 
587	gap:28px;
588}
589.menuContainerLeft{
590	//width:calc(100% - 80px); 
591	height:21px; 
592	margin-left:40px; 
593	margin-bottom:2px; 
594	display:flex; 
595	gap:33px;
596}
597.blockLogo{
598	width:290px; 
599	height:130px;
600	position:relative;
601}
602.logoHeader{
603	width:100%; 
604	margin-top:30px;
605}
606.blockRight{
607	flex:1; 
608	height:130px; 
609	display:flex; 
610	gap:20px;
611}
612.menuContainerRigt{
613	height:21px;  
614	margin-bottom:2px; 
615	display:flex; 
616	gap:33px; 
617	justify-content:right;
618}
619
620/* Posizionamento per il sottomenu di secondo livello */
621.subMenu .menuWrapper {
622    position: relative;
623    width: 100%;
624}
625
626.subMenu .nestedSubMenu {
627    position: absolute;
628    top: 0;
629    left: 100%; /* Appare a destra del primo sottomenu */
630    background: #fff;
631    box-shadow: 4px 4px 10px rgba(0,0,0,0.1);
632    border-radius: 6px;
633    opacity: 0;
634    visibility: hidden;
635    transform: translateX(10px);
636    transform: translateY(-20px);
637    transition: all 0.25s ease;
638    padding: 10px 0;
639    min-width: 220px;
640    display: flex;
641    flex-direction: column;
642    z-index: 1001;
643}
644
645/* Effetto Hover per il secondo livello */
646.subMenu .menuWrapper:hover > .nestedSubMenu {
647    opacity: 1;
648    visibility: visible;
649    transform: translateX(0px);
650}
651
652/* Freccetta indicatrice per voci con sottomenu */
653.has-nested::after {
654    content: '▶';
655    font-size: 15px;
656    float: right;
657    margin-top: 4px;
658    margin-right: 10px;
659    color: #aaa;
660}
661
662@media screen AND (max-width:1670px){
663	.menuContainerLeft{
664		gap:15px;
665	}
666	.menuContainerRigt{
667		gap:12px;
668	}
669}
670@media screen AND (max-width:1480px){
671	.menuContainerLeftTop{
672		margin-left:10px;
673		gap:12px;
674		width:240px; 
675	}
676	.menuContainerLeft{
677		margin-left:10px; 
678		gap:12px;
679	}
680	.blockRight{
681		gap:10px;
682	}
683	.menuContainerRigt{
684		gap:12px;
685	}
686}
687@media screen AND (max-width:1390px){	
688	.blockLogo{
689		width:200px; 
690		margin-top:15px;
691		position:absolute;
692		left:50%; 
693		margin-left:-100px
694	}
695	.logoHeader{
696		position:absolute;
697		top:0;
698		left:50%;
699		margin-left:-100px;
700		//tranform:translate(-50%, -50%);
701		//width:290px; 
702	}
703}
704@media screen AND (max-width:1100px){	
705	.menuContainerLeft{
706		width:520px;
707		margin-left:5px; 
708		gap:8px;
709	}
710	.menuContainerRigt{
711		gap:8px;
712	}
713}
714</style>
715
716
717<div id="headerYCCS">
718	<div  style="flex:1; height:130px; display:flex; flex-direction:column;">
719		<div class="menuContainerLeftTop">
720			<a href="en/news.html" class="menuVoice" style="margin-top:5px;">News</a>
721			<a href="en/yccs-app.html" class="menuVoice" style="margin-top:5px;">YCCS App</a>
722			<a href="en/magazine.html" class="menuVoice" style="margin-top:5px;">Magazine</a>
723			<a href="en/sail_talk.html" class="menuVoice" style="margin-top:5px;">Sail Talk</a>
724		</div>
725		<div style="flex:1; width:100%;"></div>
726		<div class="menuContainerLeft">
727			<div style="display:flex; gap:5px; align-items:center;">
728				<div class="menuWrapper">
729					<div class="menuItem">
730						<a style="cursor:pointer;" class="menuVoice">YCCS</a>
731						<img src="https://www.yccs.it/web/images/icon_down.png" style="width:8px;" alt=""/>
732					</div>
733					<div class="subMenu">
734						
735			<a href="en/lo-yccs/la-storia.html" title="YCCS History - YCCS - ">
736				YCCS History
737			</a>
738								
739			<a href="en/lo-yccs/consiglio_direttivo.html" title="Board of Directors - YCCS - ">
740				Board of Directors
741			</a>
742								
743			<a href="en/lo-yccs/club_gemellati.html" title="Twinned YCCSs - YCCS - ">
744				Twinned YCCSs
745			</a>
746								
747			<a href="en/lo-yccs/club_con_reciprocita.html" title="Clubs with reciprocity - YCCS - ">
748				Clubs with reciprocity
749			</a>
750								
751						<div class="menuWrapper">
752							<a style="cursor:pointer;" class="has-nested">
753								Azzurra							</a>
754							<div class="nestedSubMenu">
755								<a href="en/azzurra/40_anni_di_azzurra.html">
756									40 Years of Azzurra								</a>
757
758																										
759									<a href="https://www.yccs.it/en/azzurra/azzurra_at_the_amer
759icas_cup-1.html">Azzurra at the America's Cup</a>									
760																										
761									<a href="https://www.yccs.it/en/azzurra/2009_the_return_of_azzurra-2.html">2009, the return of Azzurra</a>									
762																										
763									<a href="https://www.yccs.it/en/azzurra/azzurra_tp52-3.html">Azzurra, TP52</a>									
764															</div>
765						</div>						
766					</div>
767				</div>
768			</div>
769			
770			<div style="display:flex; gap:5px; align-items:center;">
771									<div class="menuWrapper">
772						<div class="menuItem">
773							<a href="en/regate-2026.html" class="menuVoice">Regattas</a>
774						</div>
775					</div>
776							</div>
777						
778			<div style="display:flex; gap:5px; align-items:center;">
779				<div class="menuWrapper">
780					<div class="menuItem">
781						<a href="en/yccs-sailing-school.html" title="YCCS PORTO CERVO - YCCS Sailing School" class="menuVoice">
782							Sailing School						</a>
783					</div>
784				</div>
785			</div>
786			
787			<div style="display:flex; gap:5px; align-items:center;">
788				<div class="menuWrapper">
789					<div class="menuItem">
790						<a style="cursor:pointer;" class="menuVoice">Young Azzurra</a>
791						<img src="https://www.yccs.it/web/images/icon_down.png" style="width:8px;" alt=""/>
792					</div>
793					<div class="subMenu">
794						<a href="en/young-azzurra.html" title="Young Azzurra">Homepage</a>
795												<a href="en/young-azzurra/call-for-young-sailors.html" title="Young Azzurra - Call for Young Sailors">Call for Young Sailors</a>
796																			<a href="en/young-azzurra/atleti.html" title="Young Azzurra - Atleti Young Azzurra">Atleti Young Azzurra</a>
797												<a href="en/young-azzurra/news.html" title="Young Azzurra - News">News</a>
798						<a href="en/young-azzurra/photogallery.html" title="Young Azzurra - Photogallery">Photogallery</a>
799																			<a href="en/young-azzurra/video_gallery.html" title="Young Azzurra - Video Gallery">Video Gallery</a>
800																							</div>
801				</div>
802			</div>
803			
804		</div>
805	</div>
806	
807	<div class="blockLogo">
808		<a href="/"><img src="https://www.yccs.it/web/images/Logo_YCCS.png" class="logoHeader" alt="Yacht Club Costa Smeralda"/></a>
809	</div>
810	
811	<div class="blockRight">
812		<div style="flex:1; display:flex; flex-direction:column; ">
813			<div style="width:100%; height:22px; margin-top:21px;  display:flex; justify-content:flex-end">
814				<div style="width:151px; border-bottom: solid 1px #aaa; display:flex; gap:22px; padding-bottom:4px; align-items:center">
815					<div style="display:flex; gap:10px; align-items:center">
816						<a href="https://www.instagram.com/yccs_portocervo/" target="_blank" title="Follow Yccs Porto Cervo on Instagram"><img src="https://www.yccs.it/web/images/icon_instagram.png" style="width:17px;" alt="Instagram"/></a>
817						<a href="https://www.youtube.com/user/YCCostaSmeralda" target="_blank" title="Follow Yccs Porto Cervo on YouTube"><img src="https://www.yccs.it/web/images/icon_youtube.png" style="width:17px;" alt="YouTube"/></a>
818						<a href="https://twitter.com/YccsPortoCervo" target="_blank" title="Follow Yccs Porto Cervo on X"><img src="https://www.yccs.it/web/images/icon_x.png" style="width:17px;" alt="X"/></a>
819					</div>
820					<div style="display:flex; gap:7px">
821													<a href="https://www.yccs.it/area-soci/login.html" title="Yacht Club Costa Smeralda - Versione Italiana">
822								<img src="https://www.yccs.it/web/images/icon_Italy.png" style="width:25px; height:17px;" alt="Italiano"/>
823							</a>
824												
825													<img src="https://www.yccs.it/web/images/icon_gb.png" style="width:25px; height:17px; opacity:0.4;" alt="English"/>
826											</div>
827				</div>
828			</div>
829			
830			<div style="flex:1; width:100%;"></div>
831			
832			<div class="menuContainerRigt">
833				<div style="display:flex; gap:5px; align-items:center;">
834					<div class="menuWrapper">
835						<div class="menuItem">
836							<a style="cursor:pointer;" class="menuVoice">Services</a>
837							<img src="https://www.yccs.it/web/images/icon_down.png" style="width:8px;" alt=""/>
838						</div>
839						<div class="subMenu">
840							
841			<a href="en/servizi/hotel-yacht-club-costa-smeralda.html" title="Hotel Yacht Club Costa Smeralda - Services - ">
842				Hotel Yacht Club Costa Smeralda
843			</a>
844									
845			<a href="en/servizi/yccs-wellness-center.html" title="YCCS Wellness Center & Spa - Services - ">
846				YCCS Wellness Center & Spa
847			</a>
848									
849			<a href="en/servizi/la-piazza-azzurra.html" title="Piazza Azzurra - Services - ">
850				Piazza Azzurra
851			</a>
852									
853			<a href="en/servizi/sailing-center-marina.html" title="Sailing Center & Marina - Services - ">
854				Sailing Center & Marina
855			</a>
856								</div>
857					</div>
858				</div>
859				
860				<div style="display:flex; gap:5px; align-items:center;">
861					<div class="menuWrapper">
862						<div class="menuItem">
863							<a style="cursor:pointer;" class="menuVoice">Sustainability</a>
864							<img src="https://www.yccs.it/web/images/icon_down.png" style="width:8px;" alt=""/>
865						</div>
866						<div class="subMenu">
867							<a href="en/yccs_e_sostenibilita/one-ocean.html" title="YCCS and Sustainability - One Ocean">One Ocean</a>
868							<a href="en/yccs_e_sostenibilita/yccs_sostenibilita.html" title="YCCS and Sustainability">YCCS and Sustainability</a>
869							<a href="en/yccs_e_sostenibilita/charta_smeralda.html" title="YCCS and Sustainability - Charta Smeralda">Charta Smeralda</a>
870							<a href="en/yccs_e_sostenibilita/yccs_clean_beach_day.html" title="YCCS and Sustainability - YCCS Clean Beach Day">YCCS Clean Beach Day</a>							
871						</div>
872					</div>
873				</div>
874				
875				<div style="display:flex; gap:5px; align-items:center;">
876					<div class="menuWrapper">
877						<div class="menuItem">
878							<a href="en/meteo.html" title="Meteo" class="menuVoice">
879								Meteo
880							</a>
881						</div>
882					</div>
883				</div>
884				
885				<div style="display:flex; gap:5px; align-items:center;">
886					<div class="menuWrapper">
887						<div class="menuItem">
888							<a href="en/press.html" title="YCCS PORTO CERVO - Press" class="menuVoice">
889								Press
890							</a>
891						</div>
892					</div>
893				</div>
894				
895				<div style="display:flex; gap:5px; align-items:center;">
896					<div class="menuWrapper">
897						<div class="menuItem">
898							<a style="cursor:pointer;" class="menuVoice">Members Area</a>
899							<img src="https://www.yccs.it/web/images/icon_down.png" style="width:8px;" alt=""/>
900						</div>
901						<div class="subMenu">
902															<a href="en/area-soci/login.html" title="Members Area - Login - Yacht Club Costa Smeralda"><span class="label label-danger" style="padding:5px; font-size:1em; background:#00aeef; border-radius:2px; color:#fff">LOGIN</span></a>
903								<a href="en/area-soci/registrazione.html" title="Members Area - Register - Yacht Club Costa Smeralda">Register</a>
904								<a href="en/area-soci/recupera-password.html" title="Members Area - Password Recovery - Yacht Club Costa Smeralda" >Password Recovery</a>
905													</div>
906					</div>
907				</div>
908			</div>
909		</div>
910		<div style="width:200px; height:110px; margin-top:10px; border-left:solid 1px #AAA;">
911			<div style="width:170px; height:86px; margin-top:2px; margin-left:25px;  display:flex; gap:5px; align-items:center; justify-content:space-between">
912				<div style="width:75px; height:57px; ">
913					<img src="https://www.yccs.it/web/images/rolex_logo.png" style="width:100%" alt="Rolex - Official Timepiece"/>
914				</div>
915				<div style="width:65px; height:65px;">
916					<iframe src="https://static.rolex.com/clocks/2022/YCCS_mobile_en_HTML_65x65/rolex.html" style="width:65px;height:65px;border:0;margin:0;padding:0;overflow:hidden;scroll:none" SCROLLING=NO frameborder="NO"></iframe>
917				</div>
918			</div>
919		</div>
920	</div>
921</div>
922<div style="width:100%; height:130px;">
923
924</div>
925<script>
926let lastScrollTop = 0;
927const header = document.getElementById('headerYCCS');
928let headerHidden = false;
929let headerShownByMouse = false;
930let hideHeaderTimeout = null;
931
932function isCfsFixedAnchorNav() {
933	const nav = document.getElementById('cfsAnchorsNav');
934	return !!(document.querySelector('.cfs-page') && nav && nav.classList.contains('is-fixed'));
935}
936
937window.addEventListener('scroll', () => {
938    const currentScroll = window.pageYOffset || document.documentElement.scrollTop;
939
940    if (currentScroll > lastScrollTop && currentScroll > 150) {
941        // Scroll verso il basso: nascondi con fade
942        header.classList.add('hidden');
943        header.classList.remove('shadow');
944        headerHidden = true;
945        headerShownByMouse = false;
946        if (hideHeaderTimeout) {
947            clearTimeout(hideHeaderTimeout);
948            hideHeaderTimeout = null;
949        }
950    } else {
951        // Scroll verso l’alto: mostra con fade
952        header.classList.remove('hidden');
953        if (currentScroll > 0) {
954            header.classList.add('shadow');
955        } else {
956            header.classList.remove('shadow');
957        }
958        headerHidden = false;
959        headerShownByMouse = false;
960        // Nascondi dopo 2 secondi se lo scroll si ferma, ma solo se non siamo al top
961        if (hideHeaderTimeout) clearTimeout(hideHeaderTimeout);
962        if (currentScroll > 0) {
963            hideHeaderTimeout = setTimeout(() => {
964                if (!headerHidden && !headerShownByMouse && (window.pageYOffset || document.documentElement.scrollTop) > 0) {
965                    header.classList.add('hidden');
966                    header.classList.remove('shadow');
967                    headerHidden = true;
968                }
969            }, 2000);
970        }
971    }
972
973    lastScrollTop = currentScroll <= 0 ? 0 : currentScroll;
974});
975
976// Riappare anche col mouse vicino al top
977// E sparisce se si esce dall'header dopo hover top
978
979document.addEventListener('mousemove', (e) => {
980    if (isCfsFixedAnchorNav()) return;
981    if (e.clientY < 50 && headerHidden) {
982        header.classList.remove('hidden');
983        header.classList.add('shadow');
984        headerHidden = false;
985        headerShownByMouse = true;
986        if (hideHeaderTimeout) {
987            clearTimeout(hideHeaderTimeout);
988            hideHeaderTimeout = null;
989        }
990    }
991});
992
993header.addEventListener('mouseleave', (e) => {
994    if (isCfsFixedAnchorNav()) {
995        const nav = document.getElementById('cfsAnchorsNav');
996        const rel = e.relatedTarget;
997        if (nav && rel && (nav === rel || nav.contains(rel))) return;
998        return;
999    }
1000    if (headerShownByMouse && (window.pageYOffset || document.documentElement.scrollTop) > 0) {
1001        header.classList.add('hidden');
1002        header.classList.remove('shadow');
1003        headerHidden = true;
1004        headerShownByMouse = false;
1005    }
1006});
1007
1008header.addEventListener('mouseenter', () => {
1009    if (headerShownByMouse && hideHeaderTimeout) {
1010        clearTimeout(hideHeaderTimeout);
1011        hideHeaderTimeout = null;
1012    }
1013});
1014</script>
1014</div>
1015<div id="headerMob">
1016	<style>
1017.blockModLeft, .blockModRight{
1018	width:150px;
1019}
1020.blockClock{
1021	width:150px; 
1022	height:86px; 
1023	margin-top:2px; 
1024	margin-left:10px;  
1025	display:flex; 
1026	align-items:center;
1027}
1028.logoRolexMob{
1029	width:65px; 
1030	height:49.4px; 
1031	margin-top:5px; 
1032	margin-left:15px;
1033}
1034.blockLogoMob{
1035	width:calc(100% - 300px); 
1036	text-align:center; 
1037	align-items:center;
1038}
1039.blockTopRightMob{
1040	width:135px; 
1041	margin-right:10px; 
1042	border-bottom: solid 1px #aaa; 
1043	display:flex; gap:15px; 
1044	padding-bottom:4px;
1045}
1046@media screen AND (max-width:479px){
1047	.blockModLeft, .blockModRight{
1048		width:80px;
1049	}
1050	.blockClock{
1051		width:80px;
1052		padding-right:0px;
1053		flex-direction: column;
1054		margin-left:-8px; 
1055		margin-top:-15px;		
1056	}
1057	.logoRolexMob{
1058		margin-top:10px; 
1059	}
1060	.blockLogoMob{
1061		width:calc(100% - 160px); 
1062	}
1063}
1064@media screen AND (max-width:370px){
1065	.blockSocialMob{display:none !important;}	
1066	.blockTopRightMob{
1067		width:55px; 
1068	}
1069}
1070</style>
1071<div style="position:fixed; width:100%; height:120px; display:flex; align-items:center; background:#fff; z-index:1000">
1072	<div class="blockModLeft">
1073		<div style="height:110px; margin-top:10px;">
1074			<div class="blockClock">
1075				<div style="width:55px; height:55px;">
1076					<iframe src="https://static.rolex.com/clocks/2022/YCCS_mobile_en_HTML_65x65/rolex.html" style="width:65px;height:65px;border:0;margin:0;padding:0;overflow:hidden;scroll:none" SCROLLING=NO frameborder="NO"></iframe>
1077				</div>
1078				<div class="logoRolexMob">
1079					<img src="https://www.yccs.it/web/images/rolex_logo.png" style="width:100%" alt="Rolex - Official Timepiece"/>
1080				</div>
1081			</div>
1082		</div>
1083	</div>
1084	<div class="blockLogoMob">
1085		<a href="/"><img src="https://www.yccs.it/web/images/Logo_YCCS.png" style="max-width:290px !important; min-width:160px !important; width:90%; " alt="Yacht Club Costa Smeralda"/></a>
1086	</div>
1087	<div class="blockModRight">
1088		<div style="width:100%; height:22px; margin-top:10px;  display:flex; justify-content:flex-end">
1089			<div class="blockTopRightMob">
1090				<div style="display:flex; gap:5px; align-items:center" class="blockSocialMob">
1091					<a href="https://www.instagram.com/yccs_portocervo/" target="_blank" title="Follow Yccs Porto Cervo on Instagram"><img src="https://www.yccs.it/web/images/icon_instagram.png" style="width:17px;" alt="Instagram"/></a>
1092					<a href="https://www.youtube.com/user/YCCostaSmeralda" target="_blank" title="Follow Yccs Porto Cervo on YouTube"><img src="https://www.yccs.it/web/images/icon_youtube.png" style="width:18px;" alt="YouTube"/></a>
1093					<a href="https://twitter.com/YccsPortoCervo" target="_blank" title="Follow Yccs Porto Cervo on X"><img src="https://www.yccs.it/web/images/icon_x.png" style="width:18px;" alt="X"/></a>
1094				</div>
1095				<div style="display:flex; gap:5px">
1096											<a href="https://www.yccs.it/area-soci/login.html" title="Yacht Club Costa Smeralda - Versione Italiana">
1097							<img src="https://www.yccs.it/web/images/icon_Italy.png" style="width:25px;" alt="Italiano"/>
1098						</a>
1099										
1100											<img src="https://www.yccs.it/web/images/icon_gb.png" style="width:25px; opacity:0.4;" alt="English"/>
1101									</div>
1102			</div>
1103		</div>
1104		<div style="width:100%; height:88px; text-align:right; display:flex; align-items:flex-end" onclick="toggleMenu();">
1105			<div style="position:relative; width:calc(100% - 10px); height:40px; margin-right:10px; margin-top:20px;">
1106				<img src="https://www.yccs.it/web/images/icon_menu.jpg" id="iconMenuBar" style="width:40px; height:40px; position:absolute; bottom:20px; right:0; transition: all 0.5s ease">			
1107				<img src="https://www.yccs.it/web/images/close.png" id="iconMenuEx" style="width:40px; height:40px; position:absolute; bottom:20px; right:0; opacity:0; transition: all 0.5s ease">			
1108			</div>
1109		</div>
1110	</div>
1111</div>
1112<div style="width:100%; height:120px;">
1113
1114</div>
1115
1116<style>
1117	
1118	#menuMobInnerPanel::-webkit-scrollbar {
1119	  display: none;
1120	}
1121
1122	#menuMobInnerPanel {
1123	  -ms-overflow-style: none;  /* IE and Edge */
1124	  scrollbar-width: none;  /* Firefox */
1125	}
1126	.subMenuMob{
1127		opacity:0 !important; 
1128		visibility:hidden !important; 
1129		top:0px !important; 
1130		right:-65px !important; 
1131		left:auto !important;
1132		width:200px;
1133		position:relative !important;
1134		overflow:hidden;
1135		height:0px;
1136		margin-bottom:0px;
1137		padding:0 !important;
1138		transition: all 1s ease, opacity 1s ease, transform 1s ease;
1139		transform: translateX(20px)
1140	}
1141	.subMenuMob a{
1142		padding:6px 10px !important;
1143		line-height:14px;
1144	}
1145	.subMenuMob.show {
1146		opacity: 1 !important;
1147		visibility: visible !important;
1148		height: auto !important;
1149		padding: 10px 0 !important;
1150		margin-bottom: 20px !important;
1151		right: 0px !important;
1152		transition: all 1s ease, opacity 1s ease, transform 1s ease;
1153		transform: translateX(45px);
1154	}
1155
1156</style>
1157<div id="menuMobPanel" style="position:fixed; width:280px; height:calc(100% - 120px); top:120px; right:-300px;  background:white; z-index:1000; box-shadow: 4px 4px 25px 0px rgba(0, 0, 0, 0.1); transition: all 0.5s ease;">
1158	<div id="menuMobInnerPanel" style="width:calc(100% - 40px);  height:calc(100% - 40px); padding:20px; text-align:right; overflow-y:scroll;">
1159		<div class="">
1160			<div style="padding:5px 0">
1161				<a style="cursor:pointer; color:#000;" class="menuVoice">YCCS</a>
1162				<img src="https://www.yccs.it/web/images/icon_down.png" style="width:8px;" alt=""/>
1163			</div>
1164			<div class="subMenu subMenuMob">
1165				
1166			<a href="en/lo-yccs/la-storia.html" title="YCCS History - YCCS - ">
1167				YCCS History
1168			</a>
1169						
1170			<a href="en/lo-yccs/consiglio_direttivo.html" title="Board of Directors - YCCS - ">
1171				Board of Directors
1172			</a>
1173						
1174			<a href="en/lo-yccs/club_gemellati.html" title="Twinned YCCSs - YCCS - ">
1175				Twinned YCCSs
1176			</a>
1177						
1178			<a href="en/lo-yccs/club_con_reciprocita.html" title="Clubs with reciprocity - YCCS - ">
1179				Clubs with reciprocity
1180			</a>
1181								
1182				
1183				<div style="padding:5px 25px 5px 0;">
1184					<a style="cursor:pointer; color:#000;" class="menuVoice" style="font-weight:bold;">Azzurra</a>
1185					<img src="https://www.yccs.it/web/images/icon_down.png" style="width:8px;" alt=""/>
1186				</div>
1187				<div class="subMenu subMenuMob">
1188					<a href="en/azzurra/40_anni_di_azzurra.html">40 Years of Azzurra</a>
1189																				
1190						<a href="https://www.yccs.it/en/azzurra/azzurra_at_the_americas_cup-1.html">Azzurra at the America's Cup</a>									
1191																				
1192						<a href="https://www.yccs.it/en/azzurra/2009_the_return_of_azzurra-2.html">2009, the return of Azzurra</a>									
1193																				
1194						<a href="https://www.yccs.it/en/azzurra/azzurra_tp52-3.html">Azzurra, TP52</a>									
1195									</div>
1196			</div>
1197			
1198							<div style="padding:5px 0">
1199					<a href="en/regate-2025.html" class="menuVoice">Regattas</a>
1200				</div>
1201									
1202			<div style="padding:5px 0">
1203				<a href="en/yccs-sailing-school.html" title="YCCS Sailing School" class="menuVoice">
1204					Sailing School				</a>
1205			</div>
1206			
1207			<div style="padding:5px 0">
1208				<a style="cursor:pointer; color:#000;" class="menuVoice">Young Azzurra</a>
1209				<img src="https://www.yccs.it/web/images/icon_down.png" style="width:8px;" alt=""/>
1210			</div>
1211			<div class="subMenu subMenuMob">
1212				<a href="en/young-azzurra.html" title="Young Azzurra">Homepage</a>
1213								<a href="en/young-azzurra/call-for-young-sailors.html" title="Young Azzurra - Call for Young Sailors">Call for Young Sailors</a>
1214													<a href="en/young-azzurra/atleti.html" title="Young Azzurra - Atleti Young Azzurra">Atleti Young Azzurra</a>
1215								<a href="en/young-azzurra/news.html" title="Young Azzurra - News">News</a>
1216				<a href="en/young-azzurra/photogallery.html" title="Young Azzurra - Photogallery">Photogallery</a>
1217													<a href="en/young-azzurra/video_gallery.html" title="Young Azzurra - Video Gallery">Video Gallery</a>
1218															</div>
1219			
1220			
1221			
1222			<div style="padding:5px 0">
1223				<a style="cursor:pointer; color:#000;" class="menuVoice">Services</a>
1224				<img src="https://www.yccs.it/web/images/icon_down.png" style="width:8px;" alt=""/>
1225			</div>
1226			<div class="subMenu subMenuMob">
1227				
1228			<a href="en/servizi/hotel-yacht-club-costa-smeralda.html" title="Hotel Yacht Club Costa Smeralda - Services - ">
1229				Hotel Yacht Club Costa Smeralda
1230			</a>
1231						
1232			<a href="en/servizi/yccs-wellness-center.html" title="YCCS Wellness Center & Spa - Services - ">
1233				YCCS Wellness Center & Spa
1234			</a>
1235						
1236			<a href="en/servizi/la-piazza-azzurra.html" title="Piazza Azzurra - Services - ">
1237				Piazza Azzurra
1238			</a>
1239						
1240			<a href="en/servizi/sailing-center-marina.html" title="Sailing Center & Marina - Services - ">
1241				Sailing Center & Marina
1242			</a>
1243					</div>
1244			
1245			
1246			<div style="padding:5px 0">
1247				<a style="cursor:pointer; color:#000;" class="menuVoice">Sustainability</a>
1248				<img src="https://www.yccs.it/web/images/icon_down.png" style="width:8px;" alt=""/>
1249			</div>
1250			<div class="subMenu subMenuMob">
1251				<a href="en/yccs_e_sostenibilita/one-ocean.html" title="YCCS and Sustainability - One Ocean">One Ocean</a>
1252				<a href="en/yccs_e_sostenibilita/yccs_sostenibilita.html" title="YCCS and Sustainability">YCCS and Sustainability</a>
1253				<a href="en/yccs_e_sostenibilita/charta_smeralda.html" title="YCCS and Sustainability - Charta Smeralda">Charta Smeralda</a>
1254				<a href="en/yccs_e_sostenibilita/yccs_clean_beach_day.html" title="YCCS and Sustainability - YCCS Clean Beach Day">YCCS Clean Beach Day</a>
1255			</div>
1256			
1257			<div style="padding:5px 0">
1258				<a href="en/meteo.html" title="YCCS Sailing School" class="menuVoice">
1259					Meteo
1260				</a>
1261			</div>
1262			
1263			<div style="padding:5px 0">
1264				<a href="en/press.html" title="Press" class="menuVoice">
1265					Press
1266				</a>
1267			</div>
1268			
1269			<div style="padding:5px 0">
1270				<a style="cursor:pointer; color:#000;" class="menuVoice">Members Area</a>
1271				<img src="https://www.yccs.it/web/images/icon_down.png" style="width:8px;" alt=""/>
1272			</div>
1273			<div class="subMenu subMenuMob">
1274									<a href="en/area-soci/login.html" title="Members Area - Login - Yacht Club Costa Smeralda"><span class="label label-danger" style="padding:5px; font-size:1em; background:#00aeef; border-radius:2px; color:#fff">LOGIN</span></a>
1275					<a href="en/area-soci/registrazione.html" title="Members Area - Register - Yacht Club Costa Smeralda">Register</a>
1276					<a href="en/area-soci/recupera-password.html" title="Members Area - Password Recovery - Yacht Club Costa Smeralda" >Password Recovery</a>
1277							</div>
1278			
1279			<div style="padding:5px 0; margin-top:20px;">
1280				<a href="en/news.html" class="menuVoice" style="margin-top:25px;">News</a>
1281				<img src="https://www.yccs.it/web/images/icon_down.png" style="width:8px; opacity:0;" alt=""/>
1282			</div>
1283			<div style="padding:5px 0">
1284				<a href="en/magazine.html" class="menuVoice" style="margin-top:25px;">Magazine</a>
1285				<img src="https://www.yccs.it/web/images/icon_down.png" style="width:8px; opacity:0;" alt=""/>
1286			</div>
1287			<div style="padding:5px 0">
1288				<a href="en/sail_talk.html" class="menuVoice" style="margin-top:25px;">Sail Talk</a>
1289				<img src="https://www.yccs.it/web/images/icon_down.png" style="width:8px; opacity:0;" alt=""/>
1290			</div>
1291			<div style="padding:5px 0">
1292				<a href="en/yccs-app.html" class="menuVoice" style="margin-top:25px;">YCCS App</a>
1293				<img src="https://www.yccs.it/web/images/icon_down.png" style="width:8px; opacity:0;" alt=""/>
1294			</div>
1295			
1296			<div style="display:flex; gap:10px; align-items:center; margin-top:20px; margin-right:10px; justify-content:flex-end">
1297				<a href="https://www.instagram.com/yccs_portocervo/" target="_blank" title="Follow Yccs Porto Cervo on Instagram"><img src="https://www.yccs.it/web/images/icon_instagram.png" style="width:17px;" alt="Instagram"/></a>
1298				<a href="https://www.youtube.com/user/YCCostaSmeralda" target="_blank" title="Follow Yccs Porto Cervo on YouTube"><img src="https://www.yccs.it/web/images/icon_youtube.png" style="width:18px;" alt="YouTube"/></a>
1299				<a href="https://twitter.com/YccsPortoCervo" target="_blank" title="Follow Yccs Porto Cervo on X"><img src="https://www.yccs.it/web/images/icon_x.png" style="width:18px;" alt="X"/></a>
1300			</div>
1301		</div>
1302	</div>
1303</div>
1304<script>	
1305	var menu=0;
1306	function toggleMenu(){
1307		if(menu==0){
1308			menu=1;
1309			document.getElementById('iconMenuBar').style.opacity='0';
1310			document.getElementById('iconMenuEx').style.opacity='1';
1311			document.getElementById('menuMobPanel').style.right='0px';
1312		}else{
1313			menu=0;
1314			document.getElementById('iconMenuBar').style.opacity='1';
1315			document.getElementById('iconMenuEx').style.opacity='0';
1316			document.getElementById('menuMobPanel').style.right='-300px';
1317		}
1318	}
1319</script>
1319
1320
1321<script>
1322document.addEventListener("DOMContentLoaded", function () {
1323	const menuVoices = document.querySelectorAll('.menuVoice');
1324
1325	menuVoices.forEach((voice, index) => {
1326		voice.addEventListener('click', function (e) {
1327			const currentSubMenu = this.parentElement.nextElementSibling;
1328
1329			// Se NON esiste un subMenu accanto, lascia funzionare il link
1330			if (!currentSubMenu || !currentSubMenu.classList.contains('subMenuMob')) {
1331				return; // esegui comportamento normale (vai al link)
1332			}
1333
1334			// Altrimenti blocca click e gestisci apertura sottomenu
1335			e.preventDefault();
1336
1337			const allSubmenus = document.querySelectorAll('.subMenuMob');
1338
1339			// Chiude tutti i subMenu tranne quello cliccato e i suoi antenati (es. Lo YCCS quando apri Azzurra)
1340			allSubmenus.forEach(sub => {
1341				if (sub !== currentSubMenu && !sub.contains(currentSubMenu)) {
1342					sub.classList.remove('show');
1343				}
1344			});
1345
1346			// Toggle apertura/chiusura submenu attuale
1347			currentSubMenu.classList.toggle('show');
1348		});
1349	});
1350});
1351</script>
1351</div>			
1352		<!-- end: Header -->    
1353
1354				<style>
1355	.media-slider-container-title {
1356	  position: relative;
1357	  width: 100%;
1358	  height: 300px;
1359	  overflow: hidden;
1360	}
1361
1362	.media-slider-wrapper-title {
1363	  position: relative;
1364	  width: 100%;
1365	  height: 100%;
1366	}
1367
1368	.media-slide-title {
1369	  position: absolute;
1370	  top: 0;
1371	  left: 0;
1372	  width: 100%;
1373	  height: 100%;
1374	  opacity: 0;
1375	  transition: opacity 1s ease;
1376	  z-index: 0;
1377	}
1378
1379	.media-slide-title.active {
1380	  opacity: 1;
1381	  z-index: 1;
1382	}
1383
1384	.slide-background-video-title,
1385	.slide-background-image-title {
1386	  width: 100%;
1387	  height: 100%;
1388	  object-fit: cover;
1389	}
1390	.slide-background-image-title {
1391	  position: absolute;
1392	  top: 0;
1393	  left: 0;
1394	}
1395
1396	.slide-content-overlay-title {
1397	  position: absolute;
1398	  width:650px;
1399	  bottom: 100px;
1400	  left: 115px;
1401	  color: #fff;
1402	  z-index: 2;
1403	}
1404	.slide-content-overlay-title h1 {
1405	  font-size: 64px;
1406	  line-height:1 !important;
1407	  margin: 0;
1408	  font-weight:800;
1409	}
1410	.slide-content-overlay-title h3 {
1411	  font-size: 32px;
1412	  margin: 0;
1413	}
1414	
1415	.slide-content-overlay-title .slide-date-title { font-size: 15px; }
1416
1417	.slide-info-link-title {
1418	  display: flex; 
1419	  gap:42px;
1420	  align-items: center;
1421	  color: #fff; text-decoration: none;
1422	  margin-top: 10px;
1423	  padding-top: 10px;
1424	  border-top:solid 1px #fff;
1425	}
1426	.slide-info-arrow-title {
1427	  width: 29px; height: 42px;
1428	  margin-right: -10px;
1429	  transition: transform 0.4s ease;
1430	}
1431	.slide-info-link-title:hover .slide-info-arrow-title {
1432	  transform: translateX(15px);
1433	}
1434	@media screen and (max-width: 1200px) {
1435		.slide-content-overlay-title {
1436			left:60px !important;
1437		}
1438		.slide-content-overlay-title h1 {
1439			font-size: 54px !important;
1440		}
1441		.slide-content-overlay-title h3 {
1442			font-size: 28px !important;
1443		}
1444	}
1445	@media screen and (max-width: 800px) {
1446		.slide-content-overlay-title {
1447			left:30px !important;
1448			width:calc(100% - 60px) !important;
1449		}
1450	}
1451</style>
1452
1453
1454<div style="width:width:100%; height:300px; position:relative;">
1455	<div class="media-slider-container-title" style="height:300px;">
1456	  <div class="media-slider-wrapper-title">
1457		<div class="media-slide-title active">
1458		  			  <video autoplay muted loop playsinline class="slide-background-video-title">
1459				<source src="https://www.yccs.it/web/video/blue-sea.mp4" type="video/mp4">
1460			  </video>
1461		  		  <div class="slide-content-overlay-title">
1462						<h1 style="color:#fff">Login</h1>
1463			<div style="display:flex; gap:10px;">
1464				<a class="slide-info-link-title" href="/" style="gap:5px; border:none; margin-top:5px; padding-top:0;" title="Home  - Yacht Club Costa Smeralda">
1465				   <div class="slide-date-title">Home </div>
1466				  <img src="web/images/freccia_bianca.png" style="transform:scale(0.5);" class="slide-info-arrow-title" alt="">
1467				</a>
1468									<a  class="slide-info-link-title" title="Members Area - Yacht Club Costa Smeralda" style="gap:5px; border:none; margin-top:5px; padding-top:0;">
1469						<div class="slide-date-title" style="color:#fff">Members Area</div> 
1470					    <img src="web/images/freccia_bianca.png" style="transform:scale(0.5);" class="slide-info-arrow-title" alt="">
1471					</a>
1472									<a  class="slide-info-link-title" title="Login - Yacht Club Costa Smeralda" style="gap:5px; border:none; margin-top:5px; padding-top:0;">
1473						<div class="slide-date-title" style="color:#fff">Login</div> 
1474					    
1475					</a>
1476							</div>
1477		  </div>
1478		</div>
1479	  </div>
1480	</div>		
1481</div>	
1482	<style>
1483		.form-group label:not(.error) {font-weight: 600; color:#111111}
1484		.form-gray-fields .form-control {
1485			background-color: #f2f2f2;
1486			border-color: #e9e9e9;
1487			color: #333;
1488		}
1489	</style>
1490					
1491	<!-- Content -->
1492	<section id="page-content" class="sidebar-right">
1493		<div class="container-fluid">
1494			<div class="row">
1495				<!-- post content -->
1496				<div class="content col-lg-3"></div>
1497				<div class="content col-lg-4">
1498					<div class="panel-body">
1499												
1500												
1501						<div style="width:100%; display:flex; gap:35px;">
1502							<h3 class="gradient-title">LOGIN</h3>
1503							<div class="link-arrow" style="flex:1; margin-top:50px; border-bottom:solid 2px;"></div>
1504						</div>
1505						
1506						<p>
1507															Welcome to the new YCCS Members' Area. For your first log in, you should change your password, please click 'Password Recovery'.
1508													</P>
1509						
1510						<form action="https://www.yccs.it/en/area-soci/login.html" class="form-gray-fields" method="post" name="invia_login" autocomplete="off">						
1511							<input type="hidden" name="_token" value="BndDP1WiKJaRsCc6ZHIx7zGHrIQlvtLI8yDH0Qlc" autocomplete="off">							<input type="hidden" name="stato" value="inviato"/>
1512							<div class="form-group">
1513								<label class="sr-only">Email</label>
1514								<input 
1515									type="text" 
1516									name="user_login" 
1517									id="username" 
1518									class="form-control" 
1519									required="required" 
1520									placeholder="Email" 
1521									value=""
1522								>
1523
1524							</div>
1525							<div class="form-group m-b-5" style="margin-bottom:10px">
1526								<label class="sr-only">Password</label>
1527								<input type="password" placeholder="Password" value="" class="form-control" name="pass_login"  required="required"  oninvalid="this.setCustomValidity('Required Field')" oninput="setCustomValidity('')">
1528								
1529							</div>
1530							
1531								
1532							<div style="float:left"style="height:20px; background:lime">
1533								<label>
1534									<input type="checkbox" name="memorizza" id="memorizza">&nbsp; <small>Remember me</small>
1535								</label>
1536							</div>
1537							<div style="float:right">
1538								<a href="en/area-soci/recupera-password.html"><small>Password Recovery</small></a>
1539							</div>
1540							<div style="clear:both; height:20px"></div>
1541							
1542							<div class="form-group">
1543								<button class="btn btn-primary">Login</button>								
1544							</div>
1545						</form>
1546						
1547													<p>Don't have an account yet? <a href="en/area-soci/registrazione.html">Register New Account</a></p>
1548												
1549					</div>
1550				</div>
1551				<div class="content col-lg-3"></div>				
1552				<!-- end: post content -->
1553				<!-- Sidebar-->
1554				<div class="sidebar sticky-sidebar sidebar-modern col-lg-2" style="background:#FBFBFB; border-left:solid 1px #EEEEEE">
1555					<div class="row">
1556						<div class="content col-lg-12">
1557							<style>
1558	.sidebarTitle{padding-bottom:10px; border-bottom:solid 4px #444444}
1559</style>
1560
1561<div class="widget clearfix widget-archive">
1562	<div style="width:100%; display:flex; gap:10px;">
1563		<h4 class="gradient-title" style="font-size:25px;">Member Login</h4>
1564		<div class="link-arrow" style="flex:1; margin-top:10px; border-bottom:solid 1px;"></div>
1565	</div>
1566						
1567	<div style="width:100%;">
1568			</div>
1569	
1570	<div style="margin-top:10px">
1571		<a href="en/area-soci/logout.html" title="Area Soci - LOGOUT - Yacht Club Costa Smeralda">
1572			<div class="btn btn-dark btn-xs">LOGOUT</div>
1573		</a>
1574	</div>
1575</div>
1576
1577<style>
1578	.list-group-item{background:#fff;  transition: 0.3s;}
1579	.list-group-item:hover{background:#00AEEF; color:#fff}
1580</style>
1581<div class="widget clearfix widget-blog-articles">
1582	<div style="width:100%; display:flex; gap:10px;">
1583		<h4 class="gradient-title" style="font-size:25px;">Member Menu</h4>
1584		<div class="link-arrow" style="flex:1; margin-top:10px; border-bottom:solid 1px;"></div>
1585	</div>
1586	<ul class="list-group" style="padding-top:20px">
1587		<a href="en/area-soci/benvenuto.html">
1588			<li class="list-group-item ">
1589				<b>Welcome</b>
1590			</li>
1591		</a>
1592		<a href="en/area-soci/carrello.html">
1593			<li class="list-group-item ">
1594								<b>Cart <span id="testo_cart">(0)</span></b>
1595			</li>
1596		</a>
1597				<a href="en/area-soci/la-boutique.html">
1598			<li class="list-group-item ">
1599				<b>Boutique</b>
1600			</li>
1601		</a>
1602				<a href="en/area-soci/i-miei-ordini.html">
1603			<li class="list-group-item ">
1604				<b>My Orders</b>
1605			</li>
1606		</a>
1607		<a href="en/area-soci/profilo-socio.html">
1608			<li class="list-group-item ">
1609				<b>Member Profile</b>
1610			</li>
1611		</a>
1612		<a href="en/area-soci/comunicazioni-ai-soci.html">
1613			<li class="list-group-item ">
1614				<b>
1614Member Communications</b>
1615			</li>
1616		</a>
1617		<a href="en/area-soci/sailing-center-marina.html">
1618			<li class="list-group-item ">
1619				<b>Sailing Center &amp; Marina</b>
1620			</li>
1621		</a>
1622		
1623							<a  title="Members Area - Statute - Yacht Club Costa Smeralda">
1624				<li style="cursor:pointer;" class="list-group-item openStatuto openStatutoBott" >
1625					<b>Statute</b>
1626				</li>
1627			</a>
1628				
1629							<a  title="Members Area - Internal Rules - Yacht Club Costa Smeralda">
1630				<li style="cursor:pointer;" class="list-group-item openReg openRegBott" >
1631					<b>Internal Rules</b>
1632				</li>
1633			</a>
1634				
1635		<a  title="Members Area - Code of Ethical Conduct - Yacht Club Costa Smeralda">
1636			<li style="cursor:pointer;" class="list-group-item openCodiceComportamento openRegBott" >
1637				<b>Code of Ethical Conduct</b>
1638			</li>
1639		</a>
1640		
1641		<a href="en/area-soci/certificato-di-guidone.html">
1642			<li class="list-group-item ">
1643				<b>Burgee Certificate</b>
1644			</li>
1645		</a>
1646				<a href="en/area-soci/pagamento-quota.html">
1647			<li class="list-group-item ">
1648				<b>Fee Payment</b>
1649			</li>
1650		</a>
1651	</ul>
1652</div>						</div>
1653					</div>
1654				</div>
1655				<!-- end: Sidebar-->
1656			</div>
1657		</div>
1658	</section> <!-- end: Content -->
1659	
1660		
1661		<!-- Footer content -->
1662		<style>
1663	.foooterText{
1664		color:#fff;
1665		font-family: 'Montserrat', sans-serif;
1666		font-size: 12px;
1667		background:url(https://www.yccs.it/web/images/bg_footer.png) center center; 
1668		background-size:cover;
1669	}	
1670	.foooterText a{
1671		color:#fff;
1672		text-decoration:underline;
1673	}
1674	.foooterText .footerTitle{
1675		font-size: 20px;
1676	}
1677	
1678	.footerInner{
1679		width:calc(100% - 200px); 
1680		padding:26px 100px; 
1681		display:flex; 
1682		gap:40px; 
1683		justify-content:space-between;
1684	}
1685	.subFooter{
1686		width:calc(100% - 200px); 
1687		padding:10px 100px 20px 100px;
1688	}
1689		
1690	.footer1{
1691		width:223px;
1692	}
1693	.footer2{
1694		width:315px; display:flex; justify-content:center
1695	}
1696	.footer3{
1697		width:223px; display:flex; justify-content:center
1698	}
1699	.footer4{
1700		width:223px; display:flex; justify-content:flex-end
1701	}
1702	
1703	.subFooter1{
1704		width:210px
1705	}
1706	.subFooter2{
1707		flex:1; text-align:right
1708	}
1709	
1710	@media screen AND (max-width:1300px){
1711		.footerInner{
1712			width:calc(100% - 50px); 
1713			padding:26px 25px; 
1714			gap:15px; 
1715		}
1716		.subFooter{
1717			width:calc(100% - 50px); 
1718			padding:10px 25px 20px 25px;
1719		}
1720	}
1721	
1722	@media screen AND (max-width:1023px){
1723		.foooterText{
1724			background:url(https://www.yccs.it/web/images/bg_footer.png) center left; 
1725			background-size:cover;
1726		}
1727		.footerInner{
1728			flex-wrap: wrap;
1729		}
1730		.footer1{
1731			width:calc(50% - 25px);
1732			justify-content:space-between;
1733		}
1734		.footer2{
1735			width:calc(50% - 25px);
1736			justify-content:space-between;
1737		}
1738		.footer3{
1739			width:calc(50% - 25px);
1740			justify-content:space-between;
1741		}
1742		.footer4{
1743			width:calc(50% - 25px);
1744			justify-content:space-between;
1745			
1746		}
1747	}
1748	
1749	@media screen AND (max-width:800px){
1750		.foooterText{
1751			background:url(https://www.yccs.it/web/images/bg_footer.png) -50vw center; 
1752			background-size:cover;
1753		}
1754		.subFooterContainer{
1755			flex-direction:column;
1756		}
1757		.subFooter1{
1758			width:100%
1759		}
1760		.subFooter2{
1761			width:100%;
1762			text-align:left;
1763			margin-top:10px;
1764		}
1765	}
1766	
1767	@media screen AND (max-width:540px){
1768		.foooterText{
1769			background:url(https://www.yccs.it/web/images/bg_footer.png) -120vw center; 
1770			background-size:cover;
1771		}
1772		.footerInner{
1773			flex-direction:column;
1774			gap:30px;
1775		}
1776		.footer1{
1777			width:100%;
1778			justify-content:space-between;
1779		}
1780		.footer2{
1781			width:100%;
1782			justify-content:space-between;
1783		}
1784		.footer3{
1785			width:100%;
1786			justify-content:space-between;
1787		}
1788		.footer4{
1789			width:100%;
1790			justify-content:space-between;
1791			
1792		}
1793	}
1794	@media screen AND (max-width:430px){
1795		.foooterText{
1796			background:url(https://www.yccs.it/web/images/bg_footer.png) -180vw center; 
1797			background-size:cover;
1798		}
1799	}
1800</style>
1801<div class="foooterText">
1802	<div class="footerInner">		
1803		<div class="footer1">
1804			<div style="padding-bottom:7px; border-bottom:solid 1px #fff; margin-bottom:14px;" class="footerTitle">
1805				Contatti
1806			</div>
1807			
1808			<div style="width:100%; height:18px; display:flex; align-items:center;">
1809				Via della marina
1810			</div>
1811			<div style="width:100%; height:18px; display:flex; align-items:center;">
1812				07021, Porto Cervo (Italy)
1813			</div>
1814			<div style="width:100%; height:18px; display:flex; align-items:center;">
1815				Tel:&nbsp;&nbsp;<a href="">+39 0789 902200</a>
1816			</div>
1817			<div style="width:100%; height:18px; display:flex; align-items:center;">
1818				Email:&nbsp;&nbsp;<a href="">[email protected]</a>
1819			</div>
1820			<div style="width:100%; height:18px; display:flex; align-items:center;">
1821				Pec:&nbsp;&nbsp;<a href="">
1821[email protected]</a>
1822			</div>
1823			<div style="width:100%; height:18px; display:flex; align-items:center;">
1824				P.Iva: 00333630903
1825			</div>
1826			
1827			<div style="width:100%; margin-top:18px; display:flex; gap:10px; align-items:center;">
1828				<img src="https://www.yccs.it/web/images/icon_instagram_w.png" style="width:13.6px;" alt="Instagram"/>
1829				<img src="https://www.yccs.it/web/images/icon_youtube_w.png" style="width:12px;" alt="YouTube"/>
1830				<img src="https://www.yccs.it/web/images/icon_x_w.png" style="width:12px;" alt="X"/>
1831			</div>
1832		</div>		
1833		
1834		<div class="footer2">
1835			<div>
1836				<div style="width:223px;">
1837					<div style="padding-bottom:7px; border-bottom:solid 1px #fff; margin-bottom:14px;" class="footerTitle">
1838						Prossime Regate
1839					</div>
1840				</div>
1841				<div style="display:flex; flex-direction:column; gap:10px;">	
1842					
1843																	
1844						<div>
1845							<a href="en/regattas-2026/j70_cup_and_italian_championship-3354.html" title="J/70 Cup and Italian Championship - Yacht Club Costa Smeralda" style="text-decoration:none">	
1846								J/70 Cup and Italian Championship<br/>
1847								<span style="font-style:italic">Porto Cervo</span>
1848								&nbsp;|&nbsp;
1849								<span style="font-style:italic">
1850																	from 29/09 
1851									 
1852										to 04/10 
1853																									</span> 
1854							</a>
1855						</div>		
1856									</div>
1857			</div>
1858		</div>
1859		
1860		<div class="footer3">
1861			<div>
1862				<div style="padding-bottom:7px; border-bottom:solid 1px #fff; margin-bottom:14px;" class="footerTitle">
1863					Aiuti di Stato
1864				</div>
1865				
1866				<div>
1867					Informazioni sui contributi ricevuti (Rif. Art.1, commi 125 e seguenti della Legge 124/2017)
1868				</div>
1869				<div style="width:100%; height:18px; display:flex; align-items:center;">
1870					<a href="aiuti-di-stato/2024.html">2024</a>
1871				</div>
1872				<div style="width:100%; height:18px; display:flex; align-items:center;">
1873					<a href="aiuti-di-stato/2023.html">2023</a>
1874				</div>
1875				<div style="width:100%; height:18px; display:flex; align-items:center;">
1876					<a href="aiuti-di-stato/2022.html">2022</a>
1877				</div>
1878				<div style="width:100%; height:18px; display:flex; align-items:center;">
1879					<a href="aiuti-di-stato/2021.html">2021</a>
1880				</div>
1881				<div style="width:100%; height:18px; display:flex; align-items:center;">
1882					<a href="aiuti-di-stato/2020.html">2020</a>
1883				</div>
1884				
1885				<div style="width:100%; margin-top:18px; margin-bottom:9px; display:flex; align-items:center; line-height:1.3;">
1886					YCCS CODE OF ETHICAL CONDUCT AND ORGANIZATIONAL CONTROL MODEL
1887				</div>
1888				<button id="codice_comportamento" class="btnRoundedWhite">Download</button>
1889				
1889<script type="text/javascript">
1890					$(document).ready(function () {
1891						$("#codice_comportamento").flipBook({
1892							pdfUrl:"https://www.yccs.it/vedi_pdf_public.php?file=Codice_di_comportamento_Etico_e_MOG_YCCS(en-GB).pdf",
1893							lightBox:true
1894						});
1895					})
1896				</script>
1896
1897			</div>
1898		</div>
1899		
1900		<div class="footer4">
1901			<div>
1902				<div style="width:223px;">
1903					<div style="padding-bottom:7px; border-bottom:solid 1px #fff; margin-bottom:14px;" class="footerTitle">
1904						YCCS Yearbook
1905					</div>
1906				</div>
1907				<a href="
1908					https://online.fliphtml5.com/xygx/YB_2025/#p=1" 
1909					target="_blank" 
1910					title="YCCS Yearbook">	
1911					<img src="https://www.yccs.it/web/images/yccs_yearbook.png" alt="YCCS Yearbook" style="width:224px;" />
1912				</a>
1913			</div>
1914		</div>
1915		
1916			</div>
1917	
1918	<div class="subFooter">
1919		<div style="padding-top:10px;  border-top:solid 1px #fff; display:flex;" class="subFooterContainer">
1920			<div class="subFooter1">
1921								<a href="en/privacy.html">Privacy</a> | <a href="en/cookie-policy.html">Cookie Policy</a><br/>
1922				Designed By <a href="https://www.creativewebstudio.it" title="Web agency Civitavecchia" target="_blank" rel="noopener noreferrer">Creative Web Studio</a>
1923			</div>
1924			<div class="subFooter2">
1925				Ove si fa riferimento allo Yacht Club Costa Smeralda (YCCS)<br/>
1926				è da intendersi anche le società e/o associazioni ad esso collegate e/o da esso controllate
1927			</div>
1928		</div>
1929	</div>
1930</div>		<!-- End Footer content -->
1931	</div>      
1932	
1933	<!-- Scroll top -->
1934    <a id="scrollTop"><i class="fa fa-chevron-up" aria-hidden="true"></i><i class="fa fa-chevron-up" aria-hidden="true"></i></a>
1935	
1936	
1937	<!-- Include js plugin -->
1938	<!--Plugins-->
1939
1940<script src="https://www.yccs.it/web/js/plugins.js"></script>
1940
1941<!--Template functions-->
1942<script src="https://www.yccs.it/web/js/functions.js"></script>
1942
1943
1944
1945
1946<script src="https://connect.facebook.net/it_IT/all.js#xfbml=1"></script>
1946	
1947</body>
1948</html>

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.