/* STILI MOBILE */


/*@media only screen and (min-width: 1440px) {*/
    /* PAGINA CHI SIAMO */
    /*.fascia-lavora-con-noi {
        padding-top: 20rem;
    }*/
    /* FINE PAGINA CHI SIAMO */
/*}

@media only screen and (min-width: 2500px) {*/
    /* PAGINA CHI SIAMO */
    /*.fascia-lavora-con-noi {
        padding-top: 30rem;
    }*/
    /* FINE PAGINA CHI SIAMO */
/*}*/
@media (min-width: 1400px) and (max-width: 1509px) {
    .blocco-servizi h2.titolo-compra-casa:after {
        left: 220px;
    }
}

@media (min-width: 768px) and (max-width: 1014px) {
    .blocco-servizi h2.titolo-compra-casa:after {
        left: 220px;
    }
}

@media (max-width: 519px) {
    .blocco-servizi h2.titolo-compra-casa:after {
        left: 220px;
    }
}

@media (min-width: 1400px) and (max-width: 1766px) {
    .blocco-servizi h2.titolo-vendi-casa:after {
        left: 230px;
    }
}

@media (min-width: 768px) and (max-width: 1190px) {
    .blocco-servizi h2.titolo-vendi-casa:after {
        left: 230px;
    }
}

@media (max-width: 607px) {
    .blocco-servizi h2.titolo-vendi-casa:after {
        left: 230px;
    }
}

@media (min-width: 1400px) and (max-width: 1537px) {
    .blocco-servizi h2.titolo-mutuo:after {
        left: 170px;
    }
}

@media (min-width: 768px) and (max-width: 1033px) {
    .blocco-servizi h2.titolo-mutuo:after {
        left: 170px;
    }
    .blocco-servizi h2.titolo-utenze:after {
        left: 270px;
    }
}

@media (max-width: 528px) {
    .blocco-servizi h2.titolo-mutuo:after {
        left: 170px;
    }
    .blocco-servizi h2.titolo-utenze:after {
        left: 270px;
    }
}

@media (min-width: 1400px) and (max-width: 1538px) {
    .blocco-servizi h2.titolo-utenze:after {
        left: 270px;
    }
}

@media (min-width: 1400px) and (max-width: 1422px) {
    .blocco-servizi h2.titolo-tutto-regola:after {
        left: 170px;
    }
}

@media (min-width: 768px) and (max-width: 956px) {
    .blocco-servizi h2.titolo-tutto-regola:after {
        left: 170px;
    }
}

@media (max-width: 490px) {
    .blocco-servizi h2.titolo-tutto-regola:after {
        left: 170px;
    }
}

@media only screen and (max-width: 1440px) {
    /* PAGINA CHI SIAMO */
    .hero-head {
        min-height: 50vw;
    }
    /* FINE PAGINA CHI SIAMO */

    /* PAGINA SERVIZI */

    /* FINE PAGINA SERVIZI */
}

@media only screen and (max-width: 1360px) {
    .header-pc {
        border-top: 1px solid #CDCCCC;
        top: 56px;
    }

    #pc_home-page,
    #pc_agenzie,
    #pc_lista-immobili,
    #pc_immobile,
    #pc_valuta-immobile,
    #pc_chi-siamo,
    #pc_apri-agenzia,
    #pc_lavora-in-agenzia,
    #pc_video-news,
    #pc_servizi,
    #pc_mappa-del-sito,
    #pc_disclaimer,
    #pc_agenzie_cerca {
        padding-top: 125px;
    }

    main.scrolled {
        padding-top: 68px !important;
    }

    .trustpilot-mobile-header-section {
        display: flex;
    }

    /*  PAGINA METODO  */
    .hero-metodo .titolo-metodo {
        font-size: 3.5rem;
    }

    .hero-metodo .titolo-professionecasa {
        font-size: 2.75rem;
    }
}

@media only screen and (max-width: 1300px) {
    .hero-head.apri-agenzia h3 {
        font-size: 2.5rem !important;
    }
    .hero-head.apri-agenzia h2 {
        font-size: 3.25rem !important;
    }
    
}

@media only screen and (max-width: 1280px) {

    /* MAIN */

    #pc_home-page,
    #pc_agenzie,
    #pc_lista-immobili,
    #pc_immobile,
    #pc_valuta-immobile,
    #pc_chi-siamo,
    #pc_apri-agenzia,
    #pc_lavora-in-agenzia,
    #pc_video-news,
    #pc_servizi,
    #pc_mappa-del-sito,
    #pc_disclaimer,
    #pc_agenzie_cerca {
        padding-top: 120px;
    }

    main.scrolled {
        padding-top: 61px !important;
    }
    /* FINE MAIN */

    /* HOME */
    .hero-stripes-wrapper .fascia-numeri {
        position: static;
    }

    .fascia-home-servizi:after {
        bottom: -7rem;
    }

    /* FINE HOME */

}

@media only screen and (max-width: 1250px) {
    .nav-pills li {
        font-size: 11px;
        min-width: 50px;
    }

    .nav-pills li a {
        padding: 1rem 0.5rem !important;
    }
}

@media only screen and (max-width: 1239px) {

    .hero-head.home-page h1 {
        font-size: 3.375rem;
    }

    .contenitore-ricerca-home,
    .nav-pills.nav-search {
        max-width: 940px;
    } 
    /* HOME PAGE CTA ORA TOCCA A TE */
    .cta-lavora-con-noi .col-12 .cta {
        letter-spacing: 0;
    }

    /* FINE HOME PAGE CTA ORA TOCCA A TE */

    #menu-entra-button {
        max-width: 25%;
        font-size: 11px;
    }

    .menu-entra {
        top: 60px;
    }
    /* PAGINA CHI SIAMO */
    .hero-head::after {
        bottom: 40px;
    }
    /* FINE PAGINA CHI SIAMO */

    /* PAGINA METODO */
    .hero-metodo-wrapper {
        height: auto;
    }
    .hero-metodo-wrapper .hero-metodo {
        padding: 6rem 1rem;
    }

}

@media only screen and (max-width: 1060px) {
    .hero-head.home-page h1 {
        max-width: 90%;
        line-height: 1.2;
    }
}

@media only screen and (max-width: 1025px) {

    /* HOME */

    .hero-head.home-page {
        height: auto;
        padding: 7rem 3rem;
    }

        .hero-head.home-page > div {
            padding-top: 0;
        }

    /* FINE HOME */

    /* CHI SIAMO */
    .hero-head.chi-siamo {
        height: auto;
        padding: 5rem 0;
    }

    /* FINE CHI SIAMO */

    /* PAGINA SERVIZI */
    #nav-servizi {
        width: auto;
        top: 61px;
        padding: 0 0;
        overflow-x: scroll;
        justify-content: flex-start;
    }

        #nav-servizi::-webkit-scrollbar {
            display: none;
        }

    #nav-servizi {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

        #nav-servizi li a:link,
        #nav-servizi li a:visited {
            font-size: 12px;
            font-weight: 700;
            width: max-content;
        }

    /* FINE PAGINA SERVIZI */

    /* HOME PAGE PIU' DI QUANTO ASPETTI */

    .box-servizi-home {
        /*        min-height: 420px;*/
        /*        height: auto !important;
        height: 420px;*/
    }

    /* FINE HOME PAGE PIU' DI QUANTO ASPETTI */

    /* APRI AGENZIA */

    .hero-head.apri-agenzia h3 {
        font-size: 2rem !important;
    }

    .hero-head.apri-agenzia h2 {
        font-size: 3rem !important;
    }

    .owl-carousel-servizi-agenzia .item {
        width: 48%;
    }

    /* FINE APRI AGENZIA */

    /* LAVORA IN AGENZIA */

    .titolo-lavora {
        font-size: 2.5rem;
    }

        .titolo-lavora:after {
            top: -40px;
            left: -50px
        }

    /* FINE LAVORA IN AGENZIA */

    /* PAGINA METODO */
    .claim-metodo {
        background-position: bottom 20px right 70px;
        background-size: 30%;
        padding: 1rem 1rem 5rem;
    }
}

@media only screen and (max-width: 1023px) {
    .fascia-home-servizi:after {
        content: none;
    }
}

@media only screen and (max-width: 992px) {
    .container.fascia-home-news {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: auto;
        margin-right: auto;
    }

    /* SCHEDA AGENZIA */
    .dati-agenzia .pulsanti-agenzia .mappa-button img {
        width: 15px;
    }
}

