@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';
margin: 0%;
padding: 0%;
background: #fff;
}

.pagina{
    width: calc(100% - 40px);
padding:20px;
}
.boxSu1{
background: #221700;
padding:10%;
width: calc(100% - 20%);
vertical-align: top;
text-align:center;
}
.boxSu1a{
float:left;
width:60%;
margin-right: 10%;
}
.boxSu1b{
float: right;
width:30%;
}
.boxSu2{
background: #f6e6bc;
padding:10%;
width: calc(100% - 20%);
vertical-align: top;
}
.boxFooter{
background: #221700;
padding:20px;
width: calc(100% - 40px);
vertical-align: top;
color:#fff;
}

.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;
}
.pulisce{
	clear: both;
}
.boxPakage{
background: #221700;
color:#fff;
width: 100%;
vertical-align: top;
margin-bottom:50px;
padding:50px;
}
.diagonal-bg {
  background-color: #221700;   
  background-image: -webkit-linear-gradient(30deg, #221700 50%, #fff 50%); 
}
.rotated-image {
  transform: rotate(-10deg);
  border:solid 5px #221700;
  border-radius:10px;
    transform-origin: bottom left; 
}
.rotated-image:hover {
  transition:transform .2s ease-out;
  transform:scale(1.0) rotateZ(0);

}
.rotated-imageR {
  transform: rotate(10deg);
  border:solid 5px #221700;
  border-radius:10px;
   transform-origin: bottom right; 
}
.rotated-imageR:hover {
  transition:transform .2s ease-out;
  transform:scale(1.0) rotateZ(0);
}


.txt20{
	font-size: 20px;
	font-weight: 300 ;
	color: #f6e6bc;
}
.txt20n{
	font-size: 20px;
	font-weight: 300 ;
	color: #221700;
}
.txt20N{
	font-size: 20px;
	font-weight: 300 ;
	color: #221700;
	line-height: 26px;
	display:block;
	margin-top:20px;
}
.txt20NA{
	font-size: 20px;
	font-weight: 300 ;
	color: #221700;
	line-height: 26px;
	margin-top:20px;
	background:red;
	display:inline-block;
}
.txt20R{
	width:30px;
	border-radius: 50%;
	padding:5px;
	background: #F6E6BC;
	font-size: 20px;
	text-align: center;
	font-weight: 300 ;
	color: #221700;
}
.titolo40{
	font-size: 4vw;
	font-weight: bolder ;
	color: #f6e6bc;
	font-family: 'Revans';
}
.titolo30B{
	font-size: 25px;
	font-weight: bolder ;
	color: #f6e6bc;
	font-family: 'Revans';
}
.titolo30N{
	font-size: 25px;
	font-weight: bolder ;
	color: #221700;
	font-family: 'Revans';
}
.titolo30{
	font-size: 4vw;
	font-weight: bolder ;
	line-height: 20vh;
	color: #221700;
	font-family: 'Revans';
}
.titolo25{
	font-size: 22px;
	font-weight: bolder ;
	color: #221700;
	font-family: 'Revans';
}
.linkCapitoli{
	font-size: 18px;
	font-weight: bolder ;
	color: #221700;
	color: #a06e03;
	font-family: 'Revans';
	text-decoration: underline;
	cursor:pointer;
}
.linkCapitoli:hover{
	color: #221700;
}
.btnCreate{
border-radius: 1px;
color: #fff;
text-transform: uppercase;
font-size: 13px;
font-weight:700;
margin:2px;
padding:20px;
padding-top: 10px;
padding-bottom: 10px;
text-decoration: none;
transition: .3s background-color;
cursor: pointer;
background-color:#111;
border-width: 1px;
border-style: solid;
border-color:#666;
text-align:center;
-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.23);
-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.23);
box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.23);
}
.btnCreate:hover{
background: #ddd;
color:#000;
border-color:#333;
}
.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%);
	
}
.shapeImage{
  /*float: left;
   clip-path: circle(40%);
 shape-outside: circle(45%);  */
 border:solid 5px #221700;
 border-radius:50%;
 aspect-ratio: 1;
}
.image-container {
  width: 300px;
  height:300px; /* Make container responsive */
  overflow:hidden;
  position:relative;
  display:inline-block;
  border-radius: 50%;
 border:solid 5px #221700;

}

.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;
}
/* clip-path: polygon(0 0, 0 100%, 48% 100%); */
.linea{
	height:1px; 
	width:100px; 
	background:#f6e6bc;
	display:inline-block;
	margin-bottom:7px;
}
.boxAutoriTit{
background: #bc9c4e;
color:#000;
width: calc(100% - 60px);
text-align: center;
font-family: Revans;
font-size:35px;
padding:30px;
}
.boxAutori{
background: #fff;
color:#000;
width: 100%;
vertical-align: top;
margin-bottom:0px;
}
.meta{
width: 50%;
background:#fff;
display:block;
float:left;
}
.bloccoBrandsTT{
display:flex; 
width:100%; 
text-align:center;
}
.bloccoBrand{
display:inline-block;
flex:1;  
padding:10px;
background:white;
width: calc((100% - 100px) / 4);
margin:5px;
vertical-align: top;
}
.bloccoTab{
display:table; 
width:100%; 
border-spacing:0px;
}
.bloccoTab-row{
display:table-row; 
}
.bloccoTab-cell1{
display:table-cell; 
background: #f6e6bc;
color: #000;
text-align: center;
padding: 20px;
font-size: 40px;
}
.bloccoTab-cell2{
display:table-cell; 
background: #f6e6bc;
color: #000;
text-align: center;
padding: 20px;
font-size:20px;
}


/* #################### LOGIN */
.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:#000; 
		background:#A86D19; 
		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;
	}
/* #################### LOGIN */