/** HEADER **/
body { cursor: url("../img/cursore_ape.svg"), auto; }
#gallery_header { position: relative; overflow-x: clip; margin: 60px 0 -60px; }
#gallery_header img { width: 100%; height: 650px; }
#gallery_header .testo { position: absolute; top: 50%; left: 50%; max-width: 960px; transform: translate(-50%, -50%); }
#gallery_header .testo h1,
#gallery_header .testo h2 { color: #FFF; text-shadow: 0 0 15px rgba(0, 0, 0, 0.70); }
#gallery_header .forma1 { position: absolute; z-index: 0; bottom: -65px; left: 0; width: 233px; height: 161px; opacity: 0.3; background-repeat: no-repeat; background-position: center; background-size: 233px auto; background-image: url("../img/bg_hex_sx.svg"); }
#gallery_header .forma2 { position: absolute; z-index: 0; right: 0; bottom: -65px; width: 508px; height: 243px; opacity: 0.3; background-repeat: no-repeat; background-position: center; background-size: 508px auto; background-image: url("../img/bg_hex_dx.svg"); }
@media screen and (max-width: 767px) {
    #gallery_header img { height: 370px; }
    #gallery_header .testo { display: none; }
    #gallery_header .forma1 {display: none; }
    #gallery_header .forma2 { right: -220px; width: 350px; height: 168px; background-size: 350px auto; }
}


/** CONTENUTO **/
body #contenuto .forma1 { position: absolute; z-index: -1; top: 40px; left: -100px; display: none; width: 445px; height: 228px; background-repeat: no-repeat; background-position: center; background-size: 445px auto; background-image: url("../img/bg_ape_sx.svg"); }
body #contenuto .forma2 { position: absolute; z-index: -1; top: 320px; right: -70px; display: none; width: 310px; height: 78px; background-repeat: no-repeat; background-position: center; background-size: 310px auto; background-image: url("../img/bg_ape_dx.svg"); }
@media screen and (max-width: 1060px) {
    body #contenuto .forma1 { width: 325px; height: 166px; background-size: 325px auto; }
    body #contenuto .forma2 { width: 225px; height: 56px; background-size: 225px auto; }
}
@media screen and (max-width: 767px) {
    body #contenuto .testo h1.with_sottotitolo,
    body #contenuto .testo h2 { display: block; }
    body #contenuto .forma1 { left: -220px; display: block; }
    body #contenuto .forma2 { top: unset; right: -120px; bottom: -50px; display: block; }
}


/** FASCIA PUNTI DI FORZA **/
#fascia_punti .fascia_punti_wrapper { max-width: 960px; margin: 0 auto 120px; }
#fascia_punti h2 { margin: 0 0 30px; text-align: center; }
#fascia_punti .servizi { display: grid; width: 100%; max-width: 960px; margin: 0 auto; padding: 0; grid-template-columns: repeat(6, 1fr); column-gap: 20px; }
#fascia_punti .servizi .box { position: relative; display: flex; flex-direction: column; width: 100%; margin: 0; }
#fascia_punti .servizi .box .immagine { display: block; width: auto; max-width: 140px; height: 50px; margin: 0 auto 20px; object-fit: contain; }
#fascia_punti .servizi .box .intro { margin: 0; text-align: center; }
#fascia_punti .servizi .box h2 { font-size: 17px; line-height: 20px; margin: 0; text-transform: uppercase; color: var(--testo); }
#fascia_punti .servizi .box .extra { font-size: 14px; line-height: 20px; position: relative; display: inline-block; }
#fascia_punti .servizi .box .extra svg { display: inline-block; margin: 0 0 0 5px; cursor: pointer; vertical-align: sub; }
#fascia_punti .servizi .box .extra svg:hover + .info { display: block; }
#fascia_punti .servizi .box .extra .info svg { position: absolute; right: 90px; bottom: -14px; display: block; margin: 0; vertical-align: unset; }

@media screen and (max-width: 1000px) {
    #fascia_punti .fascia_punti_wrapper { margin: 0 20px 120px; }
}
@media screen and (max-width: 767px) {
    #fascia_punti .servizi { grid-template-columns: repeat(3, 1fr); row-gap: 20px; }
    #fascia_punti .servizi .box { padding: 15px 5px; border: 1px solid #D9D9D9; border-radius: 5px; }
    #fascia_punti .servizi .box .immagine { margin: 0 auto 10px; }
}
@media screen and (max-width: 500px) {
    #fascia_punti .servizi { grid-template-columns: repeat(2, 1fr); }
}


