@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap');

:root { 
	--colore: #1e231e;
	--coloreFacebook: #0866ff;
	--coloreFacebookselezionato: rgba(8,102,255,.3);
	--coloreSelezionato: rgba(255,255,255,.3);
	--sfondo: #0866ff;
}

.rosso{
	color: var(--colore);
}

/* RESET */
html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,
dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,h2,h3,h4,h5,h6,pre,form,
fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td
{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body{line-height:1;color:black;background:white;}
:focus{outline:0;}
table{border-collapse:collapse;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
abbr,acronym{border:0;}

.ui-loader{
	display:none!important;
}

.fjalla{
	font-family: 'Fjalla One', sans-serif;
}

.futura-fp{
	font-family: futura-pt, sans-serif;
}

.roboto{
	font-family: roboto, sans-serif;
}

::-webkit-scrollbar {
    width: 8px;
	background-color: rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-thumb {
    height: 15px;
    border: 2px solid rgba(0, 0, 0, 0.0);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    background-clip: padding-box;
    background-color: rgba(0, 0, 0, 1);
}

/* IMPORT FONTS AND JQUERY END */

/* GENERAL START */

.l24-float-right.nascosto{
	display: block!important;
}

html,
body {
	margin: 0;
	padding: 0;

    /* Adjust font size */
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    /* Font varient */
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    /* Smoothing */
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px
	}

body {
    -webkit-tap-highlight-color: none;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
	background: #fff8f0;
	text-align: left;
	color: var(--colore);
	
	font-family: futura-pt, sans-serif;
	font-style: normal;
	font-weight: 400;
	
	position: relative;
	}

body.hidden {
    visibility: hidden;
}
body,
body > div {
    /*fix ui mobile on ipad*/
    /* width: 100% !important;*/
    /* height: auto !important; */
	}

div {
	position: relative;
}


body,
input {
    font-size: 14px;
    /*background:none transparent;*/
}

body.wait, body.wait *{
 cursor: wait;
}

  body.wsRadioSkin,
  body.backgroundAdv {
    background-size: 2290px !important;
  }

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

div:focus{
	outline:none;
}
[contenteditable]:focus {
    outline: 0px solid transparent;
}
[contenteditable],.l24MenuBase {
	color: #FFF;
    font-size: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: left;
}
html{scroll-behavior:smooth}
.bodyNoScroll{
	overflow:hidden;
	height: 100%;
}

.ui-body-c,.ui-body-c input,.ui-body-c select,.ui-body-c textarea,.ui-body-c button {
    font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-style: normal;}

.ui-body-c, .ui-dialog.ui-overlay-c {
    text-shadow: 0 0px 0 white;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

#contieni a {
    color: inherit!important;
    text-decoration: none;
    font-weight: inherit!important;
	-webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;
}

#wrapper a:hover{
	opacity: .7;
}

.nascosto{
	display: none!important;
	}

.invisibile{
	visibility: hidden;
}


.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}


hr.ISstyle1{
	position: relative;
	float: left;
	display: block;
	margin: 30px 0;
	width: 100%;
	border: 0;
	background-color: #cebcb3;
	height: 1px;
}
hr.ISstyle2{
	position: relative;
	float: left;
	display: block;
	margin: 8px 0;
	width: 100%;
	border: 0;
	background-color: #cebcb3;
	height: 1px;
}
/* COMBOBOX */


#l24stoCaricando{
    position: fixed;
    width: auto;
    height: auto;
    padding: 10px;
    background-color: #3d2410;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 999999;
	display: none;
	}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

ul li{
	font-size: 16px;
	}

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}


#contieni{
	width: 100%;
    margin: 0 auto 0 auto;
	margin-top: 65px;
}

.contieni-largo {
	text-align: center;
	position: relative;
/*	float: left; */
	color:#1d1d1b;
	width: 100%;
	margin: 0 auto;
}

#pubblicita-vera {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f6efe8;
	overflow: hidden;
	position: relative;
	height: 0;
}

#pubblicita-vera>div{
	position: absolute;
}

#div-gpt-ad-MaxTicker div {
	margin: 10px 0;
}

