@charset "utf-8";
html{
	width: 100%;
	height: 100%;
	height: auto;
	font-family: Roboto, Arial, sans-serif;
	color:#25235b;
}
a{
	text-decoration: none;
}
.disable{
	pointer-events: none;
	opacity:0.5;
}
button:focus {
  outline: none;
  box-shadow: none;
}
body{	
	margin: 0 auto;
	padding: 0;
	font-family: Roboto, Arial, sans-serif;
	height: 100%;
	font-weight: 300;
	font-size: 4vw;	
	background: #eff3f7;
	display: none;
}
input, textarea{
	font-family: Roboto, Arial, sans-serif;
	font-size: 1em;
	padding: .4em;
	border: 1px solid #25235b;
	box-sizing: border-box;
}
select{
	font-family: Roboto, Arial, sans-serif;
	width: 100%;
	padding: .4em;
	box-sizing: border-box;
	font-size: 1em;
	border-color: #25235b;
	background: white;
}
#menu{	
	display: flex; width: 100%;
	z-index: 10;
	position: fixed;
	left:0;
	top: 0; 
	padding: 1.2vh 6vw .8vh 4vw;
	background: #eff3f7;
	box-shadow: 0px 1px 1px rgba(0,0,0, 0.6);
	box-sizing: border-box;
	overflow-y: auto;
	}
#logo{
	width: 26vw;
	height: auto;
	vertical-align: bottom;
}
#ambMenu{	
	border: none;
	background: none;
	width: 10vw;
	height: auto;
	padding: 0;		
	}
#sottoMenu{
	display: none;
	width: 100vw;
	padding: 8vh 11vw;
	box-sizing: border-box;
	overflow-y: auto;
	}
.BtMenu{
	width: 100%;
	padding: 1.5vh 2vw;
	border: none;
	border-bottom: 1px solid gray;
	margin-top: .4em;
	text-align: left; 
	background: #dadde1;
	color: #25235b;
    font-weight: 500;
    font-family: 'Roboto';
	}
.TxCentr{
	text-align: center;
    margin-bottom: 4px;
    font-size: 1.2em;
}
#social{
	width: 80vw;
	margin-top: 6vh;
}
.icoSocial{
	width: 15vw;
}
.titolo{	
	width: 100%;	
	text-align: center;
	color:#25235b;		
	font-size: 1.6em;
    font-weight: 300;
    /*letter-spacing: .2rem;*/	
    padding: .3em 0;
	}
.descrProd {
    width: 88%;
    margin: auto;    
    padding: 4em 0 1em 0;
    text-align: justify;
}
.ascoltaTx {
	border: none;
	width: 1.6em;
	cursor: pointer;
	background: none;
	padding: 0;
	transform: translateY(2px);
}
.ascoltaTx img{
	width: 100%;
	border:none
}
.row {
 width: 100%;	
}
.row img{ 
	margin-top: 1em;
}
.imgSx, .imgDx, .img100, .imgDxL,.img53,.img45 {width: 100%;}
.zoom-content {width: 100%}
.TxCode{display: none}
picture img{width: 100%}
#preventivo{
	width: 88%;
	position: relative;
	margin:auto;
	padding: 1em;
	background: #d7e7ef;
	border-top:10px solid #25235b;
	border-bottom:10px solid #25235b;
	box-sizing: border-box;
}
#alertPrev{
	display: none;
	background: #fdf5ed;
	border:10px solid red;
	color:red;
	width: 90%;
	position: fixed;
	top:12%;
	left:5%;	
	font-weight: 500;
	padding: 1em;
	z-index: 1;
	box-sizing: border-box;
}
#preventivo h1{
	color:#25235b;
	font-family: Roboto, Arial, sans-serif;
	margin-top: 0;
	font-size: 1.6em;
	font-weight: 300;
	margin-bottom: 0;
	}
#preventivo h2{
	color:gray;
	font-family: Roboto, Arial, sans-serif;
	padding: 0;
	margin: .5em 0 .5em 2em;
	font-weight: 300;
	font-size: 1em;
}
#preventivo h3{
	color:#25235b;
	font-family: Roboto, Arial, sans-serif;
	padding: 0;
	margin: .5em 0 .5em 0;
	font-weight: 300;
	font-size: 1.2em;
}
.area{width: 100%;   
	font-size: 1em;
	box-sizing: border-box;
}
#istruzCarFile{
	line-height: 1.4;
	display: block;
	padding: .4em 0;
	font-size: .9em;
	}
.inp72{width: 80%;}
.inp10{width: 18%; margin-left: 2%;}
.inp50S{width: 49%; margin-right: 1%}
.inp50D{width: 49%; margin-left: 1%}
.inp66{width: 66%;}
#BtInfoPrev{
	background: none;
	border: none;
	font-style: oblique;
	color:#25235b;
	font-size:1em;	
    padding: 0 3px;
}
.BtInvia{
	background: #25235b;
	border: none;
	color: ghostwhite;
	width: 100%;
	padding: .6em;
	font-size: 1.2em;
	letter-spacing: .2em;
	margin-top: .5em;
}
#confPrev{
	display: none;
}
footer{		
	background: #172351;
	color:ghostwhite;
	text-align: left;
	padding: 4vh 5vw;
	margin-top:3em;
}
.footTab{display: table;}
.footCell{display:table-cell; vertical-align:bottom; height: 10vw;}
footer a{	
	color:ghostwhite;
		}