@media only screen and (max-width: 991px) {

    /* HOME */

    .pc-fascia-numeri.numeri-anni,
    .pc-fascia-numeri.numeri-agenzie {
        margin-bottom: 4rem;
    }

    /* FINE HOME */

    .owl-carousel-people .owl-dots .owl-dot span,
    .owl-carousel-rete .owl-dots .owl-dot span {
        width: 20px !important;
        margin: 0 4px !important;
    }

    /* MODALE MAPPA */
    .search-map-modal .leaflet-container {
        height: 50vh;
    }

    .search-map {
        margin-top: 36px;
    }

    .draw-btn-wrapper {
        position: absolute;
        top: calc(50vh - 110px);
        right: 10px;
        z-index: 400;
    }

    .search-settings-head {
        position: absolute;
        top: 0;
        width: 100%;
        background-color: #fff;
        z-index: 400;
        justify-content: space-between;
    }

    .search-settings .cta.cta-mappa {
        height: 35px;
        padding: .25rem;
        margin-bottom: .5rem !important;
    }

    /* PAGINA RISULTATI MAPPA */
    .results-map {
        height: 50vh;
    }

    .results-list {
        max-height: initial;
    }

    .result-pagination {
        position: static;
        transform: none;
    }

    /* MUTUI SI */
    .mutuisi-btn-logo .cta {
        height: auto;
    }

    /* APRI AGENZIA */
    .hero-head.apri-agenzia {
        padding-bottom: 0;
    }

    .hero-head.apri-agenzia h3 {
        font-size: 3rem !important;
    }

    .hero-head.apri-agenzia h2 {
        font-size: 4rem !important;
    }

    .pc-form-container-contatto {
        border: 0;
        padding: 40px;
        background-color: #f9f9f9;
        width: calc(100% - 4rem);
        margin: 2rem;
    }

    .pc-form-container-contatto button.cta {
        margin-top: 0 !important;
    }

    .fascia-lavora-con-noi img.youtube-thumbnail {
        position: static;
    }

    .fascia-lavora-con-noi .youtube-video-joinus {
        position: relative;
    }

    .fascia-lavora-con-noi .youtube-video-joinus .youtube-iframe {
        position: static;
        height: 56.25vw;
    }

    .colonna-testo-lavora-con-noi {
        width: 90%;
        margin: 0 auto;
    }

    .fascia-people .cta {
        margin-bottom: 3rem !important;
    }

    .hero-head.lavora-in-agenzia {
        padding-top: 4rem;
        padding-bottom: 4rem;
        height: auto;
    }

    .hero-head.lavora-in-agenzia h3,
    .hero-head.lavora-in-agenzia p {
        margin-left: 3rem;
    }

    .hero-head.lavora-in-agenzia .container-fluid {
        position: static;
        transform: none;
    }

    .titolo-lavora {
        margin-top: 3rem;
        margin-left: 3rem;
    }

    .hero-head.lavora-in-agenzia h3,
    .hero-head.lavora-in-agenzia p {
        position: relative;
    }

    .pc-form-container-contatto {
        position: relative;
    }

    /* PAGINA SERVIZI */
    .business-unit .partners-wrapper,
    .business-unit .unit-wrapper,
    .business-unit-incipit,
    .business-unit-body {
        max-width: none;
    }
}

@media only screen and (max-width: 959px) {

    /* PAGINA CHI SIAMO */
    .hero-head::after {
        bottom: 40px;
    }

    .titolo-hero p {
        max-width: none;
    }
    /* FINE PAGINA CHI SIAMO */

}

@media screen and (max-width: 1600px) {
    .owl-carousel-people .owl-dots .owl-dot span,
    .owl-carousel-rete .owl-dots .owl-dot span {
        width: 20px !important;
        margin: 0 3px !important;
    }
}

@media screen and (max-width: 1200px) {
    .owl-carousel-people .owl-dots .owl-dot span,
    .owl-carousel-rete .owl-dots .owl-dot span {
        width: 15px !important;
        margin: 0 2px !important;
    }
}

@media screen and (max-width: 1199px) {
    /* MODALE MAPPA */
    .search-map-modal .modal-xl {
        max-width: 95% !important;
    }
}

@media (max-width: 1359px), (max-height: 799px) {
    .iframe-credipass {
        display: none;
    }
    .iframe-credipass2 {
        display: block;
    }
}

@media screen and (max-width: 898px) {

    .nav-pills li a {
        padding: 1rem 0.3rem !important;
    }

    /* PAGINA CHI SIAMO */

    .owl-carousel-people .owl-dots,
    .owl-carousel-rete .owl-dots {
        bottom: 30px;
        left: 60px;
    }

        .owl-carousel-people .owl-dots .owl-dot span,
        .owl-carousel-rete .owl-dots .owl-dot span {
            width: 15px !important;
            margin: 0 2px !important;
        }

    .owl-carousel-people .dida-item,
    .owl-carousel-rete .dida-item {
        width: 100%;
    }

    /* FINE PAGINA CHI SIAMO */

}

@media screen and (max-width: 870px) {
    .hero-head.home-page {
        padding: 7rem 1.5rem;
    }
}

