:root {
--primario:#c3ac9b;
}

#content.nonVisibile, .moduletable.nonVisibile {display:none;} /*FONDAMENTALE per l'apertura del FORM RICHIESTA a tutto schermo*/

body {padding-bottom:166px; background-color:var(--primario)}
@media all and (min-width:460px) {body {padding-bottom:106px;}}
@media all and (min-width:760px) {body {padding-bottom:90px;}}
@media all and (min-width:980px) {body {padding-bottom:44px;}}

h1.perSeo {float:left; height:60px; min-width:50px;}
h2.perSeo {float:left; min-width:50px;}

.centroBody, #content {position:relative; float:left; clear:both; width:100%;}
#content {z-index:1; background-color:#fff;}

#CONTENITORE_TOP, #CONTENITORE-BOX01, #CONTENITORE_FOOTER {float:left; width:100%; z-index:0;}

#CONTENITORE_TOP {position:fixed; top:0; left:0; width:100%; min-height:60px; background-color:#161616; z-index:999;}
#CONTENITORE_TOP.menu_aperto {height:100%;}

.HP_logo {position:absolute; top:5px; left:40px; width:130px; z-index:900;}
.HP_logo:before {position:absolute; top:-65px; width:180px; height:180px; left:calc(50% - 90px); z-index:2; content:""; border-radius:50%; background-color:#161616;}
.HP_logo img {margin-top:6px;}

.logo_pagInterne {position:absolute; top:5px; left:25px; width:100px; z-index:900; display:block !important;}

.logo_pagInterne:before {position:absolute; top:-20px; width:120px; height:120px; left:calc(50% - 60px); z-index:2; content:""; border-radius:50%; background-color:#161616;}
.logo_pagInterne img {margin-top:6px;}
.logo_pagInterne .custom, .HP_logo .custom {position:relative; z-index:900;}


#menu_Responsive {position:absolute; right:30px; top:0; width:auto; padding-right:35px; line-height:60px; color:#fff; cursor:pointer; z-index:999; background: url("../images/struttura/menu_Responsive.png") center right no-repeat; display:none;}
#menu_Responsive:hover {text-decoration:none;}
#menu_Responsive:before {content:"MENU"; font-size:21px; font-weight:100;}
#menu_Responsive.menu_aperto:before {content:"X"; color:#fff; font-size:28px;}
#menu_Responsive:hover:before, #menu_Responsive.menu_aperto:hover:before {color:#fff;}
#menu_Responsive.menu_aperto:hover:before {font-weight:600;}
@media all and (max-width:1000px) {#menu_Responsive {display:block;} #boxMenu {display:none;}}

#boxMenu {float:right; padding:30px 30px 40px 0;}
#menu_Responsive.menu_aperto {}
@media all and (min-width:1001px) {#boxMenu {display:block !important /*(lasia x vers. desktop)*/; width:100%; padding:0;}}


.HP_banner {float:left; width:100%; background-color:#000;}
.HP_banner .custom {float:left; width:100%; padding:60px 0 320px 5%; text-align:center; background:#000 url("../images/struttura/piergianni-chiugi-ludovica-costantini.png") center bottom no-repeat;}
.HP_banner .custom p.slogan {float:left; width:100%; font-size:38px; line-height:40px; font-weight:100; color:#fff;}
.HP_banner .custom span {float:left; width:100%; padding-top:50px; font-size:18px; line-height:22px; font-weight:400; font-style:italic; color:#fff;}
.HP_banner .custom span a {position:relative; font-size:18px; line-height:22px; font-weight:400; font-style:italic; color:#fff;}
.HP_banner .custom span a:hover {color:#c73436;}
.HP_banner .custom span a:after {position:absolute; left:0; bottom:-2px; width:100%; height:2px; background-color:#fff; content:"";}
.HP_banner .custom span a:hover:after {background-color:#c73436;}
@media all and (max-width:500px){.HP_banner .custom {background-size:90%;}}
@media all and (min-width:501px){.HP_banner .custom {background-size:80%;}}
@media all and (min-width:671px){
.HP_banner .custom {padding-top:80px; padding-bottom:200px;  background-position:right bottom; background-size:60%; text-align:left;}
.HP_banner .custom span {padding-left:5px;} .HP_banner .custom span {padding-top:150px;}
}
@media all and (min-width:871px){.HP_banner .custom {min-height:500px;}}
@media all and (min-width:1001px){.HP_banner .custom {min-height:550px; background-size:auto; padding-left:10%;} .HP_banner .custom p.slogan {padding-top:10px; font-size:40px; line-height:40px;}}

@media all and (min-width:1301px){.HP_banner .custom {position:relative; max-width:1200px; margin-left:50%; left:-600px; padding-left:120px;}}


.HP_bannerVideo {float:left; width:100%; background-color:#fff;}
.HP_bannerVideo video {display:block; width:100%; max-width:1200px; margin-left:auto; margin-right:auto;}











.HP_categorie {position:relative; float:left; width:100%; text-align:center; padding-bottom:80px; margin-bottom:120px; background-color:var(--primario);}
.HP_categorie h6 {float:left; width:100%; text-align:center; padding:50px 25px 0 25px; font-size:24px; line-height:30px; color:#fff; font-style:italic;}
.HP_categorie .custom {float:left; width:100%; font-size:0;}
.HP_categorie .slogan {float:left; width:100%; padding-top:50px; padding-bottom:50px; font-size:32px; line-height:38px; font-weight:300; color:#fff;}
@media all and (min-width:910px){.HP_categorie .slogan br {display:none;}}
.HP_categorie a {position:relative; display:inline-block; width:100%; max-width:300px; aspect-ratio:1/1; margin:10px 0; border-radius:50%; background-position:center; background-repeat:no-repeat; background-color:#e5e5e5;}
.HP_categorie a.architettonici {background-image:url("../images/struttura/hp_lavori_architettonici.webp")}
.HP_categorie a.interni {background-image:url("../images/struttura/hp_lavori_interni.webp")}
.HP_categorie a.esterni {background-image:url("../images/struttura/hp_lavori_esterni.webp")}
.HP_categorie a.commerciali {background-image:url("../images/struttura/hp_lavori_commerciali.webp")}
@media all and (min-width:501px){.HP_categorie .custom {padding-left:5%; padding-right:5%;} .HP_categorie a {width:46%; margin:2%;}}
@media all and (min-width:910px){.HP_categorie .custom {padding-left:2%; padding-right:2%;} .HP_categorie a {width:24%; margin:0.5%;}
.HP_categorie:before {position:absolute; left:0; bottom:0; width:100%; height:calc(50% - 31px); content:""; /*background-color:#fff;*/}
}
@media all and (min-width:1320px){ .HP_categorie .custom {position:relative; max-width:1320px; margin-left:50%; left:-660px; padding:0;} .HP_categorie a {width:300px; margin:15px;}
}
.HP_categorie a h3 {display:flex; flex-direction:column; justify-content:flex-end; height:50%; padding-bottom:7%; font-size:30px; font-weight:300; color:#fff; clip-path: circle(63.2% at 50% 100%); background-color:rgba(0,0,0,0.75);}
.HP_categorie a:hover {background-size:110%;}
.HP_categorie a:hover h3 {background-color:rgba(0,0,0,0.95);}
.HP_categorie a:hover h3 small {color:rgba(255,255,255,0.95);}


.HP_videoPresentazione {position:relative; float:left; width:100%; text-align:center; padding-top:100px; padding-bottom:183px; font-size:0; background-color:rgba(0,0,0,1.00);}
.HP_videoPresentazione .custom {float:left; width:100%;}
@media all and (min-width:501px){.HP_videoPresentazione .custom {padding-left:5%; padding-right:5%;}}
@media all and (min-width:910px){.HP_videoPresentazione .custom {padding-left:2%; padding-right:2%;}}
@media all and (min-width:1320px){.HP_videoPresentazione .custom {position:relative; max-width:1320px; margin-left:50%; left:-660px; padding:0;}}
.HP_videoPresentazione span {float:left; width:100%; padding-bottom:35px; font-size:40px; line-height:40px; font-weight:300; color:#000; text-align:center;}
.HP_videoPresentazione a {display:inline-block; font-size:40px; line-height:40px; font-weight:300; color:#fff;}
.HP_videoPresentazione a:hover {text-decoration:underline;}
.HP_videoPresentazione h3 {display:block;}
@media all and (min-width:1000px){
.HP_videoPresentazione span {position:absolute; margin-left:50%; left:235px; top:40%; width:auto; padding-bottom:0; text-align:left;}
.HP_videoPresentazione a {float:left;}
}
.HP_videoPresentazione .boxVideo {display:inline-block;}
.HP_videoPresentazione .boxVideo video {float:left;}


.item-page.pagProgetti {position:relative; float:left; width:100%; padding:0 0 50px 0; text-align:center; font-size:0; background-color:var(--primario)}
.pagProgetti .com-content-article__body {font-size:0; padding-bottom:70px;}
.pagProgetti h5 {float:left; width:100%; padding-top:70px; padding-bottom:45px; font-size:30px; line-height:6px; font-weight:100; color:#fff;}
.pagProgetti a {position:relative; display:inline-block; width:100%; max-width:300px; aspect-ratio:1/1; margin:10px 0; border-radius:50%; background-position:center; background-repeat:no-repeat; background-color:#e5e5e5;}
.pagProgetti a.architettonici {background-image:url("../images/struttura/hp_lavori_architettonici.webp")}
.pagProgetti a.interni {background-image:url("../images/struttura/hp_lavori_interni.webp")}
.pagProgetti a.esterni {background-image:url("../images/struttura/hp_lavori_esterni.webp")}
.pagProgetti a.commerciali {background-image:url("../images/struttura/hp_lavori_commerciali.webp")}
@media all and (min-width:501px){
.pagProgetti .com-content-article__body {padding-left:5%; padding-right:5%;}
.pagProgetti a {width:46%; margin:2%;}
}
@media all and (min-width:910px){
/*.pagProgetti:before {position:absolute; left:0; bottom:0; width:100%; height:calc(50% - 36px); content:"x"; background-color:#fff;}*/
.pagProgetti .com-content-article__body {padding-left:2%; padding-right:2%; padding-bottom:0;}
.pagProgetti a {width:24%; margin:0.5%;}
}
@media all and (min-width:1320px){
.item-page.pagProgetti {margin-left:0; left:0;}
.pagProgetti .com-content-article__body {padding:0; background-color:transparent;}
.pagProgetti a {width:300px; margin:15px;}
}
.pagProgetti a h3 {display:flex; flex-direction:column; justify-content:flex-end; height:50%; padding-bottom:7%; font-size:28px; font-weight:300; color:#fff; clip-path: circle(63.2% at 50% 100%); background:rgba(0,0,0,0.75);}
.pagProgetti a:hover {background-size:110%;}
.pagProgetti a:hover h3 {background-color:rgba(0,0,0,0.95);}
.pagProgetti a:hover h3 small {color:rgba(255,255,255,0.95);}


.banner_cosaFacciamo {position:relative; float:left; width:100%; height:160px; display:flex; flex-direction:row; justify-content:center; align-items:center; background-color:var(--primario) !important; background-position:center; background-repeat:no-repeat;
background-image:url("../images/struttura/banner_cosafacciamo.jpg");}
.banner_cosaFacciamo div:before {position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.40); content:"";}
.banner_cosaFacciamo div span {position:relative; font-size:40px; line-height:30px; font-weight:100; color:#fff;}
@media all and (min-width:1441px) {.banner_cosaFacciamo {background-image:url("../images/struttura/banner_cosafacciamo_1800.jpg");}}

.cosaFacciamo {position:relative; float:left; width:100%; margin-top:100px; margin-bottom:100px; padding-left:0; padding-right:0;}
@media all and (min-width:1281px){.cosaFacciamo {width:1280px; margin-left:50%; left:-640px;}}
.cosaFacciamo .riga {position:relative; float:left; width:100%; display:flex; flex-direction:row; padding-top:20px; padding-bottom:20px;}
.cosaFacciamo .riga figure {position:absolute; left:50px; width:300px; aspect-ratio:1/1; margin:0; border-radius:50%; background-position:center; background-repeat:no-repeat; background-color:#e5e5e5; border:1px solid #e5e5e5;}
.cosaFacciamo .riga.pari figure {left:auto; right:50px;}
.cosaFacciamo .riga figure.A {background-image:url("../images/struttura/cosafacciamo_planimetria_iniziale.png")}
.cosaFacciamo .riga figure.B {background-image:url("../images/struttura/cosafacciamo_modellazione_3d.png")}
.cosaFacciamo .riga figure.C {background-image:url("../images/struttura/cosafacciamo_render.png")}
.cosaFacciamo .riga figure.D {background-image:url("../images/struttura/cosafacciamo_esecutivi.png")}
.cosaFacciamo .riga figure:after {display:flex; flex-direction:column; justify-content:flex-end; /*height:40%;*/ height:43%; padding-bottom:7%; font-size:36px; font-weight:300; text-align:center; color:rgba(255,255,255,0.50); clip-path: circle(63.2% at 50% 100%); background-color:rgba(0,0,0,0.75);}
@media all and (max-width:680px){ .cosaFacciamo .riga figure:after {height:35%; padding-bottom:15%;}}
.cosaFacciamo .riga .txt {float:left; width:100%; margin-left:380px; margin-right:80px; min-height:300px; display:flex; flex-direction:column; justify-content:center;}
.cosaFacciamo .riga.pari .txt {margin-right:380px;}
.cosaFacciamo .riga .txt h3 {font-size:31px; line-height:30px; font-weight:600; text-transform:uppercase;}
.cosaFacciamo .riga .txt p {margin-top:10px; padding-right:30px; font-size:20px; line-height:23px; font-weight:300;}
@media all and (max-width:800px){
.cosaFacciamo .riga figure, .cosaFacciamo .riga.pari figure {width:240px; margin-left:50%; left:-120px;}
.cosaFacciamo .riga .txt, .cosaFacciamo .riga.pari .txt {min-height:300px; margin:120px 10% 0 10%; padding:140px 30px 30px 30px; flex-direction:column; justify-content:center; border-radius:25px; text-align:center; background-color:#c3ac9b;}
.cosaFacciamo .riga .txt h3 {font-size:34px;} }
@media all and (min-width:801px) and (max-width:1200px) {.cosaFacciamo .riga.pari .txt {margin-left:160px;}}
/*
.cosaFacciamo .riga .txt details {position:relative; float:left; width:100%;}
.cosaFacciamo .riga .txt details summary {position:relative; display:inline-block; width:80px; height:60px; margin:0 auto; padding-top:19px; cursor:pointer; clip-path: circle(63.2% at 50% -3%); text-align:center; background-color:#c3ac9b;}
.cosaFacciamo .riga .txt details summary:after {font-size:18px; line-height:18px; color:#fff; content:"altro";}
.cosaFacciamo .riga .txt details summary:hover:after {color:#000;}
@media all and (min-width:801px){
.cosaFacciamo .riga .txt details:before {position:absolute; left:0; top:30px; width:100%; height:1px; background-color:var(--primario); content:"";}
.cosaFacciamo .riga .txt details summary {float:right; width:60px; height:60px; clip-path:none; border-radius:50%;}
.cosaFacciamo .riga .txt details summary:hover {background-color:#000;}
.cosaFacciamo .riga .txt details summary:hover:after {color:#fff;}
}
.cosaFacciamo .riga .txt details div {float:left; width:100%; margin-top:10px; padding-left:30px; padding-right:30px; padding-bottom:30px; text-align:justify; line-height:24px;}
@media all and (min-width:801px){.cosaFacciamo .riga .txt details div {padding-right:60px; padding-left:0;}}
*/


.chiSiamo {position:relative; float:left; width:100%; text-align:center; background-color:rgba(0,0,0,1.0); z-index:90;}
.chiSiamo .banner {position:absolute; top:-110px; margin-left:50%; left:-115px; width:230px; height:176px; padding-top:185px;  background:url(../images/struttura/banner_chisiamo.png) center top no-repeat;}
.chiSiamo .banner span {position:relative; float:left; width:100%; padding-top:15px; font-size:40px; line-height:30px; font-weight:100; color:#fff;}
.chiSiamo .banner span:before {position:absolute; left:0; top:0; width:100%; height:1px; background-color:#fff; content:"";}

.chiSiamo .contenutoChisiamo {float:left; width:100%; padding:190px 10% 130px 10%; text-align:center; font-size:0;}
.chiSiamo .contenutoChisiamo div {float:left; width:100%;}
@media all and (min-width:801px){
.chiSiamo .contenutoChisiamo {padding-left:5%; padding-right:5%;}
.chiSiamo .contenutoChisiamo div {float:none; display:inline-block; width:50%; max-width:490px; vertical-align:top;}
.chiSiamo .contenutoChisiamo div.piergianni {padding-right:3%;}
.chiSiamo .contenutoChisiamo div.ludovica {padding-left:3%;}
}
.chiSiamo .contenutoChisiamo h2 {float:left; width:100%; padding-bottom:20px; font-size:30px; line-height:26px; font-weight:600; color:#fff;}
.chiSiamo .contenutoChisiamo p {float:left; width:100%; padding-bottom:50px; text-align:justify; color:#fff;}


.banner_progetti {position:relative; float:left; width:100%; height:160px; display:flex; flex-direction:row; justify-content:center;  align-items:center; background-color:#161616 !important; background-position:center; background-repeat:no-repeat;}
.banner_progetti.architettonici {background-image:url("../images/struttura/banner_progetti_architettonici.jpg");}
.banner_progetti.interni {background-image:url("../images/struttura/banner_progetti_interni.jpg");}
.banner_progetti.esterni {background-image:url("../images/struttura/banner_progetti_esterni.jpg");}
.banner_progetti.commerciali {background-image:url("../images/struttura/banner_progetti_commerciali.jpg");}
.banner_progetti div:before {position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.40); content:"";}
.banner_progetti div span {position:relative; font-size:40px; line-height:30px; font-weight:100; color:#fff;}
.banner_progetti.architettonici div span:after {position:absolute; left:0; bottom:-20px; width:100%; font-size:18px; line-height:18px; text-align:center; letter-spacing:1.5px; content:"PROGETTAZIONE DA ZERO";}

.categoriaProgetti {float:left; width:100%; padding-top:60px; padding-left:10%; padding-right:10%; text-align:center; font-size:0; line-height:0;} 
.categoriaProgetti .com-content-article__body {float:left; width:100%; display:flex; flex-wrap:wrap; justify-content:center; padding-top:200px;}

.pulsProgetto {position:relative; display:inline-block; width:100%; margin-bottom:210px; border-radius:20px; background-color:#161616;}
.pulsProgetto figure {position:absolute; width:90%; top:-50%; margin-left:50%; left:-45%; aspect-ratio:1/1; border-radius:50%;} .pulsProgetto figure img {float:left; border-radius:50%;}
.pulsProgetto:hover figure:after {position:absolute; top:0; left:0; width:100%; height:100%; aspect-ratio:1/1; border-radius:50%; background-color:rgba(0,0,0,0.40); content:"";}
.pulsProgetto p {float:left; width:100%; margin-top:180px; padding:0 10% 40px 10%; font-size:22px; line-height:26px; color:#fff; font-weight:100;}
.pulsProgetto:hover p {color:#000;}
@media all and (min-width:421px){.pulsProgetto figure {top:-150px; left:-150px; max-width:300px;}}
@media all and (min-width:740px){
.categoriaProgetti {padding-left:3%; padding-right:3%;}
.pulsProgetto {width:46%; margin-left:2%; margin-right:2%; max-width:360px;}
}
@media all and (min-width:1320px){
.categoriaProgetti {position:relative; max-width:1320px; margin-left:50%; left:-660px; padding-left:0; padding-right:0;}
.pulsProgetto {width:360px; margin:0 25px 210px 25px;}
.pulsProgetto figure {left:-150px;}
}

.banner_schedaProgetto {position:relative; float:left; width:100%; height:100px; margin-top:60px; display:flex; flex-direction:row; justify-content:center; align-items:center; background-color:#161616 !important; background-position:center; background-repeat:no-repeat;}
.banner_schedaProgetto div span {position:relative; font-size:28px; line-height:30px; font-weight:100; color:#fff;}
.banner_schedaProgetto.architettonici div span:after {position:absolute; left:0; bottom:-15px; width:100%; font-size:16px; line-height:14px; text-align:center; content:"PROGETTAZIONE DA ZERO";}

.schedaProgetto {float:left; width:100%; padding:80px 3%; text-align:center;}
@media all and (min-width:1230px){.schedaProgetto {position:relative; left:50%; margin-left:-620px; width:1230px; padding-left:0; padding-right:0;}
}
.schedaProgetto .boxTop {float:left; width:100%; /*background-color:#9C9898;*/}
@media all and (min-width:880px){.schedaProgetto .boxTop {display:flex; flex-direction:row; align-items:center; margin-bottom:70px}
}
.schedaProgetto .fotoPrincipale {display:inline-block; width:90%;}
.schedaProgetto .fotoPrincipale img {float:left; width:100%; border-radius:50px;}
@media all and (min-width:680px){.schedaProgetto .fotoPrincipale {float:left; width:46%; margin-left:2%; margin-right:2%;}}
@media all and (min-width:880px){.schedaProgetto .fotoPrincipale {width:30.33%; margin-left:1.5%; margin-right:1.5%;}}
@media all and (min-width:1230px){.schedaProgetto .fotoPrincipale {max-width:360px; margin:0 25px 0 25px;}
}
.schedaProgetto .info {display:inline-block; width:80%; text-align:center; padding-left:5%; padding-right:5%;}
.schedaProgetto .info h1 {float:left; width:100%; font-size:32px; line-height:26px; color:#444; font-weight:500; text-transform:uppercase;}
.schedaProgetto .info p {float:left; width:100%; margin-top:18px; font-size:20px; line-height:26px; color:#444; font-weight:100;}
@media all and (max-width:679px){.schedaProgetto .info {padding-top:10%; padding-bottom:10%;}}
@media all and (min-width:680px){ .schedaProgetto .info {float:left; width:calc(100% - 46% - 8%); margin-left:2%; text-align:left; padding-top:25px; padding-bottom:10%;} }
@media all and (min-width:880px){ .schedaProgetto .info {width:calc(100% - 30.33% - 6%); margin-left:1.5%; padding-top:5%; padding-bottom:5%;}}
@media all and (min-width:1230px){.schedaProgetto .info {width:calc(100% - 360px - 100px); margin-left:25px; padding-left:50px; padding-right:100px;}
}
.schedaProgetto .galleria {float:left; width:100%; padding-bottom:70px;}
.schedaProgetto .galleria a {display:inline-block; width:90%; margin-bottom:30px;}
@media all and (min-width:680px){.schedaProgetto .galleria a {float:left; width:46%; margin-left:2%; margin-right:2%;}}
@media all and (min-width:880px){.schedaProgetto .galleria a {width:30.33%; margin-left:1.5%; margin-right:1.5%;}}
@media all and (min-width:1230px){.schedaProgetto .galleria a {margin:25px; max-width:360px;}}


/*ZOOM con JCE*/
.wf-mediabox-frame {padding:0 !important;}
.wf-mediabox-body {max-width:100% !important; height:100%;}
.wf-mediabox-container {height:100%; padding:0px !important; background-color:rgba(0,0,0,0.97);}
.wf-mediabox-content-image {height:100%;}
.wf-mediabox-content-item {position:absolute; left:0; top:0; bottom:0; width:100%; padding:0; display:flex; flex-direction:row; justify-content:center; align-items:center;} @media all and (min-width:460px) {.wf-mediabox-content-item {padding:15px;} }
.wf-mediabox-content-item img {width:auto; max-width:100% !important; max-height:100%;}

.wf-mediabox-nav {position:absolute !important; top:0; right:0; left:auto; padding:0 !important; border-radius:50%; background-color:transparent;}
.wf-mediabox-nav .wf-mediabox-close {position:relative !important; float:right; height:46px; width:46px; margin:20px 20px 0 0; font-size:0 !important;}
.wf-mediabox-nav .wf-mediabox-close:hover {height:60px; width:60px; margin-top:13px; margin-right:13px;}
.wf-mediabox-nav .wf-mediabox-close:before {height:100%; width:100%; background:#fff url(../images/struttura/puls_zoom_chiudi.png) center no-repeat; border-radius:50%;} .wf-mediabox-nav .wf-mediabox-close:hover:before {background-color:#fff;}
.wf-mediabox-nav .wf-mediabox-numbers {display:none !important;}

.wf-mediabox-prev, .wf-mediabox-next {display:block !important; font-size:0;}
.wf-mediabox-prev.wf-mediabox-focus {background:url(../images/struttura/puls_zoom_indietro_bianco.png) center no-repeat; opacity:0.5;}
.wf-mediabox-next.wf-mediabox-focus {background: url(../images/struttura/puls_zoom_avanti_bianco.png) center no-repeat; opacity:0.5;}
@media all and (max-width:460px) {
.wf-mediabox-prev, .wf-mediabox-next {bottom:50px !important; top:auto !important; width:40px !important; height:40px !important;}
.wf-mediabox-prev.wf-mediabox-focus {left:calc(50% - 120px) !important;}
.wf-mediabox-next.wf-mediabox-focus {right:calc(50% - 120px) !important;}
}
@media all and (min-width:461px) {
.wf-mediabox-prev, .wf-mediabox-next {top:calc(50% - 40px) !important; width:80px !important; height:80px !important;}
.wf-mediabox-prev.wf-mediabox-focus {left:15px !important;}
.wf-mediabox-next.wf-mediabox-focus {right:15px !important;}
}
.wf-mediabox-prev.wf-mediabox-focus:hover, .wf-mediabox-next.wf-mediabox-focus:hover {opacity:1;}







.boxRichiesta {position:absolute; left:0; bottom:166px; float:left; width:100%;  z-index:100; text-align:center; border-top:1px solid rgba(255,255,255,0.10);}
@media all and (min-width:460px) {.boxRichiesta {bottom:106px;}}
@media all and (min-width:760px) {.boxRichiesta {bottom:90px;}}
@media all and (min-width:980px) {.boxRichiesta {bottom:44px;}}

.boxRichiesta details {display:none !important;}
.boxRichiesta summary {float:left; width:100%; padding:30px 20px 34px 20px; font-size:30px; line-height:24px; font-weight:600; color:#fff; text-align:center;}
.boxRichiesta summary:hover {cursor:pointer; background-color:rgba(0,0,0,0.75);}
.boxRichiesta summary::-webkit-details-marker {display:none !important;}

/*.boxRichiesta.box_aperto {position:fixed; left:0; top:0; bottom:0; height:100%; background-color:var(--primario); z-index:999;} */
.boxRichiesta.box_aperto {position:relative; height:calc(100% - 166px - 60px); background-color:var(--primario); z-index:999;}
@media all and (min-width:460px) {.boxRichiesta.box_aperto {bottom:106px;	height:calc(100% - 60px - 106px);}}
@media all and (min-width:760px) {.boxRichiesta.box_aperto {bottom:90px;	height:calc(100% - 60px - 90px);}}
@media all and (min-width:980px) {.boxRichiesta.box_aperto {bottom:44px;	height:calc(100% - 60px - 44px);}}


.boxRichiesta.box_aperto summary:after {position:fixed; top:30px; right:30px; width:40px; height:40px; color:#000; content:""; border-radius:50%; background:#fff url(../images/struttura/puls_zoom_chiudi.png) center no-repeat; z-index:10;}
.boxRichiesta.box_aperto summary:hover {background-color:transparent;}
/*.boxRichiesta.box_aperto summary:hover:after {top:70px; right:10px; width:60px; height:60px;} */
.boxRichiesta.box_aperto .boxRaccoltadati {display:block; height:100%;}



.boxRichiesta .formResponsive {height:100%; margin:0 !important;}
.boxRichiesta .formResponsive .formContainer {height:100%;}
.boxRichiesta .formResponsive .formContainer .formRow {height:calc(100% - 60px - 30px); display:flex; flex-direction:row; align-items:center;}
@media all and (max-width:600px) {.boxRichiesta .formResponsive .formContainer .formRow {min-height:780px;}}

#formRichiesta .formValidation {float:left; width:100%; display:none;}
#formRichiesta #rsform_error_3 {float:left; width:100%; padding:25px 10% 30px 10%; font-size:24px; line-height:26px; font-weight:300; color:#fff;}
#formRichiesta #rsform_error_3 strong {font-size:28px; font-weight:600; color:#f33;}


.formSpan12 [class|="rsform-block"] {float:left; width:100%; text-align:center;}
@media all and (min-width:601px) {
.formSpan12 .rsform-block-nome, .formSpan12 .rsform-block-citta, .formSpan12 .rsform-block-telefono {text-align:right; width:50%;}
.formSpan12 .rsform-block-cognome, .formSpan12 .rsform-block-provincia, .formSpan12 .rsform-block-email {text-align:left; width:50%;}
}
#formRichiesta select,
#formRichiesta input,
#formRichiesta textarea {width:80% !important; height:50px; line-height:40px; margin:0 10% 6px 10%; padding:0 10px; border-radius:15px; border:none; font-size:24px; font-weight:300; color:#000 !important; background-color:#FFF;}
@media all and (max-width:410px) {#formRichiesta input, #formRichiesta select {float:left;}}
@media all and (min-width:601px) { #formRichiesta select, #formRichiesta input, #formRichiesta textarea {width:calc(96% - 20px) !important; margin-left:10px; margin-right:10px; max-width:360px;} #formRichiesta textarea {max-width:740px;}}
#formRichiesta textarea {height:130px; padding-top:15px; padding-bottom:15px; line-height:22px;}
#formRichiesta select {padding-inline:8px;}

#formRichiesta select.rsform-error, #formRichiesta input.rsform-error, #formRichiesta textarea.rsform-error {border:2px solid #f33 !important;}
#formRichiesta .formError{width:100%; height:auto; margin:0 0 5px 0; font-size:22px; line-height:20px; font-weight:100; color:#f33;}

#formRichiesta button#Puls_invio {width:80% !important; max-width:140px; margin:15px 10% 20px 10%; padding:20px 10px; border-radius:20px; border:none; font-size:24px; font-weight:300; color:#fff; text-shadow:none !important; text-transform:uppercase; background-color:#161616 !important; cursor:pointer;}
#formRichiesta button#Puls_invio:hover {background-color:rgba(250,250,250,1.0); color:#fff;}


.rsfp_thankyou_popup_outer {display:flex; flex-direction:column; justify-content:center; background-color:rgba(0,0,0,0.90) !important;}
.rsfp_thankyou_popup_inner {float:left; width:80% !important; margin:40% 10% !important; padding:40px !important; background-color:var(--primario) !important; border-radius:25px;}
.ringraziamento {float:left; width:100%; text-align:center;}
.ringraziamento h6 {float:left; width:100%; font-size:36px; line-height:24px; font-weight:600; color:#fff;}
.ringraziamento p {float:left; width:100%; margin-top:20px; color:#fff;}
.rsfp_thankou_popup_close_btn {right:-10px !important; top:-10px !important; width:50px; height:50px; border-radius:50%; font-size:0 !important; background:#fff url(../images/struttura/puls_zoom_chiudi.png) center no-repeat;}
.rsfp_thankou_popup_close_btn:hover {right:-15px !important; top:-15px !important; height:60px; width:60px;}


.doveLavoriamo {float:left; width:100%; text-align:center; background-color:var(--primario);}
.doveLavoriamo h5 {float:left; width:100%; height:100px; font-size:28px; line-height:100px; font-weight:100; color:#fff;}
.doveLavoriamo .boxMappa {float:left; width:100%; font-size:0; min-height:600px;}
.doveLavoriamo .boxMappa img {display:inline-block;}

.banner_contatti {position:relative; float:left; width:100%; height:160px; display:flex; flex-direction:row; justify-content:center;  align-items:center; background:var(--primario) url(../images/struttura/banner_contatti.jpg) center no-repeat;}
.banner_contatti div:before {position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.40); content:"";}
.banner_contatti div span {position:relative; font-size:40px; line-height:30px; font-weight:100; color:#fff;}
@media all and (min-width:1441px) {.banner_contatti {background-image:url("../images/struttura/banner_contatti_1800.jpg");}}

.pagContatti {float:left; width:100%; padding-top:60px; padding-bottom:60px; text-align:center; background-color:var(--primario); font-size:0;}
@media all and (min-width:1320px) {.pagContatti {margin-left:0; left:0;}}
.pagContatti .box {display:inline-block; width:100%; font-size:26px; line-height:26px; font-weight:100;}
.pagContatti .box h1 {float:left; width:100%; margin-bottom:25px; font-size:26px; line-height:26px; color:#000; font-weight:600;}

.pagContatti .box h2 {float:left; width:100%; margin-top:15px; margin-bottom:15px; font-size:26px; line-height:34px; font-weight:100; color:#000;}
.pagContatti .box h2 strong {float:left; width:100%; font-size:26px; line-height:30px; font-weight:500; color:#000;}

.pagContatti .box p {float:left; width:100%; margin-top:15px; margin-bottom:15px; color:#000;}

.pagContatti .box p a.link {display:inline-block; margin-bottom:10px; color:#000;}
.pagContatti .box p a.link {display:inline-block; margin-bottom:10px; color:#000;}
.pagContatti .box p a.link:hover {text-decoration:underline;}

.pagContatti .box p a.email {display:inline-block; margin-bottom:10px; color:#000;}
.pagContatti .box p a.pec {display:inline-block; margin-bottom:10px; color:#000;}
.pagContatti .box p a.email:hover, .pagContatti .box p a.pec:hover {text-decoration:underline;}


.pagContatti .box p a.social {display:inline-block; width:42px; height:45px; margin:10px; background-position:center; opacity:0.7; background-repeat:no-repeat;}  .pagContatti .box p a.social:hover {opacity:1;}
.pagContatti .box p a.social.in {background-image:url("../images/struttura/ico_social_instagram.png");}
.pagContatti .box p a.social.youtube {background-image:url("../images/struttura/ico_social_youtube.png");}
.pagContatti .box p a.social.fb {background-image:url("../images/struttura/ico_social_fb.png");}
.pagContatti .box p a.social.x {background-image:url("../images/struttura/ico_social_x.png");}
.pagContatti .box.secondo p {margin-bottom:0;}
.pagContatti .box.secondo h6 {float:left; width:100%; padding-top:15px; padding-bottom:34px; font-size:30px; line-height:24px; font-weight:100; color:#000; text-align:center;}
@media all and (min-width:1201px) {.pagContatti .box {width:50%; max-width:600px; vertical-align:top;}}

.item-page.pag_laStoria {float:left; width:100%; left:0; margin-left:0; text-align:center; background-color:rgba(0,0,0,1.0);}
.pag_laStoria h2 {float:left; width:100%; padding:70px 5% 0 5%; font-size:30px; line-height:26px; font-weight:100; color:#fff;}
.pag_laStoria h2 strong {font-size:30px; line-height:26px; font-weight:600; color:#fff;}
.pag_laStoria figure {float:left; width:100%; margin-top:70px; padding-left:10%; padding-right:10%;}
.pag_laStoria figure img {width:100%; max-width:500px;}
.pag_laStoria .contenutoChisiamo {float:left; width:100%; padding-left:10%; padding-right:10%; text-align:center; font-size:0;}
.pag_laStoria .contenutoChisiamo div {float:left; width:100%; margin-top:1px; border-top:1px solid rgba(255,255,255,.40);}


@media all and (min-width:801px){
.pag_laStoria .contenutoChisiamo {padding-left:5%; padding-right:5%;}
.pag_laStoria .contenutoChisiamo div {float:none; display:inline-block; width:50%; max-width:490px; vertical-align:top;}
.pag_laStoria .contenutoChisiamo div.piergianni {padding-right:3%;}
.pag_laStoria .contenutoChisiamo div.ludovica {padding-left:3%;}
}
.pag_laStoria .contenutoChisiamo h2 {float:left; width:100%; padding-bottom:20px; padding-left:0; padding-right:0; font-size:30px; line-height:26px; font-weight:600; color:#fff;}
.pag_laStoria .contenutoChisiamo p {float:left; width:100%; padding-bottom:50px; text-align:justify; color:rgba(255,255,255,0.80);}



#CONTENITORE_FOOTER {position:absolute; bottom:0; left:0; float:left; width:100%; padding:15px 25px; background-color:#161616;}
#CONTENITORE_FOOTER .dati {float:left; width:100%;}
#CONTENITORE_FOOTER .dati h3 {float:left; width:100%; margin-bottom:6px; font-size:16px; line-height:16px; font-weight:400; color:rgba(255,255,255,0.60);}
#CONTENITORE_FOOTER .dati p {float:left; width:100%; margin-right:15px; margin-bottom:6px;}
#CONTENITORE_FOOTER .dati span {float:left; margin-right:15px;}
#CONTENITORE_FOOTER .contatti {float:right; width:100%; margin-top:16px;}
#CONTENITORE_FOOTER .contatti a {float:right; clear:right; margin-left:15px; margin-top:6px;}
#CONTENITORE_FOOTER .contatti a:hover {color:rgba(255,255,255,1.00);}
#CONTENITORE_FOOTER .dati p, #CONTENITORE_FOOTER .dati span, #CONTENITORE_FOOTER .contatti a {font-size:16px; line-height:16px; color:rgba(255,255,255,0.40);}

@media all and (min-width:460px) {#CONTENITORE_FOOTER .dati {width:50%;} #CONTENITORE_FOOTER .contatti {width:50%;}}
@media all and (min-width:760px) {#CONTENITORE_FOOTER .dati p br {display:none;}}
@media all and (min-width:980px) {
#CONTENITORE_FOOTER .dati {width:62%;}
#CONTENITORE_FOOTER .dati h3 {width:auto; margin-right:15px; margin-bottom:0; font-size:14px; line-height:14px;}
#CONTENITORE_FOOTER .dati p {width:auto; margin-bottom:0;}
#CONTENITORE_FOOTER .contatti {width:auto; margin-top:0;}
#CONTENITORE_FOOTER .contatti a {clear:none; margin-top:0;}
#CONTENITORE_FOOTER .dati p, #CONTENITORE_FOOTER .dati span, #CONTENITORE_FOOTER .contatti a {font-size:12px; line-height:14px; 
}




	
/*
.camera_wrap {position:relative; float:left; width:100%; height:auto !important; margin-left:auto; margin-right:auto;}
.camerarelative {display:none !important;}
.camera_commands {display:none;}
.camera_caption {bottom:auto; top:35%; text-align:right; right:8%;}
.camera_caption > div {display:inline-block; padding:12px 30px 13px 30px; border-radius:25px 25px 0 25px; background-color:#336699;}
.camera_caption_title {clear:left; font-size:26px; line-height:26px; font-weight:300; font-style:italic;}
.camera_caption_desc {float:left; clear:left; width:50%;}

		.camera_prev, .camera_prev > span {width:60px; height:60px; margin-left:30px; border-radius:50%; background-color:transparent;}
		.camera_prev > span {background:rgba(155,120,50,1.0) url(../images/struttura/freccia_big_sx.png) center center no-repeat !important; margin-left:0;}
		.camera_next, .camera_next > span {width:60px; height:60px; margin-right:30px; border-radius:50%; background-color:transparent;}
		.camera_next > span {background:rgba(155,120,50,1.0) url(../images/struttura/freccia_big_dx.png) center center no-repeat !important; margin-right:0;}
		.camera_prev:hover, .camera_next:hover {cursor:pointer !important;}
		.camera_prev > span:hover, .camera_next > span:hover {width:70px; height:70px; position:relative; left:-5%; top:-5%; background-color:rgba(155,120,50,1.0);}
		.camera_wrap a.camera-button {float:left; clear:left; margin-top:30px; padding:8px 30px; font-size:20px; color:#fff; background-color:rgba(155,120,50,0.7);}
		.camera_wrap a.camera-button:hover {background-color:rgba(155,120,50,1.0);}
	
.camera_fakehover {display:flex; flex-wrap:wrap;}
.camera_target {float:left; position:relative; width:100%; height:100%; margin-left:auto; margin-right:auto;}
.camera_target .cameraSlide {position:relative !important; float:right !important; width:100% !important;}
.camera_target .cameraSlide img {height:auto !important; width:100% !important; position:relative !important; margin:0 !important; vertical-align:top !important;}
.cameraappended {width:100% !important;}

.banner_HP.camera_wrap {background-color:#c3ac9b;}
.banner_HP.camera_wrap:after {position:absolute; left:0; bottom:0; width:100%; height:50%; content:""; background-color:#fff;}
.banner_HP .camera_target {max-width:1200px !important;}

.banner_Bottom.camera_wrap {background-color:#fff; margin-top:50px;}
.banner_Bottom.camera_wrap:after {position:absolute; left:0; bottom:15%; height:70%; width:100%; content:""; background-color:#c3ac9b;}
.banner_Bottom .camera_target {max-width:1400px !important;}
*/