@font-face {font-family: "LuckFlag";
    src: url("../../../LuckFlag.ttf") format("truetype");
         font-weight: normal;font-style: normal;}
	:root {
  		--fondo-pagina: #fff;
  		--fondo-menu: linear-gradient(#fff 70%, #EFEDED);
  		--fondo-strumentone: linear-gradient(to left, #8A7979, #D7BDBD 50%, #8A7979);
		--fondo-menu-mobile: linear-gradient(to left, #fff 70%, #E8E8E8);
		--miniatura: rgba(120,120,120,.2);
		--nome-strumento: #C52418;
		--cognome-strumento: #006daa;
		--ombra-nome: #fff;
  		--slogan: #0076B9;
  		--titoletti: #F23000;
  		--sottotitoletti: #FFFAF0;
  		--testo: #000;
  		--testi-attenuati: #777;
  		--dida: #8A3E2B;
  		--fondo-caratteristiche: #FFFAF0;
  		--filetti-caratteristiche: #FFFAF0;
  		--accenti: #008Cc9;
		--filetti-foto: #d1d1d1;
		--fondo-correlati: #fff;
	}	 
	.rosso_scuro {color:#C52418;}
	.rosso_medio, rm {color:#F23000;}
	.blu_scuro, bs {color:#006daa;}
	.blu_medio, bm {color:var(--accenti)}

	* {font-family:basic-sans, sans-serif;font-family:museo-sans, sans-serif;font-size:clamp(16px,1.2vw, 20px);font-weight:200;line-height:clamp(24px,1.7vw, 30px);margin:0;padding:0;text-decoration:none;}
	a {color:inherit;} 
		body {margin:0;overflow-x:hidden;background-color:var(--fondo-pagina);}
		SfocaDietro {position:fixed;bottom:100vh;left:-8vw;width:20vw;z-index:300;opacity:.9}
		SfocaDietro img {width:100%;}
		SfocaDavanti {position:fixed;bottom:700vh;right:-36vw;width:70vw;z-index:300;opacity:.4}
		SfocaDavanti img {width:100%;}
		corpo {display:block;width:76vw;overflow-x:hidden;padding:10vw 16vw 3vw 16vw;background:var(--fondo-pagina);}
		
	menu_pc {display:flex;flex-wrap:wrap;flex-direction:row;align-content:space-between;position:fixed;top:-88vh;width:100vw;height:90vh;background-color:var(--fondo-pagina);color:var(--testo);margin:0;padding:1vw 12vw .5vw 16vw;z-index:200;letter-spacing:.03vw;font-weight:300;}
	menu_mobile {display:none;}
		menu_sopra, menu_sotto {display:flex;flex-wrap:wrap;flex-direction:row;align-content:flex-start;width:69vw;}
		menu_sopra {padding-top:3vh;min-height:78vh;width:100vw;position:relative;left:-12vw;}
		#ms_software, #ms_servizi, #ms_norme, #ms_contatti, #ms_cerca, #ms_lingue {display:none;}
		sottomenu, sottomenu span {font-size:1.6vw;}
		colonna_menu_estesa {display:flex;flex-wrap:wrap;flex-direction:row;align-content:flex-start;}
		colonna_menu {width:10%;padding-right:2vw;}
		colonna_menu:last-child {padding-right:0;}
		.campi, .categorie {display:none;}
		colonna_menu_mobile {font-size:clamp(16px,3vw, 50px);line-height:clamp(16px,5.5vw, 50px);letter-spacing:.03vw;font-weight:300;color:var(--testo);}
		mm:hover, nme:hover, nmn:hover {cursor: pointer;}
		.miniatura {width:8vw;height:8vw;object-fit:contain;background:var(--miniatura);border-radius:.3vw;margin-bottom:1vh;}
		menu_campi, menu_categorie, menu_singolo {opacity:0;display:none;}
		menu_singolo_visibile, menu_singolo_call {float:left;height:21vh;margin-right:1vh;margin-bottom:1vh;}
		menu_singolo_contatti {display:flex;flex-wrap:wrap;flex-direction:row;align-content:space-between;width:25vw;height:19vh;float:left;margin-right:2vh;padding:0 3vw 6vw 0;font-weight:300;}
		.foto_menu {display:block;width:9vw;font-size:80%;line-height:120%;font-weight:500;}
		#tutti {font-weight:500;}
		chiudi_menu {position:relative;width:2vw;height:2vw;top:2vw;left:78vw;background-image:url(../../../chiudi_ombra.png);background-size:cover;z-index:800;}
		
	copertina {width:100%;height:66vh;margin-bottom:2vh;display:flex;flex-wrap:wrap;flex-direction:row;align-content:space-between;}
		#nome_strumento {font-size:clamp(48px,4vw, 60px);line-height:clamp(48px,4vw, 60px);width:80vw;padding-right:20vw;margin-top:0;margin-left:-.7vw;text-shadow:0 0 10px var(--ombra-nome);z-index:100;}
		.foto_strumento {width:58vh;height:58vh;object-fit:contain;position:absolute;top:10.5vh;right:3.5vh;z-index:10;}
		#spiega {font-size:clamp(24px,1.8vw, 30px);line-height:clamp(30px,2.1vw, 37px);width:69vw;font-weight:300;color:var(--testo);}
		#foto_copertina_animata {position:relative;width:calc(60vw - 30px);height:83vh;margin-top:3%;float:left;}
		.foto_singola_copertina {opacity:1;position:absolute;background-repeat:no-repeat;background-size:contain;width:100%;}
		.singola1 {background-position:0% center;height:40%;margin-top:15%;}
		.singola2 {background-position:15% center;height:60%;margin-top:10%;}
		.singola3 {background-position:50% center;height:90%;}
		.singola4 {background-position:85% center;height:60%;margin-top:10%;}
		.singola5 {background-position:100% center;height:40%;margin-top:15%;}

		pop {position:fixed;left:2vw;bottom:-12vh;width:10vw;z-index:350;font-weight:400;line-height:110%;color:var(--testo);/*text-shadow:0 0 10px var(--ombra-nome);*/}
		.logo_grande {position:relative;left:57vw;bottom:0vh;width:15vw;z-index:400;}
		.logo_piccolo {position:fixed;left:2vw;bottom:3vh;width:10vw;z-index:400;} 
		offerta {position: fixed;right: -4vw;bottom: -15vh;width: 10vw;z-index: 400;display: inline-block;background: var(--titoletti);color: #fff;padding: 2vh 9vh 2vh 2vh;border-radius: .8vh;font-weight: 600;line-height:120%;box-shadow: -3px 0 10px rgba(0,0,0,.3);}

	breadcumb {font-weight:700;display:block;margin-bottom:9vh;opacity:1;color:var(--testi-attenuati);}
		cornice_strumentone {display:block;position:relative;left:-17vw;width:110vw;height:100vh;margin-bottom:11vh;margin-top:9vh;overflow:hidden;background:var(--fondo-strumentone);box-shadow: inset 0 0px 20px 5px rgba(0,0,0,0.5)}
		#foto_strumentone {position:absolute;object-fit:contain;width:100vw;height:100vw;top:60vh;}
		.clippone {width:69vw;height:40vw;margin-bottom:0vh;margin-top:20vh;border-radius:.6vh;object-fit:cover;}
		
	.titolo_rosso {font-family:LuckFlag;font-size:clamp(48px,4vw, 60px);line-height:clamp(48px,4vw, 60px);font-weight:300;color:var(--nome-strumento);opacity:1;}
		h1 {font-family:"LuckFlag";color:var(--cognome-strumento);font-size:clamp(48px,4.2vw, 60px);line-height:clamp(48px,4.2vw, 60px);/*font-size:clamp(72px,6.3vw, 90px);line-height:clamp(72px,6.3vw, 90px);*/margin-bottom:clamp(24px,2.1vw, 30px);clear:both;}
		h1, h2, h3 {font-weight:400;}	
		.slogan {font-family:"museo-sans-display", sans-serif;font-size:clamp(72px,5.3vw, 90px);line-height:clamp(72px,5vw, 90px);font-weight:400;margin-top:clamp(24px,8.8vw, 110px);width:69vw;color:var(--slogan);margin-left:-5px;margin-bottom:clamp(24px,8.8vw, 110px);clear:both;}	
		h2 {font-size:clamp(24px,2.1vw, 30px);line-height:clamp(30px,2.6vw, 37px);margin-bottom:clamp(24px,2.1vw, 30px);margin-top:0;}
		h3, .vedi_anche {font-family:"museo", sans-serif;transform: scaleX(0.9);transform-origin: 0 0;font-size:clamp(24px,1.8vw, 40px);line-height:clamp(24px,2.1vw, 30px);letter-spacing:.08vw;font-weight:800;margin-bottom:clamp(24px,2.1vw, 30px);margin-top:0;opacity:.9;color:var(--titoletti);}
		a h3::after {content:"link";display:inline-block;position:relative;bottom:.3vh;background:var(--miniatura);padding:.3vh 2vh 0;font-size:65%;font-weight:600;line-height:140%;color:#666;border-radius:.5vh;}
		p {font-size:clamp(16px,1.2vw, 20px);letter-spacing:.03vw;font-weight:300;color:var(--testo);}
		b {font-weight:500;opacity:1;}
		bb {font-weight:600;}
		bm {font-weight:600;}
		tasto {display: inline-block;background: var(--cognome-strumento);color: #fff;padding: 1vh 2vh;border-radius: .5vh;font-weight: 600;}
		
		applicazioni p {width:69vw;column-count:3;column-gap:2vw;}

	norme {width:69vw;display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:10vh;}
		norma {width:9.5vw;margin-right:2vw;margin-bottom:3vw;color:var(--testo);}
		norma_r {display:block;position:relative;width:9.5vw;margin-right:2vw;margin-bottom:.3vw;background:#E4E4E4;border-radius:.5vh;color:var(--testo);padding:.12vh 1vh .1vh 1vh;font-size:80%;font-weight:500;}
		norma:last-child {margin-right:0;}
		.tooltip_norma {display:none;position:absolute;top:28px;left:0px;z-index:30;background:#B2000C;padding:20px 10px;border-radius:5px;font-size:100%;line-height:140%;font-weight:300;color:#efefef;opacity:0;}
nmn {display:none;width:auto;padding:.5vh 1.5vh;background:#DEDCDC;margin:0 1vh 1vh 0;border-radius:.6vh}
.norme_conforme {display:none;width:65vw;}
start {display:none;}
		
	mono {padding-top:clamp(48px,4.2vw, 60px);}
		colonna {display:block;float:left;width:42vw;min-height:25vw;margin-right:3vw;padding-bottom:6vw;}
		colonna:last-child {width:24vw;margin-right:0;}
		
		.foto_dettaglio {position:relative;width:24vw;height:auto;object-fit:contain;vertical-align:top;background:radial-gradient(#fefefe 60%, #E4E3E3);opacity:1;margin-bottom:2vh;border: solid 2px var(--filetti-foto);border-radius:.4vw;}
		.foto_dettaglio:hover {cursor: nesw-resize;}
		.foto_orizzontale {width:30vw;}
		zoommata {position:fixed;width:94vw;height:90vh;right:-100vw;top:7vh;border-radius:1vh;background-size:40px,contain, cover;background-position:97% 3%,center center;background-repeat:no-repeat;box-shadow:0 0 30px rgba(0,0,0,.85);z-index:500;opacity:0;}
		dida {font-weight:500;font-style:italic;color:var(--dida)/*6A6A6A*/;margin-bottom:1vw;}
		.video_in_colonna {height:calc((30vw / 16) * 9);width:30vw;}
		
	.onda_0, .onda_1 {width:160vw;height:clamp(100px, 30vw, 250px);position:relative;left:-30vw;z-index:-100;z-index:100;}		
	.onda_0 {bottom:clamp(10px, 6vw, 80px);opacity:1;width:250vw;left:-66vw;}
	.onda_0_dentro {width:inherit;height:inherit;}

	caratteristiche {display:block;width:69vw;margin-bottom:7vh;box-sizing: border-box;}
		caratteristica_titolo {display:block;width:100%;border-bottom:solid 1px #666;color:#0076B9;margin-top:2vh;}
		caratteristica {display:block;width:100%;border-bottom:solid 5px #fff;color:#000;padding:.5vh .8vh .9vh .8vh;line-height:clamp(18px,1.5vw, 30px);font-weight:300;box-sizing: border-box;background:rgba(0,0,0,.03);}

	.bandiere {width:3vw;margin-right:1vw;border:solid 1px #999;border-radius:.2vw;}

	correlati, news {display:block;position:relative;left:0;width:100vw;height:40vw;overflow:hidden;margin-bottom:5vh;margin-top:11vh;}
		correlato {display:flex;flex-wrap:wrap;flex-direction:row;align-content:space-between;width:22vw;height:33vw;background:var(--miniatura);float:left;margin-right:2vw;padding:1vw;border-radius:.4vw}
		correlati a:last-child {margin-right:0;}	

	downloads, faqs {display:flex;flex-wrap:wrap;flex-direction:row;align-content:space-between;}
		download, faq {width:69vw;margin-bottom:3vh;}
		faq {width:30vw;margin-bottom:6vh;margin-right:6vw;}
		faq:not(b) {text-indent: -1.4vw;font-weight:300}
		faq b::before {content: "‣ ";vertical-align: sub;font-size:30px;color:var(--nome-strumento);}

menu_singolo_call {display:flex;flex-wrap:wrap;flex-direction:row;align-content:space-between;width:20vw;height:19vh;float:left;margin-right:2vh;padding:0 3vw 4vw 0;font-weight:300;}
menu_singolo_call a {width:22vw;}

/*-------------------------------------------*/

@media only screen 
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation:portrait) 
	{
		corpo {width:84vw;padding:10vw 8vw;-webkit-text-size-adjust:160%;}
		menu_pc {display:none;}
		menu_mobile {display:flex;flex-wrap:wrap;flex-direction:row;align-content:space-between;position:fixed;top:35vh;right:-7.5vh;width:30vw;height:12vw;background:#ddd;border-radius:30vw;background-color:var(--fondo-pagina);background-image:url(../../../hamburger_color.svg);background-size:50%;background-position:2% 48%;background-repeat:no-repeat;box-shadow:-15px 0px 30px var(--fondo-pagina);z-index:600;overflow:visible;}
		menu_mobile_scorrevole {display:flex;flex-wrap:wrap;flex-direction:row;align-content:flex-start;position:absolute;top:-34vh;left:20vw;width:110vw;height:85vh;padding:0;border-radius:1vh;background:var(--fondo-menu-mobile);}
		colonna_menu_mobile {width:22vw;margin-right:7vw;padding-bottom:4vh;}
		colonna_menu_mobile:last-child {margin-right:0;}
		colonna_menu_mobile a {font-size:1.2vh;line-height:1.6;font-weight:500;}
		SfocaDietro {display:none;}
		SfocaDavanti {bottom:200vh;}
		#nome_strumento, .titolo_rosso {font-size:clamp(40px,3.8vw, 60px);line-height:clamp(40px,4vw, 60px);}
		#spiega {width:100%;}
		.slogan {font-family:"museo-sans", sans-serif;font-weight:100;font-size:clamp(72px,5vw, 90px);}
		.foto_strumento {width:80vw;height:80vw;top:18vh;}
		.logo_grande {width:24vw;bottom:0vh;left:55vw;}
		.logo_piccolo {display:none;}
		.onda_0 {bottom:5vw;left:-64vw;}
		p {font-weight:400;}
		cornice_strumentone {left:-8vw;width:110vw;height:40vh;margin-bottom:9vh;}
		#foto_strumentone {position:absolute;object-fit:cover;height:100vh;top:40vh;}
		applicazioni p {column-count:1;width:100%;}
		norme {width:100%;}
		norma {width:25vw;font-weight:400;}
		norma_r {width:19vw;margin-bottom:.4vh;}
		.clippone {width:84vw;height:50vw;}
		mono {width:100%;}
		colonna {width:44vw;}
		colonna:last-child {width:34vw;}
		.foto_dettaglio {width:36vw;border-radius:.6vh;}
		.foto_orizzontale {width:43vw;}
		.video_in_colonna {height:calc((45vw / 16) * 9);width:45vw;}
		caratteristiche {width:100%;}
		caratteristica:not(b) {font-weight:300;}
		.bandiere {width:10vw;margin-bottom:1vw;}
		pop {display:none;}
		zoommata {width:90vw;height:70vh;top:5vh;}
		correlati {height:auto !important;}
		news {height:calc(90vw * 3) !important;}
		correlato {width:76vw;height:80vw;margin-bottom:3vw;border-radius:.8vh;padding:2vh}
		correlato img {height:60vw !important;}
		menu_singolo_call, menu_singolo_call rm, menu_singolo_call a {width:75vw;}
		menu_singolo_call {height:11vh;}
	}