@media screen and (max-width: 822px) {
    .hero-head.home-page h1:before {
        left: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 800px) {
    .nav-pills {
        margin-left: 1%;
    }
    .nav-pills li a {
        padding: 1rem 0.15rem !important;
    }
}

@media only screen and (max-width: 767px) {

    .mob-fixed {
        position: fixed;
    }

    .only-mobile {
        display: block !important;
    }

    .only-desk {
        display: none !important;
    }

    /* MODALE MAPPA */
/*    .cta.cta-mappa {
        margin: 0 0 1rem 0 !important;
    }*/

    /* MAIN */
    #pc_home-page.scrolled,
    #pc_valuta-immobile.scrolled,
    #pc_agenzie_cerca.scrolled {
        padding-top: 169px;
    }

    #pc_home-page.scrolled,
    #pc_valuta-immobile.scrolled,
    #pc_agenzie_cerca.scrolled {
        padding-top: 113px;
    }

    /* MENU PRINCIPALE */
    .logo-header-wrapper {
        border-right: 0;
        min-height: 60px;
    }

    .logo-header {
        width: 160px;
        max-width: none;
    }

    #menu-mobile-button {
        display: flex;
        position: absolute;
        z-index: auto;
        width: auto;
        height: 60px;
        top: 0;
        right: 31px;
        align-items: center;
    }

    .icon-menu-mobile span {
        transition: opacity .3s linear,transform .3s linear;
        width: 25px !important;
        height: 1px;
        background: #373737;
        border-radius: 4px;
        display: block;
        min-width: none;
        margin-right: 0px;
    }

        .icon-menu-mobile span:nth-child(1) {
            transform: translateY(-4px);
        }

        .icon-menu-mobile span:nth-child(3) {
            transform: translateY(4px);
        }

    #menu-mobile-button.open .icon-menu-mobile span:nth-child(2) {
        opacity: 0;
        transform: translateX(100%);
    }

    #menu-mobile-button.open .icon-menu-mobile span:nth-child(1) {
        transform: rotate(45deg) translateY(1px);
    }

    #menu-mobile-button.open .icon-menu-mobile span:nth-child(3) {
        transform: rotate(-45deg) translateY(-1px);
    }

    .menu-mobile-wrapper {
        position: absolute;
        top: 60px;
        background-color: #fff;
        height: calc(100vh - 60px);
        right: -100%;
        transition: all .4s linear;
        box-shadow: 0px 0 3px 1px #CDCCCC inset;
        z-index: 999;
        flex-direction: column;
        justify-content: flex-start;
        padding: 1.5rem;
        overflow-y: scroll;
    }

        .menu-mobile-wrapper .dropdown-menu {
            position: static !important;
        }

        .menu-mobile-wrapper.opened {
            right: 0;
        }

    body.no-scroll {
        overflow: hidden;
    }

    body.no-scroll-mob {
        overflow: hidden;
    }

    .menu-mobile-wrapper h6 {
        display: block;
        font-size: 13px;
        font-weight: bold;
        text-transform: uppercase;
        padding-top: 1rem;
        padding-bottom: 1rem;
        letter-spacing: 1px;
    }

    .nav {
        display: inline !important;
        margin: 0;
        padding: 0;
    }

    .nav-pills {
        height: auto;
    }

    .menu-entra-container {
        padding-top: 1.5rem;
    }

    .nav-pills li,
    .menu-entra li {
        display: block !important;
        width: 100% !important;
        height: auto;
        font-size: 16px;
        min-width: none;
        padding-top: 0.7rem;
        padding-bottom: 0.7rem;
    }

    .hero-head.home-page .nav-pills li {
        padding-top: 0;
        padding-bottom: 0;
    }

    .nav-pills li a:link,
    .nav-pills li a:visited {
        position: relative;
        display: inline;
        width: 100%;
        height: auto;
        color: #000;
        text-align: left;
        text-transform: none;
        letter-spacing: 1px;
        margin: 0;
        padding: 0;
    }

        .nav-pills li a.active {
            box-shadow: none;
            font-weight: normal;
        }

            .nav-pills li a.active::after {
                opacity: 0;
            }

        .nav-pills li a:hover {
            font-weight: normal;
        }

            .nav-pills li a:hover::after {
                opacity: 0;
            }

    #menu-entra-button {
        display: none;
    }

    .menu-entra-container {
        display: inline;
        position: relative;
        border-left: 0;
        max-width: none;
    }

    .menu-entra {
        position: relative;
        z-index: auto;
        background: none;
        right: auto;
        top: auto;
        transform: none;
        transition: none;
        box-shadow: none;
        padding: 0;
    }

    .secondary-menu-mobile {
        display: block;
        padding: 0 0;
        position: fixed;
        top:117px;
        width: 100%;
        z-index: 2;
        background-color: #fff;
        border-bottom: 1px solid #CDCCCC;
    }

    .secondary-menu-mobile.scrolled {
        top: 61px;
    }

        .secondary-menu-mobile ul {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0;
        }

            .secondary-menu-mobile ul li {
                width: 33%;
            }

                .secondary-menu-mobile ul li:first-child {
                    width: 34%;
                }

                .secondary-menu-mobile ul li:nth-child(2) {
                    border-left: 1px solid #CDCCCC;
                    border-right: 1px solid #CDCCCC;
                }

                .secondary-menu-mobile ul li a:link,
                .secondary-menu-mobile ul li a:visited {
                    position: relative;
                    display: block;
                    width: 100%;
                    height: 100%;
                    text-align: center;
                    padding: 1rem 0.5rem;
                    color: #000000;
                    text-transform: uppercase;
                    text-decoration: none;
                    font-size: 13px;
                    z-index: 2;
                }

                .secondary-menu-mobile ul li a::after {
                    opacity: 0;
                }

                .secondary-menu-mobile ul li a:hover::after {
                    content: "";
                    opacity: 1;
                    background-color: #e30715;
                    width: 5px;
                    height: 5px;
                    bottom: -4px;
                    transform: rotate(45deg) translateX(-50%);
                    left: 50%;
                    position: absolute;
                }

                .secondary-menu-mobile ul li a.active {
                    background-color: #ffffff !important;
                    border-radius: 0;
                    color: #000000 !important;
                    box-shadow: 0px -4px 0px 0px #e30715 inset;
                    font-weight: bold;
                }

                    .secondary-menu-mobile ul li a.active::after {
                        content: "";
                        opacity: 1;
                        background-color: #e30715;
                        width: 5px;
                        height: 5px;
                        bottom: -4px;
                        transform: rotate(45deg) translateX(-50%);
                        left: 50%;
                        position: absolute;
                    }
    /* FINE MENU PRINCIPALE */

    /* MENU AGENZIE MOBILE */
    /* #pc_agenzie_cerca .menu-agenzie-mob {
        display: flex;
        position: fixed;
        width: 100%;
        top: 113px;
        z-index: 2;
        background-color: #fff;
        border-bottom: 1px solid #CDCCCC;
    }

        #pc_agenzie_cerca .menu-agenzie-mob li:first-child {
            border-right: 1px solid #CDCCCC;
        }

        #pc_agenzie_cerca .menu-agenzie-mob li a,
        #pc_agenzie_cerca .menu-agenzie-mob li a:link,
        #pc_agenzie_cerca .menu-agenzie-mob li a:visited {
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
            text-align: center;
            padding: 1rem 0.5rem;
            color: #000000;
            text-transform: uppercase;
            text-decoration: none;
            font-size: 13px;
        }

        #pc_agenzie_cerca .menu-agenzie-mob li a.active {
            background-color: #ffffff !important;
            border-radius: 0;
            color: #000000 !important;
            box-shadow: 0px -4px 0px 0px #e30715 inset;
            font-weight: bold;
        }

        #pc_agenzie_cerca .menu-agenzie-mob li a.active::after {
            content: "";
            opacity: 1;
            background-color: #e30715;
            width: 5px;
            height: 5px;
            bottom: -4px;
            transform: rotate(45deg) translateX(-50%);
            left: 50%;
            position: absolute;
        } */


    /* HOME PAGE */
    .hero-head.home-page h1:before {
        left: 0;
    }

    .owl-carousel-servizi-home .owl-dots {
        display: block;
    }

    .fascia-dentro h4 {
        margin-bottom: 0 !important;
    }

    .fascia-dentro,
    .fascia-storia {
        padding: 4rem 1rem;
    }

    .fascia-dentro .youtube-container,
    .fascia-storia .youtube-container{
        margin-bottom: 2rem;
    }

    /*.fascia-home-servizi .cta {
      display: none !important;
  }*/

    /* FORM RICERCA HOME */

    .hero-head.home-page {
        background-size: cover;
    }

        .hero-head.home-page .nav-pills li button.active::after {
            z-index: 1;
        }

    .contenitore-ricerca-home,
    .contenitore-ricerca-agenzie,
    .contenitore-ricerca-valuta-immobile {
        background-color: rgba(255, 255, 255, 0.9);
        padding: 3rem 3.5rem;
        margin-bottom: 2rem;
        border-radius: .3rem;
    }

    .contenitore-ricerca-home .cta {
        min-width: 50%;
    }

    .form-row .col-12,
    .form-row .col-md-5,
    .form-row .col-md,
    .form-row .col-lg-3 {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 1rem;
    }

    .contenitore-ricerca-home h2,
    .contenitore-ricerca-agenzie h2,
    .contenitore-ricerca-valuta-immobile h2 {
        font-size: 1.75rem;
        line-height: 1.1;
        margin-bottom: 1.5rem;
        text-align: center;
    }

    .contenitore-ricerca-agenzie p,
    .contenitore-ricerca-valuta-immobile p {
        text-align: center;
        margin-bottom: 2rem;
    }

    .contenitore-form-ricerca-agenzie form .easy-autocomplete,
    .contenitore-form-ricerca-valuta-immobile .easy-autocomplete {
        margin-bottom: 1rem;
    }

    .radio-contratto {
        background: none;
        padding: 0px;
        border-radius: 0px;
        position: relative;
        display: flex;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 1rem;
    }

    #hero_form .row .col-md-4.contenitore-radio {
        padding-right: calc(var(--bs-gutter-x)/ 2);
    }

    .switch-container {
        position: relative;
        z-index: auto;
        display: flex;
        align-items: center;
        /*        justify-content: space-between;*/
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 1rem;
    }

        /*    .switch-toggle label {
        right: 0;
    }*/

        .switch-container p {
            color: #373737 !important;
            margin: 20px 20px 0 0 !important;
            font-size: 15px;
            line-height: 1;
        }

    .contenitore-ricercaavanzata {
        display: none;
    }

    /* FASCIA SERVIZI */
    .fascia-home-servizi {
        padding-top: 4rem;
        padding-bottom: 3rem;
    }

    .box-servizi-home {
        padding: 1rem 1.25rem;
        margin: 0 2.5rem;
        height: auto;
    }

    .pulsantiera-carousel-servizi li {
        width: 35px;
    }

    .pulsantiera-carousel-servizi li.next-servizi-home {
        right: 10px;
    }

    .pulsantiera-carousel-servizi li.prev-servizi-home {
        left: 10px;
    }

    /* FINE HOME PAGE*/

    /* PAGINA CHI SIAMO */

    .hero-head {
        min-height: 100vw;
    }

    .titolo-hero h2 {
        font-size: 3rem;
    }

    .titolo-hero p {
        font-size: 1.25rem;
    }

    .chi-siamo-page .titolo-grande-famiglia {
        margin-bottom: 2rem !important;
    }

    .fascia-people {
        padding-top: 3rem;
        padding-bottom: 1.5rem;
    }

    .fascia-people h3 {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .owl-carousel-people:after,
    .owl-carousel-rete:after {
        display: none;
    }

    .owl-carousel-people:before,
    .owl-carousel-rete:before {
        display: none;
    }

    .owl-carousel-people .dida-item {
        padding: 20px 20px;
        padding-bottom: 30px;
    }

    .owl-carousel-people,
    .owl-carousel-rete {
        padding: 0px;
    }

        .owl-carousel-people .owl-dots,
        .owl-carousel-rete .owl-dots {
            bottom: 10px;
            left: 20px;
        }

    .pc-fascia-numeri h4 {
        font-size: 13px !important;
        font-weight: bold !important;
    }

    .pc-fascia-numeri h3 {
        font-size: 24px !important;
    }

    .fascia-rete {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .fascia-rete h3 {
        margin-top: 2.5rem;
    }

    .cta-lavora-con-noi {
        margin-top: 1.5rem;
    }

    .fascia-sedi h3 {
        margin-top: 2rem;
    }

    .fascia-form form {
        padding: 2rem;
    }

    .fascia-form .consenso > p {
        margin-top: 1.5rem;
    }

    .fascia-servizi-apri-agenzia h3 {
        font-size: 2.5rem !important;
        padding-bottom: 1rem;
    }

    .pulsantiera-carousel li {
        width: 35px;
    }

    /* FINE PAGINA CHI SIAMO */

    /* PAGINA APRI AGENZIA */

    .hero-mobile {
        margin-bottom: 1.5rem;
    }

    .hero-head.apri-agenzia {
        background-color: #ffffff;
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .pc-form-container-contatto ul.tabber-cont,
    .prosegui-form,
    .indietro-form {
        display: none !important;
    }

    .tab-form-content-01,
    .tab-form-content-02 {
        display: block;
    }

    .youtube-container.formazione-eccellente {
        margin-top: 0;
    }

    .fascia-formazione-eccellente {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }

    .fascia-formazione-eccellente .role {
        margin-bottom: 3rem !important;
    }

    .fascia-formazione-eccellente .youtube-container {
        margin-bottom: 2rem; 
    }

    .fascia-formazione-eccellente .item {
        margin: 0 20px;
    }

    .fascia-formazione-eccellente .only-mobile h3,
    .fascia-formazione-eccellente .only-mobile p {
        margin-left: 2.5rem;
    }

    .fascia-newsletter {
        padding: 5rem 3.5rem !important;
    }

    .owl-carousel.owl-carousel-servizi-agenzia .item,
    .owl-carousel.owl-carousel-servizi-clienti .item {
        width: 100% !important;
        margin: 0;
        padding: 40px;
    }

    .icona-servizi {
        position: static;
        transform: none;
        margin: 0 auto 1rem
    }

    .fascia-nostro-metodo {
        height: auto;
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .fascia-nostro-metodo p {
        padding: 2rem 3rem;
    }


    /* FINE PAGINA APRI AGENZIA */

    /* PAGINA LAVORA IN AGENZIA */
    .hero-head.lavora-in-agenzia {
        background-color: #ffffff;
        min-height: auto;
    }

    .hero-head.lavora-in-agenzia h2 {
        font-size: 3.5rem;
    }

    .hero-head.lavora-in-agenzia h3,
    .hero-head.lavora-in-agenzia p {
        padding-right: 2rem;
    }

    .lavora-in-agenzia .col-12.col-md-4 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 70px 0;
        background-position: center;
        background-size: cover;
        background-image: url("../images/lavora-in-agenzia/lavora_bg@2x.jpg");
        padding-left: 10%;
        padding-right: 10%;
    }

    .fascia-lavora-in-agenzia-intro {
        background-position: bottom -10px right -170px, center;
    }

    #candidatura input.upload-input {
        width: 100%;
    }

    /* FINE PAGINA LAVORA IN AGENZIA */

    /* PAGINA THANK YOU */

    .thankyou-page-container h1 {
        font-size: 4.375rem;
        margin-bottom: .5rem;
    }

    .thankyou-page-container h3 {
        font-size: 1.5rem;
        margin-bottom: 40px;
    }

    .thankyou-page-container p {
        font-size: .875rem;
    }

    .thankyou-page-container .cta {
        margin-top: 2rem;
    }

    /* FINE PAGINA THANK YOU */

    /* PAGINA VIDEO & NEWS */
    .header-video-news .row .col-md-3 .nav-tabs {
        border: 0;
        justify-content: center;
        display: flex !important;
    }

        .header-video-news .row .col-md-3 .nav-tabs .nav-item:first-child {
            width: 34%;
        }

    #pc_video-news h3 {
        font-size: 16px;
    }

    #tab-video-news-immagini-content {
        padding: 1rem 0 1rem 0;
    }

    #tab-video {
        justify-content: flex-start;
    }

        #tab-video .nav-item {
            width: 75%;
            margin: 0 auto;
        }

            #tab-video .nav-item:first-child {
                margin-bottom: .5rem;
            }

            #tab-video .nav-item .nav-link {
                width: 100%;
                margin: 0;
            }

    #tab-news .nav-item {
        width: 33.333%;
    }

        #tab-news .nav-item .nav-link {
            width: calc(100% - 1rem);
            margin: 0 .5rem;
        }

    /*        #tab-video .nav-link::after {
            content: "";
            position: absolute;
            display: block;
            border: 2px solid #CDCCCC;
            border-radius: 5px;
            width: 100%;
        }*/

    .header-video-news .nav-tabs .nav-item {
        width: 100%;
    }

    .header-video-news .nav-tabs .nav-link {
        border-right: 0;
        border-bottom: 1px solid #fff;
    }

    .header-video-news .nav-tabs .nav-item:last-child .nav-link {
        border-bottom: 0;
    }

    /* FINE PAGINA VIDEO & NEWS */

    /* TUTTE AGENZIE */

    .hero-head.agenzie {
        padding: 4rem 1.5rem;
        height: auto;
    }

    /* FINE TUTTE AGENZIE */
    /* PAGINA SERVIZI */
    .blocco-servizi {
        padding: 3rem 3rem 2rem;
    }

    .contenitore-form-ricerca-agenzie .cta {
        min-width: 50%;
    }

    .blocco-servizi h2,
    .blocco-servizi h3,
    .blocco-servizi p {
        min-height: auto;
    }

    .blocco-servizi .logo-partner {
        position: static;
        margin: .5rem 0;
        display: block;
    }

    .immagine-servizi {
        position: relative;
        z-index: auto;
    }

    .section-servizi {
        padding-left: 0;
        padding-right: 0;
    }

        .section-servizi .container {
            max-width: 100% !important;
            padding-left: 15px;
            padding-right: 15px;
        }

    .consulenza-title {
        text-align: left;
        justify-content: flex-start;
    }

        .consulenza-title h2 {
            font-size: 24px;
        }

    .owl-carousel-consulenza-container {
        padding: 1.5rem 1rem 2rem 1rem;
    }

    .owl-carousel-consulenza {
        padding-left: 0rem;
    }

        .owl-carousel-consulenza .owl-dots {
            bottom: -20px;
            left: 0px;
        }

    .partners-wrapper div,
    .unit-wrapper div {
        width: 50%;
    }

    /* FINE PAGINA SERVIZI */

    /* PAGINA LISTA AGENZIA */

    .container.cerca-agenzia {
        max-width: 100%;
        background-color: #ffffff;
    }

    .mappa-button {
        position: relative;
        z-index: auto;
        width: 100%;
        height: 50px;
        border: 0;
        background-color: #ffffff;
        border: 1px solid #CDCCCC;
        font-size: 15px;
        color: #000000;
    }

    .container.lista-agenzie {
        max-width: 100%;
        background-color: #ffffff;
    }

        .container.lista-agenzie h6 {
            font-weight: bold;
            font-size: 14px;
            line-height: 1;
            text-align: center;
            margin-bottom: 2rem;
        }

    .agenzia-item {
        border: 0;
        padding: 2.5rem;
        border-bottom: 1px solid #CDCCCC;
    }

    .agenzia-item img {
        width: 100%;
    }

    .agenzia-item.agenzia-business img {
        padding: 0 0 1rem;
    }

    .cta-agenzia {
        position: relative;
        padding-bottom: 0;
        left: 0;
        width: 100%;
    }

    .header-mappa {
        position: absolute;
        top: 0;
        background-color: #ffffff;
        z-index: 2;
    }

    /*.lista-agenzie-mappa{
  display: none;
  }*/

    .mappa-agenzia-immobile {
        height: calc(100vh - 56px);
        margin-top: 56px;
    }


    /* FINE PAGINA LISTA AGENZIA */

    /* PAGINA SCHEDA AGENZIA */
    #pc_agenzie .container-fluid.grey-background {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    #pc_agenzie .container-fluid .container {
        max-width: 100%;
        /*padding-right: 0;
    padding-left: 0;*/
    }

    .dati-agenzia .contatti-agenzia {
        position: relative;
        z-index: auto;
        border: 0;
        background: none;
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: .5rem;
        font-size: 14px;
    }

        .dati-agenzia .contatti-agenzia .row {
            background-color: #ffffff;
            border: 1px solid #CDCCCC;
            margin-left: 0;
            margin-right: 0;
            padding-top: .5rem;
            padding-bottom: .5rem;
        }

    .dati-agenzia .nome-agenzia {
        margin-bottom: .5rem;
    }

    #form-agenzie .modal-dialog {
        max-width: 100%;
        margin: 0 auto;
    }

    #form-agenzie h5 {
        text-align: left;
    }

    #form-agenzie .modal-dialog .modal-content .container-fluid .form-agenzia {
        padding: 0 1rem;
    }

    .mappa-scheda {
        display: none;
    }

    .mappa-lista-immobili {
        height: calc(85vh - 56px);
        margin-top: 56px;
    }

    .lista-agenzie-mappa {
        height: auto;
    }

    .back a {
        display: flex;
        font-size: 13px;
        color: #575756;
        line-height: 20px;
        font-weight: 400;
        align-items: center
    }

        .back a:hover {
            text-decoration: none;
        }

        .back a svg {
            width: 20px;
            height: 20px;
            transform: rotate( 180deg ) translateY(-4px);
        }

    .risultati-vendita-affitto {
        position: sticky;
        background-color: #fff;
        border-top: 0;
        border-bottom: 0;
        top: 61px;
        z-index: 1059;
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .risultati-vendita-affitto.z-index-menu-open {
            z-index: 1058;
        }

    .griglia-button,
    .lista-button {
        display: none;
    }

    .filtro-griglia-lista ul li:last-child {
        width: 100%;
        text-align: left;
        border: 0 !important;
    }

        .filtro-griglia-lista ul li:last-child #filtri-button {
            margin-top: 0;
            margin-bottom: 0;
        }

    .filtro-vendita-affitto ul li a.cta-no-selected {
        background-color: #fff;
        color: #CDCCCC;
        border: 1px solid #CDCCCC;
        border-top: 1px solid #CDCCCC;
        border-bottom: 1px solid #CDCCCC;
        position: relative;
    }

    .filtro-griglia-lista ul li a span {
        padding-left: 25px;
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 20px;
        margin-left: 20px;
    }

    .filtro-griglia-lista ul li a {
        font-size: 16px;
    }

    .filtri-immobili {
        /*position: fixed;
    top:0;
    border-top: 4px solid #e30715;
    background-color: #ffffff;
    z-index: 1060;*/
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        overflow-y: scroll;
        overflow-x: hidden;
        background-color: #ffffff;
        z-index: 1060;
        border-top: 4px solid #e30715;
        padding-top: 1rem;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 120px;
    }

    .container.lista-immobili {
        max-width: none;
        padding-left: 0;
        padding-right: 0;
    }

        .container.lista-immobili .row {
            margin-left: 0;
            margin-right: 0;
        }

    .immobile-item .row .col-md-8 {
        padding: 1rem 0.5rem;
    }

    .immobile-item a h4 {
        font-size: 18px;
        color: #000000;
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 0.5rem;
    }

    .immobile-item a h5 {
        color: #575756;
        font-weight: normal;
        font-size: 14px;
        line-height: 1.2;
        margin-bottom: 0.5rem;
    }

    .immobile-item a h6 {
        position: static;
        font-weight: bold;
        font-size: 14px;
        line-height: 1.2;
        color: #000;
    }

    .immobile-item a p {
        display: none;
    }

    .lista-immobili .row .immobile-item .row .col-12.col-md-8 .caratteristiche-immobile .energetica {
        display: none;
    }

    .lista-immobili .row .immobile-item .row .col-12.col-md-8 .caratteristiche-immobile li {
        width: 33%;
        border-right: 0;
    }

    .caratteristiche-immobile li {
        padding-left: 50px;
        background-size: 40px;
    }

    .lista-immobili .row .immobile-item .row .col-12.col-md-8 .cta {
        width: 100%;
    }

    .servizi-agenzia h3 {
        font-weight: 600;
        font-size: 24px !important;
    }

    .risultati-ordian-mobile {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        margin-top: 1rem;
    }

        .risultati-ordian-mobile p {
            font-weight: bold;
            font-size: 14px;
            line-height: 1;
        }

    #filtriimmobili label {
        text-transform: uppercase;
        font-size: 11px;
        color: #000;
        line-height: 1;
    }

    #filtriimmobili .row > .col,
    #filtriimmobili .row > [class*=col-] {
        padding-right: calc(var(--bs-gutter-x)/ 2);
        padding-left: calc(var(--bs-gutter-x)/ 2);
        margin-bottom: 1rem;
    }

    /* FINE PAGINA SCHEDA AGENZIA */

    /* PAGINA SCHEDA IMMOBILE */

    .banner-immobile {
        background-color: #ffffff;
        padding: 0;
    }

        .banner-immobile .container,
        .banner-immobile .container .row,
        .banner-immobile .container .row .col-12 {
            max-width: 100%;
            padding-left: 0;
            padding-right: 0;
            margin-left: 0;
            margin-right: 0;
        }

    .descrizione-immobile .container {
        max-width: 100%;
    }

    #banner-immobile-tab {
        display: flex !important;
    }

        #banner-immobile-tab li span {
            display: none;
        }

        #banner-immobile-tab li .immagini,
        #banner-immobile-tab li .planimetria,
        #banner-immobile-tab li .vrtour,
        #banner-immobile-tab li .video {
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 35px;
        }

        #banner-immobile-tab li .immagini {
            background-image: url(../images/immagini_grey.png);
        }

        #banner-immobile-tab li .active.immagini {
            background-image: url(../images/immagini_white.png);
        }

        #banner-immobile-tab li .planimetria {
            background-image: url(../images/planimetria_grey.png);
        }

        #banner-immobile-tab li .active.planimetria {
            background-image: url(../images/planimetria_white.png);
        }

        #banner-immobile-tab li .vrtour {
            background-image: url(../images/vrtour_grey.png);
        }

            #banner-immobile-tab li .vrtour.video {
                background-image: url(../images/vrtour_white.png);
            }

        #banner-immobile-tab li .video {
            background-image: url(../images/video_grey.png);
        }

        #banner-immobile-tab li .active.video {
            background-image: url(../images/video_white.png);
        }

    .descrizione-immobile h2 {
        font-size: 16px;
    }

    .descrizione-immobile h6 {
        font-size: 16px;
    }

    .text-align-right-mobile {
        text-align: right;
    }

    .caratteristiche-immobile-scheda {
        justify-content: space-between;
        padding-top: 0;
        padding-bottom: 0;
    }

        .caratteristiche-immobile-scheda li {
            border-right: 0px;
            padding-right: 1rem;
            margin-right: 1rem;
            padding-left: 1rem;
            padding-top: 50px;
            background-position: center top;
            text-align: center;
        }

    .condivisione-social {
        align-items: center;
        justify-content: center;
        padding-top: 0;
        padding-bottom: 0;
    }

    .descrizione-immobile .container .row .col-12 {
        padding-top: 1.5rem;
        padding-bottom: .5rem;
    }

    .descrizione-immobile h3 {
        font-size: 16px;
    }

    .scheda-dati tr td {
        font-size: 14px;
    }

    .accordion-button {
        font-size: 14px;
        padding: 1rem;
    }

        .accordion-button:not(.collapsed) {
            color: #ffffff;
            background-color: #e30715;
            box-shadow: inset 0 0 0 rgb(0 0 0 / 0%);
        }

            .accordion-button:not(.collapsed)::after {
                background-image: url(../images/acc_arr-red_down.png);
                background-size: 11px;
                background-position: center center;
                transform: rotate( -180deg );
            }

    .scheda-classe-energetica tr td {
        font-size: 14px;
    }

    .descrizione-immobile p {
        font-size: 14px;
    }

    .scala-classe-energetica,
    .scala-classe-energetica-old {
        justify-content: flex-end;
        margin-top: -35px;
    }

        .scala-classe-energetica li,
        .scala-classe-energetica-old li {
            display: none;
            font-size: 14px;
            line-height: 20px;
            height: 20px;
            width: 50px;
        }

            .scala-classe-energetica li.selected,
            .scala-classe-energetica-old li.selected {
                display: inline;
            }

                .scala-classe-energetica li.selected:after,
                .scala-classe-energetica-old li.selected:after {
                    display: none;
                }

    .box-info-agenzia .container {
        max-width: 100%;
    }

    .info-agenzia-mobile {
        position: relative;
        border: 1px solid #CDCCCC;
        background-color: #fff;
        padding: 3rem 0 3rem 0;
        max-width: 100%;
        text-align: center;
    }

        .info-agenzia-mobile h4 {
            font-size: 12px;
            line-height: 1;
            color: #e30715;
            font-weight: 700;
            text-transform: uppercase;
            margin-bottom: .5rem;
        }

        .info-agenzia-mobile h3 {
            font-size: 18px;
            line-height: 1.2;
            color: #000;
            font-weight: 700;
            margin-bottom: 1.5rem;
        }

        .info-agenzia-mobile h6 a:link,
        .info-agenzia-mobile h6 a:visited,
        .info-agenzia-mobile h6 a:hover {
            font-size: 14px;
            line-height: 1.2;
            color: #575756;
            font-weight: 700;
            margin-bottom: .5rem;
            text-decoration: none;
        }

        .info-agenzia-mobile h5 a:link,
        .info-agenzia-mobile h5 a:visited,
        .info-agenzia-mobile h5 a:hover {
            font-size: 14px;
            line-height: 1.2;
            color: #575756;
            margin-bottom: .5rem;
            font-weight: 700;
            text-decoration: none;
        }

        .info-agenzia-mobile a.cta {
            width: auto;
        }

        .info-agenzia-mobile a.cta-whi {
            display: none;
        }

    .contatti-agenzia-piede {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        border-top: 1px solid #CDCCCC;
        background-color: #fff;
        z-index: 10;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: .5rem 1rem;
        width: 100%;
    }

        .contatti-agenzia-piede .numero-agenzia {
            fill: #fff;
            background-color: #373737;
            border-radius: 50%;
            width: 45px;
            height: 45px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 1rem !important;
        }

            .contatti-agenzia-piede .numero-agenzia svg {
                width: 35px;
            }

        .contatti-agenzia-piede .cta {
            margin: 0 auto;
            max-width: 100%;
            flex-basis: 0;
            flex-grow: 1;
        }

    .testo-descrizione-immobile {
        overflow: hidden;
        height: 200px;
        padding-bottom: 60px;
        position: relative;
    }

        .testo-descrizione-immobile.scheda-aperta {
            height: auto;
            padding-bottom: 80px !important;
        }

    .open-close-handle {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 80px;
        text-align: right;
        background: rgb(255,255,255);
        background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%);
        background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%);
        background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    }

        .open-close-handle a:link,
        .open-close-handle a:visited {
            position: relative;
            /*float: right;*/
            font-size: 12px;
            color: #000000;
            letter-spacing: 1px;
            line-height: 80px;
            font-weight: 700;
            text-transform: uppercase;
            text-decoration: none;
            margin-right: 1rem;
            width: auto;
        }


    /* FINE PAGINA SCHEDA IMMOBILE */

    /* PAGINA LISTA IMMOBILI */

    #gruppo-filtri-ricerca {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        overflow-y: scroll;
        overflow-x: hidden;
        background-color: #ffffff;
        z-index: 1060;
        border-top: 4px solid #e30715;
        padding-top: 1rem;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 120px;
    }

        #gruppo-filtri-ricerca.collapse {
            display: none;
        }

            #gruppo-filtri-ricerca.collapse.show {
                display: block;
            }

    #pc_lista-immobili .container-fluid .container {
        max-width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    #pc_lista-immobili .breadcrumb-row {
        display: none;
    }

    #gruppo-filtri-ricerca h4,
    #filtriimmobili h4 {
        font-weight: 700;
        color: #000;
        font-size: 18px;
        margin: 0;
        line-height: 1;
    }

    #gruppo-filtri-ricerca label {
        text-transform: uppercase;
        font-size: 11px;
        color: #000;
        line-height: 1;
    }

    #piu-filtri-toogle2 {
        font-size: 11px;
        color: #000;
        text-decoration: underline;
        margin: 0 auto;
        line-height: 1;
        text-transform: uppercase;
        width: 100%;
        text-align: center;
    }

    #piu-filtri2.collapse {
        display: none;
    }

        #piu-filtri2.collapse.show {
            display: inline;
        }

    .arrow-filtri {
        padding-right: 0px;
        padding-bottom: 15px;
        background-image: url(../images/acc_arr_down.png);
        background-size: 11px;
        background-position: center bottom;
        background-repeat: no-repeat;
    }

    .cta-filtri,
    .cta-filter {
        position: fixed;
        bottom: 0px;
        right: 0;
        left: 0;
        z-index: 10;
        padding: 1.5rem 1rem;
        margin-top: 3.5rem;
        background-color: #ffffff;
        box-shadow: 0px 0px 8px 3px #cdcccc;
        margin-bottom: 0 !important;
    }

    #filtro-immobili .row > .col,
    #filtro-immobili .row > [class*=col-] {
        padding-right: calc(var(--bs-gutter-x)/ 2);
        padding-left: calc(var(--bs-gutter-x)/ 2);
        margin-bottom: 1rem;
    }

    p.risultati-immobili {
        font-weight: 700;
        font-size: 14px;
        line-height: 1;
        text-align: center;
    }

    .filtri-button2 {
        display: inline-block;
        width: 100%;
        height: 50px;
        border: 1px solid #CDCCCC;
        font-size: 16px;
        color: #000000;
        line-height: 48px;
        margin-top: 1rem;
        margin-bottom: 1rem;
        padding: 0rem .75rem;
        background-image: url(../images/arrow_down.png);
        background-repeat: no-repeat;
        background-position: right 20px center;
    }

        .filtri-button2:hover {
            text-decoration: none;
        }

    .ordinamento-mobile-mobile {
        margin-top: 1rem;
    }

    #filtri-button .ico-filtri {
        padding-left: 30px;
        background-image: url(../images/filter_icon_black@2x.png);
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: left center;
    }

    /*#pc_lista-immobili .gruppo-filtri-ricerca{
  display: none;
  }*/

    /* FINE PAGINA LISTA IMMOBILI */

    /*  PAGINA VALUTA IMMOBILE */

    .hero-head.valuta-immobile {
        height: auto;
        padding-top: 4rem;
        padding-bottom: 4rem;
        background-size: unset;
    }

    .form-valuta-immobile.col-6 {
        display: none;
    }

    .form-valuta-immobile.col-4 {
        display: block;
        width: 100%;
        height: auto;
        /*        position: absolute;*/
        top: 0;
        left: 0;
        background-color: #ffffff;
        margin-left: 0;
        z-index: 1061;
        border-top: 4px solid #e30715;
        padding-top: 1.5rem;
    }

    .container-form-valuta {
        position: relative;
        z-index: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        height: 100%;
    }

        .container-form-valuta h2 {
            font-size: 18px;
            color: #000000;
            font-weight: bold;
            line-height: 27px;
            margin-bottom: 0.5rem;
        }

        .container-form-valuta h3 {
            font-size: 16px;
            color: #212529;
            font-weight: 700;
            line-height: 24px;
            margin-bottom: 1.5rem;
            text-align: center;
        }

    .back-arrow {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 30px;
        height: 30px;
        text-indent: -9999px;
        background-image: url("../images/back-arrow.png");
        background-position: center center;
        background-repeat: no-repeat;
    }

    .passi-valuta-mobile {
        position: relative;
        z-index: auto;
        display: flex;
        justify-content: space-between;
        margin-bottom: 1rem;
    }

        .passi-valuta-mobile li {
            width: 32%;
            height: 4px;
            border-radius: 2px;
            background-color: #373737;
            text-indent: -9999px;
        }

            .passi-valuta-mobile li.active {
                background-color: #e30715;
            }

    .cont-cta-mobile {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        border-top: 1px solid #CDCCCC;
        background-color: #fff;
        width: 100%;
        margin-bottom: 0 !important;
    }

    /* FINE PAGINA VALUTA IMMOBILE */

    /* PAGINA METODO */
    .caratteristica {
        margin: 10px 0;
    }
    .metodo-spiegazione-wrapper {
        padding-bottom: 0;
    }
    .metodo-spiegazione-wrapper::after {
        content: none;
    }

    .fascia-metodo-perche,
    .fascia-metodo-old-new,
    .fascia-metodo-onlife,
    .fascia-metodo-scopri-metodo {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .fascia-metodo-old-new {
        background-size: 130%;
        background-position: top left, bottom right;
    }
    /* SELECT E MULTISELECT */
    #contenitore-quartiere .dropdown-menu,
    #contenitore-localiminimi .dropdown-menu,
    #contenitore-ordinamento_mobile .dropdown-menu,
    #contenitore-agenzieaperte .dropdown-menu,
    #contenitore-patente .dropdown-menu,
    #contenitore-anniesperienza .dropdown-menu {
        position: fixed !important;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        min-height: 100% !important;
        width: 100% !important;
        height: 100% !important;
        inset: 0 auto auto 0px !important;
        transform: translate(0px, 0px) !important;
        border-radius: 0 !important;
        border: 0px solid #CDCCCC !important;
        padding: 0 !important;
        border-top: 4px solid #e30715 !important;
        max-height: 100vh;
        overflow-y: scroll;
        z-index: 1060 !important;
    }

        #contenitore-quartiere .dropdown-menu .inner .dropdown-menu,
        #contenitore-localiminimi .dropdown-menu .inner .dropdown-menu,
        #contenitore-ordinamento_mobile .dropdown-menu .inner .dropdown-menu,
        #contenitore-agenzieaperte .dropdown-menu .inner .dropdown-menu,
        #contenitore-patente .dropdown-menu .inner .dropdown-menu,
        #contenitore-anniesperienza .dropdown-menu .inner .dropdown-menu {
            position: relative !important;
            overflow: hidden;
            border-top: 0px !important;
            margin-top: 30px !important;
        }

        #contenitore-quartiere .dropdown-menu .inner .dropdown-menu {
            overflow: auto;
            padding-bottom: 40px !important;
        }

        #contenitore-quartiere .dropdown-menu div.inner::before {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1061;
            background-color: #fff;
            content: "Zona o quartiere";
            padding: .5rem 15px 1rem 15px !important;
            font-weight: bold;
            color: #000;
            font-size: 18px;
            margin: 0;
            line-height: 1;
            width: 50%;
        }

        #contenitore-localiminimi .dropdown-menu div.inner::before {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1061;
            background-color: #fff;
            content: "Locali minimi";
            padding: .5rem 15px 1rem 15px !important;
            font-weight: bold;
            color: #000;
            font-size: 18px;
            margin: 0;
            line-height: 1;
        }

        #contenitore-ordinamento_mobile .dropdown-menu div.inner::before {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1061;
            background-color: #fff;
            content: "Ordina";
            padding: .5rem 15px 1rem 15px !important;
            font-weight: bold;
            color: #000;
            font-size: 18px;
            margin: 0;
            line-height: 1;
        }

        #contenitore-agenzieaperte .dropdown-menu div.inner::before {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1061;
            background-color: #fff;
            content: "Agenzie Aperte";
            padding: .5rem 15px 1rem 15px !important;
            font-weight: bold;
            color: #000;
            font-size: 18px;
            margin: 0;
            line-height: 1;
        }

        #contenitore-patente .dropdown-menu div.inner::before {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1061;
            background-color: #fff;
            content: "Possesso Patente";
            padding: .5rem 15px 1rem 15px !important;
            font-weight: bold;
            color: #000;
            font-size: 18px;
            margin: 0;
            line-height: 1;
        }

        #contenitore-anniesperienza .dropdown-menu div.inner::before {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1061;
            background-color: #fff;
            content: "Anni di esperienza";
            padding: .5rem 15px 1rem 15px !important;
            font-weight: bold;
            color: #000;
            font-size: 18px;
            margin: 0;
            line-height: 1;
        }

        #contenitore-quartiere .dropdown-menu div.inner,
        #contenitore-localiminimi .dropdown-menu div.inner,
        #contenitore-ordinamento_mobile .dropdown-menu div.inner,
        #contenitore-anniesperienza .dropdown-menu div.inner,
        #contenitore-patente .dropdown-menu div.inner,
        #contenitore-agenzieaperte .dropdown-menu div.inner {
            max-height: none !important;
            margin-top: 10px;
        }

            #contenitore-quartiere .dropdown-menu div.inner::after,
            #contenitore-localiminimi .dropdown-menu div.inner::after,
            #contenitore-ordinamento_mobile .dropdown-menu div.inner::after,
            #contenitore-anniesperienza .dropdown-menu div.inner::after,
            #contenitore-patente .dropdown-menu div.inner::after,
            #contenitore-agenzieaperte .dropdown-menu div.inner::after {
                content: "Chiudi";
                display: block;
                position: absolute;
                z-index: 1061;
                top: 0;
                right: 0;
                padding: .5rem 15px 1rem 15px;
                color: #000;
                background-color: #fff;
                width: 50%;
                text-align: right;
            }

    /*        #contenitore-quartiere .dropdown-menu ul,
        #contenitore-localiminimi .dropdown-menu ul,
        #contenitore-ordinamento_mobile .dropdown-menu ul,
        #contenitore-anniesperienza .dropdown-menu ul,
        #contenitore-patente .dropdown-menu ul,
        #contenitore-agenzieaperte .dropdown-menu ul {
            margin-top: 30px !important;
        }*/

    /* FINE SELECT E MULTISELECT */
    /* FOOTER */
    .sottofooter {
        display: none;
    }

    .accordion-footer {
        border-bottom: 1px solid #CDCCCC;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

        .accordion-footer.first-acc {
            border-top: 1px solid #CDCCCC;
        }

    footer h5.toggle-footer {
        font-size: 14px;
        font-weight: 700;
        padding-bottom: 0;
        cursor: pointer;
        background-image: url("../images/arrow_down.png");
        background-position: right 16px center;
        background-repeat: no-repeat;
    }

    footer h5.inner-footer.inner-footer-aperto {
        background-image: url("../images/arrow_up.png");
    }

    footer .inner-footer ul {
        margin-top: 1.5rem;
    }

    footer .inner-footer li a {
        font-size: 14px;
    }

    footer .inner-footer p {
        font-size: 14px;
        margin-top: 1.5rem;
    }

    .fascia-footer {
        padding-bottom: .5rem;
    }

    .inner-footer {
        overflow: hidden;
        display: none;
    }

        .inner-footer.show-footer {
            /*display: block;*/
        }

    .fascia-top {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important;
        border-bottom: 0px;
        background-color: #ffffff;
    }

    .back-to-top {
        color: #000;
        font-size: 12px;
    }

        .back-to-top:hover {
            color: #000;
        }

        .back-to-top svg {
            margin-bottom: -5px;
        }

            .back-to-top svg polygon {
                fill: #e30715;
            }
    /* FINE FOOTER */

    /* PAGINA MAPPA DEL SITO */

    .hero-head.mappa-del-sito h2 {
        font-size: 2.0625rem;
    }

    /* FINE PAGINA MAPPA DEL SITO */

    /* PAGINA DISCLAIMER */

    .hero-head.disclaimer h2 {
        font-size: 2.0625rem;
    }

    .pagina-disclaimer h3 {
        font-size: 22px;
    }

    .pagina-disclaimer p {
        font-size: 14px;
        margin-bottom: 10px;
    }

    /* FINE PAGINA DISCLAIMER */

    /*COOKIE POLICY */

    #cookie-policy-full {
        padding: 0.5rem 0 0 0;
    }

    .tabs-nav-cookie ul li {
        /*  margin-right: 45px;*/
        width: 50%;
        text-align: center;
        padding: 0 0.5rem;
    }

        .tabs-nav-cookie ul li a:link,
        .tabs-nav-cookie ul li a:visited {
            font-size: 14px;
            line-height: 1;
            border-bottom: 3px solid #CDCCCC;
            text-decoration: none;
            padding: 0.5rem 0;
            font-weight: 400;
        }

        .tabs-nav-cookie ul li.active a {
            border-bottom: 3px solid #e30715;
            color: #000000;
            font-weight: 700;
        }

            .tabs-nav-cookie ul li.active a:after {
                display: none;
            }

    table.table-cookie_01,
    table.table-cookie_02,
    table.table-cookie_03 {
        border: 0;
    }

        table.table-cookie_01 thead,
        table.table-cookie_02 thead,
        table.table-cookie_03 thead {
            border: none;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }

        table.table-cookie_01 tr,
        table.table-cookie_02 tr,
        table.table-cookie_03 tr {
            border-bottom: 1px solid #E0DEDE;
            display: block;
            margin-bottom: 40px;
        }

        table.table-cookie_01 td,
        table.table-cookie_02 td,
        table.table-cookie_03 td {
            border-bottom: 1px solid #E0DEDE;
            display: block;
            text-align: right;
        }

            table.table-cookie_01 td::before,
            table.table-cookie_02 td::before,
            table.table-cookie_03 td::before {
                /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
                content: attr(data-label);
                float: left;
                font-weight: bold;
                padding-right: 20px;
            }

            table.table-cookie_01 td:last-child,
            table.table-cookie_02 td:last-child,
            table.table-cookie_03 td:last-child {
                border-bottom: 0;
            }

    /*FNIE COOKIE POLICY*/

}

