@font-face {font-family: 'hk_grotesksemibold';
    src: url('hkgrotesk-semibold-webfont.eot');
    src: url('hkgrotesk-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('hkgrotesk-semibold-webfont.woff2') format('woff2'),
         url('hkgrotesk-semibold-webfont.woff') format('woff'),
         url('hkgrotesk-semibold-webfont.ttf') format('truetype');
        font-weight: normal;font-style: normal;}
    @font-face {font-family: 'hk_groteskregular';
    src: url('hkgrotesk-regular-webfont.eot');
    src: url('hkgrotesk-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('hkgrotesk-regular-webfont.woff2') format('woff2'),
         url('hkgrotesk-regular-webfont.woff') format('woff'),
         url('hkgrotesk-regular-webfont.ttf') format('truetype');        
        font-weight: normal;font-style: normal;}
    @font-face {font-family: 'hk_grotesklight';
    src: url('hkgrotesk-light-webfont.eot');
    src: url('hkgrotesk-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('hkgrotesk-light-webfont.woff2') format('woff2'),
         url('hkgrotesk-light-webfont.woff') format('woff'),
         url('hkgrotesk-light-webfont.ttf') format('truetype');
         font-weight: normal;font-style: normal;}
    @font-face {
        font-family: 'Fira Sans Hair';
        src: url('FiraSans-Hair.eot');
        src: url('FiraSans-Hair.eot?#iefix') format('embedded-opentype'),
            url('FiraSans-Hair.woff') format('woff'),
            url('FiraSans-Hair.ttf') format('truetype');
        font-weight: 100;
        font-style: normal;
    }

#banner_container {width:89vw;overflow:hidden;background:rgba(255,255,255,0);margin-bottom: 30px;/*border-radius:20px;box-shadow: inset 10px 10px 10px rgba(0,0,0,0.5);*/padding:20px 0 20px 0;}
.photobanner {height: 150px;width: 2860px;}/*220 (9+4)*/
.first {-webkit-animation: bannermove 30s linear infinite;-moz-animation: bannermove 30s linear infinite;-ms-animation: bannermove 30s linear infinite;-o-animation: bannermove 30s linear infinite;animation: bannermove 30s linear infinite;}
 
@keyframes bannermove {0% {margin-left: 0px;}100% {margin-left: -1760px;}}/*220 x 9 (+10 di correzione)*/
@-moz-keyframes bannermove {0% {margin-left: 0px;}100% {margin-left: -1760px;}}
@-webkit-keyframes bannermove {0% {margin-left: 0px;}100% {margin-left: -1760px;}}
@-ms-keyframes bannermove {0% {margin-left: 0px;}100% {margin-left: -1760px;}}
@-o-keyframes bannermove {0% {margin-left: 0px;}100% {margin-left: -1760px;}}

.photobanner img {
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 /*-ms-transition: all 0.5s ease;*/
 transition: all 0.5s ease;
}
 
.photobanner img:hover {
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 /*-ms-transform: scale(1.1);*/
 transform: scale(1.1);
 cursor: pointer;
}

.fiocchi_davanti {
	height: 300vh;
	width: 100%;
	background: url("fiocchi.png") right bottom;
	overflow: hidden;
	position: absolute;
	z-index: 1400;
	top: -1600px;
    /*display:none;*/
}

.fiocchi_dietro {
	height: 300vh;
	width: 100%;
	background: url("fiocchi.png") left top;
	overflow: hidden;
	position: absolute;
	z-index: 0;
    opacity: 0.6;
	top: -1600px;
    left: -20px;
    /*display:none;*/
}

.blocchetto_auguri {width:7vw;margin-right:0.6vw;margin-bottom:0.5vw;float:left;}
    
    body {overflow:hidden; height: 100%;}
    * {margin: 0;padding: 0;box-sizing: border-box;font-family: "rift-soft",sans-serif/*"bebas-neue-pro",sans-serif*/;}
    ::-webkit-scrollbar {display: none;}
    a {color:inherit;text-decoration:none;}
    a:hover {color:#999;}
	h1, h2, h3, p {font-weight:inherit;font-size:inherit;}    

    .bianco {color:#fff;}
    .bianco_materico {color:#f7f7fb;}
    .rosso {color:#cf2630;}
    .blu {color:#0073b9;}
    .azzurro {color:#a6c0d4;}
    .azzurro_chiaro {color:#bedcf3;}
    .petrolio {color:#147c92;}
    .nero_blu {color:#2a303b;}
    .grigio {color:#8E8C8C;}

	.bebas {font-family:bebas-neue-pro,sans-serif;text-transform:uppercase;font-weight:400;}
	.bold700 {font-weight:700;}
	.inline {display:block;margin-bottom:9px;}
    
    #container {height:calc(95.7vh);background:#cf2630;margin:calc(1.3*(20px + 1vw));padding:calc(0.9*(20px + 1vw));overflow: scroll;-ms-overflow-style: none;}   
    
    /*DEBUG
        #container {display:none;}
        .print {display:block;color:#000;}*/

    #copertina {height:calc(95.7vh);}
    .menu {z-index:1500;background:#cf2630;color:#520f13;font-weight:500;height:calc(1*(20px + 1vw));width:calc(100vw - (2.6*(20px + 1vw)));font-size:calc(10px + 0.8vw);position:fixed;top:calc(1.3*(20px + 1vw));left:calc(1.3*(20px + 1vw));padding-left:calc(0.9*(20px + 1vw));padding-right:calc(0.9*(20px + 1vw));}
    #menugenerale {z-index:300000;width:100vw;height:100vh;background:#f7f7fb;position:fixed;top:-160vh;left:0vh;padding:calc(3.6*(20px + 1vw)) calc(1.8*(20px + 1vw));font-size:calc(10px + 0.5vw);}
    .menu_in {margin-bottom:5px;padding-right:6px;color:#cf2630;display:inline-block;width:15vw;text-align:right;baseline-shift:9px;}
    .sottomenugenerale {position:absolute;left:20vw;top:calc(2*(20px + 1vw));z-index: 500;}
    .freccia_sin {opacity:0;border-top: 15px solid transparent;border-bottom: 0px solid transparent;border-right:1.8vw solid #147c92;width:1.5vw;}
    .bordomenu {border:calc(1.3*(20px + 1vw)) solid #147c92;background:#f7f7fb;padding:16px 16px;margin-left:-0.4vw;margin-top:-6px;height:calc(100vh - (5.6*(20px + 1vw)));width:calc(100vw - (13*(20px + 1vw)));overflow:auto}
    .vocemenugenerale {float:left;width:10vw;height:10vw;min-height:170px;min-width:150px;overflow:hidden;margin-right:2vw;margin-bottom:2vw;line-height:100%;border-bottom:2px solid #a6c0d4}
    .esplora {float:left;margin-right:2vw;color:#111;font-weight:bold;font-size:140%;}
    .esplora:first-of-type {margin-left:calc(15vw + 0.4vw);color:#111;text-decoration-line:underline;}
    #elenco_applicazioni, #elenco_test, #elenco_norme {display:none;}
    .attivo {display:block;}
    .norme {color:#cf2630;width:7vw;position:relative;}
    .norme_out {display:none;position:absolute;width:50vw;left:12vw;top:4.1vw;}
    #menu_mobile select, #contatti_mobile, #cerca_mobile, #norme_mobile, #home_mobile, #select_strumenti, #select_applicazioni, #select_campi, #select_standard {width:90vw;height:7vh;font-size:6.5vw;background:#BF2427;color:#fff;appearance: none;-webkit-appearance: none;border-radius:14px;padding-left:4vw;margin-bottom:3px;}
    #contatti_mobile {margin-top:12px;}
    #select_strumenti, #select_applicazioni, #select_campi, #select_standard {width:80vw;font-size:5.5vw;background:#E0E0E0;color:#1E1E1E;}
    
    .pagina {min-height:35vh;clear:both;overflow:hidden;margin-bottom:20vh;}
    .titolo {opacity:0;/*color:#cf2630;*/width:45vw;font-size:calc(100px + 3vw);line-height:calc(70px + 3vw);margin-bottom:1vw;margin-left: -0.7vw;margin-top:1.5vw;font-weight: 100;color:#fff;letter-spacing:-5px;}
    #sottotitolo {opacity:0;color:#000;width:45vw;font-size:calc(5px + 1.5vw);line-height:calc(10px + 1.5vw);margin-bottom:5vw;}
    #foto, #foto_hi {z-index:100;height:calc(100vh - (3*(20px + 1vw)));width:calc(50vw - (1.5*(20px + 1vw)));position:absolute;top:calc((-20px + 0vw));right:calc((-20px + 0vw));background-size:calc(47vw - (1.5*(20px + 1vw)));}
    #foto_home, #foto_home_hi {z-index:100;height:calc(100vh - (3*(20px + 1vw)));width:calc(65vw - (1.5*(20px + 1vw)));position:absolute;top:calc((-20px + 0vw));right:calc((-20px + 0vw));background-size:calc(120vw - (4*(30px + 1vw)));}
    .logo {position:absolute;bottom:calc(3.8*(20px + 1vw));}
    #logo_piccolo {opacity:0;margin-top:-20px;}
    #need_something {position:fixed;bottom:100px;right:-200px;width:170px;height:auto;background:#cf2630;padding:15px 50px 15px 18px;border-bottom-left-radius:10px;border-top-left-radius:10px;font-size:80%;color:#fff;border:1px solid #fff;box-shadow: 0px 0px 18px rgba(255,255,255,0,5);}

    #resume {color:#000;font-size:110%;font-weight:200;column-count:3;column-gap:40px;}
    .foto_intermezzo {height:40vh;min-height:40vw;width:calc(100vw - (4.4*(20px + 1vw)));background-position:center center;background-repeat:no-repeat;background-size:cover/*100vw*/;margin-bottom:5vh;border-radius:20px;box-shadow: 0 0 3px 3px #ddd;}
    .titolo_sezione {font-size:calc(60px + 3vw);color:#fff;background: -webkit-linear-gradient(250deg, #fff 80%, #888 110%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
    .paragrafo {z-index:200;width:calc(((100vw - (4.6*(20px + 1vw))) - 9.6vw) / 3);min-height:20vw;margin-right:4.8vw;font-family:trade-gothic-next,sans-serif;font-weight:200;font-style:normal;font-size:calc(10px + .4vw);line-height:calc(8px + 1vw);float:left;}
    .paragrafo:last-of-type {margin-right:0;}
    .titolo_paragrafo {font-family:trade-gothic-next,sans-serif;font-weight:700;font-style:normal;color:#0073b9;font-size:130%;margin-bottom:15px;display:inline-block;}
    a .titolo_paragrafo {text-decoration:underline;}
t {display:inline;}
    .ellip {display:inline-block;width:inherit;height:calc(130px + .4vw);min-height:calc(130px + .4vw);/*white-space:nowrap;*/overflow:hidden;margin-bottom:1.6vw;}
    .no-ellip {height:auto !important;white-space:initial;overflow:visible;text-overflow:initial;}
    .nascondi {display:none;}
    .freccia_link {opacity:0;}
    .sottotitolo_paragrafo {font-family:'hk_grotesksemibold';color:#666;display:inline-block;}
    .foto_paragrafo {height:26vw;width:calc(((100vw - (4.4*(20px + 1vw))) - 9.6vw) / 3);margin-bottom:2vh;background-size:26vw;background-position:center center;background-repeat:no-repeat;}
    .strumenti:hover {color:#fff;}
    .cella_caratteristiche {width:calc((100vw - (4.4*(20px + 1vw))) / 2);padding:5px 0 7px 0;float:left;font-family:'hk_grotesklight';border-top:2px solid #cfe1e5;}
    .new_news {width:24.5vw;height:100%;margin-right:5vw;margin-bottom:15px;float:left;line-height:95%;}
    .new_news:nth-child(3n) {margin-right:0;}
    #news_page_sin {position:fixed;bottom:-120px;left:calc(1.3*(20px + 1vw));}

	.menu_orizz, .menu_orizz_gruppo {display:block;width:100%;padding:.6vh 1vw;border:0px solid #E3000F;border-radius:.5vw;margin-right:6px;margin-bottom:.1vh;background:#F1F1F1;color:#222; }
	.menu_orizz_gruppo {width:17.4vw;font-size:2.1vh;display:block;clear:left;height:4vh;margin-bottom:.5vh;text-overflow:ellipsis;}
	.fondo_rosso {background:#C7000C;color:#fff;}
	.tab_attivo {background:#DEDEDE;color:#AB000B;background-image:none;}
	.tab_non_attivo {background:#BDBDBD;color:#3A3939;background-image:linear-gradient(#BDBDBD 80%, #A7A7A7 90%);}
	.f_settore {width:100%;clear:both;padding:1vw 2vw 0 0;background:#fff;overflow:hidden;}
	.f_gruppo, .f_gruppo_software, .f_gruppo_servizi {width:100%;height:29vh;min-height:180px;clear:both;padding:2vw;padding-top:1.8vw;padding-bottom:1vw;border-radius:0px;border-top-right-radius:.5vw;display:flex;flex-flow:column wrap;column-gap:.1vw;font-size:90%;background:#DEDEDE;}
	.f_strumento, .f_strumento_software, .f_strumento_servizi {width:100%;height:52vh;clear:both;padding:2vw;padding-top:.5vw;padding-bottom:1vw;border-radius:.5vw;border-top-left-radius:0;border-top-right-radius:0;font-size:90%;background:#DEDEDE;overflow:hidden;}
	.box_strumento {width:100%;height:47vh;clear:both;padding:0vw;border-radius:.5vw;border-top-left-radius:0;font-size:90%;background:#DEDEDE;overflow:scroll;letter-spacing:1px;}
	.i_strumento {width:15.5vw;height:16vh;margin:0px 1vw 0.5vw 0px;background-image:radial-gradient(at 0% 85%, rgba(255, 255, 255, 0.6), rgba(100, 100, 100, 0.3)); border-radius: .5vw; transform: translate(0px, 0px); opacity: 1;}
        
    .box {width:calc(((100vw - (4.4*(20px + 1vw))) - 4vw) / 3);min-height:18vw;padding:1.2vw;margin-right:2vw;margin-bottom:2vw;background:#fff;border:calc(1.3*(20px + 1vw)) solid #cf2630;float:left;text-align:center;letter-spacing:1px;border-radius:2px;}
    .box:last-of-type {margin-right:0;}
    .call_to_action, .novita {width:calc(100vw - (4.4*(20px + 1vw)));min-height:30vw;clear:both;background:#cf2630;color:#fff;padding:0;border-radius:2px;}
    .action {float:left;width:15.2vw;margin-right:0.5vw;}
    .action:last-of-type {width:15.2vw;margin-right:0;}
    .tasto, .tasto_bianco, .tasto_blu, .tasto_blu_blu, .tasto_bianco_bandiere {font-weight:bold;font-size:130%;display:inline-block;border:2px solid #fff;padding:8px 20px;margin-bottom:3px;border-radius:3px;text-align:center;min-width:12vw;}
    .tasto_bianco, .tasto_bianco_bandiere {border:2px solid #147c92;color:#147c92;}
    .tasto_blu, .tasto_blu_blu {border:2px solid #0073b9;color:#0073b9;}
    .tasto:hover {background:#ad1315;}
    .tasto_bianco_bandiere:hover {background:#fff;}
    .tasto_bianco:hover {background:#147c92;color:#fff;}
    .tasto_blu:hover {background:#a6c0d4;color:#fff;}
    .tasto_blu_blu:hover {background:#a6c0d4;color:#000000;}
    .tasto_piccolo {font-size:100%;padding:4px 12px;}
.tasto_bianco_mobile {width:80vw;font-size:200%;padding:2vh 0;}
    .floating {float:left;margin-right:2vw;}
    .bandiere {width:calc(5vw);margin:10px 10px 0 0;min-width:54px;border:1px solid #999;border-radius:2px;}
    .bandiere_mail {position:absolute;left:1px;top:4px;z-index:300;border-radius:2px;}
    
#form_norma_numero, .form_norma_numero {float:left;font-size:1vw;padding:0vh 0 .4vh .6vw;height:2.8vh;width:9vw;margin-right:0vw;margin-top:.1vh;border:none;border-radius:4px;background-color:#F1F1F1;color:#555;-webkit-appearance: none;background-image:url(icona_select.png);background-size: 15%;background-repeat:no-repeat;background-position:6.5vw center;}
    .reveal {display:none;}
    
    #login_certificati, #login_approfondimenti {display:none;}
    
    #notizie {opacity:0;letter-spacing:1px;}
    
    #su {border-bottom:1.5vw solid #ddd;border-top: 0px solid #ddd;border-right:1.0vw solid transparent;border-left:1.0vw solid transparent;width:1.5vw;position:fixed;right:.6vw;bottom:calc(3*(20px + 1vw));}
    #giu {border-top:1.5vw solid #ddd;border-bottom: 0px solid #ddd;border-right:1.0vw solid transparent;border-left:1.0vw solid transparent;width:1.5vw;position:fixed;right:.6vw;bottom:calc(1.3*(20px + 1vw));}
    
    #contatto {padding-left:24px;background:url(ico_agente.png) left center no-repeat;line-height:24px}
    #tel {padding-left:24px;background:url(ico_tel.png) left center no-repeat;line-height:24px}
    #mobile {padding-left:24px;background:url(ico_mobile.png) left center no-repeat;line-height:24px}
    #fax {padding-left:24px;background:url(ico_fax.png) left center no-repeat;line-height:24px}
    #email {padding-left:24px;background:url(ico_mail.png) left center no-repeat;line-height:24px}
    
    .p_iva {color:#aaa;float:left;opacity:1;padding:calc(.35*(20px + 1vw)) 0 0 calc(1.3*(20px + 1vw));font-size:80%;}
    
    #privacy {position:fixed;z-index:4000;width:calc(100vw - (2*(30px + 1vw)));height:46vh;margin:calc(1*(30px + 1vw));bottom:0;left:0;padding:30px;background:rgba(255,255,255,0.95);color:#555;font-size:14px;line-height:160%;overflow:auto;}
    
    .print {display:none;}
    .page-break {display:none;}

    #cursore {position:fixed;top:calc(1.5*(20px + 1vw));right:calc(((1.3*(20px + 1vw)) / 2) - 5px);overflow:visible;z-index:60000;}
    .pallini_cursore {position:relative;width:10px;height:10px;border-radius:5px;background:#ddd;margin-bottom:10px;}
    .pallini_cursore:hover, #need_something:hover {cursor:pointer;}
    .tooltip_cursore {padding-right:5px;opacity:0;position:absolute;z-index:60000;left:-121px;top:-5px;width:120px;height:18px;text-align:right;background:linear-gradient(to right, rgba(255,0,0,0), rgba(255,255,255,1) 45%);line-height:18px;color:#666;}
    .tooltip_cursore {padding-right:5px;opacity:0;position:absolute;z-index:60000;left:-121px;top:-7px;width:120px;height:24px;text-align:right;border-radius:5px;background:linear-gradient(to right, rgba(255,0,0,0), rgba(200,10,10,1) 45%);line-height:24px;color:#fff;}

    #lingua_iniziale label {display:inline-block;min-width:10vw;margin:0 5px 0 2.7vw;}
    .lingua_scelta_iniziale {float:left;padding:5px;margin:0 5px 5px 0;background:#E5E5E5;border:1px solid #999;border-radius:3px;}
    input[type='radio']:after {
        width: 13px;
        height: 13px;
        border-radius: 13px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #d1d3d1;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 1px solid white;
    }

    input[type='radio']:checked:after {
        width: 13px;
        height: 13px;
        border-radius: 13px;
        top: -3px;
        left: -2px;
        position: relative;
        background-color: #cf2630;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid white;
    }

    #firma_optimist {position:fixed;bottom:calc(1.9*(20px + 1vw));left:calc(((1.3*(20px + 1vw)) / 2) - 23px);overflow:visible;z-index:60000;color:#7A7A7A;transform: rotate(-90deg);font-size:70%;letter-spacing:1px;}

/*nuovo esplora*/
	#new_esplora, #new_esplora_software, #new_esplora_servizi, #new_esplora_norme, #new_esplora_contatti, #new_esplora_lingue {width:100vw;height:100vh;background:#fff;position:fixed;top:-100vh;left:0;overflow:hidden;}
	#interno_new_esplora {position:relative;margin:calc(1.3*(20px + 1vw));background:#8CCCC9;width:calc(100% - (2.6*(20px + 1vw)));height:calc(100% - (2.6*(20px + 1vw)));z-index:70000;}
	#fascia_settore {position:absolute;left:0;width:18vw;z-index:71500;height:100%;padding:2vw 1vw 2vw 0vw; padding-left: 0vw !important;background:#65BCB8;color:#000;font-size:120%;}
	#fascia_gruppo {position:absolute;left:40;z-index:71200;width:36vw;height:100%;padding:2vw 0.5vw 2vw 17.8vw; padding-left: 17.8vw !important;background:#89D3CF;color:#000;/*font-size:85%;line-height:90%;*/letter-spacing:1px;overflow-y:scroll;}
	#fascia_strumento {position:absolute;left:60;z-index:7100;width:calc(100%);height:100%;padding:2vw 0 2vw 38vw;background:#B9E1DF;color:#000;font-size:85%;letter-spacing:1px;overflow-y:scroll;}
	@keyframes hoverone {
	  0%  {color: inherit;}
	  30%  {color: #cf2630;}
	  100%  {color: #cf2630;}
	}
	#interno_new_esplora p:hover {animation-name: hoverone;animation-duration: 1s;animation-fill-mode: forwards;cursor: grab;}



/*MEDIA QUERY*/
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
        #copertina {height:calc(120vh);padding-top:2vh;}
        /*.titolo, #foto, .foto_intermezzo, .paragrafo, .foto_paragrafo, .box, .action {width:calc(100vw - (4.4*(20px + 1vw)));}*/
        .foto_intermezzo, .paragrafo, .foto_paragrafo, .box, .action {width:calc(100vw - (4.4*(20px + 1vw)));}
        .titolo, #sottotitolo {line-height:80%;}
        .menu, #sottotitolo {font-size:calc(22px + .4vw);line-height:100%;}
        .menu {height:5vh;}
        #menu_strumenti, #menu_applicazioni, #menu_test, #menu_norme {display:none;}
        #elenco_strumenti {margin-top:6vh;}
        .menu_in {width:35vw;font-size:120%;}
        .sottomenugenerale, .bordomenu {left:40vw;width:45vw;}
        .vocemenugenerale {min-width:28vw;}
        /*#sottotitolo {width:100%}*/
        /*#foto {position:static;height:calc(55vw - (3*(20px + 1vw)));overflow:hidden;background-size:calc(50vw - (4*(30px + 1vw)));margin:2vh 0;}*/
        #foto {height:calc(55vw - (3*(20px + 1vw)));overflow:hidden;background-size:calc(50vw - (4*(30px + 1vw)));margin:2vh 0;}
        .logo {position:static;}
        #logo_piccolo {display:none;}
        .foto_intermezzo {height:40vh;min-height:40vw;}
        .paragrafo {clear:both;font-size:calc(20px + .4vw);line-height:calc(24px + 1vw);margin-bottom:4vh;margin-right:0;}
        .foto_paragrafo {height:45vw;background-size:70vw;}
        .cella_caratteristiche {font-size:120%;margin:1vh 0;}
        .pagina {height:auto;}
        .box {margin-right:0;}
        .call_to_action {padding:0;height:auto !important;overflow:auto;padding-bottom:15vw;}
        .action {margin-right:0;width:85vw !important;}
.action:last-of-type {width:100% !important;margin-right:0;}
        .reveal {margin-bottom:3vh;}
        /*.tasto {width:70vw;padding:30px;}*/
      #agente {width:100%;padding:30px;}
        .not_mobile {display:none;}
        #news, #pall_cinque {display:none;}
    }

@media screen 
    and (min-device-width: 320px) 
    and (max-device-width: 667px) 
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation:portrait) {
        #copertina {height:calc(135vh);padding-top:2vh;}
        .titolo, #foto, #foto_home, .foto_intermezzo, .paragrafo, .foto_paragrafo, .box, .action {width:calc(100vw - (4.4*(20px + 1vw)));}
        .titolo, #sottotitolo {line-height:80%;}
        .menu, #sottotitolo {font-size:calc(21px + .4vw);line-height:100%;}
        .menu {height:5vh;}
        #menu_strumenti, #menu_applicazioni, #menu_test, #menu_norme {display:none;}
        #elenco_strumenti {margin-top:6vh;}
        .menu_in {width:35vw;font-size:120%;}
        .sottomenugenerale, .bordomenu {left:40vw;width:45vw;}
        .vocemenugenerale {min-width:28vw;}
        #sottotitolo {width:100%}
        #foto, #foto_home {position:static;height:calc(60vh - (3*(20px + 1vw)));overflow:hidden;background-size:calc(50vh - (4*(30px + 1vw)));margin:2vh 0;}
        #foto_home {background-size:calc(100vw - (3*(30px + 1vw))) !important;background-position:top center;}
        .logo {position:static;}
        #logo_piccolo {display:none;}
        #resume {column-count:1;column-gap:40px;}
        .foto_intermezzo {height:40vh;min-height:40vw;}
        .paragrafo {clear:both;font-size:calc(20px + .4vw);line-height:calc(24px + 1vw);margin-bottom:4vh;margin-right:0;}
        .foto_paragrafo {height:60vw;background-size:80vw !important;}
        .foto_paragrafo_home {height:80vw !important;background-size:50vw !important;background-position:top left !important;}
        .cella_caratteristiche {clear:both;width:100%;font-size:120%;margin:1vh 0;}
        .cella_caratteristiche:last-of-type {border-top:0px solid #cfe1e5;}
        .pagina {height:auto;}
        .box {margin-right:0;}
        .call_to_action {padding:0;padding-bottom:10vh;min-height:140vw;margin-left:0 !important;}
        .action {margin-left:0;margin-right:0;width:100% !important;}
        .action:last-of-type {width:100%;margin-right:0;margin-bottom:5vw;}
        .reveal {margin-bottom:3vh;}
        .tasto {width:81vw !important;padding:30px;}
      #agente {width:100%;padding:30px;}
        .not_mobile {display:none;}
        .ticker {width:80vw;}
        #slider {width:80vw;}
        #news, #pall_cinque {display:none;}
        /*#elenco_agenti {font-size:160%;}*/
        .evidenza_fondo {width:80vw;height:240vw !important;}
        .evidenza {width:70vw !important;margin-bottom:15vw;}
        
        .box, .pagina, #interno_opuscolo, #container {heigth:auto;border:0;}
        ::-webkit-scrollbar {display: auto;}
		
		.menu_orizz {font-size:2vh;}
		.i_strumento {height:auto;}
		.i_strumento div {height:12vh;}
    }
    
@media screen 
    and (min-device-width: 900px) {
        /*.privacy_testo {width:40vw !important;}*/
}

@media screen 
    and (orientation:portrait) {		
		* {clear:both;}
		.menu_orizz {font-size:2vh !important;float:left !important;}
		.i_strumento {height:auto !important;}
		.i_strumento div {height:12vh !important;}
		.menu_orizz_gruppo {font-size:1.5vh !important;line-height:100% !important}
		.q_strumento .bebas p {font-size:1.2vh !important;}
}

@media screen 
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation:portrait) {
        #copertina {height:calc(135vh);padding-top:2vh;}
        .titolo, #foto, #foto_home, .foto_intermezzo, .paragrafo, .foto_paragrafo, .box, .action {width:calc(100vw - (4.4*(20px + 1vw)));}
        .titolo, #sottotitolo {line-height:80%;}
        .menu, #sottotitolo {font-size:calc(21px + .4vw);line-height:100%;}
        .menu {height:5vh;}
        #menu_strumenti, #menu_applicazioni, #menu_test, #menu_norme {display:none;}
        #elenco_strumenti {margin-top:6vh;}
        .menu_in {width:35vw;font-size:120%;}
        .sottomenugenerale, .bordomenu {left:40vw;width:45vw;}
        .vocemenugenerale {width:20vw !important;}
        #sottotitolo {width:100%}
        #foto, #foto_home, #foto_home_hi {position:static;width:80vw;height:calc(60vh - (3*(20px + 1vw)));overflow:hidden;background-size:calc(50vh - (4*(30px + 1vw)));margin:2vh 0;}
        #foto_home, #foto_home_hi {background-size:calc(100vw - (3*(30px + 1vw))) !important;background-position:top center;}
        .logo {position:static;}
        #logo_piccolo {display:none;}
        #resume {column-count:1;column-gap:40px;}
        .foto_intermezzo {height:40vh;min-height:40vw;}
        .paragrafo {clear:both;font-size:calc(20px + .4vw);line-height:calc(24px + 1vw);margin-bottom:4vh;margin-right:0;}
        .foto_paragrafo {height:70vw;background-size:80vw !important;}
        .foto_paragrafo_home {height:80vw !important;background-size:50vw !important;background-position:top left !important;}
        .cella_caratteristiche {clear:both;width:100%;font-size:120%;margin:1vh 0;}
        .cella_caratteristiche:last-of-type {border-top:0px solid #cfe1e5;}
        .pagina {height:auto;}
        #box_brochure {margin-right:0;width:100%;}
        #box_brochure span {width:100%;}
        #box_software {display:none;}
        #box_0, #box_1, #box_2 {width:100%;}
        .call_to_action {padding:0;min-height:140vw;margin-left:0 !important;overflow:auto;padding-bottom:10vw;}
        .action {margin-left:0;margin-right:0;width:100% !important;}
        .action:last-of-type {width:100%;margin-right:0;margin-bottom:5vw;}
        .reveal {margin-bottom:3vh;}
        .tasto {width:81vw !important;padding:30px;margin-left:0px;}
        .action .tasto {padding-bottom:80px;font-size:200%;}
        #agente {width:100%;padding:30px;}
        .not_mobile {display:none;}
        .ticker {width:80vw;}
        #slider {width:80vw;}
        #news, #pall_cinque {display:none;}
        /*#elenco_agenti {font-size:160%;}*/
        .evidenza_fondo {width:80vw;height:240vw !important;}
        .evidenza {width:70vw !important;margin-bottom:15vw;}
        .box {border:0}
    }
    
    @media print {
        #container {display:none;}
        .print {display:block;color:#000;}
        .colore_bordo {background:none !important;}
        #chiusura, #giu {display:none !important;}
    }
    
    /* iPad Pro  */
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  {
        .titolo {font-size:850% !important;line-height:85% !important;margin-top:20px;}
        #sottotitolo {font-size:250%;line-height:90%;}
        .menu {height:2vh;}
        .tasto {width:70vw !important;padding:30px;}
        #agente {width:100%;padding:30px;}
    }
    
    /* nuovo iPad Pro 12,9" */
    @media only screen and (min-device-width: 1668px) and (max-device-width: 2388px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:portrait) {
        .titolo {font-size:650% !important;line-height:85% !important;margin-top:20px;}
        #sottotitolo {font-size:200%;line-height:90%;}
        .menu {height:2vh;}
        .tasto {width:70vw !important;padding:30px;}
        #agente {width:100%;padding:30px;}
    }
    
    /* nuovo iPad Pro 12,9" */
    @media only screen and (min-device-width: 2048px) and (max-device-width: 2732px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:portrait) {
        .titolo {font-size:850% !important;line-height:85% !important;margin-top:20px;}
        #sottotitolo {font-size:250%;line-height:90%;}
        .menu {height:2vh;}
        .tasto {width:70vw !important;padding:30px;}
        #agente {width:100%;padding:30px;}
    }
    /* nuovo iPad Pro 12,9" */
    @media only screen and (min-device-width: 2048px) and (max-device-width: 2732px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:landscape) {
        .tasto {width:inherit;}
	}
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        /* IE10+ CSS styles go here */
        .box {width:calc(((100vw - (4.6*(20px + 1vw))) - 4vw) / 3);}
        .call_to_action, .novita {width:calc(100vw - (4.4*(20px + 1vw)));min-height:30vw;clear:both;background:#cf2630;color:#fff;padding:0;}
    }
    
    /* Chrome, Safari, AND NOW ALSO the Edge Browser and Firefox */
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        .box {width:calc(((100vw - (4.6*(20px + 1vw))) - 4vw) / 3);}
        .call_to_action, .novita {width:calc(100vw - (4.4*(20px + 1vw)));clear:both;background:#cf2630;color:#fff;padding:0;}
    }
    
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}

.parsley-errors-list {
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 0.9em;
  opacity: 0;

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}