@import url(https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css);

.fa-facebook, .fa-instagram, .fa-linkedin, .fa-envelope-o {
	color: white;
	font-size: 2.3em;
	padding: 5px;
	}






/* .bg-overlay,*/
body {
	background-color: #000000;
	height: 100%
} 
* {
	text-shadow: 0px 0px 9px rgba(0, 0, 9, 1);
	}

.bckGrndRtt {
	background-image:url('./img/home/PaoloSantamaria.jpeg');
	transition: background 0.6s ease-in-out;
	}

.bg-overlay {
	width: 100%;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 1;
	opacity: 0
	}

.bg-overlay,
.bg-overlay.active {
	transition: all .35s cubic-bezier(.23, 1, .32, 1)
	}

.bg-overlay.active {
	opacity: .9;
	background: url('../img/brokenmirror.png') no-repeat center center fixed;
	background-size: cover;
	overflow: hidden;
	filter: blur(2px);
	position: absolute;
	height: 100%;
	/* top: -50px;
	left: -50px;
	right: -50px;
	bottom: -50px; */
	}

.bg-overlay.active::before {
	background-color: rgba(1, 40, 85, 0.733);
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	width: 100%;
	}


.main {
	width: 100%;
	height: 100%
	}

dd, li, p {
	line-height: 1.5em
	}

::-moz-selection {
	background-color: #ddd
	}

::selection {
	background-color: #ddd
	}

::-webkit-input-placeholder {
	color: #ebebeb
	}

:-moz-placeholder, ::-moz-placeholder {
	color: #ebebeb
	}

:-ms-input-placeholder {
	color: #ebebeb
	}

h1 {
	line-height: 60px
	}

h1, h2 {
	font-size: 3.125em
	}

h2 {
	line-height: 55px;
	font-family: 'Montserrat', sans-serif;
	font-weight: lighter
	}

h3 {
	font-size: 1.25em;
	line-height: 30px;
	font-family: 'Montserrat', sans-serif;
	font-weight: lighter
	}

h4 {
	font-size: 1.25em;
	line-height: 30px
	}

h5 {
	font-size: 1.125em;
	line-height: 26px
	}

h6 {
	font-size: 1em;
	line-height: 24px
	}

p {
	font-size: 1.5625em;
	line-height: 35px;
	color: #fff
	}







.avboldup {
	font-size: 14px;
	line-height: 14px;
	letter-spacing: .5px;
	font-family: 'Montserrat', sans-serif;
	font-weight: lighter;
	text-transform: uppercase
	}


a, a:link, a:visited {
	text-decoration: none;
	color: #fff;
	transition: all .35s cubic-bezier(.23, 1, .32, 1)
	}

a:active, a:hover {
	text-decoration: none;
	color: lightsteelblue;
	}


blockquote {
	font-size: 2.1875em;
	line-height: 45px;
	text-align: center;
	color: #fff
	}

img, video {
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: block
	}

figcaption {
	font-size: 85%
	}

ol, ul {
	list-style: none
	}

header {
	/* border: solid 3px red; */
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 300;
	
	
	display: flex;
	justify-content: space-between;
	padding: 1vh 2vw;
	}

header ul li {
	display: inline-block;
	vertical-align: middle
	}





	.language {
		/* border: solid 3px blue; */
		vertical-align: middle;
		margin: auto 0;
		/* margin-top: 17px; */
		/* margin-left: 2vh; */
		/* border: solid 3px red; */
		/* left: 0;  */
		/* position: absolute; */
		}












/* --------------------------------- MAIN NAV ------------------------------------- */

header .main-nav {
	float: left;
	padding: 30px;
	/* border: solid 3px red; */
	}


@media (max-width:568px) {
	header .main-nav {
		padding: 14px 0 20px 16px
		}
	}

header .main-nav ul li {
	margin-right: 10px
	}

header .main-nav ul li.active a {
	opacity: 1 !important
	}

header .main-nav ul li.active a .text:after {
	width: 100%
	}

header .main-nav ul li.active .icon-close {
	opacity: 1 !important
	}

header .main-nav ul li a {
	position: relative
	}

header .main-nav ul li a .text {
	display: inline-block;
	position: relative
	}

header .main-nav ul li a .text.long {
	display: inline-block
	}

header .main-nav ul li a .text.short {
	display: none
	}

header .main-nav ul li a .text:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -5px;
	width: 0;
	height: 2px;
	background-color: #fff;
	transition: all .35s cubic-bezier(.23, 1, .32, 1)
	}

