@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville|Montserrat:400,500,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   */

*{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: 'Montserrat', sans-serif; margin:0px; padding:0px; border:0px; text-decoration:none; font-weight:normal;}
body{padding:0px 0px 0px 0px; margin:0px; font-family: 'Montserrat', sans-serif; font-size:100%; color:#333333; background:#fff; overflow-x:hidden; padding-top:117px;}
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%; }
header{z-index: 999;}
header nav{padding:0px !important; }
.linktel{background:#0b4468 url(../img/ico-tel.png)  center right no-repeat; border-right:10px solid #0b4468; color:#fff; padding:12px 43px 12px 18px; font-weight:500; font-size:0.83em;} 
.linktel:hover{background-color:#046BDE; border-right:10px solid #046BDE; }
.linkpre{background:#f7fc40 url(../img/ico-mail.png)  center right no-repeat; border-right:10px solid #f7fc40; color:#000; padding:12px 43px 12px 18px; font-weight:500; font-size:0.83em;} 
.linkpre:hover{background-color:#e5dc3d; border-right:10px solid #e5dc3d; }


@media screen and (min-width:1001px){ 
    .bg-gray{background:#f5f5f5; padding:8px 0;}
    header {position:fixed; top:0px; width:100%; background:#fff; z-index: 9;}
    header nav ul{list-style:none; padding: 0px; width:90%; max-width:1150px; margin:0 auto; display:flex; justify-content: space-between;}
    header nav ul li{margin:0px; }
    header nav ul li a{color:#333333; margin:0px; cursor:pointer; font-size:1em;  font-weight:normal; font-family: 'Libre Baskerville', serif;}
    header nav ul li a:hover{color:#797979; }
    header nav .contenitore{padding:15px 0;}
}


.header-top{float:right;  text-align:right; padding-top:5px;}
.header-top a{color:#333;}
.header-top a.linkmail{color:#bb9766;}
.header-top a.linkmail:hover, .header-top a:hover{color:#124879;}



/*  CSS GRIGLIA    */
.carusel{width:100%; max-width:1170px; margin:40px auto; padding:0px;}
.contenitore{width:95%; max-width:1150px; margin:auto; padding:0px;}
.cont-sm{width:93%; max-width:800px; margin:auto;}
.box-mezzo{width:50%; 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;}

.due-terzi{width:calc(100% / 3 * 2);float:left;}
.un-terzo{width:calc(100% / 3);float:left;}

.quattro-quinti{width:calc(80%);float:left;}
.fotomezza{width:50%; float:left;}

/*  GESTIONE FONT   */

h1{font-size:3.125em; font-weight:700; padding:0 0 15px 0; color:#3e498a;  line-height:1.2em; font-family: 'Libre Baskerville', serif;}
h2{font-size:1.875em; font-weight:700; padding:0 0 0px 0; color:#3e498a; line-height:1.2em;  font-family: 'Libre Baskerville', serif;}
h3{font-size:2.750em; font-weight:700; padding:0 0 15px 0; color:#124879;  line-height:1.2em; font-family: 'Libre Baskerville', serif;}
h4{font-size:1.250em; font-weight:bold; padding:15px 0 18px 0; color:#124879;  line-height:1.3em;  font-family: 'Libre Baskerville', serif;}
h5{font-size:1.625em; font-weight:400; padding:0 0 15px 0; color:#124879;  line-height:1.2em;}
h6{font-size:1.1em; font-weight:500; padding:0; margin:0px; color:#333;  line-height:1.2em; font-family: 'Libre Baskerville', serif;}} 
p{font-size:1em;  font-weight:400; line-height:1.5em; color:#333;}



/*  CSS FORM CONTATTI   */
.formbottom{margin-top:80px;}
.formbottom h3{text-align:center; color:#d7b688; font-size:2.188em; font-weight:400;}
.formbottom .par-big{font-weight:500; font-size:1.250em; text-align:center; width:100%; margin-bottom:5px; margin-top:0px;}
.formbottom form{margin-top:10px;}
.inputText_contatti{font-size:1em; border:0px; background:#f4f4f4; color:#000; padding:17px 20px; width:100%; margin-bottom:14px; }
.inputText_contatti2{font-size:1em; border:0px; background:#f4f4f4; color:#000; padding:17px 20px; width:100%; resize:none; height:130px !important;  margin-bottom:20px; font-family: 'Montserrat', sans-serif; }
::placeholder{color:#000; opacity:0.7;}
.inputleft{float:left; width:calc(60% - 7px);}
.inputright{float:right; width:calc(40% - 7px);}
.invia-form{border-radius:0px; background:#fff; border:5px solid #d7b688; color:#d7b688; padding:15px 50px; font-size:1.1em; cursor:pointer; font-weight:700; margin:auto; display:table; margin-top:10px;}
.invia-form:hover{background:#d7b688; color:#fff;}
.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;}

.telform{background:url(../img/ico-tel-b.png) center left no-repeat; padding:10px 0 10px 90px; color:#124879; font-weight:700; font-size:3em; text-align:center; display: table; margin:5px auto 15px;}
.telform:hover{color:#2c74b6;}





.cont-briciole .briciole{list-style:none; margin:0;  padding:10px 28px; font-size:0.85em; color:#a3a3a3; text-align:right;}
.briciole li{display:inline;}
.briciole li a{color:#a3a3a3;}
.briciole li a:hover{color:#8a8a8a;}
.pg-interne{margin-bottom:80px;}
.si-mobile{display:none;}

/* FRECCE PER MENU */
.ico-arrow.black{position:absolute; right:20px; margin: 0px; margin-top:1px; box-sizing: border-box; background: url('../img/down-arrow-black.svg'); height: 25px; width: 25px; background-repeat: no-repeat; }
.ico-arrow.white{position:absolute; right:20px; margin: 0px; margin-top:1px;box-sizing: border-box; background: url('../img/down-arrow-white.svg'); height: 25px; width: 25px; background-repeat: no-repeat; }
.ico-arrow.black.left{position:absolute; right:20px; margin: 0px; margin-top:1px; box-sizing: border-box; background: url('../img/left-arrow-black.svg'); height: 25px; width: 25px; background-repeat: no-repeat; }
.ico-arrow.white.left{position:absolute; right:20px; margin: 0px; margin-top:-2px; box-sizing: border-box; background: url('../img/left-arrow-white.svg'); height: 25px; width: 25px; background-repeat: no-repeat; }

/* FOOTER */
footer{background:#f5f5f5; margin-top:60px; padding:30px 0 0 0;}
.firma-foo{background:#d7b688; color:#fff; text-align:center; font-size:0.90em; padding:17px 20px; margin-bottom: 0;}
.firma-foo a{color:#fff;}
footer h6{margin-bottom:30px;}
footer .box-primo p{font-size:0.9em; line-height:1.6em;}
footer .box-secondo a, footer .box-primo a{color:#333;}
footer .box-secondo ul{font-size:0.9em; line-height:1.6em; padding-left:20px;}
footer .box-primo{width:30%; float:left;}
footer .box-secondo{width:25%; float:left;}
footer .box-terzo{width:45%; float:left;}
footer .box-terzo .mappa{border:4px solid #fff;}
/* CUSTOM */
.testata-home{background:url(../img/header-home.jpg) center center / cover; padding:170px 0; text-align:center; font-weight:bold;}
.testata-home h1{color:#fff; font-size:2.500em; margin-bottom:20px;padding: 0 10px;}
.testata-home a{color:#fff; border:5px solid #fff; padding:13px 40px; background:rgba(0,0,0,0.3);}
.testata-home a:hover{background:#fff; color:#000;}
.testata-home a.freecons{color:#d7b688; border-color:#d7b688; margin-left:10px; padding:13px 25px;}
.testata-home a.freecons:hover{background:#d7b688; color:#000;}
.ritorno-su{background:#fff; margin-top:-50px;}
.titolo-grande{text-align:center; color:#b0854a; font-size:2.188em; font-weight:normal; padding-top:25px; margin-bottom:20px;}
.ritorno-su hr{margin:0; border-color:#b0854a; width:84px;}
.fascia-gray{background:#f8f8f8; padding:60px 0; margin-top:20px;}
.spostaredx{float:right; padding-left:30px;}
.subhome{color:#d7b688; font-size:2.5em; line-height:0.9em;}
.subhome span{color:#b0854a; font-size:0.55em; font-weight:normal}
.subblu{color:#124879; font-size:2.5em; line-height:0.9em; font-weight:normal;}
.esphome{color:#b0854a; font-size:0.6em; font-weight:normal; padding:5px 0px;}
.lggpiu{margin-top:10px;}
.htrenta{height:80px;}
.con-servizi{width:95%; max-width:1300px; margin:0 auto 50px auto;}
.par-big{width:80%; margin-bottom:20px;}
.titletre{padding-top:80px; font-size:2.188em; font-weight:normal; padding-bottom:0px;}
.con-servizi h4{font-weight:normal; padding-bottom:0px; font-size:1.375em;}
.con-servizi p{font-size:0.9em; margin-bottom:15px; min-height:75px; color:#333}

.box-padding{padding:0 10px;}
.box-recensioni{padding:20px; background:#fff; border:1px solid #f1f1f1;}

.box-recensioni .stelle{color:#f4e112; font-weight:bold; font-size:1.4em; margin-bottom:15px;}
.box-recensioni p{margin:0px;}
.box-recensioni .desc-rec{min-height:160px; font-size:0.9em; margin-bottom:15px;}

.fascia-gray .titletre{padding-top:20px;}



/* PAGINA INTERNA */
.col-01{width:67%; float:left;}
.col-02{width:30%; float:right;}
.pg-interna{padding-top:80px;}
.pg-interna h1{color:#b0854a; font-size:2.188em;}
.pg-interna h2{font-size:1.625em; font-weight:normal; margin-top:40px;}
.fotofull{width:100%; margin:20px 0;}
.elenco-inerno{list-style:none; padding-left:20px; padding-top:20px; padding-bottom:5px;}
.elenco-inerno li{background:url(../img/ico-check.png) top left no-repeat; margin-bottom: 16px; padding: 2px 0 5px 36px;}
.titolo-interno{font-size:1.563em; color:#b0854a; font-weight:normal; margin:60px 0 10px 0; padding:0px;}

/* SIDEBAR INTERNA */
.elenco-servizi, .introavv{background:#f8f8f8; padding:34px 16px 15px 16px;}
.introavv img{display:table; margin:auto;max-width: 100%;}
.introavv p{font-size:0.9em;}
.formlat h4{font-size:1.3em; margin:0px; padding:25px 16px 15px ;}
.formlat h4 span{color:#b0854a;}
.formlat form{padding:0 16px;}
.formlat .inputleft, .formlat .inputright{float:none; width:100%}
.formlat  .controlspam .antispam{width:50%; float:right;}
.formlat .labelspam{display:block; float:left; width:47%; font-size:0.9em; padding-top:3px;}
.formlat  .controlspam{margin-top:15px;}
.formlat  form{margin-bottom:30px;}
.formlat .inputText_contatti{padding: 14px 16px; margin-bottom: 5px;}
.formlat .inputText_contatti2{height:110px !important;}

.elenco-servizi  h6{margin-bottom:20px;}
.elenco-servizi a{margin-bottom:15px; display:block;}
.elenco-servizi .textcol{width:calc(100% - 100px); float:right;}
.elenco-servizi .textcol h4{font-size:1.188em; font-weight:normal; padding:5px 0; margin:0px;}
.elenco-servizi .textcol p{padding:0px; margin:0px; font-size:0.9em; color:#333;}
.elenco-servizi img{width:90px; float:left;}

.con-servizi .box-quarto{padding-left: 0px;}
br.only458{display: none;}
.recensioni{position: relative;z-index: 0;}
.barramobile{display:none;}

.formlat h4 br{display: none;}
.spazio-t{margin-top: 60px;}

#contattibottom{margin-top: -80px;padding: 80px;}
a{color:#124879}

@media screen and (max-width:1250px){ 
    .con-servizi p{min-height: 95px;}
}
@media screen and (max-width:1200px){ 
    header nav ul{width:96%; font-size: 0.9em;}
}
@media screen and (max-width:1114px){  
    .ritorno-su .box-terzo p br{display: none;}
}
@media screen and (max-width:1090px){ 
    .con-servizi p{min-height: 115px;}
}
@media screen and (max-width:1000px){     
     /* 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: 0 35px 10px !important; margin:0px; width:100%;}
    nav #nav-mobile{list-style:none; padding:0px; margin:0px; width:100%; display:none; border-bottom:1px solid #1d3760;  border-top:2px solid #1d3760; position:absolute; top:85px; 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:#f5f5f5; color:#333;  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; font-weight: normal; font-family: 'Libre Baskerville', serif;}
    nav #nav-mobile li:first-of-type a{border:0px;}
    nav #nav-mobile li a:hover{ color:#333; background:#e2e2e2; border-bottom:0px;}
    nav #nav-mobile li ul{display:none; padding:0px;}
    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:0px; margin-right:0px; display:none;}
    #btn-01{display:block;} 
    .header-top {padding-top: 15px;}
    .no-mobile{display:none !important;}
    .si-mobile{display:block;}
    address {padding-top: 15px;}
    .fatfooter .box-quarto{width:50%; min-height: 320px;}
    .big-menu li b{display:block; background:#fff; padding:10px 25px;}
    .dicono-dinoi .box-quarto, .dicono-dinoi .box-quarto:nth-child(4n+0){margin:2% 2% 0% 0; width:calc(98%/2)}
    .dicono-dinoi .box-quarto:nth-child(2n+0){margin-right:0px;}
    .dicono-dinoi .txt-rec{min-height:120px;}
    .fascia-loghi img{width: calc(100%/3);}
    .bg-chisiamo{background-position:center center; background-attachment:inherit; padding-top:260px;}
    .bg-chisiamo .box-quarto, .bg-chisiamo .box-mezzo{width:calc(100% / 3);}
    .bignum {font-size: 3em;}
    
    .logo{padding-top: 0px;}
    .header-top{padding: 5px 50px 0 0;}
    nav #nav-mobile{padding-left: 0px !important;}
    .fascia-trasporti img.box-terzo{padding-top: 65px;}
    .fascia-trasporti .due-terzi {padding-left: 10px;}
    .grigla-qualita .box-terzo h4 {font-size: 1.4em !important;}
    .img-chisiamohp{background-size: 170%;}
    .spedizione-interno .box-terzo img {width: 50px;}
    .grigla-qualita .box-terzo h4{font-size: 1.2em !important;width: calc(100% - 65px);}
    
    body{padding-top:90px;}
    header{padding:15px 0; position: fixed; background: #fff; width: 100%; margin-top: -90px; border-bottom: 5px solid #f5f5f5}
    .home-avvocato-esp .htrenta{height: 30px;}
    .titletre{padding-top: 40px;}
    
    footer .box-primo {width: 40%;}
    footer .box-secondo{width: 25%}
    footer .box-terzo{width:35%;}
    footer .box-terzo iframe{height: 250px;}
    .pg-interna {padding-top: 40px;}
    #contattibottom{margin-top: -50px;padding: 50px;}
}

@media screen and (max-width:990px){
    .home-avvocato-esp .spostaredx{padding-top: 0px;}
}
@media screen and (max-width:940px){ 
    .con-servizi h4{min-height: 70px;}
}
@media screen and (max-width:900px){ 
    .home-avvocato-esp .box-mezzo{width:100%;}
    .home-avvocato-esp .fotomezza {width: 96%;margin: 0 2%;}
    .home-avvocato-esp, .fascia-gray{padding-top: 30px;}
    .home-avvocato-esp .htrenta{height: 60px;}
    .home-avvocato-esp .fotomezza{max-width: 100%;margin: 0;padding:0 15px;}
    .spostaredx{padding-left: 15px;}
    
    .col-01{width: 100%}
    .col-02 .introavv, .col-02 h4, .col-02 form{display: none;}
    .col-02{width: 100%;}
    .col-02 .elenco-servizi{margin-top: 30px;}
    .col-02 .elenco-servizi a{width: 50%;padding-right: 15px;  float: left}
    .elenco-inerno{padding-left: 0;}
    .con-servizi p{min-height: 135px;}
}
@media screen and (max-width:860px){    
    .un-terzo, .due-terzi, .quattro-quinti{width:100%;}
    .con-servizi .box-quarto{width: 50%;}
    .con-servizi h4{min-height: 0px;}
    .con-servizi p{min-height: 55px;}
    footer .box-primo {width: 50%; padding:0 15px;}
    footer .box-secondo{width: 50%; padding:0 15px;}
    footer .box-terzo{width:100%;}
}
@media screen and (max-width:830px){ 
    .con-servizi p{min-height: 85px;}
}
@media screen and (max-width:800px){
    .box-mezzo{width:100%;}
    .box-terzo{width:50%;}
    .box-quarto{width:50%;}
    .box-quinto{width:50%;}
    .box-sesto{width:50%;}    
    .box-settimo {width: calc(100%/6);}   
    .header-top{display: none;}
    
    .barramobile{position:fixed; z-index:99999999; bottom:0; left:0; width:100%;  display:block;}
    .linkprimo {display:block; float:left; width:50%; text-align:center; padding:18px 8px 19px 8px; box-sizing:border-box; background:#124879;color:#fff; font-size:1.1em;}
    .linksecondo {display:block; float:left; width:50%; text-align:center; padding: 7.5px 8px 7.5px 8px; box-sizing:border-box; background:#b0854a;color:#fff; font-size:1.1em;}
    .firma-foo{padding-bottom: 80px;}
}
@media screen and (max-width:630px){ 
    .con-servizi p{min-height: 105px;}
}
@media screen and (max-width:625px){
    .ritorno-su .box-terzo p{min-height: 60px;}
}
@media screen and (max-width:600px){
    .box-mezzo{width:100%;}
    .box-terzo{width:100%;}
    .punti-blu{width:calc(100%/3);}
    .box-quarto{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;}    
    .fotomezza{width:100%; margin-bottom:20px;}    
    .ritorno-su .box-terzo p{min-height: 0px;}
    .ritorno-su .box-terzo h4 br{display: none;}
    .inputleft, .inputright{width:100%;}
    .labelspam{margin-top: 30px; display: block;}
    footer .box-primo {width: 100%; padding:0 15px;}
    footer .box-secondo{width: 100%; padding:0 15px;}
    footer h6{margin-top:30px; margin-bottom: 10px;}
    footer .box-secondo ul{column-count: 2;}
}
@media screen and (max-width:550px){ 
    .con-servizi p{min-height: 125px;}
}
@media screen and (max-width:530px){
    .logo{max-width: 80%;}
    .contenitore{width:90%;}
    .testata-home a.freecons{width: 90%;display: block;margin: auto;margin-top: 40px;}
    .btn-studio-head{width: 90%;display: block;margin: auto;}
    .testata-home{padding: 80px 0;}
    .col-02 .elenco-servizi a{width: 100%;}
}

@media screen and (max-width:470px){
    br.only458{display: block}
    footer .box-secondo ul{column-count: 1;}
}
@media screen and (max-width:460px){ 
    .con-servizi p{min-height: 145px;}
}
@media screen and (max-width:400px){
    .logo{margin-top: 8px;}
    .telform{font-size: 2em;background-size: 50px;padding-left: 60px;line-height: 60px;}
    .pg-interna {padding-top: 20px;}
}
@media screen and (max-width:385px){ 
    .con-servizi p{min-height: 175px;}
}
@media screen and (min-width:1001px){
    #btn-01, #btn-02{display:none !important;}
/*    nav #nav-mobile{display:block !important;}*/
}     
.pulizia{clear:both;}
.nontivedo{display:none;}