@charset "utf-8";
/* CSS Document */

@font-face {
			font-family: 'TiltNeon-Regular';
			src: url('/fonts/TiltNeon-Regular.woff2') format('woff2');
			font-weight: normal;
			font-style: normal;

		}
@font-face {
			font-family: 'TiltNeon-Regular-Bold';
			src: url('/fonts/TiltNeon-Regular-Bold.woff2') format('woff2');
			font-weight: normal;
			font-style: normal;

}
@font-face {
			font-family: 'TiltNeon-Regular';
			src: url('/fonts/TiltNeon-Regular.woff2') format('woff2');
			font-weight: normal;
			font-style: normal;

		}

@font-face {
			font-family: 'TiltNeon-Regular-Bold';
			src: url('/fonts/TiltNeon-Regular.woff2') format('woff2');
			font-weight: normal;
			font-style: normal;

		}

		  
		  .risultato canvas, .risultato img {width: 100% !important; height: auto !important}
		  #c2 {position: absolute; top: 0; left: 0; z-index:2}
		  .menusinistra {position: fixed; left: 26px; top: 35px; z-index: 1; display: flex; column-gap: 16px;}
		  .menudestra {position: fixed; right: 26px; top: 35px; z-index: 1; display: flex; column-gap: 16px;}
.menusinistra.menustop {left: auto; right: 26px;}
.menusinistra div {font-family: 'TiltNeon-Regular-Bold', "sans-serif"; font-weight: bold; font-size: 18px; background-color: rgba(0,0,0,0.4); color: #fff; padding: 15px 26px; border-radius: 30px; cursor: pointer; line-height: 30px;}
.menusinistra div.informazioni {font-size: 32px; padding: 15px 22.5px;}
.menusinistra div.indietro {display: flex;    align-items: center; column-gap: 10px;        padding: 15px 11px;}
.menusinistra div.stop {display: none; padding: 15px 35px;}
		  .pulsante {color: #fff; font-size: 16px; padding: 16px 34px; line-height: 16px; border-radius: 20px; font-family: 'TiltNeon-Regular-Bold', "sans-serif"; font-weight: bold; text-decoration: none; display: inline-block; }
		
		.pulsantearancio {background-color: #f66200}
		  
		  .final {position: fixed; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; background-color: rgba(0,80,161,0.9); width: 48%; height: auto; border-radius: 20px; left: 50%; top: 50%; padding: 50px; display: none}
.final.nobgpadding {padding: 0; background-color: transparent}
.final h5 {margin: 0; padding: 0; font-family: 'TiltNeon-Regular', "sans-serif"; text-align: center; font-weight: 400; font-size: 43px; line-height: 43px; margin-bottom: 10px;}
.final h5 span {font-family: 'TiltNeon-Regular-Bold', "sans-serif"; font-weight: bold; color: #ffe501}
.final img {display: block; margin: 0 auto; margin-bottom: 20px; max-width: 100%;  height: auto;     max-height: 460px;    object-fit: contain;}
.final .bottoni {display: flex; column-gap: 30px; justify-content: center; opacity: 1}
.final .bottoni div {background-color: #f66200; font-family: 'TiltNeon-Regular-Bold', "sans-serif"; font-weight: bold; font-size: 23px; padding: 21px 70px; border-radius: 40px; cursor: pointer; color:#fff;}
.final .wrap {width: 100%; float: none !important}
		  .percanvas {z-index: -6; position: fixed}
		  
		  .socialclick i {color: #fff;}
		  .chiudi {
			position: absolute;
			right: 25px; top: 25px;
			cursor: pointer
		}
		  
		  @media screen and (max-width: 768px) {
	.menusinistra {left: 15px; column-gap: 10px}
	.menusinistra div {font-size: 14px;}
			 
		
	
}
		  
@media screen and (max-width: 1250px) {
	.final .bottoni div { font-size: 17px;  padding: 14px 54px;}
	
}
		  @media screen and (max-width: 768px) {
	
	.final {width: 75%}
	
}
		  @media screen and (max-width: 736px) {
	
	.final img {max-height: 130px;    width: auto;}
	.final {padding: 30px}

	
}
@media screen and (max-width: 667px) {
	
	.menusinistra {zoom:0.8}
	.menudestra {zoom:0.8}
	.final .bottoni div { font-size: 12px;  padding: 12px 25px;}
	
}
@media screen and (max-height: 390px) {
	.cont {max-height: 100%;
    overflow: scroll;
    height: 100%;}
	.final {height: 75%;z-index: 2;}
}