header .main-nav ul li a:hover .text:after {
	background-color: #005173
	}



header .main-nav ul li a:hover .icon-close {
	color: #005173
	}

header .main-nav ul li .icon-close {
	font-size: 12px;
	margin-left: 4px;
	vertical-align: baseline;
	opacity: 0;
	transition: opacity .35s cubic-bezier(.23, 1, .32, 1)
	}


/* --------------------------------- MAIN NAV END------------------------------------- */



































/* header .social-nav { */
	/* float: right; */
	/* padding: 30px; */
	/* border: solid 3px yellow; */
	/* } */

/* @media (max-width:568px) { */
	/* header .social-nav { */
		/* padding: 15px 16px 20px 0 */
		/* } */
	/* } */












.home-wrap {
	width: 100%;
	height: 100%;
	text-align: center;
	position: relative;
	opacity: 0;
	overflow: hidden;
	z-index:10;
	}

.home-wrap, .home-wrap.open {
	transition: all .35s cubic-bezier(.23, 1, .32, 1)
	}   

.home-wrap.open {
	/* overflow-y: auto; */
	overflow: hidden;
	opacity: 1
	}

.home-wrap .inner-wrapper {
	width: 100%;
	height: 100%;
	display: table;
	border: solid var(--bordi) red; 
	}

/*👉.home-wrap .content-wrap {
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	padding: 100px 25px;
	➡ border: solid 3px red; ⬅
	height: 100vh;
	}👈*/




.home-wrap svg {
	height: 100%;
	width: auto;
	}



.home-wrap h1.animated {
	opacity: 1
	}

	.home-wrap h2.animated {
		opacity: 1
		}
	




.home-wrap .content-wrap {
	width: 100%;
	/* display: table-cell; */
	/* vertical-align: middle; */
	/* padding: 100px 25px; */
	/* height: 100vh; */
	
	/* border: solid 3px red; */
	}

.home-wrap h1 {
	/* height: 250px; */
	/* margin-top: 30px; */
	/* margin-bottom:25vh; */
	
	align-content: center;
	text-align: center;
	/* font-size:3em; */
	line-height: 1em;
	opacity: 0;
	transition: all .7s cubic-bezier(.35, 1, .32, 1);
	/* border: solid 3px blue; */
	}

.home-wrap h2 {
	opacity: 0;
	bottom: 0px;
	font-family: 'Montserrat', sans-serif;
	font-weight: lighter;
	/* font-size: 1.5em; */
	line-height: 1em;
	transition: all .7s cubic-bezier(.35, 1, .32, 1);
	/* border: solid 3px blue; */
	/* width: 100%; */
	}



/*👉
	@media (max-width:900px) {
		.home-wrap h1 {
			➡ margin-top: 5vh; ⬅
			
			font-size:3em;
			line-height: 1em;
			}
		
		.home-wrap h2 {
			➡ margin-top: 15vh; ⬅
			bottom: 0px;
			font-size: 1.5em;
			line-height: 1em;
			}
	}
	
	@media (max-width:470px) {
		.home-wrap h1 {
			➡ margin-top: 5vh; ⬅
			
			font-size:2em;
			line-height: 1em;
			}
		
		.home-wrap h2 {
			➡ margin-top: 25vh; ⬅
			bottom: 0px;
			font-size: 1em;
			line-height: 1em;
			}
		
	}👈*/



