/** FASCIA SERVIZI **/
.fascia_servizi { position: relative; overflow-x: clip; }
.fascia_servizi .testo { max-width: 960px; margin: 0 auto 80px; text-align: center; }
.fascia_servizi .testo h2 { margin: 0 0 20px; }
.fascia_servizi .forma1 { position: absolute; z-index: -1; top: -75px; left: -200px; width: 445px; height: 228px; background-repeat: no-repeat; background-position: center; background-size: 445px auto; background-image: url("../img/bg_ape_sx.svg"); }
.fascia_servizi .forma2 { position: absolute; z-index: -1; right: -70px; bottom: -80px; width: 310px; height: 78px; background-repeat: no-repeat; background-position: center; background-size: 310px auto; background-image: url("../img/bg_ape_dx.svg"); }
.fascia_servizi a { margin: 50px 0 0; color: #000; }
.fascia_servizi a:hover,
.fascia_servizi a:active,
.fascia_servizi a:focus { color: #F9A825; }
@media screen and (max-width: 1060px) {
    .fascia_servizi .forma1 { width: 325px; height: 166px; background-size: 325px auto; }
    .fascia_servizi .forma2 { bottom: -60px; width: 225px; height: 56px; background-size: 225px auto; }
}
@media screen and (max-width: 1060px) {
    .fascia_servizi .testo { margin: 0 20px 80px; }
}
@media screen and (max-width: 767px) {
    .fascia_servizi .testo { margin: 0 20px 120px; text-align: left; }
    .fascia_servizi .forma1 { left: -200px; }
    .fascia_servizi .forma2 { right: -100px; }
    .fascia_servizi a { margin: 40px 0 0; }
}


/* PHOTOGALLERY */
.fascia_gallery { position: relative; overflow-x: clip; margin: 0 auto 80px; }
.fascia_gallery .forma1 { position: absolute; z-index: -1; top: -110px; left: -10px; width: 677px; height: 248px; background-repeat: no-repeat; background-position: center; background-size: 677px auto; background-image: url("../img/bg_hex_trans.svg"); }
.fascia_gallery .gallery_principale { width: 100%; max-width: 1450px; margin: 0 auto; table-layout: fixed; }
.fascia_gallery .gallery_principale a.box { position: relative; display: block; height: 100%; }
.fascia_gallery .gallery_principale .immagine { width: 100%; height: 100%; border-radius: 5px; object-fit: cover; }
.fascia_gallery .gallery_principale .hover { font-size: 35px; font-weight: 800; line-height: 44px; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; transition: all 0.2s linear; text-align: center; color: #FFF; border-radius: 5px; }
.fascia_gallery .gallery_principale a:hover .hover,
.fascia_gallery .gallery_principale a:active .hover,
.fascia_gallery .gallery_principale a:focus .hover { background: rgba(249, 168, 37, 0.50); }
.fascia_gallery .gallery_principale .td1 { width: 240px; }
.fascia_gallery .gallery_principale .td2 { width: 255px; }
.fascia_gallery .gallery_principale .td3 { width: 480px; }
.fascia_gallery .gallery_principale .td4 { width: 255px; vertical-align: top; }
.fascia_gallery .gallery_principale .td5 { width: 220px; }
.fascia_gallery .gallery_principale .td1 a { width: 220px; aspect-ratio: 220/295; }
.fascia_gallery .gallery_principale .td2 a:first-child { width: 235px; margin: 0 0 20px; aspect-ratio: 235/255; }
.fascia_gallery .gallery_principale .td2 a:last-child { width: 235px; aspect-ratio: 235/210; }
.fascia_gallery .gallery_principale .td3 a { width: 460px; aspect-ratio: 460/360; }
.fascia_gallery .gallery_principale .td4 a:first-child { width: 235px; margin: 0 0 20px; aspect-ratio: 235/150; }
.fascia_gallery .gallery_principale .td4 a:nth-child(2) { width: 235px; aspect-ratio: 235/210; }
.fascia_gallery .gallery_principale .bottone { font-family: 'Nerko One', cursive; font-size: 25px; line-height: 55px; width: fit-content; margin: 20px 0 0; padding: 0 15px; color: #000; border-radius: 5px; background: var(--cta); }
.fascia_gallery .gallery_principale .bottone:hover,
.fascia_gallery .gallery_principale .bottone:active,
.fascia_gallery .gallery_principale .bottone:focus { background: var(--hover); }
.fascia_gallery .gallery_principale .td5 a { width: 220px; aspect-ratio: 220/310; }
.fascia_gallery .gallery_principale .nota { font-size: 11px; line-height: 15px; margin: 10px 20px 0 0; }
.fascia_gallery .gallery_principale a.box .hover table { width: 100%; height: 100%; border: none; }
.fascia_gallery .gallery_principale a.box .hover td { width: 100%; height: 100%; text-align: center; vertical-align: middle; }
.fascia_gallery .gallery_principale .owl-carousel { position: relative; width: 220px; }
.fascia_gallery .gallery_principale a.carousel { position: relative; display: block; width: 100%; border-radius: 5px; }
.fascia_gallery .gallery_principale a.carousel > img { height: 100%; border-radius: 5px; object-fit: cover; }
.fascia_gallery .owl-prev,
.fascia_gallery .owl-next { position: absolute; bottom: -20px; display: block; width: 43px; height: 39px; }
.fascia_gallery .owl-prev { left: calc(50% - 60px); }
.fascia_gallery .owl-next { right: calc(50% - 60px); }
.fascia_gallery .owl-prev:hover,
.fascia_gallery .owl-next:hover { transform: scale(1.1); }

@media screen and (max-width: 1100px) {
    .fascia_gallery .gallery_principale { max-width: 970px; }
    .fascia_gallery .gallery_principale .td1 { width: 140px; }
    .fascia_gallery .gallery_principale .td2 { width: 155px; }
    .fascia_gallery .gallery_principale .td3 { width: 380px; }
    .fascia_gallery .gallery_principale .td4 { width: 165px; }
    .fascia_gallery .gallery_principale .td5 { width: 130px; }
    .fascia_gallery .gallery_principale .owl-carousel { width: 130px; }
    .fascia_gallery .gallery_principale .td1 a { width: 130px; }
    .fascia_gallery .gallery_principale .td2 a:first-child { width: 145px; }
    .fascia_gallery .gallery_principale .td2 a:last-child { width: 145px; }
    .fascia_gallery .gallery_principale .td3 a { width: 370px;}
    .fascia_gallery .gallery_principale .td4 a:first-child { width: 145px; }
    .fascia_gallery .gallery_principale .td4 a:nth-child(2) { width: 145px; }
    .fascia_gallery .gallery_principale .td5 a { width: 130px; }
}
@media screen and (max-width: 1060px) {
    .fascia_gallery .forma1 { left: -200px; }
}
@media screen and (max-width: 767px) {
    .fascia_gallery .forma1 { left: -250px; }
    .fascia_gallery .gallery_principale { width: calc(100vw - 40px); margin: 0 20px; }
    .fascia_gallery .gallery_principale .td1 { width: 100%; }
    .fascia_gallery .gallery_principale .td2,
    .fascia_gallery .gallery_principale .td3,
    .fascia_gallery .gallery_principale .td4,
    .fascia_gallery .gallery_principale .td5 { display: none; }
    .fascia_gallery .gallery_principale .owl-carousel { width: 450px; max-width: 450px; margin: 0 auto; }
    .fascia_gallery .gallery_principale .td1 a { width: 100%; aspect-ratio: 320/240; }
    .fascia_gallery .nota { font-size: 11px; line-height: 15px; margin: 50px 20px 0; }
}
@media screen and (max-width: 490px) {
    .fascia_gallery .gallery_principale .owl-carousel { width: 100%; }
}

/** FASCIA BOX **/
#fascia_box { position: relative; overflow-x: clip; margin: 0 0 170px; }
#fascia_box .forma1 { position: absolute; z-index: -1; top: -110px; left: -10px; width: 281px; height: 1152px; background-repeat: no-repeat; background-position: center; background-size: 281px auto; background-image: url("../img/bg_hex_vert_sx.svg"); }
#fascia_box .forma2 { position: absolute; z-index: -1; right: -10px; bottom: 50px; width: 281px; height: 1152px; background-repeat: no-repeat; background-position: center; background-size: 281px auto; background-image: url("../img/bg_hex_vert_dx.svg"); }
#fascia_box .fascia_box_wrapper { max-width: 960px; margin: 0 auto; padding: 70px 0 100px; }
#fascia_box .box { position: relative; display: flex; overflow: hidden; flex-direction: row; justify-content: flex-end; margin: 0 0 95px; }
#fascia_box .box.dx { flex-direction: row-reverse; }
#fascia_box .box:last-child { margin-bottom: 0; }
#fascia_box .box .carousel_container {
    position: relative; flex: 0 0 auto;
    width: 65%; max-width: 620px; margin: 0 -90px 0 0;
}
#fascia_box .box.dx .carousel_container { margin: 0 0 0 -90px; }
#fascia_box .box .owl-carousel { overflow: hidden; width: 100%; }
#fascia_box .box .owl-carousel .owl-prev,
#fascia_box .box .owl-carousel .owl-next {
    position: absolute; z-index: 1; top: 50%; width: 50px; height: 100px;
    cursor: pointer; transform: translateY(-50%);
}
#fascia_box .owl-carousel .owl-dots { position: absolute; bottom: 40px; left: 40px; }
#fascia_box .dx .owl-carousel .owl-dots { right: 40px; left: unset; }
#fascia_box .owl-carousel .owl-dot { display: inline-block; margin-right: 13px; transition: none; }
#fascia_box .owl-carousel span { display: inline-block; width: 8px; height: 8px; transition: none; border-radius: 4px; background-color: #FFF; }
#fascia_box .owl-carousel .owl-dot.active span { background-color: var(--cta); }
#fascia_box .carousel_container .dati { margin: 20px 0 0; padding: 0 40px; }
#fascia_box .dx .carousel_container .dati { text-align: right; }
#fascia_box .dati .posizione { display: inline-block; margin: 0 40px 0 0; padding: 0 0 0 28px; background-repeat: no-repeat; background-position: center left; background-size: 18px auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAxOCAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMEM0LjAzNzE0IDAgMCA0LjAxMjIyIDAgOC45NDQ0NEMwIDEzLjUzNDIgNy4yMjA1NyAyMS42NjM0IDguMDQzNDMgMjIuNTc1OEM4LjI4NzcxIDIyLjg0NDEgOC42MzQ4NiAyMyA5IDIzQzkuMzY1MTQgMjMgOS43MTIyOSAyMi44NDQxIDkuOTU2NTcgMjIuNTc1OEMxMC43Nzk0IDIxLjY2MzQgMTggMTMuNTM0MiAxOCA4Ljk0NDQ0QzE4IDQuMDEyMjIgMTMuOTYyOSAwIDkgMFpNOSAxMi43Nzc4QzYuODcwODYgMTIuNzc3OCA1LjE0Mjg2IDExLjA2MDQgNS4xNDI4NiA4Ljk0NDQ0QzUuMTQyODYgNi44Mjg0NCA2Ljg3MDg2IDUuMTExMTEgOSA1LjExMTExQzExLjEyOTEgNS4xMTExMSAxMi44NTcxIDYuODI4NDQgMTIuODU3MSA4Ljk0NDQ0QzEyLjg1NzEgMTEuMDYwNCAxMS4xMjkxIDEyLjc3NzggOSAxMi43Nzc4WiIgZmlsbD0iIzVENTk1NCIvPgo8L3N2Zz4="); }
#fascia_box .dati .distanza { display: inline-block; padding: 0 0 0 22px; background-repeat: no-repeat; background-position: center left; background-size: 12px auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAxMiAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjc4MTEgMTMuMjg4OUw5LjIxNzQ3IDEwLjUyNzJDOS4wNTc4MiAxMC4zNTUzIDguOTExMDMgMTAuMDAxIDguOTAzNjUgOS43Njg3N0w4LjgwOTMzIDYuOTAzMlY2LjgyMDE3QzguODA5MzMgNi4zNzg2MiA4LjQ0MTM5IDYuMDE5MjkgNy45ODkyNSA2LjAxOTI5SDUuNDc5NzdINC40ODI1NUM0LjA3ODUyIDYuMDE5MjkgMy42Mjc3NCA2LjI5ODggMy40NTU4IDYuNjU1NzNMMC4wNzc1Nzk1IDEzLjY2MzVDLTAuMDE1OTEwNiAxMy44NTc4IC0wLjAyNTIwNTEgMTQuMDc0OSAwLjA1MTMzNjUgMTQuMjc1NEMwLjEyNzg3OCAxNC40NzU2IDAuMjgwOTYxIDE0LjYzMzYgMC40ODE4ODMgMTQuNzIwMUwwLjk3OTY3NyAxNC45MzQ1QzEuMDg1NzQgMTQuOTgwMSAxLjE5ODkxIDE1LjAwMzQgMS4zMTYxOSAxNS4wMDM0QzEuNjM3OTMgMTUuMDAzNCAxLjkzNzU0IDE0LjgyNDggMi4wNzk5NiAxNC41NDg1TDMuNjYyNDYgMTEuNDczOVYxNC41NjQyQzMuNjU1OSAxNC41ODIxIDMuNjQ2MzMgMTQuNTk4NCAzLjY0MDMyIDE0LjYxNjVMMC45NjYwMDkgMjIuNzk1N0MwLjg1NDc1IDIzLjEzNjQgMC44ODg2NDcgMjMuNDk0OSAxLjA2MTY5IDIzLjgwNTFDMS4yMzQ3MiAyNC4xMTUzIDEuNTI0NDkgMjQuMzM3NSAxLjg3ODIyIDI0LjQzMDZMMi4wNTcgMjQuNDc3OUMyLjE3NCAyNC41MDg4IDIuMjk1MzcgMjQuNTI0NiAyLjQxNzI5IDI0LjUyNDZDMy4wMzI2MyAyNC41MjQ2IDMuNTkxNjYgMjQuMTI5MiAzLjc3NyAyMy41NjI3TDYuMjc1ODEgMTUuOTIwMUw3LjE2MjA1IDE4LjA0MDFDNy4zNzgyOCAxOC41NTcyIDcuNjExNzMgMTkuNDYyNyA3LjY3MTg3IDIwLjAxOEw4LjA5NTg2IDIzLjkyMTNDOC4xNjM5MyAyNC41NDYyIDguNjY5OTIgMjQuOTk5OCA5LjI5OTIgMjQuOTk5OEM5LjQwMjI2IDI0Ljk5OTggOS41MDY5NiAyNC45ODc1IDkuNjEwMDEgMjQuOTYzMkw5Ljc5MDE2IDI0LjkyMDVDMTAuNTA3NSAyNC43NTEgMTEuMDE0MyAyNC4wMzEyIDEwLjkyIDIzLjMxNjZMMTAuMjkyMSAxOC41NTcyQzEwLjIxMjIgMTcuOTUyNSA5Ljk0NTE2IDE3LjAwNTYgOS42OTY2NyAxNi40NDYzTDguODQ4NyAxNC41MzkxQzguODM3NzcgMTQuNTE0MyA4LjgyMjE4IDE0LjQ5MTkgOC44MDk2MSAxNC40Njc4VjEzLjE3NTVMMTAuMzM3NyAxNC43MzM1QzEwLjQ4OTcgMTQuODg4NiAxMC42OTMxIDE0Ljk3NCAxMC45MTAxIDE0Ljk3NEMxMS4xMjk2IDE0Ljk3NCAxMS4zMzQ3IDE0Ljg4NyAxMS40ODcyIDE0LjcyODlMMTEuNzY5OSAxNC40MzU4QzEyLjA3MjIgMTQuMTIyMSAxMi4wNzc0IDEzLjYwOCAxMS43ODExIDEzLjI4ODlaIiBmaWxsPSIjNUQ1OTU0Ii8+CjxwYXRoIGQ9Ik02LjQ2NDM3IDUuMzQwNThDNy45NzIyNCA1LjM0MDU4IDkuMTk4ODIgNC4xNDI3MiA5LjE5ODgyIDIuNjcwMTZDOS4xOTg4MiAxLjE5Nzg2IDcuOTcyMjQgMCA2LjQ2NDM3IDBDNC45NTY3NyAwIDMuNzMwNDcgMS4xOTc4NiAzLjczMDQ3IDIuNjcwMTZDMy43MzAyIDQuMTQyNzIgNC45NTY3NyA1LjM0MDU4IDYuNDY0MzcgNS4zNDA1OFoiIGZpbGw9IiM1RDU5NTQiLz4KPC9zdmc+"); }
#fascia_box .box .immagine_wrapper { position: relative; }
#fascia_box .box .immagine { display: block; width: 100%; margin: 0; border-radius: 5px; aspect-ratio: 620/440; object-fit: cover;}
#fascia_box .box .immagine_wrapper .dati { position: absolute; bottom: 0; left: 40px; }
#fascia_box .box .wrapper {
    z-index: 1; margin: 50px 0 0;
}
#fascia_box .box .wrapper.is_visible {
    transition: opacity 1s cubic-bezier(0.34, 0.615, 0.4, 0.985), transform 1s cubic-bezier(0.34, 0.615, 0.4, 0.985);
    transition-delay: 200ms;
    transform: translateX(0) translateY(0);
    opacity: 1;
}
#fascia_box .box .testo { flex: 1 1 auto; max-width: 460px; margin: 0;
    padding: 40px; border-radius: 5px; background: var(--secondario); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
}
#fascia_box .dx .testo { background: #3FA535; }
#fascia_box .box .testo h2,
#fascia_box .box .titolo {
    font-size: 35px; line-height: 43px; margin: 0 0 20px; text-align: left; color: #FFF;
}
#fascia_box .box .testo .content_more { display: none; transition: none; }
#fascia_box .box .titolo.mobile { display: none; }
#fascia_box .box .testo .descrizione {
    font-size: 16px; line-height: 24px; margin: 0; color: #FFF;
}
#fascia_box .box .testo .descrizione p {
    font-size: 16px; line-height: 24px; margin: 0; padding: 0; color: #FFF;
}
#fascia_box a { font-weight: 700; display: block; padding: 30px 0 0; text-decoration: underline; color: var(--cta); }
#fascia_box a:hover,
#fascia_box a:focus,
#fascia_box a:active { text-decoration: none; }
#fascia_box .link a { padding: 20px 0 0; }
#fascia_box .link a:hover,
#fascia_box .link a:focus,
#fascia_box .link a:active { text-decoration: none; }
@media screen and (max-width: 900px) {
    #fascia_box .box,
    #fascia_box .box.dx { flex-direction: column; max-width: 600px; margin: 0 auto 60px; }
    #fascia_box .box .carousel_container,
    #fascia_box .box.dx .carousel_container { width: 100%; height: auto; margin: 0; }
    #fascia_box .box .owl-carousel,
    #fascia_box .box .immagine { height: auto; }
    #fascia_box .carousel_container .dati { display: none; }
    #fascia_box .box .titolo { margin: 0 20px 10px; }
    #fascia_box .box .wrapper { margin: -45px 20px 0; }
    #fascia_box .box .owl-carousel .owl-dots { bottom: 60px; }
    #fascia_box .box .testo { width: 100%; max-width: unset; margin: 0 auto; padding: 30px 20px; }
    #fascia_box .link { padding: 0 20px; }
    #fascia_box .forma1 { top: 0; left: 0; width: 200px; height: 820px; background-repeat: no-repeat; background-position: center; background-size: 200px auto; }
    #fascia_box .forma2 { right: 0; bottom: 50px; width: 200px; height: 820px; background-repeat: no-repeat; background-position: center; background-size: 200px auto; }
}
@media screen and (max-width: 767px) {
    #fascia_box { margin: 0 0 100px; }
}