.sfondoTrasparente{
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 1%, rgba(0,0,0,0) 43%, rgba(0,0,0,0.42) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 1%,rgba(0,0,0,0) 43%,rgba(0,0,0,0.42) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 1%,rgba(0,0,0,0) 43%,rgba(0,0,0,0.42) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#6b000000',GradientType=0 );
	}

#wrapper{
	background: none !important;
	overflow-x:hidden;
	overflow-y: hidden;
}

.allineaSx{
	float: left;
	}
.allineaDx{
	float: right;
	}

.blocco, .bloccoIntro{
	position:relative;
	float:left;
	width:100%;
	}

.centrato{
	text-align: center;
	}

.animato{ -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}

div {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

/************************************************************* elementi servizio */

.blocco-cnt{
	display: flex;
	justify-content: center;
	flex-direction: row;
}

.flex-colonna{
	flex-direction: column;
	align-content: center;
	height: 100%;
}

.sposta-destra{
	padding-left: 10%;
}

.elemento-33{
	width: 33.33%;
}

.elemento-66{
	width: 66.34%;
}

.elemento-50{
	width: 50%;
}

.spazio-sopra-grande{
	margin-top: 60px;
}

.spazio-sopra{
	margin-top: 30px;
}

.spazio-sopra-mini{
	margin-top:10px;
}

.spazio.sotto{
	margin-bottom: 30px;
}

.spazio.sotto-mini{
	margin-bottom: 10px;
}

.bottone {	
	border: 1px solid;
    padding: 10px;
    float: left;
    -moz-box-shadow: 3px 3px 0 0 var(--rosso);
    -webkit-box-shadow: 3px 3px 0 0 var(--rosso);
    box-shadow: 3px 3px 0 0 var(--rosso);
    cursor: pointer;
    font-size: 20px;
    margin-bottom: 20px;
}

.bottone:hover {
	-moz-box-shadow:    1px 1px 0 0 var(--rosso);
	-webkit-box-shadow: 1px 1px 0 0 var(--rosso);
	box-shadow:         1px 1px 0 0 var(--rosso);
	margin-left: 2px;
	opacity: .7;
}

.dividi{
	width: 20px;
}

.dividi.filo-verticale{
	width: 14px;
	border-left: 1px solid;
	border-color: var(--rosso);
	margin-left: 5px;
}

.dividi.filo-verticale-eq{
	width: 12px;
	border-left: 1px solid;
	border-color: var(--rosso);
	margin-left: 12px;
}

.alto-basso{
	display: flex;
    flex-direction: column;
	justify-content: space-between;
}

.fili-spalla{
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: var(--rosso);
	padding: 0 12px 0 12px;
}

.sfondo-virgolette{
	background-image: url("../img/svg/virgolette.svg");
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: 70px;
	height: 70px;
}

/************************************************************* intro */

div{
	position: relative;
}

.blocco-flex{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
	background-color: var(--sfondo);
	color:#fff;
	min-height: calc(100vh - 65px);
}

 .typo {
	 position: relative;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 text-align: center;
	 height: 60vh;
	 font-family: futura-pt, sans-serif;
}
 .typo h1 {
	 font-size: 10vw;
}
 .typo h1 .char {
	 font-variation-settings: "wght" 400, "wdth" var(--wdth);
}
 .typo h1 .char:nth-child(1) {
	 --wdth: 100;
}
 .typo h1 .char:nth-child(2) {
	 --wdth: 100;
}

.titolo-apertura{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	height: 60vh;
}

h1{
	font-family: futura-pt, sans-serif;
    font-size: 130px;
    line-height: 180px;
}

.blocco-flex{
	height: 130vh;
}

.blocco-flex .sommario{
    font-size: 2.5vw;
    line-height: 1.5;
    width: 80vw;
    margin-bottom: 6vw;
	text-align: center;
}


.sommario-blocco{
	clip-path: inset(0px 0px 100% 1px);
	-webkit-clip-path: inset(0px 0px 100% 1px);
}

.blocco-flex p + p{
	margin-top: 2vw;
}

/************************************************************* copertina */
.copertina{
	position: relative;
	width: 100%;
	/* height: 200vh; */
	overflow-y: hidden;
}

.copertina-immagine{
	display: flex;
	justify-content: center;
	align-items: center;
}

.copertina-immagine img{
	width: 100%;
}

.copertina.bianco{
	background-color: white;
	color: var(--coloreFacebook);
}
.capitolo.bianco{
	background-color: white;
}
.bianco {
	color: var(--coloreFacebook);
}
.bianco .menu-capitolo-numero.menu-capitolo-selezionato {
    background-color: var(--coloreFacebook);
	color: white;
}

.copertina.blu{
	background-color: var(--coloreFacebook);
	color: white;
}
.capitolo.blu{
	background-color: var(--coloreFacebook);
}
.blu {
	color: white;
}
.blu .menu-capitolo-numero.menu-capitolo-selezionato {
    color: var(--coloreFacebook);
	background-color: white;
}


.copertina-cnt{
    padding: 30vh 0 15vh 0; 
    position: relative;
}
.copertina-flex > div:nth-child(1) {
	padding-left: 60px;
}

.menu-capitolo{
    display: flex;
    font-size: 2.5vw;
    margin-bottom: 10px;
}

.menu-capitolo-titolo{

}

.menu-capitolo-numero{
	display: flex;
    justify-content: center;
    align-items: center;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
    width: 2.85vw;
    height: 2.85vw;
    margin-left: .4vw;
	font-size: 2.4vw;
	-webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;
}

.bianco .menu-capitolo-numero{
	border: 1px solid var(--sfondo);
}
.blu .menu-capitolo-numero{
	border: 1px solid white;
}

.menu-capitolo-numero:first-of-type{
	padding-right: .2vw;
}

.menu-capitolo-numero:not(.menu-capitolo-selezionato):hover{
	cursor: pointer;
	transform: scale(1.1,1.1);
	-webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;
}
.blu .menu-capitolo-numero:not(.menu-capitolo-selezionato):hover{
	background-color: var(--coloreSelezionato);
}
.bianco .menu-capitolo-numero:not(.menu-capitolo-selezionato):hover{
	background-color: var(--coloreFacebookselezionato);
}

.copertina-titolo{
	font-family: futura-pt, sans-serif;
	font-weight: 700;
    font-size: 7vw;
    width: 100%;
}

.copertina-sommario{
    font-size: 2vw;
    margin-top: 2.5vw;
    line-height: 1.5;
}
.blocco-flex .firma{
    font-size: 2vw;
    line-height: 1.5;
    width: 80vw;
    margin-bottom: 12vw;
	text-align: center;
}



.copertina-sommario + .copertina-immagine{
	margin-top: 50px;
}

.copertina-animazione{
	position: absolute;
	width: 100%;
	height: 100vh;
	z-index: 1;
}

.copertina-wrp{
	width: 100%;
	/* min-height: 100vh; */
	z-index: 2;
}

.animazione-cover{
	position:absolute;
	width: 100%;
	height: 100%;
	top:25%;
}


/************************************************************* capitolo */
.capitolo,.capitolo-minuto {
	padding: 0 123px 5vw 60px;
	width: 100%;
}

.capitolo-minuto{	
	padding-bottom: 0!important;
}

.capitolo-cnt{
	position: relative;	
	display:flex;
	justify-content:flex-end;
}

.anno-pin-prime, .anno-pin-seconde, .minuto-secondi div{
	font-size: 18vw;
    font-family: futura-pt, sans-serif;
    font-weight: 400;
}
.capitolo-colonna{
	display: flex;
	flex-direction: column;
	width: calc(80vw - 183px);
}
	
.capitolo-anno{
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
}

.capitolo-anno + .capitolo-anno{
	margin-top: 5.5vw;
}


.capitolo-cnt + .capitolo-cnt{
	margin-top: 5.5vw;
}

.blu .filo-sopra,
.blu .capitolo-anno + .capitolo-anno,
.blu .capitolo-cnt + .capitolo-cnt .capitolo-anno,
.blu .oggetto-max + .capitolo-cnt .capitolo-anno,
.blu .oggetto-max + .capitolo-cnt .capitolo-anno{
	border-top: 1px solid white;
}

.bianco .filo-sopra,
.bianco .capitolo-anno + .capitolo-anno,
.bianco .capitolo-cnt + .capitolo-cnt .capitolo-anno,
.bianco .oggetto-max + .capitolo-cnt .capitolo-anno,
.bianco .oggetto-max + .capitolo-cnt .capitolo-anno{
	border-top: 1px solid var(--coloreFacebook);
}

.bordo-altobasso{
	margin: 5.5vw 0;
}


.oggetto-max img{
	width: calc(100% - 2vw);
}

.dida{
    margin-top: .5vw;
    font-size: 1.5vw;
    line-height: 1.5;
    opacity: .5;
}

.oggetto-max{
	text-align: right;
}

.oggetto-max iframe{
	width: 100%;
	height: 37vw;
	margin-top: 2vw;
}

.oggetto-min iframe{
	width: 100%;
	height: 26vw;
	margin-top: 2vw;
}

.capitolo-anno-cnt{
	display: flex;
	justify-content:space-between;
}
.capitolo-anno-cnt + .oggetto-max{
	margin-top: 3.5vw;
}

.capitolo-testo-cnt{
    width: 65%;
}


.capitolo-titolo{
    font-size: 3.2vw;
    font-weight: 600;
    margin: 2.5vw 1vw 2.2vw 0;
}

.capitolo-testo, .oggetto-min{
	font-size: 2vw;
	line-height: 1.5;
	margin-left: 7vw;
}

.capitolo-testo{
	min-height: 9vw;
}

.oggetto-min + .capitolo-testo , .oggetto-medio + .capitolo-testo,
.capitolo-testo + .oggetto-min , .capitolo-testo + .oggetto-medio {
	margin-top: 2.5vw;	
}

.minuto-testo{
	display: flex;
	flex-direction: column;
	/* margin-left: 5vw; */
	width: 60%;
	align-items: flex-end;
}

.minuto-titolino{
	font-weight: 700;
	font-size: 3.2vw;
	margin: 4vw 0;
}

.minuto-secondi{
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.minuto-sommario{
	font-size: 2vw;
	line-height: 1.5;
	margin-bottom: 5vw;
	width: 85%;
}

.minuto-numerone{
    padding-top: 1vw;
    margin-bottom: 1vw;
    border-top: 1px solid #ffd2aa;
    font-size: 7vw;
    color: #ffd2aa;
    font-weight: 600;
    width: 85%;
}

.minuto-titolo{
    font-size: 4vw;
    font-weight: 600;
	margin-bottom: 5vw;
}
.minuto-fine{
    position: absolute;
    left: -9.2vw;
}

.credit-cnt{
	display: flex;
    background-color: var(--sfondo);
    flex-direction: column;
}
.credit{
	margin: 0 60px;
	border-top:1px solid white;
	font-size: 2.3vw;
	width: 90vw;
	color: white;
}

.credit-basso{
	font-size: 1vw;
	visibility: hidden
}

.invisibile{
	visibility: hidden;
}

.minuto-sommario img {
	margin-top: 2vw;
	height: 8vw;
	display: block;
}
/************************************************************* FINE elementi */



div:focus {
  outline-style: none;
}

.desktop-nascondi{
	display: none;
}

.secondi{
	background-color: var(--sfondo);
	padding: 2.5vw 0;
}

.secondi:nth-child(3){
	padding-left: 1vw;
}

.secondi:nth-child(2){
	padding-top: 0!important;
}
.secondi:last-of-type{
	padding-bottom: 0;
}


.minuto-riga{
	position: absolute;
	width: 50%;
	height: 100%;
	border-right: 1px solid white;
}

@media only screen and (max-width: 768px) {
	
	#contieni{
		width: 100%;
	}

	.blocco-flex {
		display: flex;
		justify-content: center;
	}
	
	.typo {
		height: 30vh;
	}
	
	.blocco-flex .sommario {
		font-size: 5vw;
		line-height: 1.3;
		margin-bottom: 6vw;
		width: 85%;
	}
	.blocco-flex .firma{
		width: 85%;
		margin-bottom: 12vw;
	}

	.blocco-flex p + p{
		margin-top: 2vh;
	}
	
	.copertina{
		/* height: 200vh; */
	}
	
	.copertina-cnt {
		padding: 25vh 7.5% 12.5vh 7.5%;
		position: relative;
	}
	.copertina-flex > div:nth-child(1) {
		padding-left: 7.5%;
	}

	.copertina-titolo{
		font-size: 10vw;
		width: 100%;
	}
	
	.menu-capitolo {
		display: flex;
		font-size: 6vw;
		margin-bottom: 10px;
	}
	
	.menu-capitolo-numero {
		width: 6.5vw;
		height: 6.9vw;
		margin-left: 2vw;
		font-size: 4.6vw;
	}
	
	.copertina-sommario {
	    font-size: 6vw;
		margin-top: 5vw;
		width: auto;
		line-height: 1.3;
	}
	.blocco-flex .firma{
		font-size: 4vw;
		line-height: 1.3;
	}

	.capitolo, .capitolo-minuto  {
		padding: 0 10px 8vw 10px;
		width: 100%;
	}
	
	.anno-pin-prime{
		width: calc(25vw - 10px);
		text-align: right;
	}
	.capitolo-colonna{
		width: calc(75vw - 10px);
	}
	
	.anno-pin-prime, .anno-pin-seconde,.minuto-secondi div {
		font-size: 20vw;
	}
	
	.anno-pin-prime{
		padding-right: 5px!important;
	}
	
	.capitolo-anno-cnt {
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}

	.capitolo-testo-cnt{
		width: auto;
	}
	.capitolo-testo, .oggetto-min {
		font-size: 4.5vw;
		line-height: 1.4;
		margin-left: 10vw;
	}

	.capitolo-titolo{
		font-size: 8vw;
	}
	
	.dida {
		margin-top: 1.5vw;
		font-size: 3.5vw;
		opacity: .5;
		line-height: 1.2;
		text-align: left;
	}
	
	#capitolo5 .capitolo-anno-cnt{
		flex-direction: row;
	}
	.minuto-testo {
		width: 65%;
	}
	
	.minuto-sommario{
		font-size: 4.5vw;
		line-height: 1.2;
	}
	
	.minuto-sommario, .minuto-numerone{
		width: 100%;
	}
	
	.minuto-numerone {
		padding-top: 2vw;
		margin-bottom: 2vw;
		border-top: 1px solid #ffd2aa;
		font-size: 8vw;
		color: #ffd2aa;
		font-weight: 600;
	}	
	
	
	.minuto-titolino{
		font-weight: 700;
		font-size: 6vw;
		line-height: 1.1;
		margin: 4vw 0;
	}
		
	.secondi{
		background-color: var(--sfondo);
		padding: 4vw 0;
	}
	.secondi:nth-child(2){
		padding-top: 0!important;
	}
	.secondi:nth-child(3){
		padding-left: 2vw;
	}
	
	#capitolo5 .anno-pin-prime {
		width: calc(20vw - 10px);
	}
	
	#capitolo5 .capitolo-colonna {
		width: calc(80vw - 10px);
	}

	.invisibile, .credit-bassp{
		display: none;
	}
	
	.credit-cnt{
		padding: 3.5vh 0;
		margin: 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.credit{
		width: 80%;
		margin: 0;
		padding: 1.5vh 0;
		font-size: 3.2vw;
	}
	
	#capitolo5 p + p{
		margin-top: 1vh;
	}
	.copertina{
		overflow: hidden;
	}
	
	.minuto-sommario img {
		margin-top: 4vw;
		height: 10vw;
		display: block;
	}
}