@media (min-width:0px) {
	
	.home-wrap .content-wrap {
		margin-top: 45vh;
		padding: 0 5vw;
		}
	
/*👉	.social-nav { 
		border: solid 3px blue; 
		} 👈*/
	
		.social-nav ul li {
			margin-left: 6px;
			vertical-align: middle;
			display: inline-block
			}
		
		.social-nav ul li [class*=" icon-"],
		.social-nav ul li [class^=icon-] {
			font-size: 17px
			}
		
		.social-nav ul li .icon-snapchat {
			margin: 0 2px;
			font-size: 20px
			}
		
		.social-nav ul li .icon-instagram {
			margin-top: 3px
			}
		
		.social-nav ul li .icon-email {
			font-size: 14px
			}
		
		.social-nav ul li .icon-twitter {
			font-size: 16px
			}
	
	.LogoMusex {
		max-width: 300px;
		filter: drop-shadow(2.5px 2.5px 5px #00000099);
		padding: 0 5vw 0 5vw;
		}
	
	.home-wrap h1 {
		font-size:1.6em;
		margin-top: 3vh;
		}
	
	.home-wrap h2 {
		font-size: 1.125em;
		margin-top: 10vh;
		}
	
	.social-nav li:nth-child(1){	font-size:16pt; margin-right:5px;  }
	.social-nav li:nth-child(2){	font-size:16pt; margin-right:5px;  }
	.social-nav li:nth-child(3){	font-size:8pt; margin-right:5px;  }
	.social-nav li:nth-child(4){	font-size:8pt; margin-right:5px;  }
	.social-nav li:nth-child(5){	font-size:8pt; margin-right:0px;  }
	}



@media (min-width:370px) {
		
/*👉		.social-nav { 
			border: solid 3px red; 
			} 👈*/
	
		.social-nav ul li {
			margin-left: 12px;
			vertical-align: middle;
			display: inline-block
			}
		
		.social-nav ul li [class*=" icon-"],
		.social-nav ul li [class^=icon-] {
			font-size: 17px
			}
		
		.social-nav ul li .icon-snapchat {
			margin: 0 2px;
			font-size: 20px
			}
		
		.social-nav ul li .icon-instagram {
			margin-top: 3px
			}
		
		.social-nav ul li .icon-email {
			font-size: 14px
			}
		
		.social-nav ul li .icon-twitter {
			font-size: 16px
			}
	}



@media (min-width:569px) {
	.home-wrap .content-wrap {
		padding: 0 10vw;
		}
	
/*👉		.social-nav { 
			border: solid 3px red; 
			} 👈*/
	
		.social-nav ul li {
			margin-left: 12px;
			vertical-align: middle;
			display: inline-block
			}
		
		.social-nav ul li [class*=" icon-"],
		.social-nav ul li [class^=icon-] {
			font-size: 17px
			}
		
		.social-nav ul li .icon-snapchat {
			margin: 0 2px;
			font-size: 20px
			}
		
		.social-nav ul li .icon-instagram {
			margin-top: 3px
			}
		
		.social-nav ul li .icon-email {
			font-size: 14px
			}
		
		.social-nav ul li .icon-twitter {
			font-size: 16px
			}
	
	
	.home-wrap h1 {
		font-size:2em;
		margin-top: 3vh;
		}
	
	/* .social-nav { */
		/* position: absolute; */
		/* bottom:0; */
		/* border: solid 3px blue; */
		/*👉padding: 15px 16px 20px 0;👈*/
		/* } */
	
	.social-nav li:nth-child(1){	font-size:16pt; margin-right:5px;  }
	.social-nav li:nth-child(2){	font-size:16pt; margin-right:5px;  }
	.social-nav li:nth-child(3){	font-size:8pt; margin-right:5px;  }
	.social-nav li:nth-child(4){	font-size:8pt; margin-right:5px;  }
	.social-nav li:nth-child(5){	font-size:8pt; margin-right:0px;  }
	
	}

@media (min-width:700px) {
	
	.home-wrap .content-wrap {
		margin-top: 44vh;
		padding: 0 5vw;
		}
	
	.LogoMusex {
		max-width: 430px;
		filter: drop-shadow(2.5px 2.5px 5px #00000099);
		padding: 0 5vw 0 5vw;
		}
	
	.home-wrap h1 {
		margin-top: 5vh;
		font-size:2.2em;
		}
	
	.social-nav li:nth-child(1){	font-size:25pt; margin-right:7px;  }
	.social-nav li:nth-child(2){	font-size:25pt; margin-right:7px;  }
	.social-nav li:nth-child(3){	font-size:11pt; margin-right:5px;  }
	.social-nav li:nth-child(4){	font-size:11pt; margin-right:5px;  }
	.social-nav li:nth-child(5){	font-size:12pt; margin-right:0px;  }
	
	}

@media (min-width:900px) {
	
	.home-wrap .content-wrap {
		margin-top: 42.5vh;
		padding: 0 5vw;
		}
	
	.LogoMusex {
		max-width: 530px;
		filter: drop-shadow(2.5px 2.5px 5px #00000099);
		padding: 0 5vw 0 5vw;
		}
	
	.home-wrap h1 {
		margin-top: 5vh;
		font-size: 2.3em;
		}
	
	}


									/* ? BIO WRAP?*/
									/* ? BIO WRAP?*/
									/* ? BIO WRAP?*/
									/* ? BIO WRAP?*/
									/* ? BIO WRAP?*/
									/* ? BIO WRAP?*/
									/* ? BIO WRAP?*/



.bio-wrap {
	width: 0;
	height: calc(100% - 40px);
	top: 40px;
	left: 100%;
	position: absolute;
	z-index: 2;
	overflow: hidden;
	transition: all .35s cubic-bezier(.23, 1, .32, 1);
	text-align: center;
	/* border: solid 3px yellow; */
	}



.bio-wrap.open {
	left: 0;
	width: 100%
	}



.bio-wrap .timeline-desc {                        /* ! CONTENITORE DESCRIZIONI*/
	width: 100%;
	/* height: 100%; */
	border: solid var(--bordi) white;
	/* border: solid 3px white; */
}
/* .bio-wrap .timeline-desc .slides { */
	/* width: 100%; */
	/* height: 100%; */
	/* border: solid var(--bordi) cyan; */
	/* } */

.bio-wrap .timeline-desc .slide {                 /* ! SINGOLE SLIDE*/
	/* width: 100%; */
	height: 70vh;
	position: absolute;
	/* top: 0; */
	/* left: 100%; */
	/* padding-bottom: 50px; */
	border: solid var(--bordi) green;
	z-index: 1001;
}


/* .bio-wrap .timeline-desc .slide:first-child { */
	/* left: 0 */
/* } */

.bio-wrap .timeline-desc .slide .inner-wrapper {
	/* width: 100%; */
	height: 100%;
	display: table;
	border: solid var(--bordi) violet;
}

.bio-wrap .timeline-desc .slide .AllineaVert {
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	border: solid var(--bordi) black;
}

.bio-wrap .timeline-desc .slide .desc {
	max-width: 70vw;
	margin: 0 auto;
	border: solid var(--bordi) yellow;
}
.bio-wrap .timeline-desc .slide .desc h1 {
	font-size: 2.2em;
	text-decoration: underline;
	border: solid var(--bordi) white;
}
.bio-wrap .timeline-desc .slide .desc p {
	font-size: 1em;
	line-height: 1.2em;
	border: solid var(--bordi) white;
}
.bio-wrap .timeline-desc .slide .desc p b {
	font-size: 1em;
	line-height: 1.2em;
	font-weight: 1000;
	border: solid var(--bordi) white;
}



/* .pippo div {
	color: white;
	border: solid var(--bordi) purple;
} */

.sfumatura {                               /* !  SFUMATURA SOPRA E SOTTO DIV CHE SCROLLA */
	width: 100%;
	height: 85vh;
	max-width: 100%;
	padding-right: 15px;
	/* font-size: 12px; */
	-webkit-mask-image: radial-gradient(ellipse 500% 95% at 50% 50%, black 45%, transparent 50%);
	mask-image: radial-gradient(ellipse 500% 95% at 50% 50%, black 45%, transparent 50%);
	border: solid var(--bordi) fuchsia;
	z-index: 3000;
}




/* .pippo >* {
	color: transparent;
} */



.bio-wrap .timeline-desc .slide p+p {
	margin-top: 10px
}

.bio-wrap .timeline-desc .slide p+h1 {
	margin-top: 25px
}

.bio-wrap .helper {
	position: absolute;
	left: 50%;
	margin-left: -70px;
	width: 140px
}

.bio-wrap .helper span {
	display: inline-block;
	vertical-align: middle;
	margin: 0 3px;
	color: #97c7d8
}

.bio-wrap .helper.scroll-helper {
	bottom: 200px;
	opacity: .85
}



.bio-wrap .helper.leap-helper {
	position: fixed;
	bottom: 50px;
	cursor: pointer;
	transition: all .35s cubic-bezier(.23, 1, .32, 1)
}

.bio-wrap .helper.leap-helper:hover span {
	color: #007fb6;
}

.bio-wrap .helper.leap-helper.inactive {
	opacity: 0
}

.bio-wrap .helper.leap-helper span {
	color: #fff
}










									/* ? TIMELINE */ 
									/* ? TIMELINE */
									/* ? TIMELINE */
									/* ? TIMELINE */
									/* ? TIMELINE */
									/* ? TIMELINE */

.bio-wrap.open .timeline {
	left: 0;
	border: solid var(--bordi) red;
	z-index: 4000;
}

.bio-wrap .timeline {
	width: 100%;
	height: 150px;
	position: fixed;
	left: 100%;
	bottom: 0px;                            /* ! POSIZIONE DAL BASSO DELLA TIMELINE*/
	overflow: hidden;
	transition: all .5s cubic-bezier(.23, 1, .32, 1);
	background-color: #0e1114ac;
	border: solid var(--bordi) violet;
}

.bio-wrap .timeline .line-wrapper {          /* ! WRAPPER TIMELINE */
	position: absolute;
	top: 36px;
	left: 50%;
	
	width:    100%;
	
	padding-right: 50%;
	
	
	border: solid var(--bordi) orange;
}

.bio-wrap .timeline .line {                  /* ! LINEA */
	width: 100%;
	height: 3px;
	background-color: #97c7d8;
	/* border: solid var(--bordi) yellow; 	 */
}

.bio-wrap .timeline .line .progress {             /* ! LINEA  PROGRESSO*/
	
	width: 0;                                    /* ! Larghezza calcolata INLINE: app.min.dar.js line ?? */ 
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #fff
}

.bio-wrap .timeline h4 {                          /* ! ANNO */
	font-family: 'Montserrat', sans-serif;
	font-weight: lighter;
	font-size: 1.5625em;
	line-height: 25px;
	color: #97c7d8;
	transition: all .35s cubic-bezier(.23, 1, .32, 1)
}

.bio-wrap .timeline .year-dot {                   /* ! BULLETT ANNI */
	border-radius: 50px;
	width: 15px;
	height: 15px;
	background-color: #97c7d8;
	display: block;
	margin: 0 auto 20px;                          /* ! distanza scritta sotto al bullett: T L&R B*/
	transition: all .35s cubic-bezier(.23, 1, .32, 1)
}

.bio-wrap .timeline .slide {                      /* ! CONTENITORE ANNI */
	position: absolute;
	top: 0px;                                    /* ! Posizione */
	left: 110%;
	height: 80px;                                /* ! altezza */
	
	
	--largContAnni: 100px;
	width: var(--largContAnni);                        /* ! Larghezza calcolata INLINE: app.min.dar.js line 48 */ 
	margin-left: calc(-1 * (var(--largContAnni) / 2));     /* ! GENIALATA sposta i margine sinistro: numero negativo (* -1) */
	text-align: center;
	cursor: pointer;
	padding-top: 30px;                           /* ! sposta i bullett rispetto alla linea - Padding sopra*/
	border: solid var(--bordi) red;
	
}



.bio-wrap .timeline .slide.active h4,             /* ! COLORE TESTO BULLETT*/
.bio-wrap .timeline .slide:hover h4 {
	color: rgb(255, 255, 255)
}

.bio-wrap .timeline .slide.active .year-dot,      /* ! COLORE BULLETT*/
.bio-wrap .timeline .slide:hover .year-dot {
	background-color: rgb(255, 255, 255)
}
















.press-wrap {
	width: 100%;
	height: 0;
	top: 100%;
	left: 0;
	position: absolute;
	z-index: 2;
	overflow: hidden;
	transition: all .5s cubic-bezier(.23, 1, .32, 1);
	text-align: center
	}

.press-wrap.open {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	top: 0;
	height: 100%
	}

.press-wrap .inner-wrapper {
	width: 100%;
	position: relative;
	top: 0;
	padding-top: 220px
	}

.press-wrap h2 {
	margin-bottom: 120px
	}

.press-wrap h3 {
	font-family: 'Montserrat', sans-serif;
	font-weight: lighter;
	font-size: 1.25em;
	line-height: 25px;
	height: 80px
}

.press-wrap p {
	font-size: 1em;
	line-height: 22px;
	margin-top: 20px
	}

.press-wrap .align-wrap {
	width: 100%;
	height: 100%;
	display: table
	}

.press-wrap .align {
	width: 100%;
	display: table-cell;
	vertical-align: middle
	}

.press-wrap .awards-desc,
.press-wrap .press-desc {
	max-width: 900px;
	margin: 0 auto 80px
	}

.press-wrap .awards-desc .adesc,
.press-wrap .awards-desc .pdesc,
.press-wrap .press-desc .adesc,
.press-wrap .press-desc .pdesc {
	width: 200px;
	display: inline-block;
	vertical-align: top;
	padding: 0 10px 50px
	}

.press-wrap .awards-desc .aimage,
.press-wrap .awards-desc .pimage,
.press-wrap .press-desc .aimage,
.press-wrap .press-desc .pimage {
	width: 100%;
	height: 80px
	}

.press-wrap .awards-desc img,
.press-wrap .press-desc img {
	width: auto;
	max-width: 125px;
	max-height: 70px;
	margin: 0 auto
}



f


.video-container {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	z-index: 1;
  }


  .video-container video {
	/*👉min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	background: transparent url("http://127.0.0.1:5500/_SECTION/spinner.gif") no-repeat 50% 30% !important;
	background-size: 70px !important;👈*/
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
  }






/* --------------------------- BACKGROUND ANIMATION SLIDESHOW -------------------------------------- */


.fadein-on-page-load {
	-webkit-animation: fadeinOnPageLoad 2s;
	animation: fadeinOnPageLoad 2s;
    }
  @-webkit-keyframes fadeinOnPageLoad {
	from { opacity: 0; }
	to { opacity: 1; }
    }
  @keyframes fadeinOnPageLoad {
	from { opacity: 0; }
	to { opacity: 1; }
    }
  .fixed-background-image {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
    }
  

  @keyframes crossFade {
	0% {  opacity: 1; }
	33% {  opacity: 1; }
	38% {  opacity: 0; }
	95% {  opacity: 0; }
	100% {  opacity: 1; }
    }

    

  .crossfade-wrapper div:nth-of-type(1) {
	background-image: url('../img/home/03.jpg');
	-webkit-animation-delay: 22s;
	animation-delay: 22s;
    }
  .crossfade-wrapper div:nth-of-type(2) {
	background-image: url('../img/home/02.jpg');
	-webkit-animation-delay: 11s;
	animation-delay: 11s;
    }
  .crossfade-wrapper div:nth-of-type(3) {
	background-image: url('../img/home/01.jpg');
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
    }
  .crossfade-animation {
	-webkit-animation: crossFade 33s infinite;
	animation: crossFade 33s infinite;
    }


	/* http://lorempixel.com/1200/800/cats/4/ */
  
/* --------------------------- BACKGROUND ANIMATION SLIDESHOW -------------------------------------- */















@media (max-width:767px) {
	
	h2 { font-size: 2.5em;  line-height: 45px }
	h3 { font-size: 1em;  line-height: 22px }
	h4 { font-size: 1em;  line-height: 22px }
	h5 { font-size: 1em;  line-height: 22px	}
	p { font-size: 1.125em;  line-height: 26px }
	
	a:active, a:hxover {	color: #fff	}
	
	
	.avboldup {	font-size: .8125em; 	line-height: 13px; 	/*background-color: #0a9621bb;*/ }
	
	
	
	header .main-nav ul li .icon-close { font-size: 11px }
	header .main-nav ul li a:hover .text:after { background-color: #fff	}
	header .main-nav ul li a:hover .icon-close { color: #fff }
	
	
	
	header .main-nav { padding: 14px 0 20px 20px }
	
	header .main-nav ul li { margin-right: 25px }
	
	header .main-nav ul li a .text.long { display: none	}
	header .main-nav ul li a .text.short { display: inline-block }
	
	/* header .social-nav { padding: 15px 0px 20px 0; margin-right: 2vh;} */
	
	
	
	.home-wrap h2 {	/* line-height: 24px; */ padding: 0 20px }
	
	
	
	.bio-wrap .timeline-desc .slide .desc {	max-width: 100vw; padding: 0 25px }
	
	.bio-wrap .timeline { bottom: 0px;	} /*posizione dal basso della linea degli anni*/
	
	.bio-wrap .timeline h4 { font-size: 22px; line-height: 22px	} /* font ANNI */
	
	.bio-wrap .helper.leap-helper {	bottom: 20px } /* BOH? */
	
	.bio-wrap .helper.scroll-helper { bottom: 170px	} /* BOH? */
	
	
	
	.bio-wrap .timeline .slide {                      /* ! CONTENITORE ANNI */
		left: 110%;
		height: 80px;                                /* ! altezza */
		
		--largContAnni: 100px;
		width: var(--largContAnni);                        /* ! Larghezza calcolata INLINE: app.min.dar.js line 48 */ 
		margin-left: calc(-1 * (var(--largContAnni) / 2));     /* ! GENIALATA sposta i margine sinistro: numero negativo (* -1) */
		text-align: center;
		padding-top: 30px;                           /* ! sposta i bullett rispetto alla linea - Padding sopra*/
		/* border: solid 3px red; */
		}
	
	

	
	
	}




/*👉.firstlinePayoff{
	margin-top: 11vh;
	}


.secondlinePayoff{
	
	}👈*/