/** FASCIA MASCOTTE **/
#fascia_mascotte { margin: 0 auto 120px; }
#fascia_mascotte .contenitore {display: flex; flex-direction: column; max-width: 960px; margin: 0 auto; padding: 0 0 90px; }
#fascia_mascotte img { position: relative; width: 650px; margin: -200px auto 40px; }
#fascia_mascotte .testo { text-align: center; }
#fascia_mascotte .testo h2 { margin: 0 0 20px; }
#fascia_mascotte h3 { margin: 20px 0; }
#fascia_mascotte .testo_wrapper { max-width: 700px; margin: 0 auto; }
#fascia_mascotte .testo a { margin: 20px 0 0; }
#fascia_mascotte audio { border: 10px solid var(--hover); border-radius: 25px; }
@media screen and (max-width: 1000px) {
    #fascia_mascotte .contenitore { margin: 0 20px; }
}
@media screen and (max-width: 767px) {
    #fascia_mascotte { margin: 0 auto 80px; }
    #fascia_mascotte .contenitore { padding: 0 0 50px; }
    #fascia_mascotte img { width: 100%; margin: -20% auto 20px; }
}


/** FASCIA APPROFONDIMENTO **/
#fascia_approfondimento { position: relative; height: 610px; margin: 0 0 120px; }
#fascia_approfondimento .sfondo { position: absolute; z-index: -1; width: 100%; height: 100%; }
#fascia_approfondimento .forma1 { position: absolute; top: -50px; left: -50px; width: 410px; height: 237px; background-repeat: no-repeat; background-position: center; background-size: 100% auto; background-image: url("../img/bg_ape_top.svg"); }
#fascia_approfondimento .fascia_approfondimento_wrapper { position: absolute; bottom: -100px; left: 50%; max-width: 960px; margin: 0 auto; }
#fascia_approfondimento .box { position: relative; display: flex; overflow: hidden; flex-direction: row; justify-content: flex-end; margin: 0 0 95px; }
#fascia_approfondimento .box.dx { flex-direction: row-reverse; }
#fascia_approfondimento .box:last-child { margin-bottom: 0; }
#fascia_approfondimento .box .carousel_container { position: relative; flex: 0 0 auto; width: 59%; max-width: 620px; margin: 0 -90px 0 0; }
#fascia_approfondimento .box.dx .carousel_container { margin: 0 0 0 -90px; }
#fascia_approfondimento .box .owl-carousel { overflow: hidden; width: 100%; }
#fascia_approfondimento .box .owl-carousel .owl-prev,
#fascia_approfondimento .box .owl-carousel .owl-next { position: absolute; z-index: 1; top: 50%; width: 50px; height: 100px; cursor: pointer; transform: translateY(-50%); }
#fascia_approfondimento .box .owl-carousel span { display: inline-block; width: 8px; height: 8px; border-radius: 4px; background-color: #FFF; }
#fascia_approfondimento .box .owl-carousel .owl-dot.active span { background-color: var(--cta); }
#fascia_approfondimento .box .immagine_wrapper { position: relative; }
#fascia_approfondimento .box .immagine { display: block; width: 100%; margin: 0; aspect-ratio: 620/490; object-fit: cover; }
#fascia_approfondimento .box .immagine_wrapper .dati { position: absolute; bottom: 0; left: 40px; }
#fascia_approfondimento .box .wrapper { z-index: 1; margin: 0; }
#fascia_approfondimento .box .testo { flex: 1 1 auto; max-width: 430px; margin: 0; padding: 40px; border-radius: 5px; background: #FFF; }
#fascia_approfondimento .box .testo h3 { color: var(--primario); }
#fascia_approfondimento .box .testo .content_more { display: none; transition: none; }
#fascia_approfondimento .box .testo a { margin: 20px 0 0; }
#fascia_approfondimento .box .titolo.mobile { display: none; }
@media screen and (max-width: 900px) {
    #fascia_approfondimento .box,
    #fascia_approfondimento .box.dx { flex-direction: column; max-width: 500px; margin: 0 auto 60px; }
    #fascia_approfondimento .box .carousel_container,
    #fascia_approfondimento .box.dx .carousel_container { width: 100%; height: auto; margin: 0; }
    #fascia_approfondimento .fascia_approfondimento_wrapper { right: 20px; left: unset; transform: none; }
    #fascia_approfondimento .box .owl-carousel,
    #fascia_approfondimento .box .immagine { height: auto; }
    #fascia_approfondimento .box .titolo { margin: 0 20px 10px; }
    #fascia_approfondimento .box .owl-carousel .owl-dots { bottom: 60px; }
    #fascia_approfondimento .box .testo { width: 100%; max-width: unset; margin: 0 auto; padding: 20px; }
    #fascia_approfondimento .link { padding: 0 20px; }
}
@media screen and (max-width: 767px) {
    #fascia_approfondimento { display: flex; flex-direction: column; width: calc(100% - 40px); height: auto; margin: 0 20px; }
    #fascia_approfondimento .sfondo { position: relative; height: auto; aspect-ratio: 320/290; }
    #fascia_approfondimento .forma1 { left: -200px; width: 300px; height: 185px; }
    #fascia_approfondimento .fascia_approfondimento_wrapper { position: relative; top: -50px; right: unset; bottom: unset; width: calc(100% - 40px); }
    #fascia_approfondimento .box,
    #fascia_approfondimento .box.dx { max-width: unset; }
}