@media only screen and (max-width: 600px) {
    /* APRI AGENZIA */
    .hero-head.apri-agenzia h3 {
        font-size: 2rem !important;
    }

    .hero-head.apri-agenzia h2 {
        font-size: 2.5rem !important;
    }

    .owl-carousel.owl-carousel-servizi-agenzia .item {
        height: var(--maxHeightAgenzia);
    }

    /* PAGINA METODO */
    .hero-metodo .titolo-metodo {
        font-size: 2.5rem
    }
    .hero-metodo .titolo-professionecasa {
        font-size: 1.5rem;
    }
    .hero-metodo .titolo-metodo:after {
        top: -35px;
        right: -60px;
    }
    .claim-metodo {
        background-position: bottom 55px right 70px;
        background-size: 45%;
        padding: 3rem 1rem 8rem;
    }
    .claim-metodo h3 {
        width: 80%;
        font-size: 1.5rem;
        padding: 3rem 0;
    }
    .claim-metodo h3:before {
        width: 50px;
        height: 50px;
        top: 0px;
        left: -20px;
    }
    .claim-metodo h3:after {
        top: 5px;
        right: -5px;
        width: 40px;
        height: 40px;
    }
    .fascia-metodo-perche {
        background-position: bottom 20px right -65px, top 36% right 10px, top 35px right -15px;
    }
    .fascia-metodo-perche h3 {
        line-height: 1.2;
    }
    .fascia-metodo-old-new h2 {
        font-size: 2.75rem;
    }
    .fascia-metodo-old-new h4 {
        font-size: 1.5rem;
        margin-bottom: 1.25rem;
    }
    .fascia-metodo-old-new ul {
        margin: 1rem 0
    }
    .fascia-metodo-onlife h3 {
        line-height: 1.2;
    }
}

