@font-face {
	font-family: 'Futura';
	src: url('Futura-Bold.eot');
	src: url('Futura-Bold.eot?#iefix') format('embedded-opentype'),url('Futura-Bold.woff') format('woff'),url('Futura-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}	
@font-face {
	font-family: 'Futura';
	src: url('FuturaBT-Light.eot');
	src: url('FuturaBT-Light.eot?#iefix') format('embedded-opentype'),url('FuturaBT-Light.woff') format('woff'),url('FuturaBT-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
    font-family: 'Revans';
    src: url('Revans-Medium.woff2') format('woff2'),
        url('Revans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}	
	
body{
font-family: 'Futura';
font-size:13px;
margin: 0;
padding: 0;
background: #0F090B;
}
  p {
font-size:20px;
  }
/* preloader */
.loader, .loader:before, .loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  animation-fill-mode: both;
  animation: bblFadInOut 1.8s infinite ease-in-out;
}
.loader {
  color: #FFF;
  font-size: 7px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}

@keyframes bblFadInOut {
  0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em }
  40% { box-shadow: 0 2.5em 0 0 }
}
 /* preloader */   
 .pulisce{
	clear: both;
}
/* blocco NO */
.boxSu1{
background: #0F090B;
padding-left:10%;
padding-right:10%;
padding-top:15vh;
width: calc(100% - 20%);
vertical-align: top;
text-align:center;
min-height:100vh;
overflow-x:hidden;
font-size:20px;
}
.boxSu1a{
float:left;
width:60%;
margin-right: 10%;
}
.boxSu1b{
float: right;
width:30%;
}
.titolo40{
	font-size: 4vw;
	font-weight: bolder ;
	color: #f6e6bc;
	font-family: 'Revans';
}
.titolo30{
	font-size: 25px;
	font-weight: bolder ;
	color: #f6e6bc;
	font-family: 'Revans';
}
/* blocco NO */

/* blocco VANTAGGI */
.boxSu2{
background: #FFF;
color:#000;
padding-left:10%;
padding-right:10%;
padding-top:15vh;
padding-bottom:30px;
width: calc(100% - 20%);
vertical-align: top;
/* height: calc(100vh - 80px);*/
overflow-x: hidden;  
font-size:20px;
}
.titolo40R{
	font-size: 4vw;
	font-weight: bolder ;
	color: #A02723;
	font-family: 'Revans';
}
/* blocco VANTAGGI */

/* blocco  AUTORI */
.boxAutoriTit{
background: #FFF;
color:#A02723;
width: 100%;
text-align: center;
font-family: Revans;
font-size:4vw;
padding-top:15vh;
padding-bottom:25px;
}
.boxAutori{
background: #FFF;
color:#0F090B;
width: 100%;
vertical-align: top;
overflow-x: hidden;
}
.image-container {
  width: 300px;
  height:300px; /* Make container responsive */
  overflow:hidden;
  position:relative;
  display:inline-block;
  border-radius: 50%;
 border:solid 5px #0F090B;
}
.image-container img {
  display: block; /* Prevents extra space below the image */
  width: 100%; /* Make image responsive */
  height: 100%; /* Maintain aspect ratio */
  object-fit: cover;
  object-position: center;
}
/* blocco  AUTORI */
/* blocco  CAPITOLI */
.boxCapitoli{
background: #FFF;
color:#000;
padding-left:10%;
padding-right:10%;
padding-top:15vh;
padding-bottom:30px;
width: calc(100% - 20%);
vertical-align: top;
overflow-x: hidden;  
font-size:20px;
}
.titCapitoli{
background: #FFF;
color:#A02723;
width: 100%;
text-align: center;
font-family: Revans;
font-size:4vw;
padding-bottom:25px;
}
.titModal{
color:#A02723;
text-align: center;
font-family: Revans;
font-size:3vw;
padding-bottom:25px;
}
.linkCapitoli{
	color: #0F090B;
	text-decoration: underline;
	cursor:pointer;
}
.linkCapitoli:hover{
	color: #A02723;
}
.linkFaq{
	color: #0F090B;
	text-decoration: underline;
	cursor:pointer;
}
.linkFaq:hover{
	color: #A02723;
}
/* blocco  CAPITOLI */

/* ACTION */
.diagonal-bg {
  background-color: #221700;   
  background-image: -webkit-linear-gradient(30deg, #221700 50%, #fff 50%); 
}
.poligono{
	float: left;
	width: 300px;
	height: 200px;
	shape-outside: polygon(0 0, 0 100%, 48% 100%);
  -webkit-shape-outside: polygon(0 0, 0 100%, 48% 100%);
	
}
.testo{
text-align: center;
font-size: 20px;
font-family: Futura;
padding-left:15%;
padding-right:15%;
color:#000;
padding-top:50px;
	
}
.titoloAcquista{
	font-size: 25px;
	font-weight: bolder ;
	color: #A02723;
	font-family: 'Revans';
}
/* ACTION */
/* ACCESSO  */
.boxTop{
width:400px; 
height:350px;
 padding:2px; 
 font-weight:500;
-webkit-border-radius:0px 0px 0px 0px;
-moz-border-radius:0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;
}
.boxBot{
/* -webkit-border-radius:10px 10px 0px 0px;
-moz-border-radius:10px 10px 0px 0px;
border-radius:10px 10px 0px 0px; */
padding:20px; 
font-size:24px;
}
.recupero{
  position:absolute;
  top:0px;
  width:400px; 
  margin-left: -406px; 
}
.calcolare{
  position:absolute;
  width:406px;
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto;
  overflow:hidden;
  /* -webkit-border-radius:10px 10px 0px 0px;
-moz-border-radius:10px 10px 0px 0px;
border-radius:10px 10px 0px 0px; */
}
  .btnInvia{
		width:88%; 
		text-transform:uppercase; 
		border:0px; 
		color:#FFF; 
		background:#8B4D36; 
		padding:15px; 
		font-size:16px;
		border-radius:0px;
		font-family:Futura;
		cursor:pointer;
	}
	  .btnGiallo{
		font-weight: bold;
		text-transform:uppercase; 
		border:0px; 
		color:#000; 
		background:#F6E6BC; 
		padding:15px; 
		font-size:16px;
		border-radius:5px;
		font-family:Futura;
		cursor:pointer;
	}
/* ACCESSO  */