@media only screen and (max-width: 600px) {
	.copertina-flex.flex {
		flex-direction: column;
	}

	.copertina-flex.flex > div {
		width: 100%;
	}

	.copertina {
		/* height: 200vh; */
		padding-bottom: 7.5vh;
		min-height: 100vh;
	}
}

@media only screen and (min-width: 1600px) {
	
	.blocco-flex .sommario{
		font-size: 40px;
		line-height: 1.5;
		width: 1500px;
		margin-bottom: 90px;
	}
	
		/************************************************************* copertina */

	.copertina-cnt{
		padding: 30vh 0 20vh 0;
		position: relative;
		margin: auto;
	}
	.copertina-flex > div:nth-child(1) {
		padding-left: 7.5%;
	}

	.menu-capitolo{
		display: flex;
		font-size: 42px;
		margin-bottom: 10px;
	}

	.menu-capitolo-numero{
		display: flex;
		justify-content: center;
		align-items: center;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
		border:1px solid var(--sfondo);
		width: 50px;
		height: 50px;
		margin-left: 20px;
		font-size: 36px;
		-webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;
	}

	.menu-capitolo-numero:first-of-type{
		padding-right: 10px;
	}

	.copertina-titolo{
		font-size: 100px;
	}

	.copertina-sommario{
		font-size: 30px;
		margin-top: 50px;
		line-height: 1.5;
	}
	.blocco-flex .firma{
		font-size: 30px;
		line-height: 1.5;
		width: 1500px;
		margin-bottom: 180px;
	}
	
	/************************************************************* capitolo */
	.capitolo,.capitolo-minuto {
		padding-top:60px;
		padding-left: 100px;
		width: 100%;
	}

	.capitolo-minuto{	
		padding-bottom: 0!important;
	}

	.capitolo-cnt{
		width: 1500px;
		position: relative;	
		display:flex;
		justify-content:flex-end;
	}

	.anno-pin-prime, .anno-pin-seconde, .minuto-secondi div{
		font-size: 260px;
		font-family: futura-pt, sans-serif;
		font-weight: 400;
	}
	.capitolo-colonna{
		display: flex;
		flex-direction: column;
		width: 75%;
	}

	.capitolo-anno{
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
	}

	.capitolo-anno + .capitolo-anno{
		margin-top: 70px;
	}
	.blu .capitolo-anno + .capitolo-anno{
		border-top: 1px solid white;
	}
	.bianco .capitolo-anno + .capitolo-anno{
		border-top: 1px solid var(--coloreFacebook);
	}


	.capitolo-cnt + .capitolo-cnt{
		margin-top: 70px;
	}

	.bordo-altobasso{
		margin: 70px 0;
	}


	.oggetto-max img{
		width: calc(100% - 40px);
	}

	.dida{
		margin-top: 20px;
		font-size: 20px;
		opacity: .5;
	}

	.oggetto-max{
		text-align: right;
	}

	.oggetto-max iframe{
		width: 100%;
		height: 760px;
		margin-top: 50px;
	}
	
	.blocco-flex p + p{
		margin-top: 35px;
	}
	
	.oggetto-min iframe{
		width: 100%;
		height: 300px;
		margin-top: 2vw;
	}
	
	.capitolo-anno-cnt{
		display: flex;
		justify-content:space-between;
	}
	.capitolo-anno-cnt + .oggetto-max{
		margin-top: 50px;
	}
	
	.capitolo-testo-cnt{
		width: 65%;
	}

	.capitolo-titolo{
		font-size: 55px;
		font-weight: 600;
		margin: 40px 50px 40px 0;
	}

	.capitolo-testo, .oggetto-min{
		font-size: 30px;
		line-height: 45px;
		margin-left: 90px;
	}

	.oggetto-min + .capitolo-testo , .oggetto-medio + .capitolo-testo,
	.capitolo-testo + .oggetto-min , .capitolo-testo + .oggetto-medio {
		margin-top: 40px;	
	}

	.minuto-testo{
		display: flex;
		flex-direction: column;
		/* margin-left: 5vw; */
		width: 60%;
		align-items: flex-end;
	}

	.minuto-titolino{
		font-weight: 700;
		font-size: 55px;
		margin-bottom: 65px;
	}

	.minuto-secondi{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.minuto-sommario{
		font-size: 30px;
		line-height: 45px;
		margin-bottom: 80px;
		width: 80%;
	}

	.minuto-sommario img {
		margin-top: 40px;
		height: 120px;
	}
	
	.minuto-numerone{		
		padding-top: 20px;
		margin-bottom: 20px;
		border-top: 1px solid #ffd2aa;
		font-size: 100px;
		color: #ffd2aa;
		font-weight: 600;
		width: 80%;
	}

	.minuto-titolo{
		font-size: 4vw;
		font-weight: 600;
		margin-bottom: 5vw;
	}
	.minuto-fine{
		position: absolute;
		left: -135px;
	}

	.credit-cnt{
		display: flex;
		background-color: var(--sfondo);
		flex-direction: column;
	}
	.credit{
		border-top:1px solid white;
		font-size: 30px;
		width: 1500;
		margin: auto;
		color: white;
	}

	.credit-basso{
		font-size: 15px;
		visibility: hidden
	}

	.invisibile{
		visibility: hidden;
	}

	.minuto-sommario img {
		margin-top: 40px;
		height: 80px;
	}
	
}