@media only screen and (max-width: 575px) {
    .fascia-home-news h3:after {
        content: none;
    }
    .fascia-nostro-metodo {
        height: auto;
    }

    .fascia-nostro-metodo .cta {
        margin-bottom: 2rem !important;
    }
}

@media screen and (max-width: 480px) {
    .owl-carousel-people .owl-dots .owl-dot span,
    .owl-carousel-rete .owl-dots .owl-dot span {
        width: 10px !important;
        margin: 0 2px !important;
    }

        /* HOME */
        .fascia-dentro h3 {
            font-size: 1.7rem;
        }
    
        .fascia-dentro h3 span {
            font-size: 2rem;
        }
    /* SCHEDA AGENZIA */
    .filtro-vendita-affitto .cta {
        padding-left: .5rem;
        padding-right: .5rem;
    }

    .pulsanti-agenzia button.cta {
        height: auto;
    }

    /* CHI SIAMO */
    .chi-siamo-page .titolo-grande-famiglia {
        font-size: 2.5rem;
    }

    .chi-siamo-page h3 {
        font-size: 1.5rem;
    }

    .fascia-sedi a {
        font-size: 1.1rem;
    }

    /* NEWS,VIDEO,FOTO */
    #tab-news .nav-item {
        width: 100%;
    }

    #tab-news .nav-item .nav-link:first-child,
    #tab-news .nav-item .nav-link:nth-child(2) {
        margin-bottom: 1rem;
    }

    /* APRI AGENZIA */
    .hero-head.apri-agenzia h3 {
        font-size: 1.5rem !important;
    }

    .hero-head.apri-agenzia h2 {
        font-size: 2rem !important;
    } 
}

