/*
Theme Name:     Leverplan 
Description:    Child theme of Twenty Fifteen 
Template:       twentyfifteen
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,300,400,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);

/***** NASCONDE LA BARRA ADMIN DI WORDPRESS *****/
#wpadminbar {display:none!important;}
/********************************/

a:focus { outline: 0; }
input:focus{ outline:0; outline: none; }
img {border:0; max-width:none; }
br { letter-spacing: 0; }
a {	color: #575756; text-decoration: none; }
a:visited,
.entry-content a, 
.comment-content a { color: #575756; }
a:focus { outline: none; }
a:active, a:hover { color: #ef7d00; outline: 0; text-decoration: none; }
h1,h2,h3,h4,h5,p { margin:0; padding:0; }

.giallo { color:#fdc300; }
.arancio { color:#ef7d00; }
.azzurro { color:#1e63cd; }
.azzurrochiaro { color:#009fe3; }
.grigio { color:#333; }

h2 { font-size:1em; font-weight:400; }
/*h2 { font-size: 2.875em; font-family: 'Roboto condensed', sans-serif; font-weight:700; font-weight:300; /*-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;*/ /*}*/
/*h3 { font-family: 'Roboto condensed', sans-serif; color:#e96c07; font-size: 1.875em; font-weight:700; }*/
/*h4 { font-size: 1.25em; font-weight:500; }*/


h3 { font-size: 3.1875em; font-family: 'Roboto condensed', sans-serif; font-weight:700; font-weight:300; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
h4 { font-size:1em; font-weight:300 }
h5 { font-family: 'Roboto condensed', sans-serif; color:#fff; font-size: 1.875em; font-weight:500;line-height: 1.05em; }
h6 { font-size: 1.25em; }

/*---- elenco neutro ----*/
ul { list-style-type: none; margin:0; padding:0; }
ul li { padding:5px 0; }

/*---- elenco numerato ----*/
ul.punti { list-style-type: none; }
ul.punti li { background-position:  0 0; background-repeat: no-repeat; padding:0 0 10px 30px; }
ul.punti li.uno { background-image: url("images/uno.gif"); }
ul.punti li.due { background-image: url("images/due.gif"); }
ul.punti li.tre { background-image: url("images/tre.gif"); }
ul.punti li.quattro { background-image: url("images/quattro.gif"); }
ul.punti li.cinque { background-image: url("images/cinque.gif"); }
ul.punti li.sei { background-image: url("images/sei.gif"); }
ul.punti li.sette { background-image: url("images/sette.gif"); }
ul.punti li.otto { background-image: url("images/otto.gif"); }

/*---- elenco numerato bis ----*/
.numero { font-weight: bold; background-position: left center; background-repeat: no-repeat; padding:10px 0 10px 30px;}
.numero.uno { background-image: url("images/uno-arancio.gif"); }
.numero.due { background-image: url("images/due-arancio.gif"); }

/*---- elenco puntato ----*/
ul.pallini { list-style: disc }
ul.pallini li { padding:5px 0; margin-left: 15px; }

/*---- elenco puntato ----*/
ul.spunta { list-style: none;  }
ul.spunta li { padding:0 0 10px 20px; background: url("images/spunta.png") 0 0 no-repeat; }

ul.pallinigialli { list-style: none; }
ul.spunta li {padding:0 0 10px 20px;}
ul.spunta li:before { content:'\2022'; color:#fdc300; font-weight: 800; font-size: 2em; }



a.lnk-vai { padding:10px 20px 10px 0; background: url(images/freccia-lnk-vai.png) center right no-repeat; color:#ffbe3d; font-size: 1.167em; }
a.lnk-vai:hover { opacity:0.7; }
a.go-back { padding:10px 0 10px 25px; background: url(images/freccia-lnk-back.png) center left no-repeat; color:#e96c07; font-size: 1.167em; }
a.go-back:hover { opacity:0.7; }

a.lnk-su { color:#ffbe3d; text-decoration:none; position:absolute; bottom:10px; right:10px; width:50px; }
a.lnk-su img { width:100%; height:auto; }

.pallini-arancio { list-style-type: none; }
.pallini-arancio li { background: url(images/pallino-arancio.png) 0 5px no-repeat; padding:0 0 18px 18px; }


.skip-link { display:none; }
.navbar { max-width: none; }

html{margin-top:0!important;}
body, html,form { margin: 0px; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height:normal; font-weight:300;/* -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; */}
body { color:#333; }
body.home { background-color:#000; }
body:before { display:none; }
h1#frase-header { font-size: 0.714em; font-weight:200; color:#999; text-align:center; }
button, input[type="button"], input[type="reset"], input[type="submit"] { font-family: 'Open Sans', sans-serif; }
.site { max-width: 100%; background:#fff; }
.hentry { box-shadow:none; }

.pallini { list-style-type: disc; padding-left:20px; }
.pallini li { padding-bottom:15px }

.hentry, .page-header, .page-content, .site-main { margin:0; padding:0; }

/* larghezza 1200px */
.entry-header, .entry-content, .entry-summary, .entry-meta { max-width:100%; margin:0; padding:0; }
.site-header .inner,
.interne .intro .over .inner,
.home .over .inner,
.sezione-contatti .banners,
.interne .blocco .inner,
.blocco.type6 .contenuti,
.blocco.type7 .testo .inner,
.blocco.type8 .testo.over .inner,
.blocco.type8 .icone,
.blocco.type9 .testo.over .inner,
.speciale-formula .intro .introtesto .inside,
.speciale-nogap .intro,
.creativo .intro,
.creativo .outro,
.principi .blocco.num2,
.sezione-contatti .intro, .sezione-contatti .compila,
.site-footer .inner { width:1200px; margin:0 auto; }

/* header */
.site-header { position: relative; top: 0; left: 0; z-index: 1000000; margin:0; padding:15px 0; width:100%; height:100px; left:0; top:0; border-bottom:1px solid #555; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s; background: #000; color:#fff; box-shadow: 0 6px 6px rgba(0,0,0,0.2);}
.site-header .inner { position:relative; display: flex; }
.site-header .logo { /* position:absolute; top:0; left:20px; z-index:11; */ margin:20px 0 0 20px; width:210px; height:auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;  }
.site-header .logo img { width:100%; height:auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.site-header .destra { width:calc(100% - 210px); position:relative; margin:20px 0 0 30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.site-header .slogan { /*  position:absolute; top:15px; left:230px; */ font-family: 'Roboto condensed', sans-serif; color:#fff;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

/* pulsante "porta in alto" per smartphone */
.button-up { cursor:pointer; position:fixed; display:flex; left:0; top:-50px; width:100%; height:50px; align-items: center; justify-content: center; background:#000; -webkit-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out; z-index:9999999999; border-bottom:1px solid #444; box-shadow: 0 1px 10px rgba(0, 0, 0, .5); }
.button-up .arrowbuttonup { width:50px; }
.button-up .arrow { width:20px; fill:none; stroke:#FBBD3F; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; stroke-miterlimit:10; }
.button-up.active { top:0; }

/* menu top */
.menucontainer { display:none; position:absolute; right:20px; top: 15px; }
.menucontainer .openmenu { float:right; /*margin-right:40px;  width:30px; height:18px;*/ pointer-events:all; cursor:pointer; position:relative; }
.menucontainer .openmenu .testo { float:left; margin-right:10px; font-size:1em; font-weight:200; margin-top:0; }
.menucontainer .openmenu .icon-menu { float:left; position:relative; width:30px; height:18px; }
.menucontainer .openmenu .icon-menu .bar { width:100%; height:4px; position:absolute; background-color:#fff; -webkit-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out; opacity:1 }
.menucontainer .openmenu .icon-menu .bar.num2 {top:50%}
.menucontainer .openmenu .icon-menu .bar.num3 {top:100%}
.menucontainer .openmenu.active .icon-menu .bar.num1 {-webkit-transform:translateY(9px) rotate(45deg);-ms-transform:translateY(9px) rotate(45deg);transform:translateY(9px) rotate(45deg)}
.menucontainer .openmenu.active .icon-menu .bar.num2 {opacity:0}
.menucontainer .openmenu.active .icon-menu .bar.num3 {-webkit-transform:translateY(-9px) rotate(-45deg);-ms-transform:translateY(-9px) rotate(-45deg);transform:translateY(-9px) rotate(-45deg)}

nav#menu.desktop { /* position:absolute; top:45px; left: 230px; */ margin-top:5px; display:block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
nav#menu.desktop ul { list-style-type:none; width:100%; margin-bottom:0; }
nav#menu.desktop ul li { display: inline-block; margin-right: 40px; }
nav#menu.desktop ul li:last-child { margin-right:0; }
nav#menu.desktop ul li a { color:#999; text-decoration: none; font-size:0.875em; text-transform: uppercase; letter-spacing: 0.1em; }
nav#menu.desktop ul li.current_page_item a { color:#ffbe3d; }
nav#menu.desktop ul li a:hover { color:#ffbe3d; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
nav#menu.desktop ul li a:after { display:block; content: ''; width:100%; border-bottom: solid 2px #999; transform: scaleX(0); -webkit-transition: all 250ms; -moz-transition: all 250ms; transition: all 250ms ease-in-out; height:4px; }
nav#menu.desktop ul li a:hover:after { border-bottom: solid 2px #ffbe3d; transform: scaleX(1); }

nav#menu.mobile { display:none; opacity:1; position:fixed; overflow:hidden; width:100%; height:100%; top:0; left:0; background: #ffbe3d; z-index:999999; text-align:center; }
nav#menu.mobile .middle { height:100%; ;}
nav#menu.mobile .inner { overflow: auto; position: absolute; bottom:0; left:0; right:0; top:0; padding-top:90px; }
nav#menu.mobile .baffo { margin-bottom:1em; }
nav#menu.mobile ul { list-style-type:none; width:100%; margin-bottom:0; }
nav#menu.mobile ul li a { width:100%; color:#fff; padding:0.1em 0; display:block; font-size: 2.8125em; }
nav#menu.mobile ul li a:hover { background: #fff; color:#ffbe3d;  } 
nav#menu.mobile ul.menutop li a { font-size: 2.8125em; /*font-size: 1.714em;*/ }


/* animazione header on scroll */
.site-header.shrink { position: fixed; box-shadow: 0 1px 10px rgba(0, 0, 0, .3); height: 80px;  border-bottom:1px solid #555; }
.site-header.shrink .inner { position:relative; }
.site-header.shrink .logo { /* top:-2px; */ margin-top:0; }
/* .site-header.shrink .logo img { width:200px; } */
.site-header.shrink .destra { margin-top:0; }
.site-header.shrink .slogan { display: block; /* left: 130px; top: 5px; */ font-size: 1em; }
.site-header.shrink .menucontainer {  top:5px;  }
.site-header.shrink nav#menu.desktop { /* top:25px; left: 130px; */ }


/* corpo */
/*.site-main { margin-top:80px; }*/
.home .site-main { margin-top:0px; }
.entry-content { hyphens:initial; }
.hentry { padding:0; }
.site-content { padding:10px 0;}



/* HOME */
#maskVelina { display:none; opacity:1; background: #000; position:fixed; width:100%; height:1000%; overflow:hidden; z-index:1000000; cursor: wait; top:0; left:0;}
#loader { display:none; opacity:1; position:relative; margin:30% auto; width:90%; height:200px; z-index:1000001; }
#loader .line { width:0; height:3px; background-color: #ffbe3d; margin:0 auto; animation: aniline 3000ms ease-in-out forwards infinite; } 
@keyframes aniline { 0% { width: 0; } 50% { width:100%; } 100% { width:0; } }

.home #maskVelina,
.home #loader { display:block; }
.home video { margin:0; padding:0; border:0; display:block; position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width:auto; height: auto; z-index: 0; transform: translateX(-50%) translateY(-50%); background:#000; /*background: url(images/sfondo-home-ani-2019.jpg) no-repeat; background-size: cover;*/ transition: 1s opacity; max-width: none; }
.home div.sezione { overflow:hidden; position:relative; background-color:#000; background-position: center bottom; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; min-height: 100%; display: block; }
.home div.sezione .sottotitolo,
div.sezione-contatti .sottotitolo,
.home div.sezione .testosotto { font-size: 1.5em; }
.home div.sezione .testosopra { padding-top:60px }
.home div.sezione .testosotto { padding-bottom:60px }
.home .over { position:absolute; z-index:1000; width:100%; text-align:center; }
.home div.sezione.num1 { height:unset!important; overflow:hidden; }
.home div.sezione.num1 .inner { position:relative; }
.home div.sezione.num1 .over { /* top:10%; */ color:#fff; font-family: 'Roboto condensed', sans-serif; text-shadow: 1px 1px 2px rgba(0,0,0,0.4); top:0; height:100%; display: flex; align-items: center; }
.home div.sezione.num1 .over .inner { margin-top:-110px/* 7% */; }
.home div.sezione.num1 .over .titolo { font-size: 3.625em; font-weight:700; }
.home div.sezione.num1 .over .sottotitolo { font-size: 1.75em; font-weight:700;  }

/*animazione*/
.home .rete { position:absolute; width:100%; height:100%; top:12%; left:0; display:flex; justify-content: center; align-items: center; }
.home .connessioni { width:100%; margin-top: 0%; margin-left: -7%; }
.home .st01, .home .st02, .home .st03, .home .st04, .home .st05, .home .st06, .home .st07, .home .st08, .home .st09, .home .st10, .home .st11, .home .st12, .home .st13, .home .st14, .home .st15 { fill:none;stroke:#fff;stroke-width:1;stroke-miterlimit:10; stroke-dasharray: 1000 ; stroke-dashoffset: 1000; animation: draw 2000ms ease-in-out forwards; }
.home .stroke,
.home .alone { fill:none;stroke:#fff;stroke-width:1;stroke-miterlimit:10;} 
.home .st01flash, .home .st02flash, .home .st03flash, .home .st04flash, .home .st05flash, .home .st06flash, .home .st07flash, .home .st08flash, .home .st09flash, .home .st10flash, .home .st11flash, .home .st12flash, .home .st13flash, .home .st14flash, .home .st15flash { fill:none;stroke:#fff;stroke-width:1.5;stroke-miterlimit:10; opacity:0; }
.home .fill { fill:rgba(253, 195, 6, 0.5); }  
.home .fill2 { fill:rgba(253, 195, 6, 1); }
.home .stroke2 { fill:none;stroke:#FDC306;stroke-width:1;stroke-miterlimit:10;}   
.home .st01 { animation-delay: 600ms; } 
.home .st02 {  animation-delay: 800ms; } 
.home .st03 {  animation-delay: 1000ms; }  
.home .st04 {  animation-delay: 1200ms; }  
.home .st05 {  animation-delay: 1400ms; }     
.home .st06 {  animation-delay: 1500ms; }   
.home .st07 {  animation-delay: 1800ms; }    
.home .st08 {  animation-delay: 2000ms; } 
.home .st09 {  animation-delay: 2200ms; }  
.home .st10 {  animation-delay: 2400ms; } 
.home .st11 {  animation-delay: 2600ms; } 
.home .st12 {  animation-delay: 2800ms; } 
.home .st13 {  animation-delay: 3000ms; } 
.home .st14 {  animation-delay: 3200ms; } 
.home .st15 {  animation-delay: 3400ms; } 
.home .st01flash, .home .st02flash, .home .st03flash, .home .st04flash, .home .st05flash, .home .st06flash, .home .st07flash, .home .st08flash, .home .st09flash, .home .st10flash, .home .st11flash, .home .st12flash, .home .st13flash, .home .st14flash, .home .st15flash { stroke-dasharray: 1000 ; stroke-dashoffset: 0; animation: draw2 2000ms ease-in-out forwards infinite; }
.home .st01flash { animation-delay: 3600ms; } 
.home .st02flash { animation-delay: 3800ms; } 
.home .st03flash { animation-delay: 4000ms; } 
.home .st04flash { animation-delay: 4200ms; }  
.home .st05flash { animation-delay: 4400ms; }
.home .st06flash { animation-delay: 4600ms; } 
.home .st07flash { animation-delay: 4800ms; }
.home .st08flash { animation-delay: 5000ms; } 
.home .st09flash { animation-delay: 5200ms; }
.home .st10flash { animation-delay: 5400ms; } 
.home .st11flash { animation-delay: 5600ms; } 
.home .st12flash { animation-delay: 5800ms; } 
.home .st13flash { animation-delay: 6000ms; } 
.home .st14flash { animation-delay: 6200ms; } 
.home .st15flash { animation-delay: 6400ms; }
.home .pth-center { opacity:0; animation: fade 500ms ease-in-out forwards; animation-delay: 400ms;}
.home .pth-center .alone { opacity:0; animation: alone 2000ms ease-in-out forwards infinite; animation-delay: 400ms; }
.home .pth01, .home .pth02, .home .pth03, .home .pth04, .home .pth05, .home .pth06, .home .pth07, .home .pth08, .home .pth09, .home .pth10, .home .pth11, .home .pth12, .home .pth13, .home .pth14, .home .pth15 { opacity:0; animation: fade 1000ms ease-in-out forwards; }
.home .pth01 { animation-delay: 3200ms; }
.home .pth02 { animation-delay: 1400ms; }
.home .pth03 { animation-delay: 2800ms; }
.home .pth04 { animation-delay: 1600ms; }
.home .pth05 { animation-delay: 1800ms; }
.home .pth06 { animation-delay: 1400ms; }
.home .pth07 { animation-delay: 1600ms; }   
.home .pth08 { animation-delay: 1600ms; }
.home .pth09 { animation-delay: 2200ms; }
.home .pth10 { animation-delay: 3200ms; }
.home .pth11 { animation-delay: 3600ms; }
.home .pth12 { animation-delay: 3000ms; }
.home .pth13 { animation-delay: 1200ms; }
.home .pth14 { animation-delay: 2600ms; }
.home .pth15 { animation-delay: 3800ms; }
.home .pth01 path, .home .pth02 path, .home .pth03 path, .home .pth04 path { animation: fade2 2000ms ease-in-out forwards infinite; animation-delay: 1100ms; } 
.home .pth05 path { animation: fade2 2000ms ease-in-out forwards infinite; } 
.home .pth15 { opacity:0; animation: fade 1000ms ease-in-out forwards; animation-delay: 3600ms; }
@keyframes draw { 100% { stroke-dashoffset: 0; } }
@keyframes draw2 { 0% {stroke-dashoffset: 1000; opacity:0 } 25%{ opacity:1; } 50% { stroke-dashoffset: 0; } 75%{ opacity:1 } 100% { opacity:0; } }
@keyframes fade { 0% { opacity: 0; } 100% { opacity:1; } }
@keyframes fade2 { 0% { width: 1; } 50% { opacity: 0.6; } 100% { opacity:1; } }
@keyframes alone { 0% { scale: (1); opacity:0; } 50% { scale: (1.5); opacity:1; } 100% { scale: (1); opacity:0; } }
.home .particles { position:absolute; z-index:100; top:0; left:0; width:100%; height:100%; }
.home .fondo { width:100%; height:auto; }

@media (max-width: 1190px) {
nav#menu.desktop ul li { margin-right:15px; }
}
@media (max-width: 1024px) and (orientation:landscape) {
    .home div.sezione.num1 .over .inner { margin-top:-5%; }
}
@media (max-width: 768px) {
    .home div.sezione.num1 .over .inner { margin-top:-5%; }
}
@media (max-width: 680px) {
    .home div.sezione.num1 .over { /* top:5%; */ align-items: flex-start; } 
    .home div.sezione.num1 .over .inner { margin-top:4%; }
    .home div.sezione.num1 .over .titolo { font-size:3em; }
    .home div.sezione .sottotitolo, div.sezione-contatti .sottotitolo, .home div.sezione .testosotto { font-size:1.2em; }
}
@media (max-width: 480px) {
    .home div.sezione.num1 .over { align-items: center; } 
    .home div.sezione.num1 .over .inner { margin-top:-1%; }
    .home .rete { width:200%; top:13%; left: -50%; }
    .home .fondo { width:300%; margin-left:-65%; }
}
/*altre sezioni*/
.home div.sezione.num2 { background-color:#00375f; }
.home div.sezione.num2 .over { top:50px; }
.home div.sezione.num2 .titolo { color:#fff; }
.home div.sezione.num2 .sottotitolo { color:#fdc300; padding-bottom:30px; }
.home div.sezione.num2 .immagine.sfondo img { width:100%; }
.home div.sezione.num3 .over .inner { margin:0; }
.home div.sezione.num3 {  background-color:#fdc300; }
.home div.sezione.num3 .testosopra { text-align:center; padding:40px 0 0 0; }
.home div.sezione.num3 .formiche img { width:100%; }
.home div.sezione.num3 .formiche.smartphone { display:none; }
.home div.sezione.num3 .testosotto { text-align:center; padding-top:10px; }
.home div.sezione.num4 { color:#fff; }
.home div.sezione.num4 .video { background:#008cf8; }
.home div.sezione.num4 .tondi { padding:50px 0; }
.home div.sezione.num4 .tondi .tondo { margin:0 0.2%; position:relative; float:left; /* opacity: 0; width:0;*/ opacity: 1; width:24%; }
.home div.sezione.num4 .tondi .tondo .testo { position:absolute; top:50%; left:0; z-index:100; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.home div.sezione.num4 .tondi .tondo .testo div { margin:0 20%; font-size:1.5em; font-family:'Roboto condensed', sans-serif; font-weight:400; opacity:1;/* -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; */}
.home div.sezione.num4 .tondi .tondo .immagine { overflow:hidden; }
.home div.sezione.num4 .tondi .tondo .immagine img { width:100%; height:auto; }
/*animazione tondi*/
/*.home div.sezione.num4 .tondi .tondo.active { overflow:auto; -webkit-animation: FadeIn 1s ease-in-out; -webkit-animation-fill-mode: both; -ms-animation: FadeIn 1s ease-in-out; -ms-animation-fill-mode: both; animation: FadeIn 1s ease-in-out; animation-fill-mode: both; width:24%; }
.home div.sezione.num4 .tondi .tondo.active.due { -webkit-animation-delay: 0.4s; -ms-animation-delay: 0.4s; animation-delay: 0.4s; } 
.home div.sezione.num4 .tondi .tondo.active.tre { -webkit-animation-delay: 0.8s; -ms-animation-delay: 0.8s; animation-delay: 0.8s; } 
.home div.sezione.num4 .tondi .tondo.active.quattro { -webkit-animation-delay: 1.2s; -ms-animation-delay: 1.2s; animation-delay: 1.2s; } */
.home div.sezione.num4 .tondi .tondo.active .immagine img { -webkit-animation: rotation 1s ease-in-out; -ms-animation: rotation 1s ease-in-out; animation: rotation 1s ease-in-out; }
.home div.sezione.num4 .tondi .tondo.active.uno .immagine img { -webkit-animation-delay: 0.8s; -ms-animation-delay: 0.8s; animation-delay: 0.8s; } 
.home div.sezione.num4 .tondi .tondo.active.due .immagine img { -webkit-animation-delay: 1.2s; -ms-animation-delay: 1.2s; animation-delay: 1.2s; } 
.home div.sezione.num4 .tondi .tondo.active.tre .immagine img { -webkit-animation-delay: 1.6s; -ms-animation-delay: 1.6s; animation-delay: 1.6s; } 
.home div.sezione.num4 .tondi .tondo.active.quattro .immagine img { -webkit-animation-delay: 2s; -ms-animation-delay: 2s; animation-delay: 2s; } 
/*.home div.sezione.num4 .tondi .tondo.active .testo div { opacity:1; -webkit-transition-delay: 1.2s; -ms-transition-delay: 1.2s; transition-delay: 1.2s;}
.home div.sezione.num4 .tondi .tondo.active.due .testo div {  -webkit-transition-delay: 1.6s; -ms-transition-delay: 1.6s; transition-delay: 1.6s; }
.home div.sezione.num4 .tondi .tondo.active.tre .testo div {  -webkit-transition-delay: 2s; -ms-transition-delay: 2s; transition-delay: 2s; }
.home div.sezione.num4 .tondi .tondo.active.quattro .testo div {  -webkit-transition-delay: 2.4s; -ms-transition-delay: 2.4s; transition-delay: 2.4s; }*/
/*@keyframes FadeIn {     0% {  transform: scale(0); }     80% { transform: scale(1.1); }    100% { opacity: 1; transform: scale(1); } }*/
@keyframes rotation {    0% { transform: rotate(0deg); }    80% { transform: rotate(370deg); }    100% { transform: rotate(360deg); } }
.btn-freccia { display:block; position:absolute; width:70px; height: auto; left:50%; bottom:30px; cursor:pointer;  z-index:105; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.btn-freccia .freccia { width: 0; height: 0; border-left: 40px solid transparent; border-right: 40px solid transparent;  }
.btn-freccia .freccia.giu { border-top: 35px solid #fdc300; }
.btn-freccia .freccia.su { border-bottom: 35px solid #fdc300; }
.home div.sezione.num2 .btn-freccia .freccia { border-top-color: #fff;}
.home div.sezione.num3 .btn-freccia .freccia { border-top-color: #000;}
.home div.sezione-contatti .btn-freccia .freccia { border-bottom-color: #000;}


/* LAYOUT DINAMICO */
.blocco.fondo { background-size:cover; background-repeat:no-repeat; background-position: top left; }
.blocco .inner { overflow:auto; padding:40px 0;  }
.blocco .titolo { line-height:1em; }
.blocco .testo { line-height:1.6em; }
/* layout IMMAGINE A SINISTRA E TESTO A DESTRA e VICEVERSA*/
.blocco .dx { float:right; width:49%; }
.blocco .sx { float:left; width:49%; }
.blocco .dx, 
.blocco .sx { width:45%; margin:0; } 
.blocco .dx img,
.blocco .sx img { width:100%; height:auto; }
.blocco.type1 { text-align:center;  }
/* layout SERIE IMMAGINI */
.blocco.type4 .immagini { overflow:hidden; display:flex; justify-content: space-between; flex-wrap: wrap; }
.blocco.type4 .immagini .immagine { float:left; } 
.blocco.type4.due .immagini .immagine { width:49.3%; margin-right:1.4%; } 
.blocco.type4.tre .immagini .immagine { width:32.633%; margin-right:1%; } 
.blocco.type4.quattro .immagini .immagine { width:24.3%; margin-right:1%; } 
.blocco.type4.cinque .immagini .immagine { width:19.3%; margin-right:1%; } 
.blocco.type4 .immagini .immagine:last-child { margin-right:0; }
.blocco.type4 .immagini .immagine img { width:100%; height: auto; }
/* layout IMMAGINE SINGOLA */
.blocco.type5 { margin-bottom:20px; } 
/* layout SFONDO CON TESTO ED EVENTUALE IMMAGINE */
.blocco.type6 { position:relative; background-position: 50% 0; background-repeat: no-repeat; background-size:cover; }
.blocco.type6 .contenuti { padding:20px; }
/* layout TESTO SOPRA + IMMAGINE SOTTO E SFONDO */
.blocco.type7 .immagine img { display:block; margin:0 auto; }
/* layout TESTO SOPRA A IMMAGINE DI SFONDO */
.blocco.type8  { position:relative; }
.blocco.type8 .testo.over { position:absolute; width:100%; }
.blocco.type8 .testo.over .inner { padding:20px; }
.blocco.type8 .immagine.sfondo img { width:100%; height:auto; }
.blocco.type8{ background: none; }
/* layout SERIE DI ELEMENTI ICONA + TESTO CON TESTO INTRO E SFONDO */
.blocco.type9,
.blocco.type10 { background-size:cover; background-position: top center; }
.blocco.type9 .testo.over,
.blocco.type10 .testo.over { width:100%; }
.blocco.type9 .testo.over .inner,
.blocco.type10 .testo.over .inner { padding:20px; text-align:center; }
/*.blocco.type9 .immagine.sfondo img { width:100%; height:auto; }*/
.blocco.type9 .elementi,
.blocco.type10 .elementi { overflow:hidden; display:flex; justify-content: space-between; flex-wrap: wrap; }
.blocco.type9 .elementi .elemento,
.blocco.type10 .elementi .elemento { min-height:250px;}
.blocco.type9 .elementi .elemento .immagine,
.blocco.type10 .elementi .elemento .immagine { margin:0 auto; display:block; }
.blocco.type9 .elementi .elemento .testo,
.blocco.type10 .elementi .elemento .testo { padding:8px 0; text-align:center; }
.blocco.type9.uno .elemento,
.blocco.type10.uno .elemento { width:100%; float:none; }
.blocco.type9.due .elemento,
.blocco.type10.due .elemento { width:50%; }
.blocco.type9.tre .elemento,
.blocco.type9.sei .elemento,
.blocco.type10.tre .elemento,
.blocco.type10.sei .elemento { width:33.3%; }
.blocco.type9.quattro .elemento,
.blocco.type9.sette .elemento,
.blocco.type9.otto .elemento,
.blocco.type10.quattro .elemento,
.blocco.type10.sette .elemento,
.blocco.type10.otto .elemento { width:25%; } 
.blocco.type9.cinque .elemento,
.blocco.type9.nove .elemento,
.blocco.type9.dieci .elemento,
.blocco.type10.cinque .elemento,
.blocco.type10.nove .elemento,
.blocco.type10.dieci .elemento { width:20%; }
/* posizione testo */
.alto .testo,
.alto .testo.over { top:0px; left:0; bottom:auto; right:auto; width:100%; text-align:center; }
.centrato .testo,
.centrato .testo.over { top:48%; left:0; bottom:auto; right:auto; width:100%; text-align:center; }
.basso .testo,
.basso .testo.over { top:auto; left:0; bottom:0; right:auto; width:100%; text-align:center; }
.alto .testo.over .inner h4,
.alto .testo.over .inner p, 
.centrato .testo.over .inner h4,
.centrato .testo.over .inner p, 
.basso .testo.over .inner h4,
.basso .testo.over .inner p { width:100%; }
.altosx .testo { top:40px; left:0; bottom:auto; right:auto; width:50%; }
.bassosx .testo { top:auto; left:0; bottom:40px; right:auto; width:50%; }
.altodx .testo { top:40px; left:auto; bottom:auto; right:0; width:50%; }
.bassodx .testo { top:auto; left:auto; bottom:40px; right:0; width:50%; }
/* stili personalizzati */
.fontBlack { color:#333; }
.fontWhite { color:#fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.4) }
.bkgWhite { color:#333; }
.bkgBlack { color:#fff; }
.sfumaAlto { color:#0055A4; background: rgba(212,237,252); background: -webkit-linear-gradient(rgba(212,237,252,1), rgba(212,237,252,0)); background: -o-linear-gradient(rgba(212,237,252,1), rgba(212,237,252,0)); background: -moz-linear-gradient(rgba(212,237,252,1), rgba(212,237,252,0)); background: linear-gradient(rgba(212,237,252,1), rgba(212,237,252,0)); }
.sfumaBasso { color:#0055A4;  background: rgba(212,237,252); background: -webkit-linear-gradient(rgba(212,237,252,0), rgba(212,237,252,1)); background: -o-linear-gradient(rgba(212,237,252,0), rgba(212,237,252,1)); background: -moz-linear-gradient(rgba(212,237,252,0), rgba(212,237,252,1)); background: linear-gradient(rgba(212,237,252,0), rgba(212,237,252,1)); }
/* proporzioni */
.prop1090 .sx { width:9%; }
.prop1090 .dx { width:90%; }
.prop2080 .sx { width:19%; }
.prop2080 .dx { width:80%; }
.prop3070 .sx { width:29%; }
.prop3070 .dx { width:70%; }
.prop4060 .sx { width:39%; }
.prop4060 .dx { width:60%; }
.prop5050 .sx,
.prop5050 .dx { width:49.5%; }
.prop6040 .sx { width:60%; }
.prop6040 .dx { width:39%; }
.prop7030 .sx { width:70%; }
.prop7030 .dx { width:29%; }
.prop8020 .sx { width:80%; }
.prop8020 .dx { width:19%; }
.prop9010 .sx { width:90%; }
.prop9010 .dx { width:9%; }


.interne .titolo,
.interne h2.titolo { font-family: 'Roboto condensed', sans-serif; font-size: 2.875em; line-height:1.1em; text-align:center; padding-bottom:20px; }
.interne .sopratitolo { padding-bottom:20px; font-weight:400; text-align:center; }
.interne p.testo { font-size:1.333em; text-align:center; font-weight:400; line-height:normal; }

.creativo { background-color: #363636; color:#fff; text-align:center; padding:40px 0;}
.creativo .evidenziato { color:#fdc300; }
.creativo .intro .evidenziato { padding:40px 0; }
.creativo .intro .evidenziato .asterisco { width:35px; height:auto; }
.creativo .intro .evidenziato .testo { display:inline; padding-left:10px; font-style: italic; font-size: 1.333em; text-align: center; font-weight: 400; line-height: normal; }
.creativo .abaco { overflow:hidden; }
.creativo .abaco .riga { display:flex; justify-content: center; flex-wrap: wrap; width:100%; }
.creativo .abaco .riga .quadro {width: calc(50% - 6px); margin:3px; }
.creativo .abaco .quadro .immagine { width:100%; height:auto; }
.creativo .abaco .riga.num3 .quadro {width: calc(33.3% - 6px); margin:3px; }
.creativo .outro { padding-top:40px; }
.creativo .outro .evidenziato { margin-top:40px; }

/* CHI SIAMO */
.chisiamo .blocco-intro { position:relative; overflow:hidden; }
.chisiamo .blocco-intro .testo.over { position:absolute; width:100%; top: 10px; left:0; width:100%; z-index:9999; }
.chisiamo .blocco-intro .testo.over .inner { width:1200px; margin:0 auto; color:#fff; }
.chisiamo .blocco-intro .immagini { position:absolute; width:100%; height:80%; top:20%; left:0; overflow:hidden; display:none; }
.chisiamo .blocco-intro .immagini .immagine { position:absolute; }
.chisiamo .blocco-intro .immagini .immagine.num1 { top:1%; left:8.5%; }
.chisiamo .blocco-intro .immagini .immagine.num2 { top:15%; left:79%; } 
.chisiamo .blocco-intro .immagini .immagine.num3 { top:8%; left:26%; }
.chisiamo .blocco-intro .immagini .immagine.num4 { top:1%; left:35%; }
.chisiamo .blocco-intro .immagini .immagine.num5 { top:25%; left:29%; }
.chisiamo .blocco-intro .immagini .immagine.num6 { top:2%; left:48%; }
.chisiamo .blocco-intro .immagini .immagine.num7 { top:3%; left:38%; }
.chisiamo .blocco-intro .immagini .immagine.num8 { top:26%; left:49%; }
.chisiamo .blocco-intro .immagini .immagine.num9 { top:67%; left:67%; }
.chisiamo .blocco-intro .immagini .immagine.num10 { top:44%; left:64%; }
.chisiamo .blocco-intro .immagini .immagine.num11 { top:67%; left:49%; }
.chisiamo .blocco-intro .sfondo img { width:100%; height:auto; }

.chisiamo .sottotitolo { font-size:1.333em; }
.chisiamo .blocchi { background: #eee url(images/bkg-team.svg) top left repeat; background-size: 100%; }
.chisiamo .blocco.type9.num1 .testo.over { position:relative; }
.chisiamo .blocco.type9.num1 .testo.over .inner { width:100%; padding:40px 0 0 0;}
.chisiamo .blocco.type9.num1 .elementi { padding-top:40px; overflow:hidden; }
.chisiamo .blocco.type9.num1 .elementi .elemento { width:25%; float:left; margin-right:25%; background:#ffd500; overflow:auto; min-height:0; color:#333; text-shadow: none; }
.chisiamo .blocco.type9.num1 .elementi .elemento.num3,
.chisiamo .blocco.type9.num1 .elementi .elemento.num4,
.chisiamo .blocco.type9.num1 .elementi .elemento.num7,
.chisiamo .blocco.type9.num1 .elementi .elemento.num8 { margin-right:0; margin-left:25%; }
.chisiamo .blocco.type9.num1 .elementi .elemento img { float:left; }
.chisiamo .blocco.type9.num1 .elementi .elemento .testo { float:left;text-align: left; width: 55%; padding: 10px; }
.chisiamo .blocco.type3 .inner { width:100%; padding:0;}
.chisiamo .blocco.type3.due .immagini .immagine { margin:0; }
.chisiamo .blocco.num3,
.chisiamo .blocco.num4 { background-color:#7d2f95; }
.chisiamo .blocco.type9.num4 .testo.over { position: relative; }
.chisiamo .blocco.type9.num4 .elementi .elemento { width:49%; margin:0.5%; background:#ffd500; overflow:auto; min-height:0;padding:10px; color:#333; text-shadow: none; }
.chisiamo .blocco.type9.num4 .elementi .elemento img { float:left; }
.chisiamo .blocco.type9.num4 .elementi .elemento .testo { float:left; width:45%; text-align:left; font-weight:400; padding:60px 0 0 60px; }
.chisiamo .blocco.type9.num4 .elementi .elemento .testo:before { font-weight:300; font-size:1.8em; float:left; margin-left:-50px; border:1px solid #333; display:block; width:40px; height:40px; border-radius:50%; content:'1'; text-align:center; padding-top:7px; }
.chisiamo .blocco.type9.num4 .elementi .elemento.num2 .testo:before { content:'2' }
.chisiamo .blocco.type9.num4 .elementi .elemento.num3 .testo:before { content:'3' }
.chisiamo .blocco.type9.num4 .elementi .elemento.num4 .testo:before { content:'4' }
.chisiamo .blocco.num5 { background-color: #fff; }
.chisiamo .tabella { overflow:auto; }
.chisiamo .tabella .colonna { width:23.5%; margin-right:20px; padding-right:20px; padding-bottom:10px; border-right:1px solid #333; float:left; text-align:left; }
.chisiamo .tabella .colonna:last-child { margin-right:0; padding-right:0; border:0; }

/* CHI SIAMO NUOVA */
.chisiamonew .testo.over { text-align:center; }
.chisiamonew .blocco-intro { position:relative; overflow:hidden; }
.chisiamonew .blocco-intro .testo.over { position:absolute; width:100%; top: 10px; left:0; width:100%; z-index:9999; }
.chisiamonew .blocco-intro .testo.over .inner { width:1200px; margin:0 auto; color:#fff; }
.chisiamonew .blocco-intro .immagini { position:absolute; width:100%; height:80%; top:20%; left:0; overflow:hidden; display:none; }
.chisiamonew .blocco-intro .sfondo img { width:100%; height:auto; }
.chisiamonew .blocco.num1 .inner { padding-bottom:10px; }
.chisiamonew .blocco.num1 .sx .dida { margin-top:10px; }
.chisiamonew .blocco.num1 .testo.dx { margin-left:10px; padding-left:10px; border-left:1px solid #ddd; }
.chisiamonew .blocco.num1 .testo.dx .titolo { text-align:left; }
.chisiamonew .blocco.num2 .inner { padding-top:0; }
.chisiamonew .blocco.num2 .immagine { width:90%; margin: 0 auto; }
.chisiamonew .blocco.num2 .dida { text-align: center; }
.chisiamonew .blocco.num3 { text-align:center; }
.chisiamonew .blocco.num4 .inner { padding-bottom:0; }
.chisiamonew .blocco.num5 .inner { padding-bottom:0; }
.chisiamonew .blocco.num6 .inner { padding-top:0; }
.chisiamonew .blocco.num6 .dida { margin-top:20px; }
.chisiamonew .blocco.num8 { font-size: 1.3125em; font-weight:800;}
.chisiamonew .blocco.num7 { background-color: #efefef; }
.chisiamonew .tabella { overflow:auto; }
.chisiamonew .tabella .colonna { width:23.4%; margin-right:20px; padding-right:20px; padding-bottom:10px; border-right:1px solid #333; float:left; text-align:left; }
.chisiamonew .tabella .colonna:last-child { margin-right:0; padding-right:0; border:0; }
.more { display:none; }

@media screen and (max-width: 1200px) {
    .chisiamonew .blocco-intro .testo.over .inner { width:100%; padding:0 10px; text-align:center; }
}

@media screen and (max-width: 1080px) {
    .chisiamonew .blocco.num1 .immagine.sx { width:auto; margin:0 auto; }
}

@media screen and (max-width: 768px) {
    .chisiamonew .blocco.num1 .dida,
    .chisiamonew .blocco.num1 .testo.dx,
    .chisiamonew .blocco.num1 .testo.dx .titolo,
    .chisiamonew .blocco.num6 .dida { text-align:center; }
    .chisiamonew .blocco.num1 .testo.dx { margin-left:0; padding-left:0; border-left:0; }
    .chisiamonew .blocco.num6 .testo.dx { margin-top:30px; }

}

@media screen and (max-width: 643px) {
    .chisiamonew .blocco-intro .sfondo {height: 70vh; }
    .chisiamonew .blocco-intro .sfondo img { height:100%; width:auto; }
}

@media screen and (max-width: 480px){    
    .chisiamonew .blocco.num6 .immagine img { width:90%; margin: 0 auto;}

}


/* METODO - COME OPERIAMO */
.comeoperiamo .didascalia { font-size: 0.9em; color:#ef7d00; font-style: italic; font-weight:400; line-height:normal; padding-bottom:15px; text-align:center;}
.page-id-320 .blocco.num3 { background-color:#e5e6eb; }
.comeoperiamo .blocco>.inner {overflow:hidden; }
.comeoperiamo .blocco.num1 .inner { padding-bottom:0; }
.comeoperiamo .blocco.num2 .immagine.sfondo { position:relative; }
.comeoperiamo .blocco.num2 .immagine.sfondo:before { content:''; position:absolute; bottom:0; left:0; height:100%; width:100%; background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }
.comeoperiamo .blocco.num2 { display:flex; flex-direction: column; }
.comeoperiamo .blocco.num2 .immagine.sfondo { overflow:hidden; }
.comeoperiamo .blocco.num2 .testo.over { z-index:99; }
.comeoperiamo .blocco-intro { position:relative; overflow:hidden; width:100%; }
.comeoperiamo .blocco-intro .inner { padding-left:20px; }
.comeoperiamo .blocco-intro .testo.over { position:absolute; width:100%; top: 10px; left:0; width:100%; z-index:9999; }
.comeoperiamo .blocco-intro .sopratitolo,
.comeoperiamo .blocco-intro .titolo,
.comeoperiamo .blocco-intro .testo { text-align: left; }
.comeoperiamo .blocco-intro .testo.over .inner { width:1200px; margin:0 auto; color:#fff; }
.comeoperiamo .blocco-intro .sfondo { position:relative; display: flex; align-items: flex-end; background:#00375f; }
.comeoperiamo .blocco-intro .sfondo .righe,
.comeoperiamo .blocco-intro .sfondo .dati,
.comeoperiamo .blocco-intro .sfondo .fondo { width:100%; height:auto; position:absolute; z-index:0; }
.comeoperiamo .blocco-intro .sfondo .righe { z-index:9; bottom:30px; }
.comeoperiamo .blocco-intro .sfondo .dati { z-index:99; bottom:30px; }
.comeoperiamo .blocco-intro .sfondo .fondo { position:relative; }
.comeoperiamo .blocco-intro .sfondo .righe img,
.comeoperiamo .blocco-intro .sfondo .dati img,
.comeoperiamo .blocco-intro .sfondo .fondo img { width:100%; height:auto; }
.comeoperiamo .blocco-intro .sfondo .grafico { position:absolute; z-index:999; bottom:30px; left:0; width:100%; }
.comeoperiamo .blocco-intro .sfondo .grafico .inner { width:1200px; margin:0 auto; }
.comeoperiamo .blocco-intro .sfondo .grafico .inner .immagine { width:0; overflow:hidden; animation: slide 2000ms 1500ms ease forwards; }
.comeoperiamo .blocco-intro .sfondo .grafico .inner .immagine .img { width:1200px; }
.comeoperiamo .blocco-intro .sfondo .grafico .inner .immagine .img img { width:100%; display:block; }
.comeoperiamo .blocco-percepire { padding:40px 0; position:relative;}
.comeoperiamo .blocco-percepire>.testo { width:1200px; margin:0 auto; }
.comeoperiamo .blocco-percepire .immagine { width:100%; overflow:hidden; }
.comeoperiamo .blocco-percepire .immagine .inside { position:relative; }
.comeoperiamo .blocco-percepire .righe { position:absolute; z-index:999; top: 13%; right: 0%; width: 39%; }
.comeoperiamo .blocco-percepire .grafico { position:absolute; z-index:999; top: 7%; left: 4%; width:96%; }
.comeoperiamo .blocco-percepire .righe .inner { height:0; overflow:hidden; }
.comeoperiamo .blocco-percepire .grafico .inner { width:0; overflow:hidden; }
.comeoperiamo .blocco-percepire .active .righe .inner { animation: slide-down 2000ms 2000ms ease forwards; }
.comeoperiamo .blocco-percepire .active .grafico .inner { animation: slide 3000ms 0ms ease forwards; }
.comeoperiamo .blocco-percepire .righe .inner .img { width:27vw; height:100vh; display:block; }
.comeoperiamo .blocco-percepire .grafico .inner .img { width:100vw; height:100%; display:block; }
.comeoperiamo .blocco-percepire .righe .inner .img img,
.comeoperiamo .blocco-percepire .grafico .inner .img img { width:90%; height:auto; }
.comeoperiamo .blocco-percepire .fondo { width:100%; height:auto; }
@keyframes slide { from { width: 0; } to { width: 100%; } }
@keyframes slide-down { from { height: 0; } to { height: 100vh; } }

@media screen and (max-width: 1200px) {
    .comeoperiamo .blocco-percepire>.testo,
    .comeoperiamo .blocco-intro .sfondo .grafico .inner { width:100%; }
    .comeoperiamo .blocco-intro .testo.over .inner { width:99%; padding:20px; }
    .comeoperiamo .blocco-intro .sfondo .grafico .inner .immagine .img { width:900px; }
}
@media screen and (max-width: 768px) {
    .comeoperiamo .blocco-intro { overflow:hidden;  }
    .comeoperiamo .blocco-intro .sfondo .fondo { width:400%; margin-left:-70%; opacity:.9;}
    .comeoperiamo .blocco-intro .sfondo .righe, .comeoperiamo .blocco-intro .sfondo .dati { width:200%; }
    .comeoperiamo .blocco-intro .sfondo .righe,
    .comeoperiamo .blocco-intro .sfondo .dati,
    .comeoperiamo .blocco-intro .sfondo .grafico { bottom:100px; }
    .comeoperiamo .blocco-intro .sfondo .dati { opacity:0.4; }
    .comeoperiamo .blocco.num2 .immagine.sfondo, .comeoperiamo .blocco.type8 .immagine.sfondo img { display:block; }
    .comeoperiamo .blocco.num2 .immagine.sfondo { -webkit-order: 1; order:1; height:450px;}
    .comeoperiamo .blocco.num2 .immagine.sfondo img { width:200%; margin-left:-70%; }
    .comeoperiamo .blocco.num2 .testo.over { -webkit-order: 2; order:2; }
}
@media screen and (max-width: 680px) {
    .comeoperiamo .blocco-intro .sfondo .fondo { margin-left:-90%; }
}
@media (max-width: 580px) {
    .comeoperiamo .blocco-intro .sfondo .fondo { margin-left:-130%; }
}
@media (max-width: 480px) {
    .comeoperiamo .blocco-intro .sfondo .fondo { margin-left:-150%; }
    .comeoperiamo .blocco-intro .sfondo .righe, .comeoperiamo .blocco-intro .sfondo .dati { width:400%; }
    .comeoperiamo .blocco.num2 .immagine.sfondo { height:290px;}
    .comeoperiamo .blocco-percepire .immagine .inside { width:200%;margin-left:-25%; }
    .comeoperiamo .blocco-percepire .righe .inner .img img, .comeoperiamo .blocco-percepire .grafico .inner .img img { width:160%; }
    .comeoperiamo .blocco-percepire .righe { right:21%; }
}
@media (max-width: 420px) {
    .comeoperiamo .blocco-intro .sfondo .fondo { margin-left:-200%; }
}
.speciale-formula { background-color: #1e63cd; color:#fff; }
.speciale-formula .intro { text-align:center; position:relative; }
.speciale-formula .intro .introtesto { position: absolute; top:20px; left:0; width:100%; z-index:99; }
.speciale-formula .intro .introtesto .inside { position:relative; }
.speciale-formula .intro .introtesto .inside h2.titolo { padding-bottom:20px; }
.speciale-formula .intro .immagine img { width:100%; height:auto; } 
.speciale-formula .tabella { overflow:auto; padding:30px 0; width:1200px; margin:0 auto; overflow:hidden; }
.speciale-formula .tabella .cella { width:380px; float:left; margin-right:10px; border-right:1px solid #fff; padding-right: 10px; }
.speciale-formula .tabella .cella:last-child { border-right:0; }
.speciale-formula .tabella .cella .titolo { width:370px; position: relative; background-color:#fdc300; color:#000; text-align:center; padding:5px 20px; font-size:2em; font-weight:400; font-family:'Roboto condensed', sans-serif; }
.speciale-formula .tabella .cella .titolo:before { border-top: 40px solid #fdc300; border-left: 185px solid transparent; border-right: 185px solid transparent; content: ""; height: 0; left: 0; position: absolute; bottom: -40px; width: 0; }
.speciale-formula .tabella .cella .testo { margin-top:70px; }
.speciale-formula .tabella .cella .testo ul { list-style-type: none; padding-top:20px; }
.speciale-formula .tabella .cella .testo ul li { padding-left:35px; }
.speciale-formula .tabella .cella .testo ul li:before { content:'\2022'; color:#fdc300; font-size:4.5em; float:left; margin-left:-35px; font-family:'arial' }
.speciale-formula .titoletto.tabelladue { text-align:center; }
.speciale-formula .tabella.due .cella { width: 540px; border:0; } 
.speciale-formula .tabella.due .cella.due { float:right; margin:0; padding:0; }
.speciale-formula .tabella.due .cella .titolo { width:540px; background-color:#36b9f1; color:#1e63cd; }
.speciale-formula .tabella.due .cella .titolo:before { border-top: 40px solid #36b9f1; border-left: 270px solid transparent; border-right: 270px solid transparent; content: ""; height: 0; left: 0; position: absolute; bottom: -40px; width: 0; }
.speciale-formula .tabella.due .cella .testo ul li:before { color:#36b9f1; }
.speciale-nogap { background: -moz-linear-gradient(top,  rgba(204,204,204,0) 0%, rgba(204,204,204,0) 40%, rgba(204,204,204,0.65) 100%); background: -webkit-linear-gradient(top,  rgba(204,204,204,0) 0%,rgba(204,204,204,0) 40%,rgba(204,204,204,0.65) 100%); background: linear-gradient(to bottom,  rgba(204,204,204,0) 0%,rgba(204,204,204,0) 40%,rgba(204,204,204,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cccccc', endColorstr='#a6cccccc',GradientType=0 ); }
.speciale-nogap .intro { padding:40px 0; text-align:center; }
.speciale-nogap .container { width:100%; overflow: auto; padding-bottom:40px; }
.speciale-nogap .container .immagine { float:left; width:50% }
.speciale-nogap .container .immagine img { width:100%; height:auto; }
.speciale-nogap .container .fasce { width:50%; float:left; overflow:hidden; padding-left:15px; }
.speciale-nogap .container .fasce .fascia { width:100%; /*margin-left:100%;*/ margin-left:0; overflow:auto; margin-bottom:10px; color:#fff; padding:0 20px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; -webkit-box-shadow: -5px 5px 10px -2px rgba(0,0,0,0.3); -moz-box-shadow: -5px 5px 10px -2px rgba(0,0,0,0.3); box-shadow: -5px 5px 10px -2px rgba(0,0,0,0.3); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
/*.speciale-nogap .container .fasce .fascia.active { margin-left:0; }*/
.speciale-nogap .container .fasce .fascia.num1 { background-color:#5b2a7b;}
.speciale-nogap .container .fasce .fascia.num2 { background-color:#cd8019; }
/*.speciale-nogap .container .fasce .fascia.num2.active {     -webkit-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s;}*/
.speciale-nogap .container .fasce .fascia.num3 { background-color:#1581bc; }
/*.speciale-nogap .container .fasce .fascia.num3.active { -webkit-transition-delay: 0.6s; -ms-transition-delay: 0.6s; transition-delay: 0.6s;}*/
.speciale-nogap .container .fasce .fascia.num4 { background-color:#043a59; }
/*.speciale-nogap .container .fasce .fascia.num4.active { -webkit-transition-delay: 0.8s; -ms-transition-delay: 0.8s; transition-delay: 0.9s;}*/
.speciale-nogap .container .fasce .fascia .icona { float:left; width:25%; }
.speciale-nogap .container .fasce .fascia .testo { float:left; width:75%; padding:5px 0 5px 20px; }


/* SERVIZI */
.page-id-443 .blocco.num1 { background-position: bottom center; }
.page-id-443 .blocco.type10.num1 .testo.over { padding-bottom:30px;}
.page-id-443 .blocco.type10 .elementi { padding-top:30px; }
.page-id-443 .blocco.type10 .elementi .elemento .testo { font-weight:400; color:#fff;}
.page-id-443 .blocco.num11 { padding-bottom:60px; }

/* SUGGERIMENTI (ID:617)*/
/*ricerche di mercato (ID:739)*/
/*tecniche di vendita (ID:760)*/
/*come trovare clienti (ID:768)*/
/*come vendere (ID:785)*/
/*come vendere e trovare clienti (ID:790)*/
/*comunicazione web (ID:798)*/
.principi .blocco-intro { position:relative; background-color: #1f62cd; overflow:hidden}
.principi .blocco-intro .testo.over { width:100%; }
.principi .blocco-intro .testo.over .inner { width:1200px; margin:0 auto; color:#fff; }
.principi .blocco-intro .inner { padding-top:20px; }
.principi .blocco-intro .immagine img { width:100%; height:auto; }
.principi .blocco-intro .velina { position:absolute; top:0; left:0; z-index:999; width:100%; height:50px; background: -moz-linear-gradient(top,  rgba(31,98,205,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top,  rgba(31,98,205,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom,  rgba(31,98,205,1) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f62cd', endColorstr='#00ffffff',GradientType=0 ); }
.principi .blocco-intro .punti { position:absolute; width:100%; height:100%; z-index:9999; }
.principi .blocco-intro .punti .punto { position:absolute; }
.principi .blocco-intro .punti .punto img { width:100%; height:auto; animation: punto 3000ms 2000ms ease-in-out infinite; }
@keyframes punto { 0% { width:100%; } 50% { width:95%; margin-top:2.5%; margin-left:2.5% } 100% { width:100%; } }
.principi .blocco-intro .punti .punto.num1 { left: 4%; top: 18%; width: 70px; }
.principi .blocco-intro .punti .punto.num2 { left: 19%; top: 49%; width: 64px; transform: rotate(180deg); }
.principi .blocco-intro .punti .punto.num2 img { animation: punto 3000ms 3000ms ease-in-out infinite; }
.principi .blocco-intro .punti .punto.num3 { left: 28%; top: 16%; width: 80px; }
.principi .blocco-intro .punti .punto.num3 img { animation: punto 3000ms 1000ms ease-in-out infinite; }
.principi .blocco-intro .punti .punto.num4 { left: 37%; top: 10%; width: 50px; }
.principi .blocco-intro .punti .punto.num4 img { animation: punto 3000ms 4000ms ease-in-out infinite; }
.principi .blocco-intro .punti .punto.num5 { left: 39%; top: 33%; width: 50px; }
.principi .blocco-intro .punti .punto.num5 img { animation: punto 3000ms 5000ms ease-in-out infinite; }
.principi .blocco-intro .punti .punto.num6 { left: 55%; top: 18%; width: 44px; }
.principi .blocco-intro .punti .punto.num7 { left: 58%; top: 41%; width: 74px; transform: rotate(180deg); }
.principi .blocco-intro .punti .punto.num7 img { animation: punto 3000ms 3500ms ease-in-out infinite; }
.principi .blocco-intro .punti .punto.num8 { left: 79%; top: 5%; width: 44px; }
.principi .blocco-intro .punti .punto.num2 img { animation: punto 3000ms 2500ms ease-in-out infinite; }
.principi .blocco-intro .punti .punto.num9 { left: 80%; top: 28%; width: 70px; transform: rotate(180deg); }
.principi .blocco-intro .punti .punto.num2 img { animation: punto 3000ms 1000ms ease-in-out infinite; }
.principi .blocco-intro .sfondo  { position:relative; }
.principi .blocco-intro .sfondo img { width:100%; height:auto; }
.principi .blocco.num1 { display:none; }
.principi .blocco.num2 { text-align:center; }
.principi .blocco.num2 h4 { margin-bottom:10px; font-weight:400; }
.principi .blocco.num2 .testo.intro { padding:40px 0; } 
.principi .blocco.num2 .elementi { overflow:auto; padding:30px 0; display:flex; flex-wrap: wrap; overflow:hidden; }
.principi .blocco.num2 .elemento { width:50%; padding: 5%; }
.principi .blocco.num2 .elemento .testo { color: #fff; font-weight: 200; min-height:210px; }
.principi .blocco.num2 .elemento.num1,
.page-id-739 .sottopagine .color { background-color: #043a59; }
.principi .blocco.num2 .elemento.num2,
.page-id-760 .sottopagine .color { background-color: #999; }
.principi .blocco.num2 .elemento.num3,
.page-id-768 .sottopagine .color { background-color: #1581bc; }
.principi .blocco.num2 .elemento.num4,
.page-id-785 .sottopagine .color { background-color: #df8e00; }
.principi .blocco.num2 .elemento.num5,
.page-id-790 .sottopagine .color { background-color: #cd8019; }
.principi .blocco.num2 .elemento.num6,
.page-id-798 .sottopagine .color { background-color: #5b2a7b; }
.principi .blocco.num2 .link { padding-top: 30px; font-size: 1.167em; }
.principi .blocco.num2 .link a { color: #ffbe3d; background: url(images/freccia-lnk-vai.png) center right no-repeat; padding:10px 20px 10px 0; }
.principi .blocco.num2 .link a:hover { opacity:0.7; }
/*sottopagine SUGGERIMENTI*/
.sottopagine { position:relative;  }
.sottopagine p.testo { font-size:1em; text-align:left; font-weight: 300; }
.sottopagine .testo-intro p.testo { text-align:center; }
.sottopagine .color {width: 40px; height: 40px; margin: 15px auto; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #fff; }
.sottopagine .blocco .inner,
.sottopagine .blocco .testo .inner { width:955px; margin:0 auto; text-align:left; }
.sottopagine .go-back { padding: 10px 0 10px 25px; background: url(images/freccia-lnk-back.png) center left no-repeat; color: #e96c07; font-size: 1.167em; display: block; width: 25%; margin-left: 1%; text-align: left; position: absolute; z-index:99; }
.sottopagine h4 { padding-bottom:10px; }
.page-id-739 .sottopagine .blocco.num4,
.page-id-768 .sottopagine .blocco.num3 { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.page-id-739 .sottopagine .blocco.num7 { border-top: 1px solid #ccc; }
.page-id-760 .sottopagine .blocco.num3 { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-top: 40px; }
.page-id-760 .sottopagine .blocco.num4,
.page-id-760 .sottopagine .blocco.num5,
.page-id-768 .sottopagine .blocco.num4,
.page-id-768 .sottopagine .blocco.num5,
.page-id-768 .sottopagine .blocco.num6,
.page-id-785 .sottopagine .blocco.num2,
.page-id-785 .sottopagine .blocco.num4,
.page-id-790 .sottopagine .blocco.num2,
.page-id-790 .sottopagine .blocco.num3,
.page-id-790 .sottopagine .blocco.num4,
.page-id-798 .sottopagine .blocco.num2 { border-bottom: 1px solid #ccc; }

@media (max-width: 768px) {
    .principi .blocco-intro .testo.over { position: absolute; z-index:99999;}
    .principi .blocco-intro .sfondo  { width: 200%; margin-left: -47%; margin-top: 310px; }
    .principi .blocco-intro .punti { height: 46%; bottom: 0; }
}
@media (max-width: 500px) {
    .principi .blocco-intro .sfondo  { width: 220%; margin-left: -50%; margin-top: 330px; }
    .principi .blocco-intro .punti { width: 200%; left:-50%; }
}
/* VISIONE */
.visione .blocco-intro,
.visione .blocco-banners { position:relative; }
.visione .blocco-intro .testo.over { position:absolute; width:100%; top: 10px; left:0; width:100%; z-index:9999; }
.visione .blocco-intro .testo.over .inner,
.visione .blocco-banners .testo.over .inner { width:1200px; margin:0 auto; color:#fff; }
/*bollini*/
.visione .blocco-intro .bollini { position:absolute; width:100%; height:100%; top:0; left:0; }
.visione .blocco-intro .bollini .bollino { position:absolute; width:240px; height:240px; border-radius: 50%; border:2px solid #fff; display:flex; text-align:center; align-items:center; }
.visione .blocco-intro .bollini .bollino.num1 { background-color: rgba(1, 235, 246, .65); top:28%; left:48%; animation: bollino1 4000ms ease-in-out infinite;}
.visione .blocco-intro .bollini .bollino.num2 { background-color: rgba(223, 33, 243, .55); top:50%; left:61%; animation: bollino2 4000ms 1000ms ease-in-out infinite;}
.visione .blocco-intro .bollini .bollino.num3 { background-color: rgba(255, 221, 0, .71); top:30%; left:77%; animation: bollino3 4000ms 2000ms ease-in-out infinite;}
@keyframes bollino1 { 0% { width:240px; height:240px; } 50% { width:260px; height:260px; top:calc( 28% - 10px); left:calc( 48% - 10px); } 100% { width:240px; height:240px; } }
@keyframes bollino2 { 0% { width:240px; height:240px; } 50% { width:260px; height:260px; top:calc( 50% - 10px); left:calc( 61% - 10px); } 100% { width:240px; height:240px; } }
@keyframes bollino3 { 0% { width:240px; height:240px; } 50% { width:260px; height:260px; top:calc( 30% - 10px); left:calc( 77% - 10px); } 100% { width:240px; height:240px; } } 

.visione .blocco-intro .bollini .bollino .testo { width:100%; padding:20px; font-size:2.125em; line-height: 1em; font-family:'Roboto condensed',sans-serif; }
.visione .blocco-intro .bollini .bollino .testo strong,
.visione .blocco-intro .bollini .bollino .testo b { font-size:1.235em; }
.visione .blocco-intro .bollini .bollino .testo .minus { font-size:0.6765em; }
.visione .blocco-intro .immagine.sfondo .particles { position:absolute; z-index:100; top:0; left:0; width:100%; height:100%; }
.visione .blocco-intro .immagine.sfondo img { width:100%; height:auto; }
/*banners*/
.visione .blocco-banners { background-color:#010938; font-family:'Roboto condensed',sans-serif; }
.visione .blocco-banners .testo.over { width:100%; }
.visione .blocco-banners .testo.over .inner { padding:30px 0; text-align:center; font-size: 2.625em; color:#fdc300; font-weight:300; }
.visione .blocco-banners .banners { display:flex; justify-content:center; flex-wrap: wrap; }
.visione .blocco-banners .banners .banner { position:relative; width:20%; color:#fff; font-size: 1.75em; font-weight:400; background-color: rgba(255,255,255,0.4); padding: 160px 20px 20px 20px;  background-position:20px 20px; background-repeat:no-repeat; }

.visione .blocco-banners .banners .banner { position:relative; width:20%; color:#fff; font-size: 1.75em; font-weight:400; background-color: rgba(255,255,255,0.4); padding: 20px; }
.visione .blocco-banners .banners .banner .icona { width: 128px; height:128px; margin-bottom:10px; }
.visione .blocco-banners .banners .banner .icona img { display:block; width:100%; height:auto; }

.visione .blocco-banners .banners .banner:nth-child(odd){ background-color: rgba(255,255,255,0.2); }
.visione .blocco-banners .banners .banner:after { display:block; content:''; position:absolute; top:0; right:0; height:0; width:0; }
.visione .blocco-banners .banners.active .banner.num2:after { border-left: 4px solid rgba(253, 195, 0, 100); animation: slide-vert 500ms 0ms ease forwards; width:100%; }
.visione .blocco-banners .banners.active .banner.num3:after { border-top: 4px solid rgba(253, 195, 0, 100); animation: slide-oriz 500ms 200ms ease forwards; height:100%; }
.visione .blocco-banners .banners.active .banner.num4:after { border-bottom: 4px solid rgba(253, 195, 0, 100); animation: slide-oriz 500ms 400ms ease forwards; right:auto; left:0; height:100%; }
.visione .blocco-banners .banners.active .banner.num5:after { border-right: 4px solid rgba(253, 195, 0, 100); animation: slide-vert 500ms 600ms ease forwards; width:100%; top:auto; bottom:0; }
.visione .blocco-banners .banners.active .banner.num6:after { border-bottom: 4px solid rgba(253, 195, 0, 100); animation: slide-oriz 500ms 800ms ease forwards; height:100%; }
.visione .blocco-banners .banners.active .banner.num8:after { border-left: 4px solid rgba(253, 195, 0, 100); animation: slide-vert 500ms 1000ms ease forwards; width:100%; }
.visione .blocco-banners .banners.active .banner.num10:after { border-bottom: 4px solid rgba(253, 195, 0, 100); animation: slide-oriz 500ms 1200ms ease forwards; right:auto; left:0; height:100%; }
@keyframes slide-vert { from { height: 0; } to { height: 100%; } }
@keyframes slide-oriz { from { width: 0; } to { width: 100%; } }
@keyframes slide-vert-reverse { from { height: 100%; } to { height: 0; } }
@keyframes slide-oriz-reverse { from { width: 100%; } to { width: 0; } }
.visione .blocco-banners .banners .banner .velina { display:block; position:absolute; top:0; left:0; width:0; height:100%; background:rgba(0, 0, 0, .3); -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms;}
.visione .blocco-banners .banners .banner.num1:hover .velina,
.visione .blocco-banners .banners .banner.num2:hover .velina,
.visione .blocco-banners .banners .banner.num5:hover .velina,
.visione .blocco-banners .banners .banner.num7:hover .velina,
.visione .blocco-banners .banners .banner.num8:hover .velina { width:100%; }
.visione .blocco-banners .banners .banner.num1 .velina,
.visione .blocco-banners .banners .banner.num5 .velina,
.visione .blocco-banners .banners .banner.num7 .velina { right:0; left:auto; }
.visione .blocco-banners .banners .banner.num4 .velina,
.visione .blocco-banners .banners .banner.num6 .velina,
.visione .blocco-banners .banners .banner.num10 .velina { top:auto; bottom:0; }
.visione .blocco-banners .banners .banner.num3 .velina,
.visione .blocco-banners .banners .banner.num4 .velina,
.visione .blocco-banners .banners .banner.num6 .velina,
.visione .blocco-banners .banners .banner.num9 .velina,
.visione .blocco-banners .banners .banner.num10 .velina { width:100%; height:0; }
.visione .blocco-banners .banners .banner.num3:hover .velina,
.visione .blocco-banners .banners .banner.num4:hover .velina,
.visione .blocco-banners .banners .banner.num6:hover .velina,
.visione .blocco-banners .banners .banner.num9:hover .velina,
.visione .blocco-banners .banners .banner.num10:hover .velina { height: 100%; }
/*blocchi*/
.visione .blocco { padding-bottom: 40px; }
.visione .blocco .riga { display:flex; justify-content:center; flex-wrap: wrap; padding:1%; overflow: hidden;}
.visione .blocco .riga.num1 { align-items:flex-end; }
.visione .blocco .riga.num2 { align-items:flex-start; }
.visione .blocco .riga .immagine { padding-bottom:1%; }
.visione .blocco .riga .immagine img { width:100%; height: auto; }
.visione .blocco { background-size: cover; position: relative; overflow:hidden; background-position:0 0; background-repeat: no-repeat; }
.visione .blocco>.testo { padding:40px 0; width:1200px; margin:0 auto; color:#fff; } 
/*blocco Ricerche di mercato e di marketing*/
.visione .blocco.num1 .riga.num1 { align-items:flex-start; height:100vh; }
.visione .blocco.num1 .testo { color:#000; }
.visione .blocco.num1 .riga.num1 .immagine.num1 { height:90vh; display: inline-block; animation: increase 8000ms ease-in-out infinite; }
@keyframes increase { 0% { height:90vh } 50% { height:95vh; } 100% { height: 90vh; } }
.visione .blocco.num1 .riga.num1 .immagine.num1 img { height:100%; width:auto; }
/*blocco marketing strategico e operativo*/
.visione .blocco.num2 { background-image: url(images/visione-bkg-marketing-strategico.jpg); background-position: center top; }
.visione .blocco.num2 .riga.num1 .immagine.num1 { width:17%; padding-right:1%; }
.visione .blocco.num2 .riga.num1 .immagine.num2 { width:33%; }
.visione .blocco.num2 .riga.num2 .immagine.num1 { width:58.5%; padding-right:1%; }
.visione .blocco.num2 .riga.num2 .immagine.num2 { width:17%; }
/*blocco comunicaizone integrata offline e online*/
.visione .blocco.num3 { background-image: url(images/visione-bkg-comunicazione.jpg); background-position: center 100%; background-size: auto; }
.visione .blocco.num3 .testo { color:#000; }
.visione .blocco.num3 .riga.num1 .immagine.num1 { width:35%; padding-right:1%; }
.visione .blocco.num3 .riga.num1 .immagine.num1 img { border:1px solid #ddd; }
.visione .blocco.num3 .riga.num1 .immagine.num2 { width: 18.5%; padding-right:1%; }
.visione .blocco.num3 .riga.num1 .immagine.num3 { width: 7.5%; padding-right:1%; }
.visione .blocco.num3 .riga.num1 .immagine.num3 img { border:1px solid #ddd; }
.visione .blocco.num3 .riga.num1 .immagine.num4 { width: 19%; }
.visione .blocco.num3 .riga.num1 .immagine.num4 img { border:1px solid #ddd; }
.visione .blocco.num3 .riga.num2 .immagine.num1 { width: 39%; padding-right:1%; }
.visione .blocco.num3 .riga.num2 .immagine.num2 { width: 31%; }
.visione .blocco.num3 .riga.num2 .immagine.num2 img { border:1px solid #ddd; }
/*blocco web design strategy*/
.visione .blocco.num4 { background-image: url(images/visione-bkg-webdesign.jpg); }
.visione .blocco.num4 .riga.num1 .immagine.num1 { width:19%; padding-right:1%; }
.visione .blocco.num4 .riga.num1 .immagine.num2 { width:30%; padding-right:1%; }
.visione .blocco.num4 .riga.num1 .immagine.num3 { width:26%; padding-right:1%; }
.visione .blocco.num4 .riga.num1 .immagine.num4 { width:22%; }
.visione .blocco.num4 .riga.num2 .immagine.num1 { width:18%; padding-right:1%; }
.visione .blocco.num4 .riga.num2 .immagine.num2 { width:23%; padding-right:1%; }
.visione .blocco.num4 .riga.num2 .immagine.num3 { width:36%; padding-right:1%; }
.visione .blocco.num4 .riga.num2 .immagine.num4 { width:8%; }
/*blocco Web Marketing e digital marketing*/
.visione .blocco.num5 { background-image: url(images/visione-bkg-webmarketing.jpg); background-size:100%; background-position:center center; } 
.visione .blocco.num5 .testo { color:#000; }
.visione .blocco.num5 .riga.num1 .immagine.num1 { width:36%; padding-right:1%; }
.visione .blocco.num5 .riga.num1 .immagine.num2 { width:36%; padding-right:1%; }
.visione .blocco.num5 .riga.num1 .immagine.num2 img { border:1px solid #ddd; }
.visione .blocco.num5 .riga.num1 .immagine.num3 { width:21%; }
.visione .blocco.num5 .riga.num1 .immagine.num3 img { border:1px solid #ddd; }
.visione .blocco.num5 .riga.num2 .immagine.num1 { width:26%; padding-right:1%; }
.visione .blocco.num5 .riga.num2 .immagine.num2 { width:32%; padding-right:1%; }
.visione .blocco.num5 .riga.num2 .immagine.num2 img { border:1px solid #ddd; }
/*blocco Social media marketing*/
.visione .blocco.num6 { background-color:#343a60; background-image: url(images/visione-bkg-socialmedia.jpg); background-size:98%; background-position:left center; }
.visione .blocco.num6 .riga.num1 .immagine.num1 { width:24%; padding-right:1%; }
.visione .blocco.num6 .riga.num1 .immagine.num2 { width:16.5%; padding-right:1%; }
.visione .blocco.num6 .riga.num1 .immagine.num3 { width:23%; }
.visione .blocco.num6 .riga.num2 .immagine.num1 { width:16%; padding-right:1%; }
.visione .blocco.num6 .riga.num2 .immagine.num2 { width:23%; padding-right:1%; }
.visione .blocco.num6 .riga.num2 .immagine.num3 { width:33%; }
/*blocco Direct marketing B2B*/
.visione .blocco.num7 { background: #fff; background-image: url(images/visione-bkg-direct.jpg); background-size:cover; background-position:center center; }
.visione .blocco.num7 .testo { color:#000; }
.visione .blocco.num7 .riga.num1 { align-items: center; }
.visione .blocco.num7 .riga.num1 .immagine.num1 { width:17%; padding-right:1%; }
.visione .blocco.num7 .riga.num1 .immagine.num1 img { border:1px solid #ddd; }
.visione .blocco.num7 .riga.num1 .immagine.num2 { width:17%; padding-right:1%; }
.visione .blocco.num7 .riga.num1 .immagine.num2 img { border:1px solid #ddd; }
.visione .blocco.num7 .riga.num1 .immagine.num3 { width:45%; padding-right:1%; }
.visione .blocco.num7 .riga.num1 .immagine.num4 { width:17%; }
.visione .blocco.num7 .riga.num1 .immagine.num4 img { border:1px solid #ddd; }
/*blocco PR e ufficio stampa online e offline*/
.visione .blocco.num8 { background: #343a60; background-image: url(images/visione-bkg-pr.jpg); background-size:cover; background-position:center center; }
.visione .blocco.num8 .riga.num1 .immagine.num1 { width:30%; padding-right:1%; }
.visione .blocco.num8 .riga.num1 .immagine.num2 { width:19%; }
.visione .blocco.num8 .riga.num2 .immagine.num1 { width:15%; padding-right:1%; }
.visione .blocco.num8 .riga.num2 .immagine.num2 { width:42%; padding-right:1%; }
.visione .blocco.num8 .riga.num2 .immagine.num3 { width:29%; }
/*blocco Design applicato al prodotto*/
.visione .blocco.num9 { background: #fff; background-image: url(images/visione-bkg-design.jpg); background-size:cover; background-position:center center; }
.visione .blocco.num9 .testo { color:#000; }
.visione .blocco.num9 .riga.num1 .immagine.num1 { width:27%; padding-right:1%; }
.visione .blocco.num9 .riga.num1 .immagine.num2 { width:26%; padding-right:1%; }
.visione .blocco.num9 .riga.num1 .immagine.num3 { width:24%; padding-right:1%; }
.visione .blocco.num9 .riga.num1 .immagine.num4 { width:9%; }
.visione .blocco.num9 .riga.num2 .immagine.num1 { width:30%; padding-right:1%; }
.visione .blocco.num9 .riga.num2 .immagine.num2 { width:25%; padding-right:1%; }
.visione .blocco.num9 .riga.num2 .immagine.num3 { width:20%; padding-right:1%; }
.visione .blocco.num9 .riga.num2 .immagine.num4 { width:23%; }
/*blocco Presentazioni multimediali per meeting e videoconferenze*/
.visione .blocco.num10 { background: #343a60; background-image: url(images/visione-bkg-presentazioni.jpg); background-size:cover; background-position:center center;}
.visione .blocco.num10 .riga.num1 .immagine.num1 { width:27%; padding-right:1%; }
.visione .blocco.num10 .riga.num1 .immagine.num2 { width:22%; padding-right:1%; }
.visione .blocco.num10 .riga.num1 .immagine.num3 { width:27%; padding-right:1%; }
.visione .blocco.num10 .riga.num1 .immagine.num4 { width:21%; }
.visione .blocco.num10 .riga.num2 .immagine.num1 { width:22%; padding-right:1%; }
.visione .blocco.num10 .riga.num2 .immagine.num2 { width:27%; padding-right:1%; }
.visione .blocco.num10 .riga.num2 .immagine.num3 { width:22%; padding-right:1%; }
.visione .blocco.num10 .riga.num2 .immagine.num4 { width:26%; }


@media screen and (max-width: 1200px) {
    .visione .blocco-intro .sfondo .grafico .inner,
    .visione .blocco-banners .sfondo .grafico .inner { width:100%; }
    .visione .blocco-intro .testo.over .inner,
    .visione .blocco-banners .testo.over .inner,
    .visione .blocco .testo,
    .principi .blocco-intro .testo.over .inner { width:99%; padding:20px; }
}
@media screen and (max-width: 1080px) {
    .visione .blocco-intro .bollini .bollino { width:180px; height:180px; }
    @keyframes bollino1 { 0% { width:180px; height:180px; } 50% { width:190px; height:190px; top:calc( 40% - 10px); left:calc( 48% - 10px); } 100% { width:180px; height:180px; } }
    @keyframes bollino2 { 0% { width:180px; height:180px; } 50% { width:190px; height:190px; top:calc( 52% - 10px); left:calc( 61% - 10px); } 100% { width:180px; height:180px; } }
    @keyframes bollino3 { 0% { width:180px; height:180px; } 50% { width:190px; height:190px; top:calc( 31% - 10px); left:calc( 77% - 10px); } 100% { width:180px; height:180px; } }

    .visione .blocco-intro .bollini .bollino.num1 { top:40%; }
    .visione .blocco-intro .bollini .bollino.num2 { top:52%; }
    .visione .blocco-intro .bollini .bollino.num3 { top:31%; }
    .visione .blocco-intro .bollini .bollino .testo { font-size:1.5em; }
    /* .visione .blocco-banners .banners .banner { width:33.33%; padding: 30px 10px; background-size: 60px; font-size: 1.25em; } */
    .visione .blocco-banners .banners .banner { font-size:1.25em; }
    .visione .blocco-banners .banners .banner .icona { width:50%; height:50%; } 
    .visione .blocco-banners .banners.active .banner.num2:after,
    .visione .blocco-banners .banners.active .banner.num3:after,
    .visione .blocco-banners .banners.active .banner.num4:after,
    .visione .blocco-banners .banners.active .banner.num5:after,
    .visione .blocco-banners .banners.active .banner.num6:after,
    .visione .blocco-banners .banners.active .banner.num8:after,
    .visione .blocco-banners .banners.active .banner.num10:after { border-width: 2px; }
}
@media screen and (max-width: 970px) {
    .visione .blocco-banners .banners .banner { font-size:1.1em; }
    .visione .blocco-banners .banners .banner .icona { width:40%; height:40%; } 
}
@media screen and (max-width: 860px) {
    .visione .blocco-banners .banners .banner { padding: 10px; font-size:1em; }
    .visione .blocco-intro .immagine.sfondo { overflow:hidden; height:65%; }
    .visione .blocco-intro .immagine.sfondo img { width:200%; margin-left:-40%}
    .visione .blocco-intro .bollini .bollino.num1 { top:35%; left:5%; }
    .visione .blocco-intro .bollini .bollino.num2 { top:62%; left:30%; }
    .visione .blocco-intro .bollini .bollino.num3 { top:42%; left:60%; }
    @keyframes bollino1 { 0% { top:35%; left:5%; } 50% { top:calc( 35% - 10px); left:calc( 5% - 10px); } 100% { top:35%; left:5%; } }
    @keyframes bollino2 { 0% { top:62%; left:30%; } 50% { top:calc( 62% - 10px); left:calc( 30% - 10px); } 100% { top:62%; left:30%; } }
    @keyframes bollino3 { 0% { top:42%; left:60%; } 50% { top:calc( 42% - 10px); left:calc( 60% - 10px); } 100% { top:42%; left:60%; } }
}
@media (max-width: 700px) {
    .visione .blocco-banners .banners .banner { width:50%; border:1px solid #fff; text-align:center; font-size:1.25em; }
    .visione .blocco-banners .banners .banner .icona { margin:0 auto 60px auto; }
    .visione .blocco-banners .banners .riga { width:170%; margin-left:-40%; }
    .visione .blocco-banners .banners.active .banner.num2:after,
    .visione .blocco-banners .banners.active .banner.num3:after,
    .visione .blocco-banners .banners.active .banner.num4:after,
    .visione .blocco-banners .banners.active .banner.num5:after,
    .visione .blocco-banners .banners.active .banner.num6:after,
    .visione .blocco-banners .banners.active .banner.num8:after,
    .visione .blocco-banners .banners.active .banner.num10:after { display:none; }
}
@media (max-width: 580px) {
    .visione .blocco-intro .immagine.sfondo { height:90%; }
    .visione .blocco-intro .immagine.sfondo img { height:100%; width:auto; margin-left:-90%; }
}
@media (max-width: 480px) {
    .visione .blocco-intro .bollini .bollino.num1 { top:42%; left:1%; }
    .visione .blocco-intro .bollini .bollino.num2 { top:69%; left:24% }
    .visione .blocco-intro .bollini .bollino.num3 { top:47%; left:51% }
    .visione .blocco-banners .banners .banner .icona { margin:0 auto 30px auto; }

    .visione .blocco .testo { padding:20px 5px; }
    .visione .blocco.num2 .riga.num1 .immagine.num1 { width:35%; }
    .visione .blocco.num2 .riga.num1 .immagine.num2 { width:65%; padding-right:0; }
    .visione .blocco.num2 .riga.num2 .immagine.num1 { width:68%; }
    .visione .blocco.num2 .riga.num2 .immagine.num2 { width:28%; padding-right:0; }
    
    .visione .blocco.num3 .riga.num1 .immagine.num1 { width: 60%; }
    .visione .blocco.num3 .riga.num1 .immagine.num2 { width: 38%; padding-right:0; }
    .visione .blocco.num3 .riga.num1 .immagine.num3 { width: 30%; }
    .visione .blocco.num3 .riga.num1 .immagine.num4 { width: 36.6%; padding-right:0; }
    .visione .blocco.num3 .riga.num2 .immagine.num1 { width: 56%; }
    .visione .blocco.num3 .riga.num2 .immagine.num2 { width: 40%; padding-right:0; }
    
    .visione .blocco.num4 .riga.num1 .immagine.num1 { width: 40%; padding-bottom:3% }
    .visione .blocco.num4 .riga.num1 .immagine.num2 { width: 57%; padding-right:0; padding-bottom:3% }
    .visione .blocco.num4 .riga.num1 .immagine.num3 { width: 40%; }
    .visione .blocco.num4 .riga.num1 .immagine.num4 { width: 57%; padding-right:0; }
    .visione .blocco.num4 .riga.num2 .immagine.num1 { width: 55%; padding-bottom:3% }
    .visione .blocco.num4 .riga.num2 .immagine.num2 { width: 41.5%; padding-right:0; padding-bottom:3% }
    .visione .blocco.num4 .riga.num2 .immagine.num3 { width: 71.5%; }
    .visione .blocco.num4 .riga.num2 .immagine.num4 { width: 25%; }

    .visione .blocco.num5 { background-size: 170%; }
    .visione .blocco.num5 .riga.num1 .immagine.num1 { width:70%; padding-right:0; }
    .visione .blocco.num5 .riga.num1 .immagine.num2 { width:46%; }
    .visione .blocco.num5 .riga.num1 .immagine.num3 { width:30%; padding-right:0; }
    .visione .blocco.num5 .riga.num2 .immagine.num1 { width:45%; }
    .visione .blocco.num5 .riga.num2 .immagine.num2 { width:50%; }

    .visione .blocco.num6 .riga.num1 .immagine.num1 { width:36%; }
    .visione .blocco.num6 .riga.num1 .immagine.num2 { width:28%; }
    .visione .blocco.num6 .riga.num1 .immagine.num3 { width:35%; }
    .visione .blocco.num6 .riga.num2 .immagine.num1 { width:25%; }
    .visione .blocco.num6 .riga.num2 .immagine.num2 { width:39%; }
    .visione .blocco.num6 .riga.num2 .immagine.num3 { width:35%; }

    .visione .blocco.num7 .riga.num1 .immagine.num1 { width:31%; }
    .visione .blocco.num7 .riga.num1 .immagine.num2 { width:31%; }
    .visione .blocco.num7 .riga.num1 .immagine.num3 { width:54%; }
    .visione .blocco.num7 .riga.num1 .immagine.num4 { width:19%; }

    .visione .blocco.num8 .riga.num1 .immagine.num1 { width:35%; }
    .visione .blocco.num8 .riga.num1 .immagine.num2 { width:35%; }
    .visione .blocco.num8 .riga.num2 .immagine.num1 { width:15%; }
    .visione .blocco.num8 .riga.num2 .immagine.num2 { width:50%; }
    .visione .blocco.num8 .riga.num2 .immagine.num3 { width:33%; }

    .visione .blocco.num9 .riga.num1 .immagine.num1 { width:47%; }
    .visione .blocco.num9 .riga.num1 .immagine.num2 { width:46%; padding-right:0; }
    .visione .blocco.num9 .riga.num1 .immagine.num3 { width:59%; }
    .visione .blocco.num9 .riga.num1 .immagine.num4 { width:19%; }
    .visione .blocco.num9 .riga.num2 .immagine.num1 { width:45%; }
    .visione .blocco.num9 .riga.num2 .immagine.num2 { width:55%; padding-right:0; }
    .visione .blocco.num9 .riga.num2 .immagine.num3 { width:39%; }
    .visione .blocco.num9 .riga.num2 .immagine.num4 { width:61%; }

    .visione .blocco.num10 .riga { padding:0 1%; }
    .visione .blocco.num10 .riga.num1 .immagine.num1,
    .visione .blocco.num10 .riga.num1 .immagine.num2,
    .visione .blocco.num10 .riga.num1 .immagine.num3,
    .visione .blocco.num10 .riga.num1 .immagine.num4,
    .visione .blocco.num10 .riga.num2 .immagine.num1,
    .visione .blocco.num10 .riga.num2 .immagine.num2,
    .visione .blocco.num10 .riga.num2 .immagine.num3,
    .visione .blocco.num10 .riga.num2 .immagine.num4 { width:47%; padding: 0.5%; }
}


/* PORTFOLIO */
.page-id-644 { background-color: #f2f2f2; }
.page-id-644 .content-area { text-align:center; padding:0 2% 30px 2% }
.page-id-644 .blocco-intro .testo.over .inner { padding: 20px; text-align: center; }
.page-id-644 .abacoportfolio { overflow:hidden; width:100%; padding:0.5% 0 2% 0 ; display:flex; justify-content: center; flex-wrap: wrap;}
.page-id-644 .abacoportfolio .elemento { /* float:left; */position:relative; margin: 0.15%; width:33%; background: #000;margin-bottom:20px;}
.page-id-644 .abacoportfolio .elemento .image { display:block; margin:0; width:100%; height:auto; }
.page-id-644 .abacoportfolio .elemento .text { color:#fff; font-weight:400; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; }
.page-id-644 .abacoportfolio .elemento .text .vai { color:#ff9815; font-weight:800; text-decoration:none; }
.page-id-644 .abacoportfolio .elemento .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #000; }
.page-id-644 .abacoportfolio .elemento:hover .overlay { opacity: 0.8; cursor: pointer; }

/* CONTATTI */
.Contatti .dove-siamo { background:#fdc300; }
/* FORM CONTATTI */
.sezione-contatti { position:relative; background:#fdc300 url(images/sfondo_form_contatti.jpg) no-repeat top center; padding:40px 0 0 0;  background-size: 100%; }
.sezione-contatti .intro,
.sezione-contatti .compila { text-align:center; }
.sezione-contatti .compila a { color:#333; }

.sezione-contatti .banners { overflow:auto; padding:20px 0; }
.sezione-contatti .banners .banner { float:left; width:31%; margin:0 1.15%; }
.sezione-contatti .banners.quattro .banner { width:23%; margin:0 1%; }
.sezione-contatti .banners .banner .testo,
.sezione-contatti .banners .banner .immagine { padding:10px 0; text-align:center; font-weight:600; }
.form-contatti .obbligatori { font-size:0.75em; font-style:italic; text-align:right; }
.form-contatti { width:1000px; margin:40px auto 0 auto; }
.form-contatti .riga { overflow:auto; padding:3px 0; }
.form-contatti .riga .label { float:left; width:10%; margin-right:2%; }
.form-contatti .riga .field { float:left; width:88%; }
.form-contatti input[type="text"], 
.form-contatti input[type="email"], 
.form-contatti input[type="url"], 
.form-contatti input[type="password"], 
.form-contatti input[type="search"], 
.form-contatti textarea,
.form-contatti .riga .field input[type="text"], 
.form-contatti .riga .field input[type="email"], 
.form-contatti .riga .field textarea {  width:100%; padding:3px 10px; margin: 0; font-size:1em; }
.form-contatti .riga .field textarea {height:130px;}
.form-contatti .riga.finale { overflow:auto; width: 88%; margin-left: 12%; }
.form-contatti .riga.finale .privacy { float:left; }
.form-contatti .riga.finale .privacy span.wpcf7-list-item { margin:0; }
.form-contatti .riga.finale .privacy input[type="checkbox"] { cursor:pointer; }
.form-contatti .riga.finale .privacy .testo { padding-left:10px;  }
.form-contatti .riga.finale .privacy a { color:#000; font-weight:600; }
.form-contatti .riga.finale .privacy a:hover { opacity:0.7 }
.form-contatti .invia button, 
.form-contatti .invia input[type="button"], 
.form-contatti .invia input[type="reset"], 
.form-contatti .invia input[type="submit"] { width:auto; padding:2px 35px; background:#000; border:none; float:right; text-transform:uppercase; font-size:1em; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ }
.form-contatti .invia button:hover, 
.form-contatti .invia input[type="submit"]:hover, 
.form-contatti .invia input[type="button"]:hover, 
.form-contatti .invia input[type="reset"]:hover { background: #333; }
.form-contatti .invia input[disabled] { opacity:1;}

.sottoform { width:1000px; margin: 40px auto 0; font-weight:400;  }
.sottoform .inner { display:flex; margin-left:120px; }
.sottoform .partesx { width:7.5%; }
.sottoform .partesx img { width:100%; height: auto; }
.sottoform .partedx { margin-left: 10px; padding-left: 10px; /*border-left: 1px solid #000;*/ text-align:left; font-weight: 900; font-size:1.125em;}
.sottoform .partedx .dida { font-weight: 300; font-size: 0.88889em;}

.chicco { position: relative; /* background: url(images/drawing.svg) no-repeat 0 0; background-size: cover; */ }
.chicco .messaggio { position:absolute; width:100%; height:100%; top:0; left:0; display:flex; justify-content:center; align-items: center; }
.chicco .messaggio .inner { text-align:center; }
.chicco .messaggio .inner img { padding-left:30px;}
.draw { fill:none; stroke:#cfa000; stroke-width:0.5; }



.mappa { height:700px; } 
.popup { text-align:center; }
.popup .logo { background: url(images/logo_leverplan_nero.svg) center center no-repeat; background-size: 100%; width: 200px; height:60px; margin:10px auto; }
.popup .sottotitolo { color:#000; font-weight:700; }
.popup .corpo { margin:20px 0; }
.popup .lnk { font-weight:700; }

/* thankyou page */
.thankyou { text-align:center; padding: 100px 0; }
.thankyou p { margin-bottom: 40px; }
.thankyou .link a { padding:8px 20px; background: #fdc300; color:#000; border-radius: 8px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.thankyou .link a:before { content:'<'; margin-right: 5px; }
.thankyou .link a:hover { background: #cfa000; }

/* footer */
.site-footer { background:#000; color:#fff; overflow:auto; padding-bottom:60px; margin:0; width:100%; max-width:none; font-size: 0.75em; }
.site-footer a,
.site-footer a:hover { color:#fff;  }
.site-footer .widget-area, .widget { margin:0; padding:0; }
.site-footer .container { display:flex; margin-bottom:20px; justify-content: space-between; flex-wrap: wrap;}
.site-footer .menu-container { /* width:45%; */ }
.site-footer .menu { list-style-type:none; font-weight: 600; margin: 20px; }
.site-footer .menu li { display:inline; margin-right:10px; padding: 0 10px 0 0; border-right:1px solid #fff; }
.site-footer .menu li:last-child { border:none; margin-right:0; padding-right: 0; }
.site-footer .menu li a { color:#fff;  }
.site-footer .menu.menu { text-transform: uppercase; margin:10px 0; }
.site-footer #menu-menu2.menu { text-transform: none; }
.site-footer .altrilinks { display:flex; margin: 10px 0; }
.site-footer .seguici { text-align:right; }
.site-footer .seguici .social { display: flex; justify-content: space-between; }
.site-footer .seguici .social .linksocial { margin-left:20px; margin-top:5px; }
.site-footer .seguici .social .linksocial img { width:26px; height:auto; }
.site-footer .visita { margin-left:30px; text-align:right; }
.site-footer .visita .linkvisita { display:block; margin-top:5px;}
.site-footer .visita .linkvisita img { width:109px; height:auto; }
.site-footer .partner { margin-left:30px; text-align:right; }
.site-footer .partner span { white-space: nowrap; }
.site-footer .partner .linkpartner { display:block; margin-top:5px;}
.site-footer .indirizzo,
.site-footer #frase-footer { text-align:center; line-height: 1em;}
.site-footer .indirizzo,
.site-footer .indirizzo a { color:#ffbe3d; font-weight:400; margin-bottom:20px; }
.site-footer #frase-footer,
.site-footer #frase-footer a { font-weight:200; color:#555; }
.site-footer #frase-footer b,
.site-footer #frase-footer strong { font-weight: 200;  }
/* .site-footer .social { float:right; overflow:auto; margin:10px 0; }
.site-footer .social .riga { overflow:hidden; }
.site-footer .social .riga.num2 { padding-top:10px; }
.site-footer .social .socialfan { float:left; margin-right:10px; width:260px; }
.site-footer .social .socialfan a,
.site-footer .social .socialfan span { float:left; padding-right: 10px; }
.site-footer .social .socialcondividi { float:left; overflow:auto; }
.site-footer .social .socialcondividi span { float:left; }
.site-footer .social .socialcondividi .addthis_toolbox { width:200px; }
.site-footer .social .visita { float:right; overflow:auto; }
.site-footer .social .visita span { float:left; } */

/* OVERLAY
#dialog-overlay vedi validazione.css
*/
span.company { cursor: pointer; }
span.company:hover { cursor: pointer; text-decoration:underline;}
#companyinfo { display:none; opacity:0; position: fixed; background-color: #FFF; border: 2px solid #999;/*FFB500*/ z-index: 100001; padding: 30px; text-align: center; width:400px; top:50%; left:35%;  -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);  -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
#companyinfo .interno .logo-lever { width:200px; height:auto; margin-bottom: 20px; }
#companyinfo .companyclose { position: relative; margin-top: 15px; text-transform: uppercase; padding: 5px; background-color: #000; color: #FFFFFF; font-weight: bold; cursor:pointer; }
#velinaCompany { display:none; opacity:0; background: rgba(0,0,0,0.8); position:fixed; width:100%; height:1000%; overflow:hidden; z-index:100000; top:0; left:0;}

#cookie-law-info-bar { background-color: rgba(0,0,0,0.7)!important; padding:10px; z-index:9999; }
#cookie-law-info-bar .content { font-size:0.75em!important; font-family:'Roboto condensed',sans-serif; font-weight:400; text-align:center; margin: 0; }
#cookie-law-info-bar .close a { display:block!important; font-family:'Roboto condensed',sans-serif;font-size:0.75em!important; width:60px; padding:2px 15px; margin: 10px auto 0 auto!important; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -khtml-border-radius: 6px; }

/************************************____responsive____************************************/
@media (pointer: coarse) {
    .page-id-644 .abacoportfolio .elemento .overlay { position: relative; display:block; top: auto; bottom: auto; left: auto; right: auto; height: auto; width: 100%; opacity: 1; background-color: #000; margin-bottom:15px;}
    .page-id-644 .abacoportfolio .elemento:hover .overlay { opacity: 1; cursor: pointer; }
    .page-id-644 .abacoportfolio .elemento .text { color:#fff; padding-bottom:10px; font-weight:400; position: relative; top: auto; left: auto; transform: none; -ms-transform: none; text-align: center; background-color: #000; }
}
@media (pointer: fine) {

}

@media screen and (max-width: 1200px) {
    .site-header .inner,
    .interne .intro .over .inner,
    .home .over .inner,
    .sezione-contatti .banners,
    .interne .blocco .inner,
    .blocco.type6 .contenuti,
    .blocco.type7 .testo .inner,
    .blocco.type7 .immagine img,
    .blocco.type8 .testo.over .inner,
    .blocco.type8 .icone,
    .blocco.type9 .testo.over .inner,
    .chisiamo .blocco-intro .testo.over .inner,
    .speciale-formula .intro .introtesto .inside,
    .speciale-nogap .intro,
    .creativo .intro,
    .creativo .outro,
    .principi .blocco.num2,
    .speciale-formula .tabella,
    .sezione-contatti .intro, .sezione-contatti .compila,
    .site-footer .inner { width:97%; }
}
@media (max-width: 1120px) {  
    nav#menu.desktop ul li { margin-right: 30px; }
    nav#menu.desktop ul li a { letter-spacing:0; }
}

@media (max-width: 1024px) {  
    /*.home div.sezione { height:auto; overflow:hidden }*/
    .form-contatti,
    .sottoform { width:99%; }
    .chisiamo .blocco.type9.num4 .elementi .elemento { min-height:210px; }
    .chisiamo .blocco.type9.num4 .elementi .elemento img { width:50% }
    .chisiamo .blocco.type9.num4 .elementi .elemento .testo { width:50%; padding-top:5px; }
    .speciale-formula .tabella .cella { width:33%; margin-right:0.3%; padding-right:0.3%; }
    .speciale-formula .tabella .cella.tre { margin-right:0; padding-right:0; }
    .speciale-formula .tabella .cella .titolo,
    .speciale-formula .tabella.due .cella .titolo { width:100%; }
    .speciale-formula .tabella .cella .titolo:before,
    .speciale-formula .tabella.due .cella .titolo:before { border:0; }
    .speciale-formula .tabella.due .cella { width:49.5%; margin-right:0.25%;padding-right:0.25%;}
    .speciale-formula .tabella.due .cella.due { margin-right:0; padding-right:0; }
}

  


@media (max-width: 965px) {  

    .sottopagine .blocco .inner { width:99%; }
}
@media (max-width: 930px) {
    .site-footer .container { justify-content: center; }
    .site-footer .menu.menu,
    .site-footer #menu-menu2.menu { text-align:center; }
}

@media (max-width: 1064px) {  
    .site-header, .headerFondo { position:relative; }
    .site-header { height:80px; }
    .site-header .logo { margin-top:10px; top:5px; width:150px; }
    .site-header .destra { margin-top:10px; }
    .site-header .slogan { top:0; width:50%; left:190px; }    
    header { padding:5px 0; }

    .menucontainer { display:block; top: 5px;}
    nav#menu.desktop { display:none; }
    nav#menu.mobile { position: absolute; }
    
    nav#menu { padding-top:70px; }
    nav#menu .baffo { width:40%; }
    nav#menu ul.menu li a { font-size:2em; }
    nav#menu ul.menutop li a { font-size: 2em; } 
}
@media (max-width: 800px) {  
    .home video { left:75%; } 
    /* .home .sezione.num1 {background: url(images/sfondo-home-ani-2019.jpg) no-repeat; background-size: cover; background-position: 5% top;  } */
    .home .sezione.num4 {background: url(images/imm_folla_ani-2019.jpg) no-repeat; background-size: cover; background-position: center top;  }
}
@media (max-width: 768px) { 
    .site-main { margin-top:0; }
    .home div.sezione.num2 .immagine.sfondo /*{ background-image: url(images/visual-formula-home-2019.jpg); background-size: cover;  }*/ { overflow:hidden; }
    .home div.sezione.num2 .immagine.sfondo img /*{ display:none; }*/ { width:auto; height:100vh; max-width: none; }
    .home div.sezione.num2 .over { top:10px; font-size:0.85em; }
    .home div.sezione.num2 .sottotitolo { padding-bottom:0 }
    .home div.sezione .testosopra { padding-top: 20px; }
    .home div.sezione.num3 { height:auto!important; padding-bottom:40px; }
    .home div.sezione.num4 { height:auto!important; padding-bottom:80px; }
    .home div.sezione.num4 .tondi { padding:30px 0; }
    .home div.sezione.num4 .over { position:relative; }
    .home div.sezione.num4 .tondi .tondo.active { width:50%; margin:0; opacity:1; }
    .blocco.type8 { background: initial; background-position: top center; background-repeat: no-repeat; background-size:cover; }
    .blocco.type8 .immagine.sfondo,
    .blocco.type8 .immagine.sfondo img { display:none;}
    .blocco.type8 .testo.over { position:relative; top:auto; left:auto; }
    .content-area { overflow: visible; }
    .home .blocco.num1 .testo.over { background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 22%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 22%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 22%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }   
    .form-sotto .wpcf7,
    .form-corpo .wpcf7 { width:99%; }
    p,
    .blocco.type7 .banner .testo { line-height: normal; padding:5px; }
    .blocco .inner { padding:10px 0; }
    .blocco.type7 .banner .testo { font-weight:500; }
    .blocco.type7 .banner .link { bottom:20px; }
    .interne .blocco.type3.num2 .sx,
    .interne .blocco.type3.num2 .dx { float:none; width:100%; text-align:center; }
    .interne .blocco.type3.num2 .sx ul,
    .interne .blocco.type3.num2 .dx ul { text-align:left; }
    .blocco.type9 .icone .icona .testo { line-height:1em; }
    .chisiamo .blocco-intro .immagini { width:200%; left:-50%; top:0; height:100%; }
    .blocco.num3 { background-size:100%; }
    .blocco.num3 .testo.over .inner { padding-top:45%; }
    .speciale-formula .intro .introtesto { position:relative; top:auto; left: auto; padding:20px 0; }
    .speciale-formula .intro .immagine { margin-top: -55%; position:relative; overflow:hidden; }
    .speciale-formula .intro .immagine .velina { position:absolute; top:0; left:0; height:100%; width:100%; background: -moz-linear-gradient(top,  rgba(30,99,205,1) 0%, rgba(30,99,205,0) 50%, rgba(30,99,205,0) 100%); background: -webkit-linear-gradient(top,  rgba(30,99,205,1) 0%,rgba(30,99,205,0) 50%,rgba(30,99,205,0) 100%); background: linear-gradient(to bottom,  rgba(30,99,205,1) 0%,rgba(30,99,205,0) 50%,rgba(30,99,205,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e63cd', endColorstr='#001e63cd',GradientType=0 ); }
    .speciale-formula .intro .immagine img { margin-left: -30%; width: 157%; }
    .speciale-formula .tabella .cella,
    .speciale-formula .tabella .cella .titolo,
    .speciale-formula .tabella.due .cella,
    .speciale-formula .tabella.due .cella .titolo { width:100%; }
    .speciale-formula .tabella .cella .testo { margin:20px 0 40px 0; }
    .form-contatti .riga .label { float:none; width:100%; }
    .form-contatti .riga .field { float:none; width:100%; }
    .speciale-nogap .container .immagine,
    .speciale-nogap .container .fasce { width:100%; float:none; }
    .speciale-nogap .container .fasce .fascia { margin-left:0; }
    .speciale-nogap .container .fasce .fascia .testo { font-size:1.2em; }
    .speciale-nogap .container .fasce .fascia .testo br { display:none; }
    .page-id-644 .abacoportfolio .elemento { width:49.5%; margin:0.25%; margin-bottom:20px; }    
    .chisiamo .blocco.type9.num1 .elementi .elemento,
    .chisiamo .blocco.type9.num1 .elementi .elemento.num3, 
    .chisiamo .blocco.type9.num1 .elementi .elemento.num4,
    .chisiamo .blocco.type9.num1 .elementi .elemento.num7 { width:100%; float:none; margin: 0 0 20px 0; }
    .chisiamo .blocco.type9.num1 .elementi .elemento.num8 { display:none; }
    .chisiamo .blocco.type9.num4 .elementi .elemento { width:100%; float:none; }
    .chisiamonew .tabella .colonna { width:22.5%; }
    .principi .blocco.num2 .elemento { padding:3%; }
    .prop1090 .sx,
    .prop1090 .dx,
    .prop2080 .sx,
    .prop2080 .dx,
    .prop3070 .sx,
    .prop3070 .dx,
    .prop4060 .sx,
    .prop4060 .dx,
    .prop5050 .sx,
    .prop5050 .dx,
    .prop6040 .sx,
    .prop6040 .dx,
    .prop7030 .sx,
    .prop7030 .dx,
    .prop8020 .sx,
    .prop8020 .dx,
    .prop9010 .sx,
    .prop9010 .dx { width:100%; float:none; }
    .blocco .dx li, .blocco .sx li { width:100%; }
    .blocco .dx img, .blocco .sx img { width:auto; display:block; margin:0 auto; }
}
@media (max-width: 700px) {
    h3 { font-size:2.5em; }
    .testosopra,
    .testosotto { padding:0 10px; }
    
    /*.chisiamonew .tabella .colonna.num2 { margin-right:0; padding-right:0; border:0; }*/
    .site-footer { padding:10px; }
    .site-footer .menu-container { float:none; }
    .site-footer .menu { text-align:center; }
    .site-footer .menu li { margin-right:15px; padding-right:15px; }
}
@media (max-width: 643px) {
    h3 { font-size: 2.5em; }
    body { font-size:14px; }
    .content-area { overflow: visible }
    /*.site-header { height:70px; }*/
    .site-header .inner { overflow:auto; display:block; }
    .site-header .logo { position:relative; top:auto; left:auto; display:block; float:left; width:30%; margin:0 auto 2px auto; float:none; }
    .site-header .destra { position:unset; width:100%; margin:10px auto; }
    .site-header .slogan {position:relative; top:auto; left:auto; display:block; width:100%; font-size:0.875em; margin-bottom:2px; padding:0; float:none; text-align:center;}
    .site-header.shrink .slogan { left:0; }
    .site-header .navbar { clear:both; width:100%; position:relative; top:auto; left:auto; display:block; text-align:center; right:auto; }  
    .alto .testo, .alto .testo.over { top:0; }
    .menucontainer { top:0; }
    .menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active {  background: #ef7d00; text-align:center; color:#fff; padding:5px 15px; width:100%; outline: none; }
    .toggled-on .nav-menu, .toggled-on .nav-menu > ul { background: #ef7d00; }
    .nav-menu li { width:100%; padding:0;  }
    .toggled-on .nav-menu li a { color:#fff; font-weight:500; text-align:center; padding:10px 0; font-size:1em; }
    .toggled-on .nav-menu > li a:hover, 
    .toggled-on .nav-menu > ul a:hover { background: #8db400; }
    .toggled-on .nav-menu > li a:focus, 
    .toggled-on .nav-menu > ul a:focus { background: #5c7406; }
    .site-main,
    /*.home .site-main { margin-top:70px; }*/
    .testata { overflow: hidden; }
    .testata img { width:200%; }
    .blocco .dx,
    .blocco .sx { float:none; width:100%; }
    .blocco .testo.dx, 
    .blocco .testo.sx { width:99%; margin:20px auto; text-align:center;} 
    .blocco ul { text-align:left; padding-top:20px;}
    .blocco.type9 .outer { position:relative; top:auto; left:auto; }
    .blocco.type9.due .icona,
    .blocco.type9.tre .icona,
    .blocco.type9.quattro .icona,
    .blocco.type9.cinque .icona,
    .blocco.type9.sei .icona,
    .blocco.type9.sette .icona,
    .blocco.type9.otto .icona,
    .blocco.type9.nove .icona,
    .blocco.type9.dieci .icona { width:50%; }
    .blocco.type9 .immagine.sfondo { overflow: hidden; }
    .blocco.type9 .immagine.sfondo img { width:150%; }
    .page-id-320 .blocco.num3 { padding-bottom: 70px; }
    .creativo .abaco .riga .quadro,
    .creativo .abaco .riga.num3 .quadro {width: 100%; margin: 3px 0; }
    .formula { width:100%; }
    .didascalia { font-size:1em; }
    .sezione-contatti .banners .banner { width:100%; float:none; }
    .form-contatti .riga .label { text-align:left; font-size:0.875em; }
    .form-contatti .riga.finale .field .privacy { float:none; padding-bottom:20px; }
    .form-contatti .riga.finale .field .invia { text-align:center; }
    .form-contatti .riga.finale .field .invia button, 
    .form-contatti .riga.finale .field .invia input[type="submit"], 
    .form-contatti .riga.finale .field .invia input[type="button"], 
    .form-contatti .riga.finale .field .invia input[type="reset"] { float:none; }
}
@media (max-width: 580px){
    .chisiamo .blocco-intro .sfondo { height:70vh; }
    .chisiamo .blocco-intro .sfondo img { height: 100%; width: auto; margin-left: -90%; }
}
@media (max-width: 480px){    
    .site-header .slogan { margin:7px auto 0 auto; }
    .home div.sezione.num3 .formiche.smartphone { display:block; }
    .home div.sezione.num3 .formiche.desktop { display:none; }
    .home div.sezione.num4 .tondi .tondo .testo {font-size:10px; }
    .blocco.type4 .immagini .immagine,
    .blocco.type4.due .immagini .immagine { width:100%; }
    .blocco.type7.due .banner { float:left; width:50%; }
    .blocco.type7.tre .banner,
    .blocco.type7.sei .banner { float:left; width:33.3%; }
    .blocco.type7.quattro .banner,
    .blocco.type7.otto .banner { float:left; width:25%; }
    .blocco.type7.cinque .banner,
    .blocco.type7.dieci .banner { float:left; width:20%; }
    .chisiamo .blocco.type9.num4 .elementi .elemento img,
    .chisiamo .blocco.type9.num4 .elementi .elemento .testo { float:none; }
    .chisiamo .blocco.type9.num4 .elementi .elemento img { display:block; margin:0 auto; }
    .chisiamo .blocco.type9.num4 .elementi .elemento .testo { width:100%; margin:0 auto; padding-top:0; }
    .chisiamonew .tabella { width:97%; margin:0 auto; overflow:hidden; position:relative; height:305px; text-align:center; font-size:1.25em;}
    .chisiamonew .tabella:before { position:absolute; top:278px; left:0; z-index:999; content:'...'; width:100%; text-align:center; background: #efefef; padding-bottom:10px;}
    .chisiamonew .tabella.open {height:auto;}
    .chisiamonew .tabella.open:before {display:none;}
    .chisiamonew .tabella .colonna { width:100%; padding: 0; border: 0; text-align:center; }
    .chisiamonew .tabella .colonna div { padding-bottom:10px; }
    .more { display:block; margin-top:10px; font-weight:600; cursor:pointer; font-size:1.25em;}
    .more.close { color:transparent; }
    .more.close:before { content:'Chiudi';display:block; color:#000; font-weight:600;font-size:1.25em; }
    .sottoform .inner
    .principi .blocco.num2 .elemento { width:100%; }
    .page-id-644 .abacoportfolio .elemento { width:100%; }
    .blocco.type9.cinque .elemento, .blocco.type9.nove .elemento, .blocco.type9.dieci .elemento, .blocco.type10.cinque .elemento, .blocco.type10.nove .elemento, .blocco.type10.dieci .elemento { width:50%; }
    .page-id-443 .blocco.num1 { padding-bottom:50px; }
    .speciale-nogap .container .fasce .fascia .icona { padding-top:35px; }
    .speciale-nogap .container .fasce .fascia .icona img { width:100%; height:auto; }
    .speciale-nogap .container .fasce .fascia .testo { font-size:1em;  }
    .form-contatti .riga.finale { overflow: auto; width: 100%; margin-left: 0; }
    .form-contatti .riga.finale .privacy { float:none; margin-bottom:20px; }
    .form-contatti .riga.finale .invia { text-align:center; } 
    .form-contatti .riga.finale .invia input { float:none; margin-left:20px;}
    .sottoform .inner {margin-left:0; display:block;}
    .sottoform .inner .partesx { width:28%; margin:0 auto; }
    .sottoform .inner .partedx { width:100%; margin:20px 0; text-align:center; }
}


/**********************
 **********************
  TEST FORM MULTI-STEP
 **********************
 **********************/
 .test { text-align:center; width:90%; margin:40px auto; }
 .test p {padding-bottom:30px;}
 .test .links { display: flex; flex-wrap: wrap; justify-content: center; }
 .test .links .link { width:300px; border:0; padding:20px; display:block; background:#444; color:#fff; margin:20px; text-transform: uppercase; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
 .test .links .link:hover { opacity:0.7; }
 .test .wpcf7-form {  }
 .test .wpcf7-form-control-wrap { display:block; margin-top:5px; }
 .test input.wpcf7-form-control { padding:10px; font-size:1em; font-family:'Open Sans', sans-serif; }
 .test input.wpcf7-form-control.wpcf7-submit,
 .test input.wpcf7-form-control.wpcf7-previous { padding:20px 40px; font-size:1.3em;background:#444; color:#fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
 .test input.wpcf7-form-control.wpcf7-submit:hover,
 .test input.wpcf7-form-control.wpcf7-previous:hover { opacity:0.7 }
 .test .titolo { font-size:1.3em; font-weight:600; }
 .test .scelta { margin:40px; background: #eee; padding:20px;}
 .test .scelta.uno { background: #ccc; }
 .test .domanda { margin:40px 0; }
 .test .scelta .wpcf7-list-item { display:block; margin:20px auto; width:400px; text-align:left;}
 .test .scelta .wpcf7-list-item label { font-weight:200; }
 .test .scelta .wpcf7-form-control-wrap { width:400px; margin:20px auto; text-align:left; }
 .test .descrizione .wpcf7-textarea{ width:80%;margin:0 auto; height:200px; }
 .test .scelta input.wpcf7-form-control { width:200px; }
 .test .intro-riepilogo { background: #eee; color:#666; padding:20px; }
 .test .add_file { width:300px; border:0; padding:20px; display:block; background:#444; color:#fff; margin:20px auto; text-transform: uppercase; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
 .test .add_file:hover { opacity:0.7; }
 .test .scelta.due .container {display:none;}
 
 /*nascondo marchio recaptcha*/
 .grecaptcha-badge { display: none; }



/*************************/
/****** WOOCOMMERCE ******/
/*************************/
.woocommerce div.product { margin:100px auto; width:600px; padding:20px; }
.woocommerce div.product .titolo { font-size:40px; }
.woocommerce div.product .descrizione { margin:30px 0; }
.woocommerce div.product form.cart div.quantity,
.woocommerce div.product form.cart .button, 
body.woocommerce-checkout .button { float:none!important; margin-top:30px; padding:10px 25px; font-size:1.2em; }
body.woocommerce-checkout .site-main { width:800px; margin:100px auto; padding:20px; }
body.woocommerce-checkout input[type="text"], 
body.woocommerce-checkout input[type="email"], 
body.woocommerce-checkout input[type="url"], 
body.woocommerce-checkout input[type="password"], 
body.woocommerce-checkout input[type="search"], 
body.woocommerce-checkout input[type="tel"], 
body.woocommerce-checkout textarea,
body.woocommerce-checkout select { font-size:1em; padding:5px 15px; }
body.woocommerce-checkout .woocommerce-input-wrapper { display:block; width:100%; margin-bottom:30px; }
body.woocommerce-checkout input[type="tel"] { width:100%; }
body.woocommerce-checkout footer { display:none; }
body.woocommerce-checkout .woocommerce-checkout-payment { margin:20px 0; background:#ddd; padding:20px; }
body.woocommerce-checkout .wc-payment-form .form-row { margin:10px 0;}

@media (max-width: 600px){   
    body.woocommerce-checkout .site-main { width:100%; }
}

@media (max-width: 600px){   
    .woocommerce div.product { width:100%; }
}