@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700,800|Titillium+Web:400,600,700&display=swap');
/*   CSS PER COOKIE   */
#cookieChoiceInfo{font-size:15px; font-weight:bold; margin:0 auto; padding:15px 0; text-align:center; width:100%; z-index:9999999999; background-color:#86beea; color:#0c3f66; font-family:inherit; border-top:1px solid #0c3f66; position:fixed; bottom:0px;}
#cookieChoiceInfo a{color:#fff; cursor:pointer; display:inline-block; padding:5px 10px 6px; position:relative; text-decoration:underline;}
#cookieChoiceDismiss{background-color:#fff; font-size:15px; font-weight:bold; line-height:1; color:#0c3f66 !important; cursor:pointer; display:inline-block; margin:auto 0px; padding:10px 30px 13px 30px !important; position:relative; text-decoration:none !important;}
#cookieChoiceDismiss:hover{background-color:#0c3f66; color:#fff !important; }

/*   CSS GENERICI   */


img{max-width: 100%}

*{box-sizing:border-box;}
input[type="submit"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.invia-form, a{transition:all 0.3s ease;}
input, textarea, input[type="submit"]{border-radius:0px;}
/*   CSS GENERICI   */
a,img,h1,h2,h3,h4,h5,h6{font-family: 'Open Sans', sans-serif; margin:0px; padding:0px; border:0px; text-decoration:none; font-weight:normal;}
body{padding:0px 0px 0px 0px; margin:0px; font-family: 'Open Sans', sans-serif; font-size:100%; color:#222222; background:#fff; overflow-x:hidden;}
hr{border:0px; border-top:1px solid #A0A0A0; width:160px; margin:30px auto;}
.pagina-404{text-align:center; padding:80px 0;}
.pagina-404 a{color:#dc0000;}
.pagina-404 img{max-width:100%}
.gallery a{cursor:zoom-in;}

/*    CSS MENU TOP    */
.logo{float:left;  max-width:60%; width:330px; position: absolute;}
header nav{padding:0px !important; }

@media screen and (min-width:1121px){ 
    #mostraporte, #mostramobile{display:none;}
    header nav ul{list-style:none; float:left; padding-top:11px; margin:0px; display:cover; float:right; padding-right:20px;}
    header nav ul li{display:inline-block; margin-left:0px;}
    header nav ul li a{color:#000; padding:10px 10px 15px 10px; display:block; cursor:pointer; font-size:0.875em;  font-weight:400;}
    header nav ul li a:hover{color:#4a85e3;}
    #nav-mobile{width:calc(100% - 200px); text-align:right;}
    header nav li ul{display:none; margin:0; padding:0;}
    header nav ul li ul li{display:block;}
    header nav li ul{display:none;margin:0;padding:0}
    ul{ color:#000;line-height:20px; line-height:30px;}
    ul ul a{padding-top:5px;}
    header nav li:hover ul{display:block; padding:0px; margin:0px 0 0 5px; text-align:left; position:absolute; background:#fff; border:1px solid #ccc; border-top:0px; z-index:99999;}
    header nav li ul a{margin:0px; padding:10px 15px; border-top:1px solid #ccc; min-width:140px; color:#5d75a0;}
    header nav li ul li:first-of-type a{border-top:0px;}
    header nav li ul a:hover{color:#5d75a0; background:#eee;}
}

.box-social{float:right;}
.box-social a img{float:left;}
.box-social a{padding:0px 0 0 10px;}
.box-social{border-left:1px solid #fff; padding-left:20px; margin-left:30px;}
.titoli-bold{font-size:20px; font-weight:bolder; font-family: 'Open Sans', sans-serif; color:#38663a;}

.header-top{float:right; padding-right:20px; }

.ico-tel{background:url(../img/ico-phone.png) left center no-repeat; padding:14px 15px 14px 40px; color:#000; font-size:0.875em; font-weight:700; float:right; display:inline-block; border-right:1px solid #fff; margin-right:15px;}
.ico-email{background:url(../img/ico-mail.png) left center no-repeat; padding:14px 20px 14px 40px; color:#000; font-size:0.875em; font-weight:700; float:right; display:inline-block;}

.ico-tel:hover, .ico-email:hover{color:#4a85e3;}
.btn-prev{background:#fff32b; color:#000; padding:15px 25px; font-size:0.875em; font-weight:700; float:right; }
.btn-prev:hover{background:#fffaab;}


/*  CSS GRIGLIA    */

.contenitore{width:93%; max-width:1560px; margin:auto;}
.cont-big{width:93%; max-width:1400px; margin:40px auto 60px auto;}
.cont-md{width:90%; max-width:1130px; margin:auto;}
.par-intro-home, .cont-sm{width:90%; max-width:900px; margin:auto;}
.box-mezzo{width:50%; padding:15px; float:left; padding:15px;}
.box-terzo{width:calc(100%/3); padding:15px; float:left;}
.box-dueterzi{width:calc(100%/3 *2); padding:15px; float:left;}
.box-quarto{width:25%; padding:15px; float:left;}
.box-quinto{width:20%; padding:15px; float:left;}
.box-sesto{width:calc(100%/6); padding:15px; float:left;}
.box-settimo{width:calc(100%/7); padding:10px; float:left;}
.centrato-sotto{width:93%; max-width:900px; margin:auto;}
.due-terzi{width:calc(100% / 3 * 2);float:left;}
.un-terzo{width:calc(100% / 3);float:left;}

.quattro-quinti{width:calc(80%);float:left;}
.margine-big{margin:105px auto 90px;}
.top-nom{margin-top:30px;}

p a{color:#14397a;}
p a:hover{color:#5d75a0; text-decoration:underline;}
/*  GESTIONE FONT   */
h1{font-size:3.750em; font-weight:600; padding:0 0 15px 0; color:#242424; font-family: 'Titillium Web', sans-serif; line-height:1.2em;}
h2{font-size:1.875em; font-weight:400; padding:0 0 35px 0; color:#000000; font-family: 'Open Sans', sans-serif; line-height:1.2em;}
h3{font-size:2em; font-weight:800; padding:40px 0 40px 0; color:#102c54; font-family: 'Titillium Web', sans-serif; line-height:1.2em; text-align:center; text-transform: uppercase;}
h4{font-size:2.063em; font-weight:600; padding:15px 0 10px 0; color:#365285; font-family: 'Titillium Web', sans-serif; line-height:1em; text-align:center;}
h5{font-size:1.875em; font-weight:400; padding:0 0 35px 0; color:#000000; font-family: 'Open Sans', sans-serif; line-height:1.2em;}
h6{font-size:3.750em; font-weight:700; padding:0; margin:0px; color:#49a010; font-family: 'Titillium Web', sans-serif; line-height:1.2em;}
p{font-size:1.125em; font-family: 'Open Sans', sans-serif; font-weight:400; line-height:1.3em; }



/*  CSS FORM CONTATTI   */
.inputText_contatti{font-size:1em; border:0px; color:#000; padding:17px 20px; width:100%; margin-bottom:14px; border-bottom: 1px solid #102c54}
.inputText_contatti2{font-size:1em; border:0px; background:#e7e7e7; color:#000; padding:17px 20px; width:100%; resize:none; height:130px; font-family: 'Open Sans', sans-serif; margin-bottom:20px; }
::placeholder{color:#000; opacity:0.7;}
.inputleft{float:left; width:calc(50% - 7px);}
.inputright{float:right; width:calc(50% - 7px);}
.invia-form{border-radius:50px !important; background:#26c645; border:2px solid #26c645; color:#fff; padding:15px 60px; margin:20px auto; display:table; font-family: 'Open Sans', sans-serif; font-size:1.3em; cursor:pointer; font-weight:700;}
.invia-form:hover{background:#fff; color:#26c645;}
.privacyacc{color:#000; font-size:0.9em;}
.privacyacc:hover{text-decoration:underline;}
.antispam span{display:block; float:left; text-align:right; width:46%; }
.antispam input{width:50%; float:right;}
.cont-ok{margin:100px 50px; font-size:50px; color:green; text-align:center; font-weight:bold;}
.cont-ko{margin:100px 50px; font-size:50px; color:red; text-align:center; font-weight:bold;}


.btn-laterale{background:#3cabfc url(../img/whatsapp-ico.png) 10px center no-repeat; color:#fff; padding:17px 50px 17px 80px; position:fixed; right:0px; top:350px; transform:rotate(-90deg); font-weight:700; margin-right:-146px; border:2px solid #fff; font-size:1.1em; cursor:pointer;}
.btn-laterale:hover{background:#1c3760 url(../img/whatsapp-ico.png) 10px center no-repeat;}

.cont-briciole{ border-top:1px solid #f0f0f0;}
.cont-briciole .briciole{list-style:none; margin:0;  padding:12px 28px; font-size:0.8em; color:#a3a3a3; text-align:right;}
.briciole li{display:inline;}
.briciole li a{color:#a3a3a3;}
.briciole li a:hover{color:#8a8a8a;}

/* CUSTOM */

hgroup{padding-top:40px; padding-bottom:10px;}
hgroup h1, hgroup h2{text-align:center;}
hgroup h2{color:#14397a; font-size:1.125em; font-weight:600; line-height:1.3em;}
hgroup h1 span{background:url(../img/bg-title-home.png) 30% 70% no-repeat;}
.arrow{display:block; margin:-60px auto 60px auto; position:relative; z-index:999;}
h3 span{color:#4a85e1;}
.par-big{text-align:center; font-size:1.375em; margin-top:15px;}

#page .box-terzo img{display:table; margin:50px auto 0 auto;}
#page .box-terzo p{font-size:1.1em; text-align:center; margin:auto; max-width:90%;}
.spztop{margin-top:80px;}
.spzbottom{margin-bottom:80px;}


.btn-scuro{color:#fff; border:2px solid #3f4749; background:#3f4749; font-size:0.9em; padding:10px 30px; font-weight:600; display:inline-block;}
.btn-scuro:hover{background:#fff; color:#3f4749;}
.btn-green{color:#fff; background:#31cb25; font-size:0.9em; padding:12px 32px; font-weight:600; display:inline-block; float:right; margin-right:5px;}
.btn-green:hover{background:#49a010; }

.detra-home{border:5px solid #31cb25; text-align:center; margin:80px 5px 0 5px; padding:20px;}
.detra-home p{color:#999999; font-weight:600; font-size:1.6em; margin:0px; padding:0px;}
.img-foglia{position: absolute; margin-left:520px; margin-top:-196px;}
.bg-chisiamo{background:url(../img/bg-chisiamo.jpg) center bottom / cover; padding: 250px 130px 30px 30px;}

.bg-chisiamo h3{background:#81c8ff; font-size:1.313em; font-family: 'Open Sans', sans-serif; padding:13px 30px; text-align:left; margin:0px;}
.bg-chisiamo p{background:rgba(255,255,255,0.8); padding:25px 30px; margin:0px;}
.p-prod h4{font-size:2.063em; text-align:left;}
.p-prod{border-top:1px solid #81c8ff; padding:20px 30px;}
.no-bordo{border:0px;}
.ele-prod{padding:0px 0 0 50px;}
.tel-fm-footer{background:url(../img/tel-footer.png) left center no-repeat; padding:0 0 0 50px; color:#3192d8; font-size:1.25em; font-weight:800; line-height: 80px; background-size: 35px; margin-left:10px;}

.fatfooter{background:#465d87; padding:90px 0 20px 0; color:#fff; margin-top:90px;}
.fatfooter img.logofooter{margin-top: -70px;}
.fatfooter a{color:#fff; line-height: 30px; font-size: 1.15em;}
.fatfooter address{font-style:normal; margin:13px 0 15px 0;}
.fatfooter h6{color:#fff; font-size:1.5em; font-family: 'Open Sans', sans-serif; margin-bottom:30px;}
.fatfooter ul {list-style:none; padding:0px; line-height:2em;}
.fatfooter ul a{font-weight:400;}
.fatfooter a:hover, .fatfooter ul a:hover{color:#ccdeff;}
.fatfooter .box-quarto{padding:0 30px;}
.fine-footer{font-size:1em; color:#465d87; text-align:center;}
.fine-footer a{color:#182e57;}
.fine-footer a:hover{color:#465d87; text-decoration:underline;}

.bg-grey h4 span, .bg-azz h4 span, .cont-big h1 span{color:#5d75a0;}
.cont-big p{max-width:90%;}
.foto-mezza{width:50%; float:left;}
.primafoto{padding:75px 100px 75px 100px;}
.bg-grey{background:#f9f9f9; margin-top:30px; padding:20px 30px; min-height:260px;}
.bg-azz{background:#f1f6ff; margin-top:30px; padding:20px 30px; min-height:260px;}
.bg-grey h4, .bg-azz h4{color:#222222; font-size:2.375em; line-height:1.2em; text-align:left;}

.bg-detra{margin-top:30px; padding:20px 30px; min-height:260px; border:5px solid #31cb25;}
.bg-detra h6{color:#222222; font-size:1.313em; margin:5px 0px 10px; padding:0px; text-align:left;}
.bg-detra h4{font-size:3.250em; color:#49a010; margin:0px; padding:0px; text-align:left; font-weight:700;}

.foglia-sm{width:100px; position:absolute; margin:-80px 0 0 219px;}
p strong{color:#14397a;}



.bar-laterale{width:90px; position:fixed; top:120px; right:0; z-index:998;}
.bar-laterale img{width:100%;}
.btn-top{width:50px; position:fixed; right:40px; bottom:20px; z-index:999;}
#btn-top{display:none;}
.testo-centrato{text-align: center; margin-bottom: -110px;}
.cont-big.testo-centrato p{max-width:100%; margin-bottom:40px;}

#page .box-quinto img{max-width: 80%;}
#page .box-quinto h4{text-transform: uppercase; text-align: left; color:#4c85de; font-weight: 800; font-size: 1.5em;}
.p-top{padding-top: 60px;}
.p-med{padding-top: 38px;}
#page a{color:#000}
.btn-scopri{background-color:#102c54; color:#fff; text-align: center; padding: 3px 0;}
form .box-quarto{width:calc(100%/4 - 2%); margin-right: 2%; border:none; border-bottom: 1px solid #102c54; font-size: 1em; padding: 17px;margin-bottom: 14px;}
form .box-quarto:last-of-type{width: calc(100%/4); margin: 0;}
form .box-mezzo.primo{width: calc(100%/2 - 2%) !important; margin-right: 2% !important;}
form .box-mezzo.secondo{width: calc(100%/2) !important; margin-right: 0%;}
form .invia-form{width: 100%; background-color: #102c54; color:#fff; border:0px; border-radius: 0px !important;}
form .invia-form:hover{background-color:#4a85e1; color:#fff}
.titolo-form{color:#4a85e1; text-transform: uppercase; font-weight: 900; font-size: 1.8em; text-align: left}
.partners img{margin: 25px 10px;}
.form-footer h3{text-align: left; padding-top: 0px; text-transform: inherit; line-height: 40px;}
.fatfooter img{max-width: 100%;}
h3.titolo-form{padding:0px;}

.bg-viaggio{background:url(../img/bg-viaggio.jpg) left center no-repeat; height: 340px; background-size: 100%;}
.bg-futuro{background:url(../img/bg-futuro.jpg) left center no-repeat; height: 340px; background-size: 100%;}
.bg-animali{background:url(../img/bg-animali.jpg) left center no-repeat; height: 340px; background-size: 100%;}
.servizi-home h4{padding-top: 220px; text-align: left; color: #fff; font-size: 1.5em; padding-bottom: 0px;}
.servizi-home p{color:#fff; font-size: 1em;}

.datanascita{-webkit-appearance: none; font-size: 0.95em !important; font-family: 'Open Sans', sans-serif;}
.elenco-professioni-formfooter{-webkit-appearance: none;display:block; width: 100%; padding:17px;border:0px; border-bottom: 1px solid #102c54; font-size: 1em; color:#000; opacity:0.7; margin-bottom: 14px;}
.messaggio{font-family: 'Open Sans', sans-serif;}
#contatti{margin-top: 50px;}
h3.titolo-form-footer{padding-bottom: 0px;}

.pg-interne h2{font-size:2.188em; font-weight:800; padding:0 0 0px 0; color:#4c85df; line-height:1.2em; text-transform: uppercase}
.pg-interne h3{text-align:left; padding: 0;}
.pg-interne {margin-bottom:150px;}

.pg-interne h1{text-align: center;font-weight: 400;color:#808080; padding:15px 0 30px;}
.pg-interne h4{text-align: left;text-transform: uppercase;font-weight: 800;font-family: 'Open Sans'; color:#4c85df}
.pg-interne ul{padding: 0;}
.pg-interne li{list-style: none;}
.pg-interne li img{padding-right: 5px;}
.servizio-int{min-height: 500px;}
.bg-veicolo{background:url(../img/bg-veicolo.jpg) left center no-repeat; height: 600px; background-size: 100%;}
.bg-casafamiglia{background:url(../img/bg-casa-famiglia.jpg) left center no-repeat; height: 400px; background-size: 100%;}
.bg-salute{background:url(../img/bg-salute.jpg) left center no-repeat; height: 400px; background-size: 100%;}
.bg-impresa{background:url(../img/bg-impresa.jpg) left center no-repeat; height: 400px; background-size: 100%;}
.bg-previdenza{background:url(../img/bg-previdenza.jpg) left center no-repeat; height: 400px; background-size: 100%;}
.pg-interne h5{font-weight: 600;font-size: 1.2em;padding-top: 20px;padding-left: 20px; padding-bottom: 0px;}
.check{margin-left: 20px;}
.chisiamo{background-color:#ECECEC; margin:20px; width:calc(100%/3 - 40px); min-height: 300px;}
br.only410{display: none;} 

.servizi{margin-left:20px;}
.servizi .check{margin-left: 0px; }
.servizi label{width: 30%; display: inline-table;padding: 0px;margin: 0 0 7px 0;}
.box-mezzo.professione{display:block; -webkit-appearance: none;width:calc(100%/2); border:none; border-bottom:1px solid #102c54; font-family: 'Open Sans'; font-size: 1em; margin-bottom: 14px;}

form {font-family: 'Open Sans' !important; color:#000; opacity:1 !important;}

.macromenuhomeicone .box-quinto img{background: #004d95; border-radius: 200px;padding: 3px;}

.macromenuhomeicone .box-testohp img{background: #004d95; border-radius: 200px;padding: 3px; max-width: 90px;}

.bg-auto-moto{background:url(../img/assicurazioni-auto-moto-darfo-boario-terme.jpg) right center no-repeat; height: 500px; background-size: 100%; background-size: 60%;margin-top: 40px;}
.bg-casa-salute{background:url(../img/assicurazioni-casa-famiglia-salute-darfo-boario-terme.jpg) center bottom no-repeat; height: 580px; background-size: 85%;margin-top: 70px;}
.bg-pensione-integrativa{background:url(../img/assicurazione-pensione-integrativa-darfo-boario-terme.jpg) right center no-repeat; height: 390px; background-size: 70%;margin-top: 70px;}
.bg-piccole-imprese{background:url(../img/assicurazione-piccole-imprese-darfo-boario-terme.jpg) left center no-repeat; height: 420px;
background-size: 90%;margin-top: 40px;}

.box-testohp{background: rgba(255,255,255, 0.95); 30px 30px 10px; border:1px solid #102c54;}
.box-testohp h4{text-align: left;font-size: 1.5em;line-height: 30px;}
.box-testohp .text-home-box{font-size: 1em; line-height: 25px;min-height: 140px;}
.box-testohp .btn-scopri, .box-terzo.box-testohp .btn-scopri{max-width: 250px !important; margin: 20px 0 !important;}
.mt30{margin-top: 30px;}
.mtn30{margin-top: -30px;}
.mtn30r{margin-top: -30px; float: right;}
.box-terzo.box-testohp img{margin:0px !important;}
.box-terzo.box-testohp .text-home-box{font-size: 1em !important; line-height: 25px !important;min-height: 140px !important; text-align: left !important;margin: 0 !important; max-width: 100% !important;}

@media screen and (max-width:1620px){    
    .bg-grey h4, .bg-azz h4 {font-size:1.8em; line-height:1.1em; text-align:left;}
    .bg-detra h4 {font-size:2.3em;}
    .bg-detra h6 {font-size:1em;}
}

@media screen and (max-width:1480px){
    .img-foglia {margin-left: 453px;}
    .due-terzi.bg-chisiamo, .box-terzo.ele-prod{width:50%;}
    .bg-chisiamo {padding: 250px 30px 30px 30px;}
    .foglia-sm {margin: -61px 0 0 168px;}
    .bg-grey, .bg-azz, .bg-detra{min-height:250px}
}
@media screen and (max-width:1350px){
    .servizi-home h4{padding-top: 180px;}
    .partners img{max-width: 250px;}
    .img-pginterne img{margin-top: 150px;}
    .servizio-int{min-height: 525px;}
    .box-terzo.servizio-int.chisiamo{min-height: 200px;}
}
@media screen and (max-width:1300px){
    .bg-casa-salute .box-terzo.uno .text-home-box, .bg-casa-salute .box-terzo.tre .text-home-box{min-height: 170px !important;}
}

@media screen and (max-width:1260px){
    .img-foglia {display:none;}
}
@media screen and (max-width:1250px){
    header nav ul li a{padding:10px 10px 10px 10px;}
    body{font-size:90%;}
    .bg-grey, .bg-azz, .bg-detra{min-height:230px}
    .foglia-sm {margin: -45px 0 0 134px;}
    .box-mezzo.professione{margin-bottom: 18px;}
}
@media screen and (max-width:1200px){   
    .bg-auto-moto{height: 440px;}
    .bg-auto-moto .text-home-box{min-height: 0px;}
    .bg-casa-salute{height: 450px;}
}
@media screen and (max-width:1120px){    
     /* CSS MENU MOBILE  */
    #no-mobile2, #no-mobile{display:none !important;}        
    #mostraporte span, #mostramobile span{background: url('../img/left-arrow-black.svg'); height:20px; width:20px; display:block; position: absolute; right: 20px; margin-top:-19px;}
    #nascondiporte span, #nascondimobile span{background: url('../img/down-arrow-black.svg');  height:20px; width:20px; display:block; position: absolute; right: 20px; margin-top:-16px;}
    .link-veloci{display:none;}
    header{margin:0px;}
    header nav.contenitore{ padding:0px; margin:0px; width:100%;}
    nav #nav-mobile{list-style:none; padding:0px; margin:0px; width:100%; display:none; border-bottom:5px solid #1d3760;  border-top:2px solid #1d3760; position:absolute; top:117px; left:0px; z-index:999999;}
    nav #nav-mobile li{display:block; width:100%; margin:0px; padding:0px;}
    nav #nav-mobile li a{display:block; background:#fff; color:#1d3760; padding:15px 25px; width:100%;  margin:0px; font-size:1.05em; border-bottom:0px; border-top:1px solid #1d3760; font-weight:600; text-align:left;}
    nav #nav-mobile li:first-of-type a{border:0px;}
    nav #nav-mobile li:last-of-type a{box-shadow:0px 10px 10px #1c1c1c}
    nav #nav-mobile li a:hover{ color:#1d3760; background:#e6e6e6; border-bottom:0px;}
    nav #nav-mobile li ul{display:none;}
    #menuporte, #menusec{padding:0px; border-top:1px solid #1d3760;} 
    nav #nav-mobile li ul li a{background:#1d3760; color:#fff; border-top:1px solid #fff; font-weight:normal;}
    #btn-01, #btn-02{float:right; width:50px; margin-top:30px; margin-right:30px; display:none;}
    #btn-01{display:block;} 
    
    .header-top{margin-top: 32px;border-bottom: 0px;padding-right: 34px;}   
    .box-mezzo{width:50%;}
    .box-terzo{width:calc(100%/3);}
    .box-quarto{width:25%;}
    .box-quinto{width:20%;}
    .box-sesto{width:calc(100%/3);}
    h1 {font-size: 2.6em;}
    
    .fatfooter .box-quarto{width:calc(100%/3); border:0px; margin-bottom:35px;}
    .fatfooter .box-quarto:first-of-type{border-bottom:0px;}
    .fatfooter .box-quarto:nth-child(2){border-left:0px solid #fff;}
    .fatfooter .box-quarto:nth-child(3){margin-top:0px;}
    .fatfooter .box-quarto:nth-child(3) ul{padding-top:0px; margin-top:0px;}
    .fatfooter .box-quarto:nth-child(4){display:none;}
    .bg-grey, .bg-azz, .bg-detra{margin-top:10px;}
    h3{font-size: 1.8em; padding:20px 0;}
    
    form .box-mezzo.primo{width: calc(100%/2 - 2%) !important; margin-right: 2% !important;}
    form .box-mezzo.secondo{width: calc(100%/2) !important; margin-right: 0%;}
    .box-terzo.servizio-int.chisiamo{width: calc(100%/3 - 40px)}
}

@media screen and (max-width:1100px){   
    .bg-auto-moto{height: 400px;}
    .bg-auto-moto .mt30{margin-top: 5px;}
}
@media screen and (max-width:1066px){
    .p-top.b{padding-top: 40px;}
}
@media screen and (max-width:1033px){
    .text-home-box{min-height: 80px;}
}
@media screen and (max-width:1000px){    
    .header-top .ico-email{display:none;}   
    .box-quarto{ width:50%;}    
    .foglia-sm {margin: -85px 0 0 244px;}
    .spztop {margin-top: 40px;}
    .pg-interne {margin-bottom: 50px;}
    .servizi-home h4{padding-top: 140px;}
    .tel-fm-footer{line-height: 40px;}
    .img-pginterne{display: none;}
    .testo-intro{width: 100%;}
    .box-terzo.servizio-int{width:50%; min-height: 460px;}
    .testo-centrato{margin-bottom:0px;}
    .bg-casa-salute .box-terzo.uno, .box-terzo.tre{width:40%}
    .bg-casa-salute .box-terzo.due{width: 20%}
    .bg-pensione-integrativa{background-position-x: 350px;height: 330px;}
    .bg-pensione-integrativa .box-terzo{width: 50%}
    .bg-piccole-imprese .box-mezzo {width: 60%;}
}
@media screen and (max-width:990px){   
    .bg-pensione-integrativa{height: 360px;}
}
@media screen and (max-width:960px){   
    .box-mezzo.form-footer{width: 100%}
    iframe{height: 270px;}
    .fine-footer{padding-bottom: 80px;}
}
@media screen and (max-width:930px){ 
    bg-auto-moto{height: 440px;}
    .bg-auto-moto .mt30{margin-top: -10px;}
}

@media screen and (max-width:900px){   
    .due-terzi.bg-chisiamo, .box-terzo.ele-prod{width:100%;}
    .ele-prod{padding:0px;}
    .primafoto {padding: 40px 50px 40px 50px;}
    .box-quinto{width: 33%;}
    .p-top.b{padding-top: 60px;}
    .fatfooter{margin-top: 0;}
    .bg-salute{width:100%; height:300px; background-position: 0 -50px; }
    .bg-veicolo{width:100% !important; height:300px; background-position: 0 -220px; }
    .form-specifico{width:100%;}
    .bg-casafamiglia, .bg-previdenza{width:100%; height:300px; background-position: 0 -50px; }
    .bg-impresa{width:100%; height:300px; background-position: 0 -150px; }
    .box-terzo.servizio-int.chisiamo{width: calc(100%/2 - 40px)}
    .servizi label{width: 46%; display: inline-table;padding: 0px;margin: 0 0 7px 0;}
    .bg-auto-moto{height: 350px;}
    .bg-auto-moto .box-mezzo, .bg-pensione-integrativa .box-terzo{width: 70%;}
    .bg-casa-salute {height: 400px;background-position-x: 30px;}
    .bg-pensione-integrativa {background-position-x: 470px; height: 330px;}
    .bg-piccole-imprese{height: 350px;}
}
@media screen and (max-width:850px){
    h6 {font-size: 3em;}
    .ser-home .box-terzo p {min-height: 154px;}
    .btn-prev{display:none;}
}
@media screen and (max-width:800px){
    .box-mezzo{width:100%;}
    .box-terzo{width:50%;}
    .box-quarto{width:50%;}
    .box-sesto{width:50%;}
    .img-desk{display:none;}
    .img-mobile{display:block;}
    .btn-laterale{padding:17px 23px 17px 23px; left:-2px; top:auto; transform:none; font-weight:700; margin-right:0; border:2px solid #fff; font-size:1.1em; cursor:pointer; bottom:-2px; right:auto; background-image:none !important;}
    .ser-home .box-terzo {margin-bottom:30px;}
    .box-settimo {width: calc(100%/6);}
    .foglia-sm {margin: -85px 0 0 183px;}
    .spzbottom { margin-bottom: 40px;}
    .p-top.b, .p-top{padding-top: 60px;}
    .bg-viaggio, .bg-futuro, .bg-animali{height:240px;}
    .box-terzo.bg-viaggio, .box-terzo.bg-futuro, .box-terzo.bg-animali{width:80%; margin:0 10%;}
    .bg-animali, .bg-futuro{background-position: top;}
    form .box-mezzo.primo{width: calc(100%/2 - 2%) !important; margin-right: 2% !important;}
    form .box-mezzo.secondo{width: calc(100%/2) !important; margin-right: 0%;}
    .professione{margin-bottom: 30px !important;}
    .bg-salute, .bg-veicolo, .bg-casafamiglia, .bg-previdenza, .bg-impresa{width:100%;}
    .pg-interne h4{font-size: 1.55em;}
    .cont-briciole{margin-top: 30px;}
    .bg-auto-moto, .bg-casa-salute, .bg-pensione-integrativa, .bg-piccole-imprese{background: none;}
    .bg-auto-moto .box-mezzo{width: 100%; background: linear-gradient( rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.95) ), url(../img/assicurazioni-auto-moto-darfo-boario-terme.jpg) center center no-repeat; background-size: 100%;}
    .bg-casa-salute .box-terzo.uno{width: 100%; background: linear-gradient( rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.95) ), url(../img/assicurazioni-casa-famiglia-salute-darfo-boario-terme.jpg) center center no-repeat; background-size: 120%;}
    .bg-casa-salute .box-terzo.due{height: 70px;}
    .bg-casa-salute .box-terzo.tre{width: 100%; background: linear-gradient( rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.95) ), url(../img/assicurazioni-hp-salute-darfo-boario-terme.jpg) center left no-repeat; background-size: 100%;}
    .bg-pensione-integrativa .box-terzo{width: 100%; background: linear-gradient( rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.95) ), url(../img/assicurazione-pensione-integrativa-darfo-boario-terme.jpg) center center no-repeat; background-size: 100%;}
    .bg-piccole-imprese .box-mezzo{width: 100%; background: linear-gradient( rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.95) ), url(../img/assicurazione-piccole-imprese-darfo-boario-terme.jpg) center center no-repeat; background-size: 110%;}
    .box-testohp .text-home-box, .box-terzo.box-testohp .text-home-box, .bg-casa-salute .box-terzo.uno .text-home-box, .bg-casa-salute .box-terzo.tre .text-home-box{min-height: 0px !important;}
}

@media screen and (max-width:750px){
    h1{font-size: 2.35em;}
}
@media screen and (max-width:700px){
    .header-top .ico-whast{display:none;}    
    .due-terzi, .quattro-quinti{width:100%;}
    .ico-tel{padding: 13px 0px 13px 40px; font-size: 1.2em;}
    h6 {font-size:2.3em;}
    .detra-home p{font-size:1.3em;}
    .detra-home{margin-top:40px;}
    .ser-home .box-terzo p {min-height:105px;}
    .fatfooter .box-quarto{width:50%; border:0px; margin-bottom:35px;}
    .fatfooter .box-quarto:first-of-type{width:100%; border-bottom:1px solid #fff; padding-bottom:30px;}
    .fatfooter .box-quarto:nth-child(2){border-left:0px solid #fff;}
    .fatfooter .box-quarto:nth-child(3){margin-top:0px;}
    .fatfooter .box-quarto:nth-child(3) ul{padding-top:0px; margin-top:0px;}
    .fatfooter .box-quarto:nth-child(4){border-left:0px solid #fff; width:100%; border-top:1px solid #fff; padding-top:30px; display:block;}    
    .foto-mezza{width:100%;}
    .inputleft{float:left; width:100%;}
    .inputright{float:right; width:100%;}
    .inputright.controlspam{width:50%;}
    .bg-salute, .bg-veicolo, .bg-casafamiglia, .bg-previdenza, .bg-impresa{height: 240px;}
    form .box-quarto{width:calc(100%/2 - 2%);}
    form .box-quarto:last-of-type{width: calc(100%/2);}
    .box-mezzo.professione{width:100%;}
    .bg-piccole-imprese .box-mezzo{background-size: 130%;}
    .bg-casa-salute .box-terzo.tre{background-size: 120%;}
}
@media screen and (max-width:650px){
    .box-settimo {width: calc(100%/5);}
    hgroup h1, hgroup h2 {text-align: left;}
    h1 {font-size:2.2em; line-height:1.1em;}
    hgroup h2 {font-size: 1.2em; line-height: 1.5em;}
    .arrow{display:none;}
    h3{text-align:left; font-size: 1.5em;}
    .par-big{text-align:left; font-size:1.25em;}
    .controlspam{margin-top:20px;}
    .header-top{padding-right: 3px;}
    .box-quinto{width: 50%;}
    .p-top.b, .p-top{padding-top: 35px;}
    #page .box-quinto img{max-width: 30%}
    .text-home-box{min-height: 40px;}
    .box-terzo.bg-viaggio, .box-terzo.bg-futuro, .box-terzo.bg-animali{width:100%; margin:0}
    .cont-md.partners{width:100%;}
    .partners img{max-width: 200px; margin:5px 10px;}
    picture img{max-width: 300px !important; margin:0 !important;}
    .servizi label{width: 90%; display: inline-table;padding: 0px;margin: 0 0 7px 0;}
}
@media screen and (max-width:633px){
    #page .box-quinto{min-height: 310px;}
}
@media screen and (max-width:600px){
    .fatfooter .box-quarto{width:100%; border:0px; margin-bottom:35px;}
    .box-mezzo{width:100%;}
    .box-terzo{width:100%;}
    .box-quarto{width:100%;}
    .foglia-sm {margin: -85px 0 0 203px;}
    .pg-interne .ser-home .box-terzo { width: 100%;}
    .box-quinto{width:50%;}
    .box-sesto{width:50%;}    
    #cookieChoiceInfo {font-size:15px; padding:10px; text-align:left;}
    #cookieChoiceDismiss{float:right; margin-top:10px;}
    .ser-home .box-terzo p {min-height:auto;}  
    .bg-chisiamo {padding: 300px 30px 30px 30px;}
    .ele-prod{padding:0px;}
    .ico-tel{display: none;}
    .p-top.b, .p-top{padding-top: 54px;}
    form .box-terzo, .box-terzo.professione{width:100% !important; margin-right: 0;}
    form .box-mezzo.primo, form .box-mezzo.secondo{width: 100% !important; margin:0px; margin-bottom: 30px;}
    .box-terzo.servizio-int{width:100%; min-height: 0px;}
    .bg-piccole-imprese .box-mezzo{background-size: 200%;}
    .bg-pensione-integrativa .box-terzo, .bg-casa-salute .box-terzo.tre, .bg-casa-salute .box-terzo.uno, .bg-auto-moto .box-mezzo{background-size: 150%;}
}
@media screen and (max-width:550px){ 
    .box-terzo.servizio-int.chisiamo{width: calc(100% - 40px)}
    .img-home{display: none}
}
@media screen and (max-width:500px){    
    .header-top{display:none;}
    .invia-form{width:100%; padding:15px 0px;}   
    .cont-briciole .briciole {padding: 12px 0px; font-size: 0.8em;}
    .logo{max-width: 70%; position:relative;}
    .servizi-home h4{padding-top: 100px;}
    .bg-salute, .bg-veicolo, .bg-casafamiglia, .bg-previdenza, .bg-impresa{height: 150px;}
    .bg-piccole-imprese .box-mezzo{background-size: 250%;}
    .bg-pensione-integrativa .box-terzo, .bg-casa-salute .box-terzo.tre, .bg-casa-salute .box-terzo.uno, .bg-auto-moto .box-mezzo{background-size: 200%;}
    article{margin-top:0px !important;}
}
@media screen and (max-width:410px){
    br.only410{display: block;}
}
@media screen and (max-width:400px){
    .box-quinto{width:100%;}
    .p-top.b, .p-top, .p-med{padding-top: 5px;}
    #page .box-quinto{min-height: 0px;}
    .bg-piccole-imprese .box-mezzo{background-size: 310%;}
    .bg-pensione-integrativa .box-terzo, .bg-casa-salute .box-terzo.tre, .bg-casa-salute .box-terzo.uno, .bg-auto-moto .box-mezzo{background-size: 390%;}
}
@media screen and (max-width:350px){
    .box-settimo {width: calc(100%/2);}
    .foglia-sm{display:none;}
}
@media screen and (min-width:1121px){
    #btn-01, #btn-02{display:none !important;}
    nav #nav-mobile{display:block !important;}
}    
.pulizia{clear:both;}
.nontivedo{display:none;}

.popup{background:rgba(0,0,0,0.7); width:100%; height:100vh; position: fixed; top:0px; left:0px;display: none;    z-index: 99999;}
.con-pop a img{float:right; margin-bottom:5px;}
.con-pop{width:90%; max-width:500px; margin:auto; margin-top:10vh;}
.popup picture img{max-width: 100% !important;}