@media only screen and (min-width: 769px) {
    .menu-mobile-wrapper .dropdown-menu {
        box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.26) inset;
        -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.26) inset;
        -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.26) inset;
        position: absolute;
    }
    .menu-mobile-wrapper .dropdown-menu ul {
        transform: translateX(-30%) !important;
    }
}

@media only screen and (max-width: 380px) {
    /* SCHEDA AGENZIA */
    .dati-agenzia .pulsanti-agenzia button {
        font-size: 12px !important;
    }
    .filtro-vendita-affitto .cta {
        padding-left: .25rem;
        padding-right: .25rem;
        font-size: 12px;
    }
}

@media only screen and (max-width: 340px) {
    /* SCHEDA AGENZIA */
    .filtro-vendita-affitto .cta {
        padding-left: .15rem;
        padding-right: .15rem;
        font-size: 11px;
    }
    .blocco-servizi h2.titolo-professioneaffitti .professione  {
        word-break: break-word;
    }
    .blocco-servizi h2 {
        max-width: none;
    }
}

@media only screen and (min-width: 1361px) {
    .trustpilot-desktop-header-section {
        display: flex;
    }
}


@media only screen and (min-width: 1660px) {
/*    .hero-head.home-page {
        height: 45vw;
    }*/

    .fascia-home-servizi:after {
        width: 650px;
        height: 650px;
        bottom: -10rem;
        right: -200px;
    }
}