.footerImg{	
	display: table-cell; vertical-align: bottom; float: left; width: 10vw; padding-right: 3vw;
		}	
.footerTx{margin-top: 3vh;}				
	#credit{text-align: right;padding: 2vh 0 1vh 0;}
		#studio img{width: 22vw}
	#socialSmall{text-align: center; padding-top: 2vh;}		
		.socialSmall{width: 10vw; margin: 0 2vw; }				

/*-----INIZIO SLIDE-----*/
.contSlide{
  display: none; /* Hidden by default */
  position: fixed; 
  z-index: 99; 
  padding-top: 2em; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.9); 
}
.chiudiFinNew{	
		background: none;
		color: ghostwhite;		
		font-weight: 600;
		line-height: 1;
		cursor: pointer;
	margin-top: 8px;
		}
/*BREAKPOINT VERTICALE TABLET*/	
@media only screen and (min-width: 540px) and (orientation: portrait){
	body, input, a, button{ font-size: 3vw;	}
	#studio {width: 11vw;}
	#logo{ width: 20vw;}
	#ambMenu { width: 8vw;}
}
/*BREAKPOINT ORIZZONTALE PHONE*/
@media only screen and (min-width: 540px) and (orientation: landscape){
	body, input, a, button {font-size: 2.2vw;}	
	.BtMenu { padding: 2vh 2vw;}
	#logo  { width: 16vw;}
	#ambMenu { width: 6vw;}		
	#social{display:none;}
	.footerImg{	width: 6vw; padding-right: 1.5vw;}
	.footCell{height: 6vw;}
	#studio img { width: 16vw;}	
}
/*BREAKPOINT ORIZZONTALE TABLET <=1024*/
@media only screen and (min-height: 540px) and (orientation: landscape),(hover:hover){
	html, body, input, a, button {font-size: 1.8vw}
	#logo  { width: 16vw;}	
	#ambMenu { width: 6.4vw;}		
	.titolo { margin-top: 1em;}
	#social{display:block;}
	.descrProd { padding: 3em 0 1em 0;}
	.footerImg { width: 6vw; padding-right: 1.5vw;}
	.footCell { height: 6vw;}
	#studio img { width: 12vw;}
	.socialSmall { width: 8vw; margin: 0 3vw;}	
	#alertPrev{	width: 60%;	top:15%;left:20%;}
}
/*BREAKPOINT ORIZZONTALE TABLET >=1025*/
@media only screen and (min-width: 1024px) and (orientation: landscape){
	html, body, input, a, button {font-size: 1.6vw}
	#logo { width: 13vw;}
	#ambMenu { width: 5vw;}	
	.titolo { margin-top: 1em;}
	.imgSx{width: 49%; padding-right: 2%; float: left}
	.imgDx{width: 49%;}
	.imgDxL{width: 58%;}
	.img53 {
        width: 53%;
        padding-right: 2%;
        float: left;
    }
	.img45 {
        width: 45%;
        margin-bottom: 3px
    }
.img100 {
	width: 100%;
  	height: 100%;
  	overflow: hidden; /* Nasconde le parti "zoomate" eccedenti */
  	position: relative;
	margin-bottom: 5px	}
	/* Contenuto che zooma */
.zoom-content {
  width: 100%;
  height: 100%;
  transform-origin: center center; /* Imposta il punto di origine dello zoom */
  animation: zoom-animation 10s infinite; /* Anima automaticamente */
}
/* Definizione dell'animazione */
@keyframes zoom-animation {
  	0% {
    	transform: scale(1); /* Inizio senza zoom */
  	}  	
	80% {
    	transform: scale(1.2); /* Zoom massimo */
  	}
  	100% {
    	transform: scale(1); /* Torna alle dimensioni originali */
	}
}
	.TxCode{display: block; margin-bottom: 0; width: 40%;float: left; margin-right: 2%;}
	.img100{height: 440px; object-fit:cover; object-position: center;}
	#social{display:block;}
	.descrProd { padding: 3em 0 1em 0;}
	.footerImg { width: 5vw; padding-right: 1vw;}
	.footCell { height: 5vw;}
	#studio img { width: 12vw;}
	.socialSmall { width: 8vw; margin: 0 3vw;}
	#alertPrev{	width: 50%;	top:20%;left:25%;}
}
@media only screen and (min-width: 1025px) and (orientation: landscape){
	.img100{height: 500px;}
}
@media only screen and (min-width: 1280px) and (orientation: landscape){
	.img100{height: 560px;}
}
@media  (hover:hover){
	#ambMenu,.BtMenu, .BtInvia{cursor: pointer;}	
}