@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;}
    ::-webkit-scrollbar {display: none;}
    a {color:inherit;text-decoration:none;}
    a:hover:not('.menu span a') {color:#999;}
	h1, h2, h3, p {font-family:inherit;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);position:relative;}
    .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, .menu_orizz {color:#cf2630;width:7vw;position:relative;}
    .norme_out, .menu_orizz_out {display:none;position:absolute;width:50vw;left:12vw;top:4.1vw;}
.menu_orizz {}
    #menu_mobile select, #contatti_mobile, #cerca_mobile, #norme_mobile, #home_mobile, #select_strumenti, #select_applicazioni, #select_campi {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 {width:80vw;font-size:5.5vw;background:#E0E0E0;color:#1E1E1E;}

    
    .pagina {min-height:35vh;clear:both;overflow:hidden;margin-bottom:20vh;}
    .titolo, .titolo_why {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)));transition: all 2s cubic-bezier(0.25, 0.8, 0.25, 1);}
    #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_testo {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;margin-bottom:5vh;border-radius:20px;box-shadow: 0 0 3px 3px #ddd;position:relative;overflow:hidden;}
    .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:'hk_grotesklight';font-size:calc(10px + .4vw);line-height:calc(8px + 1vw);float:left;}
    .paragrafo:last-of-type {margin-right:0;}
    .titolo_paragrafo {font-family:'hk_grotesksemibold';color:#0073b9;font-size:130%;display:inline-block;margin-bottom:15px;}
    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, .foto_paragrafo_slide, .foto_paragrafo_no_dida {height:26vw;width:calc(((100vw - (4.4*(20px + 1vw))) - 9.6vw) / 3);margin-bottom:2vh;background-size:cover/*26vw*/;background-position:left center;background-repeat:no-repeat;transition: all 2s cubic-bezier(0.25, 0.8, 0.25, 1);overflow:hidden;transform-origin: 0% 0%;}
    .dida_foto_paragrafo {position:relative;top:-50px;bottom:0px;width:calc(((100vw - (4.4*(20px + 1vw))) - 9.6vw) / 3);background:rgba(0,115,185,1);color:#efefef;padding:6px 10px;}
    .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;}
    .norma, .menu_orizz {display:inline-block;position:relative;background:#efefef;padding:5px 10px;border:2px solid #E3000F;border-radius:5px;margin-right:6px;margin-bottom:8px;}
    .norma, .menu_orizz {display:inline-block;position:relative;background:#E3000F;padding:5px 10px;border:2px solid #E3000F;border-radius:5px;margin-right:6px;margin-bottom:8px; color: #fff;}
    .tooltip_norma, .tooltip_menu_orizz {display:none;position:absolute;top:42px;left:0px;z-index:30;background:#B2000C;padding:10px 10px;border-radius:5px;font-size:60%;line-height:100%;color:#efefef;}

	.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;}

    #form_norma_ente, #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;}
    .testo_norma {background:rgba(255,255,255,0.7);padding:12px 18px;border-radius:4px;font-size:1.3vw;line-height:110%;color:#222;width:43vw;height:6vw;vertical-align:center;overflow:auto;}
    .quadrato_norme {position:relative;float:left;height:19vw;width:21vw;margin:0 1vw 1vw 0;background:rgba(255,255,255,0.4);padding:1vw;border-radius:10px;}
    .quadrato_norme:hover {background:rgba(255,255,255,0.65);}
    .foto_norme {width:12vw;height:12vw;background-position:center bottom;background-repeat:no-repeat;background-size:contain;margin:0 3.5vw 10px 3.5vw;}
    .titolo_norme {font-size:150%;line-height:100%;color:#cf2630;text-align:center;}
    .ribbon {position: absolute;left: -5px; top: -5px;z-index: 1;overflow: hidden;width: 150px; height: 150px;text-align: right;}
    .ribbon span {font-size:14px;font-weight:bold;color:#FFF;text-align:center;line-height:22px;letter-spacing:1px;transform:rotate(-45deg);width:150px;display:block;background:#0073B9;box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);position:absolute;top:35px;left:-29px;}
    .ribbon span::before {content: "";position: absolute; left: 0px; top: 100%;z-index: -1;border-left: 3px solid #0073B9;border-right: 3px solid transparent;border-bottom: 3px solid transparent;border-top: 3px solid #0073B9;}
    .ribbon span::after {content: "";position: absolute; right: 0px; top: 100%;z-index: -1;border-left: 3px solid transparent;border-right: 3px solid #0073B9;border-bottom: 3px solid transparent;border-top: 3px solid #0073B9;}


    .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:1.4vw;}
    .action:last-of-type {width:15.2vw;margin-right:0;}
    .tasto, .tasto_bianco, .tasto_blu, .tasto_blu_blu, .tasto_rosso, .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_bl {border:2px solid #0073b9;color:#0073b9;}
    .tasto_rosso {border:2px solid #AF0000;color:#AF0000;}
    .tasto:hover {background:#EE6567/*#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 {display:i;width:calc(5vw);margin:10px 10px 0 0;min-width:54px;border:1px solid #bbb;border-radius:0.3vw;box-shadow:0 0 2px 1px #fff;}
    .bandiere_mail {position:absolute;left:1px;top:4px;z-index:1;border-radius:0.3vw;}

    #popup_mailup, .modulo_mailup {background:#fff;color:#2F2F2F;border:38px solid #cf2630;z-index:500000;width:600px;height:720px;padding:3vw;position:absolute;left:calc(50vw - 300px);top:calc(50vh - 350px);}
    #popup_mailup div {margin:10px 0;}
    .modulo_mailup label {display:inline-block;width:28%;font-family:'hk_groteskregular' !important;}
    .modulo_mailup input, .modulo_mailup textarea, .modulo_mailup select {width:71%;font-size:18px;margin-bottom:5px;padding-left:5px;font-family:'hk_groteskregular' !important;}
    .modulo_mailup textarea {border-color:#999; vertical-align: top;}
    .modulo_mailup select {height:30px;padding:0 5px;}
    #bottone {width:100%;}


video {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}


    .quadrato_software {position:absolute;background:#cfd0d1;}
    .slogan_software {position:absolute;float:left;font-size:5vw;line-height:4.5vw;color:rgba(255,255,255,0.7);}
    .maniglia_software_dx, .maniglia_software_sx {width:1vw;height:1vw;border-radius:0.5vw;margin:1vw 0 0 12.3vw;border:1px solid #333;background:#555;z-index:3;}
    .maniglia_software_sx {margin:1vw 0 0 1vw;}
    .bordo_software {border:3px solid #272525;}
    .path, .path_rev {stroke-dasharray:10;animation:dash 40s linear forwards;animation-iteration-count:infinite;}
    .path_rev {stroke-dasharray:30;animation:dash 20s linear reverse;animation-iteration-count: infinite;}
    @keyframes dash {
      to {stroke-dashoffset: 1000;}
    }
    .clsx-1, .clsy-1, .clsz-1 {stroke-dasharray:100;animation:curva1 40s linear reverse;animation-iteration-count:infinite;}
    @keyframes curva1 {
      to {stroke-dashoffset: 1000;}
    }
    
    .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:-208px;top:-7px;width:200px;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:15vw;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 {width:100vw;height:100vh;background:#fff;position:fixed;top:-100vh;left:0;z-index:2100;}
	#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;background:#65BCB8;color:#000;font-size:120%;}
	#fascia_gruppo {position:absolute;left:40;z-index:71200;width:36.5vw;height:100%;padding:2vw 0.5vw 2vw 17.8vw;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;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) {/*ORIZZONTALE*/
        #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, #foto_hi {height:80vh !important;width:80vh !important;overflow:hidden;background-size:calc(50vw - (4*(30px + 1vw)));margin:2vh 0;}
	    #claim {color:#fff !important;background:none !important;padding-left:4.5vw !important;bottom:inherit !important;width:100vw !important;}
	    .wrap_paragrafo {width:calc(((94vw - (3.6*(20px + 1vw))) - 9.2vw - (4*(20px + 1vw))) / 3) !important;}
        .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, .foto_paragrafo_no_dida, .foto_paragrafo_slide {height:45vw !important;width:65vw;background-size:70vw;}
        .cella_caratteristiche {font-size:120%;margin:1vh 0;}
        .pagina {height:auto;}
        .box {margin-right:0;}
        .call_to_action {padding:0;padding-bottom:10vh;}
        .action {margin-right:0;width:100%;}
.action:last-of-type {width:100%;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: 900px) {
        .privacy_testo {width:40vw !important;}
}

@media screen 
    and (min-device-width: 320px) 
    and (max-device-width: 667px) 
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation:portrait) {/*VERTICALE*/
        #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:90% !important;}
        .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, #foto_hi {position:static;height:calc(60vh - (3*(20px + 1vw)));overflow:hidden;background-size:calc(50vh - (4*(30px + 1vw)));margin:2vh 0;}
        .dissolver, .foto_dissolver {width:80vw !important;height:80vw !important;}
        #foto_home {background-size:calc(100vw - (3*(30px + 1vw))) !important;background-position:top center;}
        .logo {position:absolute;bottom:20px;}
        #logo_piccolo {display:none;}
        #resume_testo {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, .foto_paragrafo_no_dida, .foto_paragrafo_slide {height:70vw !important;width:70vw !important;background-size:80vw !important;}
        .foto_paragrafo_home {height:80vw !important;background-size:50vw !important;background-position:top left !important;}
		.dida_foto_paragrafo {width:66vw !important;top:-100px !important;font-size:150%}
        .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;}
        .action {margin-right:0;width:100%;}
.action:last-of-type {width:100%;margin-right:0;}
        .reveal {margin-bottom:3vh;}
        .tasto {width:70vw !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%;}
        #bandierine_alto_dx {display:none;}
        .titolo_why {font-size:calc(70px + 3vw) !important;}
        #titolo0 {font-size:calc(105px + 3vw) !important;}
        #logo_why {display:none;}
        #icona {top:-160px !important;}
        #bottone_quotazione {top:68vh !important;}
        .box {border:0}
    }
    
@media screen 
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation:portrait) {/*VERTICALE*/
        #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:90% !important;}
        .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_hi, #foto_home {position:static;height:calc(60vh - (3*(20px + 1vw)));overflow:hidden;background-size:calc(50vh - (4*(30px + 1vw)));margin:2vh 0;}
        .dissolver, .foto_dissolver {width:80vw !important;height:80vw !important;}
        #foto_home {background-size:calc(100vw - (3*(30px + 1vw))) !important;background-position:top center;}
        .logo {position:static;}
        #logo_piccolo {display:none;}
        #resume_testo {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, .foto_paragrafo_no_dida, .foto_paragrafo_slide {height:70vw !important;width:80vw !important;background-size:80vw !important;}
        .foto_paragrafo_slide {background-size:70vw !important;}
        .foto_paragrafo_home {height:80vw !important;background-size:50vw !important;background-position:top left !important;}
		.dida_foto_paragrafo {width:66vw !important;top:-100px !important;font-size:150%}
        iframe {width:90vw !important;height:60vw !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;padding-bottom:10vh;}
        .action {margin-right:0;width:100%;}
        .action:last-of-type {width:100%;margin-right:0;}
        .reveal {margin-bottom:3vh;}
        .tasto {width:70vw !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%;}
        #bandierine_alto_dx {display:none;}
        .titolo_why {font-size:calc(70px + 3vw) !important;}
        #titolo0 {font-size:calc(105px + 3vw) !important;}
        #logo_why {display:none;}
        #icona {top:-160px !important;}
        #bottone_quotazione {top:68vh !important;}
        .box {border:0}
    }
    
    @media print {
        .non_print, #download, #vedi_anche, #call {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:450% !important;line-height:85% !important;margin-top:20px;}
        #sottotitolo {font-size:150%;line-height:110%;}
        .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;}*/
        .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;}
    }
    
    @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)));min-height:30vw;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;
}