@media only screen and (min-width: 1920px) {
    .hero-head {
        height: 40vw;
    }

    .fascia-home-news {
        background-position: -100% 0;
    }

    .partners-wrapper div img.logo-credipass {
        max-height: 70px;
    }
}

@media only screen and (min-width: 2200px) {
    html {
        font-size: 20px;
    }

    .form-control,
    .cta.cta-mappa {
        font-size: 1rem !important;
        height: 60px !important;
    }

    button.cta {
        height: 60px;
    }

    .hero-head.home-page h1 {
        font-size: 4.5rem;
    }

    .hero-head.home-page h1:before {
        width: 80px;
        height: 80px;
    }

    .nav-pills.nav-search,
    .contenitore-ricerca-home {
        max-width: 1440px;
    }

    .fascia-home-news .news-box h4 {
        min-height: 50px;
    }

    .fascia-nostro-metodo {
        height: 40vw;
    }

    .pc-form-container-contatto ul li .step-number {
        width: 75px;
        height: 75px;
    }

    .hero-head.valuta-immobile {
        height: 40vw;
    }

    .contenitore-ricerca-valuta-immobile,
    .contenitore-ricerca-agenzie {
        max-width: 1440px;
    }
}

@media only screen and (min-width: 2880px) {
    .hero-head.home-page h1 {
        font-size: 5rem;
    }

    .hero-head.home-page h1:before {
        width: 90px;
        height: 90px;
    }

    .nav-pills.nav-search,
    .contenitore-ricerca-home {
        max-width: 1660px;
    }

    .titolo-hero h2 {
        font-size: 4rem;
    }

    .chi-siamo-page .titolo-grande-famiglia {
        font-size: 5rem;
    }

    .titolo-hero p {
        font-size: 1.5rem;
    }

    .hero-head.apri-agenzia {
        background-size: 30%, cover;
    }

    #pc_apri-agenzia h3 {
        font-size: 2.75rem;
    }

    .hero-head.apri-agenzia h2 {
        font-size: 3.5rem;
    }

    .fascia-nostro-metodo h3 {
        font-size: 3.25rem !important;
    }

    .fascia-nostro-metodo h2 {
        font-size: 4rem !important;
    }

    .fascia-home-servizi:after {
        width: 800px;
        height: 800px;
        bottom: -10rem;
        right: -250px;
    }
}