/*Aerre Immobiliare*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Delius&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sanchez:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Italiana&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quattrocento:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');
body {
    background-color: #ffffff;
    font-family: var(--font1);
}

:root {
    --giallo: #beaf87;
    --nero: black;
    --grigio: #38383a;
    --grigio_light: #999;
    --dark_menu: #252526;
    --blu-lite: #343530;
    --rosso: #721414;
    --rosso_shadow: #521010;
    --font_nunito: 'Nunito Sans', sans-serif;
    --font1: 'Helvetica', serif;
    --fontDisplay: 'Playfair Display', sans-serif;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 20;
}

.fa {
    font-size: 20px;
}

.white_text,
.white_text h2 {
    color: white !important;
}

.align-items_center>div {
    align-items: center;
}

.white_text h2:after {
    filter: brightness(2);
}

.giallo_bg {
    background: var(--giallo);
}

html {
    scroll-behavior: smooth;
}

.flex_center {
    justify-content: center;
}

.flex_space_around {
    justify-content: space-around;
}

.flex_row {
    display: flex !important;
    align-items: center;
}

.flex_row_no_mobile {
    display: flex !important;
    align-items: center;
}

.flex_row_streach {
    display: flex !important;
    align-items: stretch;
    position: relative;
}

.flex_col {
    height: 100%;
}

.flex_col div {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    height: 100%;
}

@media only screen and (max-width: 768px) {
    .flex_row {
        flex-direction: column;
    }
}

a {
    transition: 0.5s;
}

strong {
    font-weight: 900 !important;
}

.mattonella_base a {
    text-decoration: none;
    width: 100%;
    padding: 8px 0;
    outline: none;
    text-align: center;
    border-radius: 0px;
    border: none;
    border-color: var(--giallo);
    background-size: 400% 100% !important;
    transition: 0.8s;
    transition-timing-function: ease-in-out;
    background: linear-gradient(90deg, var(--giallo) 10%, rgb(144, 145, 66) 50%, var(--giallo) 90%);
}

.mattonella_base a:hover {
    background-position: 100% 0;
}

.mattonella_base a h4 {
    font-size: 2em;
    font-weight: 300;
    text-decoration: none;
    color: white;
}

@media only screen and (max-width: 768px) {
    .mattonella_base a {
        margin: 20px 0;
    }
}

.nascosto {
    display: none !important;
    position: fixed !important;
    cursor: none !important;
    opacity: 0 !important;
}

.panel-body {
    color: white;
}

.panel_nero .panel-body {
    color: #252526;
}

.mobile {
    display: none;
}

@media only screen and (max-width: 768px) {
    .mobile {
        display: inherit !important;
    }
    .desk {
        display: none !important;
    }
}

.light_back {
    background: var(--grigio_light);
}

h1,
h2,
h3,
h4,
h5,
p {
    font-family: var(--font_nunito);
}

@media only screen and (max-width: 768px) {
    #_back_mobile {
        position: absolute;
        opacity: 0.2;
    }
}

.formcontatti .panel-body {
    color: #444;
}


/*lay sito*/

#colonna_logo_footer {
    display: flex !important;
    flex-direction: column;
    align-content: center;
    align-items: flex-start;
    width: fit-content;
    margin: 0 !important;
    padding-bottom: 20px;
}

@media only screen and (max-width: 768px) {
    #colonna_logo_footer {
        align-items: center !important;
    }
}

.logo_remax {
    position: relative;
    display: none !important;
}

.logo_remax>img {
    filter: grayscale(1) brightness(1.2) drop-shadow(2px 4px 6px black) saturate(1.5);
    opacity: 0.8;
    width: 230px;
    transition: 0.5s;
    padding-left: 22px;
    position: absolute;
}

#immagine_colori {
    filter: drop-shadow(2px 4px 6px black) saturate(1.5);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.5s;
}

#immagine_colori_mongo {
    filter: drop-shadow(2px 4px 6px black) saturate(1.5);
    position: absolute;
    top: -25px;
    left: -10px;
    opacity: 0;
    transition: 0.5s;
}

.logo_main img {
    max-width: 240px;
    width: 240px;
    margin-right: 3vw;
}

.logo_main_footer img {
    max-width: 340px;
    width: 340px;
    display: block;
    margin-left: auto
}

#sezione_header_menu {
    position: fixed;
    width: 100%;
    z-index: 20;
    border-bottom: 5px solid var(--giallo);
}

#footer_lay_sito {
    position: relative;
    z-index: 1;
}

.testo_logo_cross_footer h1 {
    letter-spacing: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
}

@media only screen and (max-width: 768px) {
    .testo_logo_cross_footer h1 {
        font-size: 0.8em;
    }
    .testo_logo_cross_footer {
        transform: translateY(-125%) !important;
    }
    .logo_remax img {
        left: -10px;
        top: -25px;
        width: 50px;
        padding-left: 15px;
    }
    .contact_header_container {
        display: none;
    }
}

.testo_logo_cross_footer {
    position: relative;
    transform: translateY(-75%);
}

.testo_logo h1 {
    margin-top: 10px;
    color: var(--giallo);
}

.testo_logo a {
    text-decoration: none;
    color: var(--giallo);
}

.flex_row_menu {
    display: flex !important;
    align-items: center;
}

#row_header_menu {}

#colonna_menu {
    display: flex !important;
    height: 80px;
    align-items: center;
    padding: 60px 0;
}

.contact_header_container {
    text-align: right;
    flex: 1;
}

@media only screen and (max-width: 768px) {
    .phone_header {
        color: transparent !important;
    }
    #colonna_menu {
        justify-content: space-around;
        padding-right: 30px;
        flex-wrap: wrap;
        padding-top: 20px;
        padding-bottom: 120px;
    }
    #colonna_menu .logo_main {
        order: 2;
        padding-top: 20px;
    }
    #colonna_menu .menu_main {
        order: 3;
        padding-top: 20px;
    }
    #colonna_menu .head_social {
        order: 1;
        width: 100%;
        position: absolute;
        justify-content: space-around;
    }
    .conttatto_immbile h4 {
        font-size: 25px !important;
        font-weight: 800;
    }
}

.phone_header i {
    margin-right: 6px;
    color: var(--giallo);
}

.phone_header {
    color: var(--giallo);
    text-decoration: none;
}

.phone_header:hover {
    color: var(--grigio);
}

.menu_main .navbar-nav>li>a {
    color: var(--grigio);
    transition: 0.3s;
    font-size: 1em;
    font-family: 'Helvetica';
    font-weight: 400;
    text-transform: uppercase;
}

.menu_main .navbar-nav>li>a:hover {
    color: var(--giallo);
}

.menu_main .navbar-nav>.active>a {
    color: var(--giallo);
    background-color: transparent;
}

.menu_main .navbar-nav>.active>a:hover {
    background-color: transparent;
    color: var(--giallo);
}

@media only screen and (max-width: 768px) {
    .menu_main .navbar-collapse {
        position: absolute;
        background: rgb(255 255 255 /100%);
        border-left: 3px solid var(--giallo);
    }
    .menu_main .navbar-default .navbar-toggle:hover,
    .menu_main .navbar-default .navbar-toggle {
        background-color: transparent;
        border-color: var(--giallo);
    }
    .menu_main .navbar-default .navbar-toggle span {
        background: var(--giallo);
    }
}

.menu_main .navbar-collapse {
    border-left: 3px solid var(--giallo);
}

.footer_social {
    padding-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 340px;
    float: right;
}

.footer_social i {
    font-family: 'FontAwesome';
}

@media only screen and (max-width: 768px) {
    .footer_social {
        justify-content: center;
        float: unset;
    }
    .logo_main_footer img {
        max-width: 288px;
        margin: auto;
    }
}

.footer_social a {
    margin-left: 12px;
    font-size: 2em;
    text-decoration: none;
    opacity: 0.8;
    color: var(--grigio);
    transition: 0.3s;
    padding: 18px;
    border-radius: 50px;
    background-color: var(--giallo);
    clip-path: circle(25px);
}

.footer_social a:hover {
    opacity: 1;
}

.head_social {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: fit-content;
    float: right;
}

.head_social i {
    font-family: 'FontAwesome';
}

.head_social a {
    margin-left: 12px;
    font-size: 18px;
    text-decoration: none;
    opacity: 0.8;
    color: var(--grigio);
    transition: 0.3s;
    padding: 5px;
    border-radius: 50px;
    background-color: var(--giallo);
    clip-path: circle(25px);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.head_social a:hover {
    transform: scale(1.1) rotate(10deg);
}

.testo_base {
    font-size: 1.6em;
    color: var(--giallo);
    font-family: var(--font1);
}

.testo_base h2 {}

.testo_base h1 {
    font-size: 3em;
    font-family: var(--fontDisplay);
}

@media only screen and (min-width: 1200px) {
    .container {
        width: 80vw;
    }
}

.form_newsletter label {
    color: var(--giallo);
    font-weight: 800;
}

.form_newsletter input {
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    color: white;
    box-shadow: none !important;
}

.form_newsletter input:focus {
    border-color: var(--rosso);
}

.form_newsletter .invia_form_contatti {
    padding: 12px;
    background: var(--giallo);
    color: #444;
    font-weight: 700;
    font-size: 1.5em;
    border: none;
    width: 100%;
    transition: 0.3s;
}

.form_newsletter .invia_form_contatti:hover {
    background: whitesmoke;
    color: var(--grigio);
}

.form_newsletter .panel {
    background: transparent;
    color: #444;
}

.form_newsletter textarea {
    background-color: transparent;
    color: whitesmoke;
}

.form_newsletter_panel .panel {
    color: whitesmoke;
}

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


/*home*/

.mattonella_piccola a {
    display: block;
    width: fit-content;
    border: 2px solid var(--giallo);
    padding: 0px 12px;
    color: var(--giallo);
    text-decoration: none;
    transition: 0.5s;
}

.mattonella_piccola a:hover {
    background: var(--giallo);
    color: whitesmoke;
}

@media only screen and (max-width: 768px) {
    .mattonella_piccola a {
        margin: auto;
    }
}

.mattonella_piccola h4 {
    text-align: center;
}

.float_right {
    float: right;
}

.titolo_sezioni h1 {
    font-size: 4em;
    margin: 0;
    text-transform: uppercase;
}

.titolo_sezioni h3 {
    margin-top: 3px;
}

.titolo_pagina h1 {
    font-size: 5em;
    margin: 0;
    color: white;
    text-shadow: 1px 0px 0 var(--blu-lite);
    font-weight: 700;
}


/*hero*/

#sezione_hero {
    position: fixed;
    width: 100%;
    z-index: 0;
}

#colonna_testo_hero {
    padding-top: 20vh;
    padding-bottom: 20vh;
    background: rgb(0 0 0 /50%);
}

#sezione_hero::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: linear-gradient(180deg, rgb(0 0 0 /20%) 50%, transparent 100%);
}

.full_height {
    height: calc(92vh + 80px);
    padding-top: 80px;
}

#testo_img_hero {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: fit-content;
    overflow: hidden;
    transform: translateX(-50%) scale(1.4);
    padding-left: 20px;
    margin: 0;
    top: 9vw;
    left: 50%;
}

#testo_img_hero h1,
#testo_img_hero h2 {
    font-family: var(--font_nunito);
    text-align: center;
}

@media only screen and (max-width: 768px) {
    #testo_img_hero {
        transform: none;
        width: -webkit-fill-available;
        justify-content: flex-start;
        left: 0;
        top: 14vw;
    }
    .logo_remax_hero {
        width: 217px !important;
        margin-left: 30px;
        transform: translateY(-10px);
        position: absolute;
        right: 15px;
        top: 0;
        opacity: 0.2 !important;
    }
    .text_vertical h5 {
        font-size: 1.2em;
        margin: -20px;
    }
}

.text_vertical {
    display: none;
    transform: rotate(-90deg);
}

.logo_remax_hero {
    width: 100px;
    opacity: 0.9;
    /* filter: grayscale(1); */
    /* transform: scale(2.5) translate(0px, 3px); */
    margin-left: 30px;
    transform: translateY(2px);
}

#explorer_mattonella {
    position: absolute !important;
    bottom: 0;
    background: var(--giallo);
    padding: 5px 0;
    transform: translateY(-50%);
}

.explorer_mattonella h4 {
    color: whitesmoke;
    font-weight: bold;
}

.testo_hero {
    padding: 15vh 15px 15vh 15px;
}

.testo_hero h1,
.testo_hero h2 {
    font-family: var(--font_nunito);
    color: var(--giallo);
}

.testo_hero h1 {
    font-size: 3em;
    text-shadow: 1px 0px 0 var(--blu-lite);
}

.testo_hero h2 {
    font-size: 3em;
    text-shadow: 1px 0px 0 var(--blu-lite);
}

.testo_hero h4 {
    margin-top: 30px;
    font-size: 1.5em;
}

@media only screen and (max-width: 768px) {
    .testo_hero h1 {
        font-size: 2em;
    }
    .testo_hero h2 {
        font-size: 1em;
    }
    .testo_hero h4 {
        font-size: 1.5em;
    }
    .testo_hero {
        text-align: center;
    }
}


/*chi_siamo*/

.img_home {
    height: 100%;
}

.img_home img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: none;
    position: static;
}

@media only screen and (max-width: 768px) {
    .center_mobile p,
    .center_mobile h2,
    .center_mobile h3,
    .center_mobile h4,
    .center_mobile h5 {
        text-align: center;
    }
}

#chi_siamo_container {
    padding-top: calc(92vh + 80px);
    background: transparent !important;
}

.line_down {
    display: flex;
    flex-direction: column;
}

.line_down::after {
    content: "";
    height: 3px;
    width: 400px;
    margin-left: 3vw;
    position: relative;
    background-color: var(--giallo);
    border-radius: 20px;
}

@media only screen and (max-width: 768px) {
    .line_down::after {
        width: unset;
    }
}

.testo_chi_siamo_3 img,
.testo_chi_siamo_2 img,
.testo_chi_siamo_1 img {
    width: 60px !important;
    height: 60px !important;
    filter: invert(99%) sepia(39%) saturate(6286%) hue-rotate(320deg) brightness(115%) contrast(101%);
    margin-bottom: 15px;
}

.testo_chi_siamo_3,
.testo_chi_siamo_2,
.testo_chi_siamo_1 {
    padding-top: 30px;
    display: flex;
    flex-direction: column;
}


/*rombo_trasparenza_1 img*/


/*rombo_trasparenza_2 img*/

#rombo_trasparenza_1,
#rombo_trasparenza_2 {
    background-color: var(--nero);
    filter: drop-shadow(0 -7px 6px black) drop-shadow(0px 14px 6px #521010);
}

#colonna_back_trasparenza_1,
#colonna_back_trasparenza_2 {
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    position: absolute !important;
    transform: translate(-0%, -50%);
    height: 200px;
}


/*chi_siamo_pagina*/

.testo_chi_siamo_pagina h2 {
    font-weight: 700;
}

.testo_chi_siamo_pagina h4 {
    font-weight: 300;
}

.testo_chi_siamo_pagina h3 {
    font-weight: 400;
}

.testo_chi_siamo_home h4 {
    line-height: 1.4;
}

.lista_agenti .thumbnail:hover {
    text-decoration: none;
    transform: scale(1.05);
}

.lista_agenti .thumbnail,
.lista_agenti_filtro_agenti .thumbnail {
    padding: 0;
    margin: 30px 2vw;
    border: none;
    transition: 0.3s;
}

.lista_agenti .lca_elemento a,
.lista_agenti_filtro_agenti .lca_elemento a {
    font-size: 1.8em;
    color: var(--blu-lite);
    opacity: 0.6;
    margin: 0 3px;
}

.lista_agenti .fa,
.lista_agenti_filtro_agenti .fa {
    font-family: 'FontAwesome' !important;
    font-weight: 500 !important;
}

.lista_agenti .thumbnail img,
.lista_agenti_filtro_agenti .thumbnail img {
    object-fit: scale-down;
    min-height: 290px;
}

.lista_agenti .descrizione_agente {
    height: 0px;
    overflow: hidden;
}

.lista_agenti_filtro_agenti .list-group-item {
    border: none !important;
}

.lista_agenti_filtro_agenti .list-group-item>div:nth-child(5):before {
    content: "Contatti: ";
    position: relative;
    color: var(--blu-lite);
    font-size: small;
    width: 100%;
    text-align: end;
    margin-right: 20px;
}

.lista_agenti_filtro_agenti .list-group-item>div:nth-child(5) {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
}


/*contatti*/

.lista_agenzie .schede_bootstrap>.col-sm-12 {
    border: none;
    border-bottom: 3px solid var(--giallo);
    margin-bottom: 50px;
}

.lista_agenzie .lca_elemento a {
    font-size: 1.8em;
    color: var(--blu-lite);
    opacity: 0.6;
    margin: 0 3px;
}

.lista_agenzie .lca_elemento a:hover {
    opacity: 0.8;
}

.lista_agenzie .fa {
    font-family: 'FontAwesome' !important;
    font-weight: 500 !important;
}


/*.lista_agenzie .thumbnail img {
    object-fit: scale-down;
    min-height: 290px;
}*/

.lista_agenzie .link_telefono_ante a,
.lista_agenzie .link_indirizzo_ante a {
    text-decoration: none;
}

.lista_agenzie .link_telefono_ante i,
.lista_agenzie .link_indirizzo_ante i {
    display: inline-flex;
    align-items: flex-end;
}

.lista_agenzie .link_indirizzo_ante div,
.lista_agenzie .link_telefono_ante div {
    font-family: var(--font1);
    font-size: 0.6em;
    margin-left: 6px;
}

.lista_agenzie .link_indirizzo_ante,
.lista_agenzie .link_telefono_ante {}

.lista_agenzie .caption {
    padding: 0;
}

.lista_agenzie .intestazione_agenzia {
    font-size: 2em;
    font-weight: 700;
    color: var(--blu-lite);
}

.lista_agenzie h4 {
    font-size: 1.1em;
    color: #38383a;
    font-weight: 300;
}

.lista_agenzie .thumbnail {
    padding: 0;
    border: none;
    background-color: transparent;
}

.lista_agenzie .thumbnail>div:last-child {
    padding-top: 20px;
    display: flex;
    align-items: baseline;
}


/*immobili*/

#immobili {
    background-color: var(--rosso);
}

.red {
    color: whitesmoke !important;
}

.red::after {
    background-color: whitesmoke;
}

@media only screen and (max-width: 768px) {
    .widget_ricerca_home form {
        flex-direction: column;
        align-items: stretch !important;
        padding: 0 20px;
    }
    .mattonella_plus h4 {
        transform: translateX(-38%) !important;
    }
}

.widget_ricerca_home {
    background-color: var(--nero);
    border-radius: 10px;
    box-shadow: 2px 2px 2px 2px (var(--grigio));
}

.widget_ricerca_home form {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.widget_ricerca_home form div {
    margin: 0px 3px;
}

.widget_ricerca_home form>div:nth-child(1),
.widget_ricerca_home form>div:nth-child(4),
.widget_ricerca_home form>div:nth-child(7),
.widget_ricerca_home form>div:nth-child(10) {
    position: fixed;
    opacity: 0;
    pointer-events: none;
}

.widget_ricerca_home #filter_immo_tipologia_contratto_id,
.widget_ricerca_home #filter_immo_tipologia_id,
.widget_ricerca_home #filter_immo_prezzo,
.widget_ricerca_home #filter_immo_mq,
.widget_ricerca_home #filter_immo_provincia,
.widget_ricerca_home #filter_immo_comune {
    font-size: 1.2em;
    height: 50px;
    border: none;
    padding: 6px;
    border-radius: 10px;
}

.widget_ricerca_home .btn.btn-default.btn-sm {
    font-size: 1.2em;
    background-color: var(--rosso);
    border-radius: 10px;
    font-weight: 600;
    padding: 20px 45px;
    margin-top: 10px;
    color: white;
    border: 1px solid var(--rosso);
    transition: 0.3s;
}

.widget_ricerca_home .btn.btn-default.btn-sm:hover {
    background-color: var(--rosso_shadow);
    border-color: var(--rosso_shadow);
}

.widget_ricerca_home label.lista_ricerca_label {
    padding-bottom: 6px;
    font-size: 1.3em !important;
    color: whitesmoke;
}

.widget_cerca_hero_ver form>div:nth-child(1),
.widget_cerca_hero_ver form>div:nth-child(2),
.widget_cerca_hero_ver form>div:nth-child(3),
.widget_cerca_hero_ver form>div:nth-child(4),
.widget_cerca_hero_ver form>div:nth-child(5),
.widget_cerca_hero_ver form>div:nth-child(6),
.widget_cerca_hero_ver form>div:nth-child(7),
.widget_cerca_hero_ver form>div:nth-child(8),
.widget_cerca_hero_ver form>div:nth-child(10) {
    position: fixed;
    opacity: 0;
    pointer-events: none;
}

.widget_cerca_hero_ver .form-group.form_group_lista_ricerca {
    display: flex !important;
    align-items: center;
}

.widget_cerca_hero_ver .form-group.form_group_lista_ricerca label {
    margin-right: 6px;
    margin-left: 20px;
}

@media only screen and (max-width: 768px) {
    .widget_cerca_hero_ver {
        top: 4vh !important;
        transform: translateX(-15px);
    }
    .widget_cerca_hero_ver .form-group.form_group_lista_ricerca {
        font-size: 1.5em;
        flex-direction: column;
    }
}

.middle_ver {
    position: relative !important;
    top: 20px !important;
    transform: translateX(0px);
}

.middle_ver form>div:nth-child(2),
.middle_ver form>div:nth-child(3),
.middle_ver form>div:nth-child(5),
.middle_ver form>div:nth-child(6),
.middle_ver form>div:nth-child(8),
.middle_ver form>div:nth-child(9) {
    position: inherit;
    opacity: 1;
    pointer-events: inherit;
}

.widget_cerca_hero_ver {
    position: absolute;
    width: 100%;
    top: 40vh;
}

.widget_cerca_hero_ver form {
    display: flex;
    align-items: center;
    background: whitesmoke;
    padding: 10px;
    border-radius: 3px;
}

@media only screen and (max-width: 768px) {
    .widget_cerca_hero_ver form {
        flex-direction: column;
    }
}

.widget_cerca_hero_ver form>div {
    width: 100%;
}

.widget_cerca_hero_ver form div.text-center {
    width: 150px;
    margin-top: -5px !important;
}

.widget_cerca_hero_ver select,
.widget_cerca_hero_ver button {
    border-radius: 0px;
    border: none;
}

.widget_cerca_hero_ver button {
    background: var(--giallo);
    color: whitesmoke;
    font-weight: 600;
    width: 140px;
    transition: 0.5s;
}

@media only screen and (max-width: 768px) {
    .widget_cerca_hero_ver button {
        width: 100%;
        margin-top: 20px;
        font-size: 2em;
    }
}

.lista_immobili_home .thumbnail {
    padding: 5px;
    background-color: var(--nero);
    border: none;
    border-radius: 10px;
    position: relative;
    transition: 0.5s;
}

.lista_immobili_home .thumbnail:hover {
    box-shadow: none;
}

.lista_immobili_home .thumbnail>img {
    object-fit: cover;
    transition: 0.3s;
    padding: 15px;
}

.lista_immobili_home .thumbnail:hover>img {
    padding: 10px;
    margin-top: 5px;
    margin-bottom: -2.5px;
}

.lista_immobili_home .thumbnail .caption {
    color: whitesmoke;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    min-height: 26vh;
}

.lista_immobili_home .thumbnail .caption:after {
    content: "";
    position: relative;
    height: 5px;
    background: var(--rosso);
    border-radius: 10px;
    opacity: 0.5;
}

.lista_immobili_home .thumbnail .caption h4 {
    font-weight: 600;
    font-size: 1.5em;
    font-family: var(--fontDisplay);
}

.lista_immobili_home .thumbnail .caption p {
    font-size: 1em;
}

.logo_img_opa {
    opacity: 0.7;
    width: 50px;
    height: auto !important;
    position: absolute;
    top: 20px;
    right: 35px;
    filter: drop-shadow(2px 4px 2px rgb(0 0 0 /40%));
    z-index: 5;
}

.logo_img_gallery {
    opacity: 0.7;
    width: 90px;
    height: auto !important;
    position: absolute;
    top: 50px;
    right: 50px;
    filter: drop-shadow(2px 4px 2px rgb(0 0 0 /40%));
    z-index: 5;
}

@media only screen and (max-width: 768px) {
    .logo_img_gallery {
        width: 40px;
        top: 20px;
        right: 20px;
    }
}

.lista_immobili_home_2 .thumbnail {
    padding: 0px;
    border: none;
    text-decoration: none;
}

.lista_immobili_home_2 .thumbnail>img:first-of-type {
    object-fit: cover;
    height: 258px !important;
}

.lista_immobili_home_2 .thumbnail .caption {
    padding-top: 0px;
}

.lista_immobili_home_2 .thumbnail .caption p {
    font-size: 0.8em;
}

.lista_immobili_home_2 .thumbnail .caption h4 {
    font-weight: 600;
    color: #444;
}

.lista_immobili_home_2 .thumbnail>div:nth-child(7) {
    display: flex;
}

.lista_immobili_home_2 .thumbnail>div:nth-child(7) img {
    width: 20px !important;
}

.lista_immobili_home_2 .schede_bootstrap {
    /*display: flex*/
    ;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width: 768px) {
    .lista_immobili_home_2 .schede_bootstrap {
        flex-direction: column;
    }
}

blockquote {
    border-left: 5px solid var(--giallo);
    padding-top: 0;
}

blockquote>a {
    text-decoration: none;
    color: #444;
    cursor: pointer;
}

blockquote>a:hover {
    text-decoration: none;
}

.lista_immobili_home .thumbnail div:nth-child(6) {
    display: flex;
    width: 80%;
}

@media only screen and (max-width: 768px) {
    .lista_immobili_home .thumbnail div:nth-child(6) {
        width: unset !important;
    }
}

.lista_immobili_home .thumbnail div:nth-child(2) {
    margin-left: 0px;
}

.anteprima {
    position: static;
    width: fit-content;
    padding-right: 0;
}

.anteprima>div {
    display: flex;
    color: var(--blu-lite);
    align-items: center;
    font-size: 1.2em;
    position: static;
    justify-content: center;
}

.anteprima img {
    filter: invert(100%) sepia(5%) saturate(55%) hue-rotate(282deg) brightness(70%) contrast(89%);
}

#mq_immobili>div>div:nth-child(2)>div {
    display: flex;
    margin: 6px;
    align-items: baseline;
}

#camere_immobile>div>div:nth-child(2)>div {
    display: flex;
    margin: 6px;
    align-items: baseline;
}

#bagni_immobile>div>div:nth-child(2)>div {
    display: flex;
    margin: 6px;
    align-items: baseline;
}

#mq_immobili>div>div:nth-child(2)>div::after {
    content: " mq";
    font-size: 0.7em;
}

#camere_immobile>div>div:nth-child(2)>div::after {
    content: " n°";
    font-size: 0.7em;
}

#bagni_immobile>div>div:nth-child(2)>div::after {
    content: " n°";
    font-size: 0.7em;
}

#prezzo_immobile>div {
    position: absolute;
    color: whitesmoke;
    background: var(--blu-lite);
    padding: 10px;
    font-size: 1em;
    left: 0;
    font-weight: bold;
    opacity: 0.9;
}

.venduti #prezzo_immobile>div {
    font-size: 3em;
}

.venduti .thumbnail {
    position: relative;
    overflow: hidden;
}

.venduti .thumbnail:after {
    content: 'Venduto';
    position: absolute;
    top: 15px;
    left: -24px;
    width: fit-content;
    height: auto;
    background-color: rgba(255, 0, 0, 0.8);
    color: white;
    border-radius: 10px;
    padding: 6px 25px;
    font-weight: 900;
    transform: rotate(-45deg);
    z-index: 0;
}

#prezzo_immobile>div::after {
    content: " €";
    margin-left: 12px;
}

#comune_immobile>div {
    padding-top: 3px;
    padding-left: 9px;
    padding-right: 9px;
    padding-bottom: 3px;
    font-size: 1em;
    font-weight: bold;
    background: var(--giallo);
    color: white;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.hide_euro::after {
    display: none !important;
}

.mattonella_plus a {
    text-decoration: none;
    padding: 6px;
    color: var(--nero);
    background-color: var(--grigio);
    border-radius: 10px;
    filter: drop-shadow(2px 3px 10px rgb(0 0 0 /30%));
    transition: 0.5s;
    position: relative;
}

.mattonella_plus a:hover {
    filter: none;
}

.mattonella_plus a:hover h4 {
    transform: translateX(-55%);
}

.mattonella_plus a:hover h4::after {
    opacity: 1;
}

.mattonella_plus h4 {
    font-size: 2em;
    font-weight: 400;
    transition: 0.5s;
    width: fit-content;
    position: relative;
    transform: translateX(-27%);
    left: 50%;
    transition: 0.5s;
    display: flex;
    align-items: center;
}

.mattonella_plus h4::after {
    font-family: 'FontAwesome';
    content: "\f054";
    margin-left: 8vw;
    opacity: 0;
    transition: 0.5s;
}


/*Punti d'interesse*/

.flex_col_1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 20px;
}

.flex_col_1>div {
    padding: 7px 0;
    display: flex;
    width: 300px;
    justify-content: space-between;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}

.dist_pi {
    font-size: 16px;
    font-weight: 700;
}

.name_pi {
    font-size: 16px;
    font-weight: 500;
}

.flex_col_1 i,
.flex_col_1 span {
    margin-right: 5px;
}


/*servizi*/

#servizi {
    background-color: var(--nero);
}

.lista_servizi_home .thumbnail {
    padding: 0px;
    border: none;
    display: flex;
    flex-direction: column;
    background-color: transparent;
}

.lista_servizi_home .row.schede_bootstrap div:nth-child(2)>div {
    flex-direction: column;
}

@media only screen and (max-width: 768px) {
    .lista_servizi_home .row.schede_bootstrap div:nth-child(2)>div {
        flex-direction: column;
    }
}

.lista_servizi_home .thumbnail img {
    object-fit: cover;
}

.lista_servizi_home .thumbnail .caption {
    color: var(--blu-lite);
    text-align: center;
    padding: 1vh 5vw;
}

.lista_servizi_home .thumbnail .caption h4 {
    font-size: 2em;
    font-weight: 600;
}

.lista_servizi_home .thumbnail .caption p {
    font-size: 1.2em;
}


/*lavora_con_noi*/

#lavora_con_noi {
    height: auto;
    display: flex !important;
    position: relative;
    padding: 50px 0;
}

#lavora_con_noi:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.8) 100%);
}

.black {
    color: var(--nero) !important;
}

.black::after {
    background-color: var(--nero);
}

.mattonella_red a {
    background-color: var(--rosso);
    color: whitesmoke;
    margin: auto;
    width: 80%;
}

.txt_lavora_line_height_low p,
.txt_lavora_line_height_low h1 {
    line-height: 0.5;
}

.txt_lavora_line_height_low h1 {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 3.8em;
    margin-bottom: 30px;
}

.txt_lavora_line_height_low p {
    font-size: 0.8em;
    font-weight: 200;
}

@media only screen and (max-width: 768px) {
    .txt_lavora_line_height_low h1 {
        text-transform: uppercase;
        font-weight: 300;
        font-size: 2em;
    }
}


/*Immobii venduti*/

.immobili_venduti .thumbnail .caption h4 {
    font-size: 1.5em;
    font-weight: 600;
    color: var(--blu-lite);
}

.immobili_venduti .thumbnail {
    margin: 30px 15px;
    padding: 0px;
    border: none;
    box-shadow: 2px 3px rgb(0 0 0 /20%);
    overflow: hidden;
    position: relative;
    text-align: center;
    min-height: 570px;
}

.immobili_venduti .thumbnail img {
    aspect-ratio: 16/10;
    object-fit: cover;
}

._ante_venduti_primo_piano {
    position: absolute;
    top: 32px;
    left: -34px;
    border-radius: 20px;
    box-shadow: 2px 2px rgb(0 0 0 /20%);
    transform: rotate(-45deg);
    background: red;
    color: white;
    font-size: 30px;
    font-weight: 700;
    padding: 5px 30px;
    width: fit-content;
}

._ante_venduti_giorni {
    font-size: 20px;
    color: #333;
    padding-bottom: 15px;
}

._ante_venduti_prezzo>div {
    font-size: 18px;
}

._ante_venduti_prezzo>div>strong {
    width: 65px;
    height: 30px;
    border-radius: 20px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid red;
    padding: 5px 10px;
}

._ante_venduti_prezzo>div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

._ante_venduti_commento {
    padding-top: 15px;
    padding-bottom: 15px;
}

.immobili_venduti {
    animation: fade_in;
    animation-delay: 1s;
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

@keyframes fade_in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


/*Immobili Page*/

#sezione_immobili_page {
    background-color: white
}

.testo_label_lista p {
    color: var(--giallo);
    font-size: 2em;
    font-weight: 300;
}

.widget_ord_page select.campo_ordinamento_schede,
.widget_fil_page select,
.widget_fil_page input {
    background: transparent;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    box-shadow: none !important;
    color: var(--blu-lite);
    border-bottom: 1px solid #ccc
}

.widget_ord_page select.campo_ordinamento_schede option,
.widget_fil_page select option {
    color: white;
    background-color: var(--blu-lite);
    border: none;
}

.widget_fil_page input {
    color: #444;
    background-color: transparent
}

.widget_fil_page form label {
    color: var(--giallo);
    padding-bottom: 3px;
}

.widget_fil_page button {
    color: white;
    background-color: var(--giallo);
    border-color: var(--giallo);
    font-size: 2em;
    width: 100%;
    margin-bottom: 15px;
    transition: 0.3s;
}

.lista_immobili_home.icon_full_width .pagination>li.disabled>a,
.lista_immobili_home_2 .pagination>li.disabled>a {
    background: transparent;
    color: var(--giallo);
    border-color: transparent;
}

.lista_immobili_home.icon_full_width .pagination>li>a[conta="-1"],
.lista_immobili_home_2 .pagination>li>a[conta="-1"] {
    background: transparent;
    color: var(--giallo);
    border-color: transparent;
}

.lista_immobili_home.icon_full_width .pagination>li.active>a,
.lista_immobili_home_2 .pagination>li.active>a {
    background: var(--grigio);
    color: white;
    border-color: transparent;
    clip-path: circle();
}

.lista_immobili_home.icon_full_width .pagination>li>a,
.lista_immobili_home_2 .pagination>li>a {
    background: transparent;
    color: var(--grigio);
    border-color: var(--grigio);
    border-radius: 50px;
    margin: 0 2px;
}

#colonna_filter_immobili_page {
    background-color: #f5f5f5;
    border-radius: 5px;
}

@media only screen and (max-width: 768px) {
    #colonna_filter_immobili_page {
        margin-bottom: 30px;
    }
}

.lista_immobili_home.icon_full_width .thumbnail div:nth-child(6) {
    display: flex;
    width: 100%;
}


/*lavora_con_noi page*/


/*#sezione_lavora_con_noi::before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(255, 255, 255, 0.8);
}*/

#sezione_form_lavora_con_noi {
    background-color: white;
    position: relative;
    z-index: 1;
}

.img_lavora_con_noi {
    box-shadow: 2px 2px 2px rgb(0 0 0 /20%);
}

.testo_lavora_con_noi h2 {
    font-size: 3em;
    font-weight: 900;
}

.testo_lavora_con_noi p {
    font-size: 1.3em;
    padding-top: 12px;
    font-weight: 600;
}

.line_after {
    display: flex;
    align-items: baseline;
    white-space: nowrap;
}

.line_after::after {
    content: "";
    height: 5px;
    background: var(--giallo);
    position: relative;
    width: 100%;
    margin-left: 30px;
}

.form_lavora_con_noi input {
    border-color: var(--nero);
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    color: var(--nero);
    box-shadow: none !important;
}

.form_lavora_con_noi input:focus {
    border-color: var(--nero);
}

.form_lavora_con_noi .invia_form_contatti {
    padding: 12px;
    background: var(--giallo);
    color: #444;
    font-weight: 900;
    border: none;
    width: 100%;
    transition: 0.3s;
    font-size: 1.5em;
}


/*pagina servizi*/

#sezione_servizi_page {
    background-color: white;
}

.form_servizi_venditori {}


/*Scheda Immobile
Scheda Agente**/

.link_video iframe {
    width: 70.8%;
    height: 600px;
    max-height: 100%;
    overflow: hidden;
    filter: drop-shadow(8px 8px 8px rgb( 0 0 0 /30%));
    border-radius: 20px;
}

@media only screen and (max-width: 1000px) {
    .link_video iframe {
        width: 100%;
        height: 600px;
    }
}

.binder_1 .panel {
    border: none;
}

.binder_1 .panel-heading {
    background: transparent;
    padding-left: 0px;
}

.binder_1 .panel-heading a {
    display: flex;
    align-items: center;
    text-decoration: none;
    font-size: 20px;
    font-weight: 800;
}

.binder_1 .panel-heading a:after {
    content: '\f0dd';
    font-family: 'FontAwesome';
    position: relative;
    top: 0;
    left: 0;
    margin-left: 10px;
    object-position: center;
}

.form_agente h4 {
    font-size: 20px;
    font-weight: 700;
}

.form_agente .panel-body {
    color: #252526;
}

._anag_cellulare i>div,
._anag_email i>div,
._anag_whatsapp i>div {
    margin-left: 6px;
    color: var(--grigio);
    font-family: var(--font_nunito);
    font-weight: 700;
    padding-top: 6px;
}

._anag_cellulare i,
._anag_email i,
._anag_whatsapp i {
    display: flex;
    align-items: baseline;
    color: var(--giallo);
    font-size: 25px;
}

._anag_cellulare a,
._anag_email a {
    color: var(--blu-lite);
    text-decoration: none;
    font-weight: 700;
}

._anag_cellulare .lista_campo,
._anag_email .lista_campo {
    font-size: 14px;
}

._anag_cellulare {
    font-size: 18px;
    color: var(--grigio);
    display: flex;
    margin-left: 6px;
    padding: 8px 0;
}

._anag_email {
    font-size: 18px;
    color: var(--grigio);
    display: flex;
    margin-left: 6px;
    padding: 8px 0;
}

._anag_whatsapp {
    font-size: 18px;
    color: var(--grigio);
    display: flex;
    margin-left: 6px;
    display: none;
}

.ico_whats_img {
    padding: 8px 0;
}

._camp_titolo {
    font-size: 3em;
    color: var(--giallo);
    font-weight: bold;
}

._camp_comune_titolo {
    font-size: 1.5em;
    font-weight: 700;
    color: var(--grigio);
}

._camp_codice {
    font-size: 1.1em;
    color: var(--grigio);
    display: flex;
}

._camp_codice:before {
    content: 'Codice: ';
    position: relative;
    margin-right: 5px;
}

._camp_tipoImmobile {
    font-size: 2em;
    font-weight: bold;
    color: var(--grigio);
}

#col_indirizzo {
    display: flex !important;
}

#colonna_main_scheda_immobile {
    padding-left: 30px;
}

._camp_dove a {
    color: #888;
    text-transform: capitalize;
    font-size: 16px;
}

._camp_zona,
._camp_comune,
._camp_provincia {
    margin-right: 4px;
    color: #888;
}

._camp_prezzo {
    display: flex !important;
    align-items: center;
    color: var(--giallo);
    font-weight: bold;
    font-size: 1.8em;
}

._camp_prezzo::after {
    content: ' €';
    margin-left: 5px;
}

#col_icon {
    display: flex !important;
    flex-wrap: wrap;
    width: 25vw;
    padding-bottom: 20px;
}

._camp_camere {
    display: flex !important;
    flex-wrap: wrap;
    width: 50%;
    color: var(--grigio);
    font-weight: bold;
    justify-content: center;
}

._camp_camere:before {
    text-align: center;
    content: "\f236";
    font-family: 'Fontawesome';
    font-size: 2em;
    color: var(--giallo);
    width: 100%;
}

._camp_camere:after {
    content: 'Camere da letto';
    margin-left: 5px;
}


/*
._camp_classeEner {
    display: flex !important;
    flex-wrap: wrap;
    width: 50%;
    color: var(--grigio);
    font-weight: bold;
    justify-content: center;
}

._camp_classeEner:before {
    text-align: center;
    content: "\f06d";
    font-family: 'Fontawesome';
    font-size: 2em;
    color: var(--giallo);
    width: 100%;
}

._camp_classeEner>div {
    order: 1;
}

._camp_classeEner:after {
    content: 'Classe Energetica';
    margin-right: 5px;
}
*/

._camp_classeEner_grande {
    font-size: 3em;
    font-weight: bold;
    color: #333;
    text-align: center;
}

._camp_eff_energ_invernale,
._camp_eff_energ_estiva,
._camp_eff_energ_globale,
._camp_eff_energ_quasi_zero {
    display: flex;
    justify-content: start;
    align-items: center;
    color: #888;
}

._camp_eff_energ_invernale .lista_campo,
._camp_eff_energ_estiva .lista_campo,
._camp_eff_energ_globale .lista_campo,
._camp_eff_energ_quasi_zero .lista_campo {
    margin-left: 12px;
}

._camp_eff_energ_invernale:before {
    content: 'Efficienza energetica invernale: ';
}

._camp_eff_energ_estiva:before {
    content: 'Efficienza energetica estiva: ';
}

._camp_eff_energ_globale:before {
    content: 'Efficienza energetica globale: ';
}

._camp_eff_energ_quasi_zero:before {
    content: 'Edificio a energia quasi zero ';
}


/*Icon set*/

.icon_piano,
.icon_bagni,
.icon_locali,
.icon_mq {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: start;
    padding-top: 15px;
    width: 35%;
    align-items: baseline;
}

#col_icon .label_icon {
    order: 3;
    margin-left: 6px;
    color: var(--grigio);
    font-weight: bold;
    font-size: 16px;
}

#col_icon .icon_icon {
    order: 1;
    width: 100%;
    font-size: 26px;
    color: var(--giallo);
    padding-bottom: 5px;
}

#col_icon .lista_campo {
    order: 2;
    font-size: 20px;
}

.piano_txt {
    font-size: 20px !important;
    color: #333;
}

.icon_bagni {}

.icon_locali {}

.icon_mq {}

.icon_piano {}

._camp_bagni {
    display: flex !important;
    flex-wrap: wrap;
    width: 50%;
    color: var(--grigio);
    font-weight: bold;
    justify-content: center;
    padding-top: 15px;
}

._camp_bagni:before {
    text-align: center;
    content: "\f2cd";
    font-family: 'Fontawesome';
    font-size: 2em;
    color: var(--giallo);
    width: 100%;
}

._camp_superficie,
._camp_Nlocali {
    color: var(--grigio);
    font-size: 1.2em;
    display: flex;
    align-items: center;
    justify-content: start;
}

._camp_Nlocali {
    margin-left: 15px;
}

._camp_superficie:before {
    content: "Superficie: ";
    position: relative;
    margin-right: 5px;
    font-weight: bold;
    font-size: 1.05em;
}

._camp_superficie:after {
    content: 'mq';
    margin: 0 5px;
}

._camp_Nlocali:before {
    content: "N° Locali: ";
    position: relative;
    margin-right: 5px;
    font-weight: bold;
    font-size: 1.05em;
}


/**/

._camp_bagni:after {
    content: 'Bagni';
    margin-left: 5px;
}

.camp ._camp_balconi {
    display: flex !important;
    flex-wrap: wrap;
    width: 50%;
    color: var(--grigio);
    font-weight: bold;
    justify-content: center;
    padding-top: 15px;
}

._camp_balconi:before {
    text-align: center;
    content: "\f185";
    font-family: 'Fontawesome';
    font-size: 2em;
    color: var(--giallo);
    width: 100%;
}

._camp_balconi:after {
    content: 'Balconi';
    margin-left: 5px;
}

.latitu,
.longit {
    display: none;
}

._camp_link_img_agente img {
    clip-path: circle(200px);
    max-width: 220px;
    position: absolute;
    bottom: 33px;
}

@media only screen and (max-width: 768px) {
    ._camp_link_img_agente img {
        position: relative;
        bottom: 0;
    }
    ._camp_bagni {
        width: 100%;
    }
    ._camp_tipoImmobile {
        text-align: center;
    }
    ._camp_dove {
        text-align: center;
    }
    #col_indirizzo {
        justify-content: center;
    }
    ._camp_prezzo {
        justify-content: center;
    }
    #col_icon {
        width: 100%;
        justify-content: center;
    }
    ._camp_link_img_agente img {
        display: block;
        margin: auto;
    }
    ._camp_nome_agente {
        text-align: center;
    }
    ._camp_indi_agenzia {
        text-align: center;
    }
    ._camp_mail_agente a {
        justify-content: center;
        flex-direction: column;
    }
    ._camp_phone_agente a {
        justify-content: center;
        flex-direction: column;
    }
    ._camp_mail_agente a:before {
        font-size: 30px;
    }
    ._camp_phone_agente a:before {
        font-size: 30px;
    }
    #colonna_main_scheda_immobile {
        padding: 0 15px;
    }
    ._link_agenzia {
        text-align: center;
    }
    .icon_piano,
    .icon_bagni,
    .icon_locali,
    .icon_mq {
        justify-content: center;
    }
    #col_icon .icon_icon {
        text-align: center;
    }
}

._camp_nome_agente {
    font-weight: bold;
    font-size: 1.33em;
}

._camp_indi_agenzia {
    font-size: 15px;
}

._camp_mail_agente a {
    text-decoration: none;
    color: var(--grigio);
    display: flex;
    align-items: center;
}

._camp_mail_agente a:before {
    content: '\f0e0';
    font-family: 'FontAwesome';
    position: relative;
    margin-right: 5px;
}

._camp_phone_agente a {
    text-decoration: none;
    color: var(--grigio);
    display: flex;
    align-items: center;
}

._camp_phone_agente a:before {
    content: '\f095';
    font-family: 'FontAwesome';
    position: relative;
    margin-right: 5px;
}

._link_agenzia {
    padding-top: 20px;
}

._link_agenzia a {
    padding: 6px 6px;
    width: fit-content;
    color: white;
    background: var(--giallo);
}

._camp_disposizione_interna {
    line-height: 2;
    font-size: 16px;
    color: #888;
}

.invia_form_contatti {
    border-radius: 0;
    border: 2px solid var(--giallo);
    transition: 0.3s;
}

.invia_form_contatti:hover {
    color: white;
    background-color: var(--giallo);
}

._piccola h4 {
    font-size: 16px;
}

.back_light {}

#sez_form_immobile:before {
    content: '';
    position: absolute;
    top: -15px;
    left: 0;
    width: 20vw;
    height: 30px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(154, 149, 118, 1) 100%);
}

#form_immobile h4 {
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 30px;
    text-align: center;
}

#form_immobile .col-sm-offset-2.col-sm-10 {
    margin-left: 0px;
}

#appuntamento {
    scroll-margin-top: 200px;
}

@media only screen and (max-width: maxwidthpx) {
    #appuntamento {
        scroll-margin-top: 200px;
    }
}


/*gallery scheda immobile*/

.schedaImmobileGallery {
    position: relative;
    z-index: 0;
}

.schedaImmobileGallery .lightboxgallery {
    display: flex;
    flex-wrap: wrap;
}

.schedaImmobileGallery .lightboxgallery img {
    width: 100%;
    object-fit: cover;
    height: 220px;
}

.schedaImmobileGallery .lightboxgallery a {
    width: 33%
}

.galleria-thumbnails .galleria-image {
    background: transparent;
    border: none;
}

.galleria-container {
    overflow: unset !important;
}


/*
.galleria-thumbnails
{
    overflow: hidden;
    position: relative;
    width: 100% !important;
    height: 150px;
    display: flex;
    flex-wrap: nowrap;
}
*/

@media (max-width: 768px) {
    #galleriaio_0 {
        height: 77vw !important;
    }
    .galleria-lightbox-content {
        top: 0 !important;
        bottom: -15px !important;
    }
    .galleria-lightbox-content .galleria-lightbox-image .galleria-image {
        top: 50%;
        transform: translateY(-50%);
    }
}

.schedaImmobileGallery .galleria-container {
    background: transparent!important;
}

.schedaImmobileGallery .galleria-image-nav-left {
    left: 10px!important;
    background-image: none;
}

.schedaImmobileGallery .galleria-image-nav-right {
    right: 0px !important;
    background-image: none;
}

.schedaImmobileGallery .galleria-image-nav-right::before {
    font-family: 'Glyphicons Halflings';
    content: "\e131";
    font-size: 55px;
    color: var(--colore2);
    position: absolute;
    top: 50%;
    transition: 0.5s;
    clip-path: circle(38%);
    background: radial-gradient(circle, white 0%, rgba(0, 0, 0, 0) 75%);
}

.schedaImmobileGallery .galleria-image-nav-left::before {
    font-family: 'Glyphicons Halflings';
    content: "\e132";
    font-size: 55px;
    color: var(--colore2);
    position: absolute;
    top: 50%;
    transition: 0.5s;
    clip-path: circle(38%);
    background: radial-gradient(circle, white 0%, rgba(0, 0, 0, 0) 75%);
}

@media only screen and (min-width: 768px) {
    #galleriaio_0 {
        height: 700px !important;
    }
}

#galleriaio_0 {
    background: transparent!important;
}

.galleria-container.notouch {
    height: 100%!important;
}

.galleria-image img {
    width: 100% !important;
    height: auto !important;
    max-width: 100vw !important;
    max-height: 90vh !important;
    object-fit: contain;
}

.galleria-stage .galleria-images .galleria-image {
    height: 100%!important;
}

.galleria-stage .galleria-images .galleria-image img {
    width: 100% !important;
    height: auto !important;
    left: 50% !important;
    transform: translateX(-50%);
    border-radius: 20px;
}

.galleria-lightbox-close {
    display: none;
}


/*fine gallery*/


/*Pagina affitta vendi*/

.testo_sezione_altenate h4 {
    font-weight: 500;
    line-height: 1.5;
}

.testo_sezione_altenate h1.sequenza {
    background: var(--giallo);
    color: white;
    font-size: 3em;
    opacity: 0.8;
    border-bottom-right-radius: 50px;
    width: fit-content;
    padding: 4px 20px 4px 12px;
}

.lista_recensioni .thumbnail {
    padding: 0;
    border: none;
}

.lista_recensioni .thumbnail h4 {
    font-weight: 600;
}

.lista_recensioni .thumbnail iframe {
    min-height: 300px !important;
}

.lista_recensioni .thumbnail ._autore {
    font-size: 1.2em;
    color: var(--blu-lite);
    font-weight: 300;
    font-family: var(--fontDisplay);
}

.upper_v_line:before {
    content: '';
    position: absolute;
    top: 0;
    left: 70%;
    width: 72px;
    height: 100%;
    background-color: var(--giallo);
    z-index: -1;
    transform: translateY(-85px);
    opacity: 0.8;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.shadow_light {
    border-radius: 20px;
    filter: drop-shadow(2px 4px 6px rgb( 0 0 0 /30%));
    overflow: hidden;
}


/*Pagina Metodo*/

.metodo_text h3 {
    background: white;
    padding: 6px 0px;
}

.metodo_text::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 3px;
    height: 100%;
    opacity: 0.8;
    background: var(--giallo);
    z-index: -1;
}

.dark_panel .panel-body {
    color: #333 !important;
}

.mappa>small {
    display: none;
}


/*Compass*/

.upper img {
    max-height: 65vh !important;
    object-position: 0% 20%;
}

.img_compas img,
.immagine_scheda_week img {
    max-height: 50vh;
    object-fit: cover;
}

.img_compas:before,
.immagine_scheda_week:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 74%);
    z-index: 0;
    filter: blur(0.5);
}

.compas_titolo1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.compas_titolo1 h1 {
    font-weight: 700;
    color: #444;
    font-size: 4em;
}

.compas_titolo1 h2 {
    color: #f5f5f5;
    font-size: 2em;
    font-weight: 800;
}

.compas_titolo2 h2 {
    font-size: 6em;
    font-weight: 800;
}

@media only screen and (max-width: 768px) {
    #colonna_compass_mobile_general {
        height: 80vh;
    }
    .upper img {
        min-height: 70vh;
    }
    #colonna_compass_settimana {
        position: relative !important;
        top: 110px;
    }
    .compas_titolo2 h2 {
        text-align: center;
        font-size: 3.5em;
    }
    .compas_titolo1 h1 {
        font-size: 2.5em;
    }
    .titolo_scheda_week {
        font-size: 2em !important;
        left: 35% !important;
        top: 20% !important;
    }
    .gallery_scheda_week a {
        width: 100% !important;
    }
    .gallery_scheda_week .lightboxgallery {
        max-height: unset !important;
    }
    .lista_video_settimana:after {
        content: "\f07e";
        font-family: 'Fontawesome';
        font-size: 5em;
        color: #b81d20;
        opacity: 0.8;
        position: absolute;
        bottom: -70px;
        left: 50%;
        transform: translateX(-50%);
    }
}

.compas_titolo3 h1 {
    font-size: 4em;
    font-weight: 800;
}

.compas_titolo3 p {
    font-size: 2em;
    font-weight: 500;
    font-style: oblique;
}

#row_lo_puoi_fare {
    border-radius: 30px;
    box-shadow: 2px 4px 6px rgb(0 0 0 /30%);
    margin: 0px -4vw;
    padding: 0 4vw;
}

.lista_settimane .thumbnail,
.lista_generale_compass .thumbnail {
    border: none;
    padding: 0;
    border-radius: 20px;
    overflow: hidden;
    text-decoration: none !important;
}

.lista_generale_compass .thumbnail {
    box-shadow: 8px 9px 6px rgb(0 0 0 /30%);
    transition: 0.5s;
}

.lista_generale_compass .thumbnail:hover {
    box-shadow: none;
}

.lista_settimane .thumbnail .caption,
.lista_generale_compass .thumbnail .caption {
    background: var(--giallo);
}

.lista_settimane .thumbnail h4,
.lista_generale_compass .thumbnail h4 {
    color: #444;
    font-weight: 700;
    font-size: 1.6em;
}

.lista_settimane .thumbnail img {
    opacity: 1;
    transition: 1s;
    transition-delay: 2s;
}

.lista_generale_compass .thumbnail img {
    opacity: 1;
    transition: 1s;
    transition-delay: 2s;
}

.lista_video_settimana .thumbnail {
    padding: 0;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 2px 4px 6px rgb(0 0 0 /30%);
    margin: 20px 15px;
}

.lista_video_settimana .slick-prev:before,
.lista_video_settimana .slick-prev:before {
    font-size: 30px;
    content: "\f053" !important;
    color: var(--giallo);
    font-family: 'FontAwesome';
}

.lista_video_settimana .slick-next:before,
.lista_video_settimana .slick-next:before {
    font-size: 30px;
    content: "\f054" !important;
    color: var(--giallo);
    font-family: 'FontAwesome';
}

.lista_video_settimana nav {
    display: none;
}

.titolo_scheda_week {
    position: absolute;
    top: 40%;
    left: 20%;
    transform: translate(-50%, -50%);
    font-size: 5em;
    background: var(--giallo);
    color: white;
    padding: 6px 20px;
    border-radius: 20px;
    box-shadow: 2px 4px 6px rgb(0 0 0 /30%);
    z-index: 0;
    font-weight: 800;
}

.immagine_scheda_week img {
    z-index: 0;
}

.immagine_anteprima_canva img {
    border-radius: 20px;
    box-shadow: 2px 4px 6px rgb(0 0 0 /30%);
    overflow: hidden;
}

.gallery_scheda_week .lightboxgallery {
    display: flex;
    flex-flow: column wrap;
    width: 100%;
    height: auto;
    max-height: 100vh;
}

.gallery_scheda_week a {
    width: 20%;
}

.gallery_aprile a {
    width: 30%;
}

.gallery_aprile .lightboxgallery {
    display: flex;
    flex-flow: column wrap;
    width: 100%;
    height: auto;
    max-height: 130vh;
    align-items: center;
}

.gallery_scheda_week .lightboxgallery img {
    width: 100%;
    padding: 5px;
}

.form_contatti_compass .panel-body {
    color: #444;
}

.form_contatti_compass .panel-body a {
    color: black;
}

div.sette_elementi {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

div.sette_elementi p {
    font-size: 2em;
    margin: 12px 6px;
    background: var(--giallo);
    color: white;
    padding: 12px;
    border-radius: 5px;
}

.link_changed_color a {
    color: var(--giallo);
    text-shadow: 1px 2px 30px rgb(0 0 0 /20%);
}

.number_segno {
    border-radius: 50%;
    padding: 6px 20px;
    border: 3px solid var(--giallo);
    width: fit-content;
    margin: auto;
    margin-top: 21px;
    margin-bottom: 10px;
}


/*Divisori*/

.custom-shape-divider-bottom-hero {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    z-index: 9;
}

.custom-shape-divider-bottom-hero svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 150px;
}

.custom-shape-divider-bottom-hero .shape-fill {
    fill: #FFFFFF;
}

.arrow_down {
    text-align: center;
    position: absolute;
    bottom: 50px;
    font-size: 50px;
    z-index: 5;
    left: 0;
    opacity: 0.8;
    width: 100%;
    transition: 1s;
    transform: translateY(70px);
    animation: scroll_alternate 2s infinite;
}

@keyframes scroll_alternate {
    0% {
        transform: translateY(30px);
    }
    50% {
        transform: translateY(-20px);
    }
    100% {
        transform: translateY(30px);
    }
}

.arrow_down a {
    color: #333;
}

.lista_icone .thumbnail {
    padding-top: 20px;
    border: none;
    text-align: center;
    opacity: 0;
}

.lista_icone .thumbnail img {
    width: 100%;
    max-width: 100px;
    margin: auto;
}

.label_sezioni {
    padding: 30px 0px;
}

.label_sezioni h4 {
    margin: 0px;
}

.label_sezioni h2 {
    font-size: 2.5em;
    font-weight: 700;
    color: var(--giallo);
    text-align: center;
    padding-top: 15px;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.label_sezioni h2:after {
    content: url("https://www.aerreimmobiliare.it/stili/vbuilder/src/divide_svg.svg");
}

.lista_prezzi_cowork .thumbnail {
    padding: 0px;
    border: none;
    box-shadow: 1px 2px rgb(0 0 0 /20%);
    opacity: 0;
    transition: 0.3s;
}

.label_sezioni h3 {
    font-size: 20px;
    margin: 0px;
}

.mappa {
    box-shadow: 1px 2px rgb(0 0 0 /20%);
}

.linear_gradient {
    background: linear-gradient(360deg, #ebebeb, transparent)
}

.video_lavora_con_noi {
    width: 100%;
    height: 100%;
    position: relative;
}

.video_lavora_con_noi>video {
    width: 100%;
}

#contatti,
#dove_siamo,
#flessibilità,
#community,
#hi_tech,
#ambiente_mdr {
    scroll-margin-top: 150px;
}


/*Ufficio*/

.lista_ricerca_new {
    display: flex;
    flex-direction: column;
}

.lista_ricerca_new a {
    flex: 1;
    padding: 20px 15px;
    font-size: 20px;
}

.categoria_sw {
    background: white;
    color: var(--blu-lite);
    cursor: pointer;
}

.categoria_sw.active {
    background: var(--giallo);
    color: white !important
}

._ante_prezzo_ufficio {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}

.lista_uffici .schede_bootstrap>div.col-sm-12>a {
    display: none;
}

.lista_uffici .schede_bootstrap>div.col-sm-12 {
    display: flex;
    background: var(--giallo);
    padding: 20px;
}

@media only screen and (max-width: 1000px) {
    .lista_uffici .schede_bootstrap>div.col-sm-12 {
        flex-direction: column;
    }
    .lista_uffici .schede_bootstrap>div.col-sm-12>.slide {
        max-width: 100% !important;
    }
}

.lista_uffici .schede_bootstrap>div.col-sm-12 .caption {
    padding: 15px;
    position: relative;
    background: white;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
}


/*.lista_uffici .schede_bootstrap>div.col-sm-12 .caption ul,*/


/*.descrizione_uffici ul {*/


/*    list-style-image: url("./check-mark.png");*/


/*}*/

.descrizione_uffici {
    padding: 30px 0px;
}

.lista_uffici .schede_bootstrap>div.col-sm-12 .caption ul,
.descrizione_uffici ul {
    padding-left: 5px;
}

.lista_uffici .schede_bootstrap>div.col-sm-12 .caption ul li,
.descrizione_uffici ul li {
    margin: 0;
    padding: 7px 5px 5px 40px;
    list-style: none;
    background-image: url("./check-mark.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 22px;
}

.lista_uffici .schede_bootstrap>div.col-sm-12 .caption ul li::marker,
.descrizione_uffici ul li::marker {
    width: 20px;
}

.lista_uffici .schede_bootstrap>div.col-sm-12 .caption ul::marker,
.descrizione_uffici ul::marker {
    width: 20px;
}

.lista_uffici .schede_bootstrap>div.col-sm-12 .caption h4 {
    font-size: 20px;
    font-weight: 700;
}

.lista_uffici .schede_bootstrap>div.col-sm-12>.row {
    position: absolute;
    display: none;
}

.lista_uffici .schede_bootstrap>div.col-sm-12>.slide {
    max-width: 50%;
    position: relative;
}

.lista_uffici .schede_bootstrap>div.col-sm-12>.slide .carousel-inner {
    position: relative;
    height: 100%;
}

.lista_uffici .schede_bootstrap>div.col-sm-12>.slide .carousel-inner .item.active {
    display: block !important;
}

.lista_uffici .schede_bootstrap>div.col-sm-12>.slide .carousel-inner .item {
    position: relative;
    height: 100%;
    display: none !important;
}

.lista_uffici .schede_bootstrap>div.col-sm-12>.slide .carousel-inner img {
    position: relative;
    object-fit: cover;
    height: 100%;
}

.lista_uffici .prezzo_label {
    padding: 3px 10px;
    font-size: 20px;
    font-weight: 700;
    color: white;
    background: var(--giallo);
    width: 100%;
}

.link_scheda_custom {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    background: white;
    color: var(--giallo);
    border: 2px solid var(--giallo);
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
}

.uffcio_sub_titolo h1 {
    font-size: 2.5em;
    font-weight: 700;
    color: var(--grigio);
}

.uffcio_sub_titolo {
    font-size: 1.2em;
    font-weight: 400;
    color: var(--grigio);
    padding: 20px 0;
}

.video_embed_ufficio .list-group-item>div {
    box-shadow: 2px 4px 6px var(--giallo) !important;
}

.video_embed_ufficio .list-group-item {
    padding: 0;
    border: none;
    margin: 0 10px;
    max-width: 50%;
    width: 100%;
    background: transparent;
}

.video_embed_ufficio .list-group {
    display: flex;
}

@media only screen and (max-width: 768px) {
    .video_embed_ufficio .list-group-item {
        max-width: 100% !important;
    }
    .video_embed_ufficio .list-group {
        flex-direction: column;
    }
    .uffcio_sub_titolo {
        padding-bottom: 60px !important;
    }
}

.titolo_video {
    font-size: 20px;
    font-weight: 700;
    color: var(--giallo);
}

.descrizione_uffici ul {
    font-size: 20px;
}

.descrizione_uffici li {
    padding: 10px 0;
}

.prezzo_ufficio {
    font-size: 20px;
    font-weight: 700;
    color: white;
    background: var(--giallo);
    padding: 10px 15px;
}

.contatti_whatsapp_ufficio {
    display: flex;
    flex-direction: column;
}

.contatti_whatsapp_ufficio a {
    color: var(--grigio);
    font-size: 20px;
}

.wapp {
    /*stile whatsapp button*/
    margin-top: 20px;
    background: #69b44a;
    color: white !important;
    padding: 6px 20px;
    width: fit-content;
    border-radius: 10px;
    box-shadow: 2px 4px 6px rgb(0 0 0 /30%);
}

.img_ante_head_ufficio {
    margin-top: 100px;
    max-height: 270px;
    overflow: hidden;
    position: absolute;
    pointer-events: none;
    width: 100%;
}

.img_ante_head_ufficio:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 70%);
    z-index: 1;
    pointer-events: none;
}


/*Servizi generali*/

.lista_servizi_generali .thumbnail {
    --h: 200px;
    border-radius: 40px;
    border: none;
    box-shadow: 2px 2px 4px rgb(0 0 0 /40%);
    text-align: center;
    padding: 50px 15px;
    min-height: var(--h);
    max-height: var(--h);
    opacity: 0;
    max-width: 70%;
    margin: 15px auto;
}

.lista_servizi_generali .thumbnail:hover {}

.lista_servizi_generali .schede_bootstrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.lista_servizi_generali .schede_bootstrap img {
    margin: auto;
    max-width: 40px;
}

.lista_servizi_generali .caption h4 {
    font-weight: 900;
}

.lista_prezzi .schede_bootstrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.lista_prezzi .thumbnail {
    border-radius: 15px;
    border: none !important;
    padding: 0;
    overflow: hidden;
    background: linear-gradient(90deg, #f5f5f5, white);
    box-shadow: 2px 2px 4px rgb(0 0 0 /40%);
    text-decoration: none !important;
}

.lista_prezzi .thumbnail:hover {
    box-shadow: 2px 2px 4px var(--giallo);
    border: none;
}

.lista_prezzi .thumbnail img {
    transition: 0.3s;
}

.lista_prezzi .thumbnail:hover img {
    transform: scale(1.05);
}

.lista_prezzi .thumbnail div.row:last-child {
    padding: 0 0px 15px 20px;
}

.lista_prezzi .thumbnail ._prezzo {
    margin-bottom: 6px;
    color: white;
    background: var(--giallo);
    font-size: 16px;
    font-weight: 700;
    padding: 5px 15px;
}

.lista_prezzi .thumbnail .caption {
    text-align: center;
}

.lista_prezzi .thumbnail .caption h4 {
    font-weight: 700;
}

.contatti_soluzioni_personalizzate .schede_bootstrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.contatti_soluzioni_personalizzate .thumbnail {
    background: transparent;
    text-align: center;
    border: none;
    text-decoration: none !important;
}

.contatti_soluzioni_personalizzate .thumbnail:hover img {
    transform: scale(1.1);
}

.contatti_soluzioni_personalizzate .thumbnail h4 {
    color: white;
    font-weight: 700;
}

.contatti_soluzioni_personalizzate .thumbnail img {
    max-width: 60px;
    margin: auto;
}

.black_text h1,
.black_text p,
.black_text h2,
.black_text h3,
.black_text h4 {
    color: #333 !important;
}

.darker_hero {
    position: relative;
}

.darker_hero:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 20%);
}

#gallery_swipe {
    position: relative;
}

.img_swipe {
    opacity: 1;
    position: absolute;
    height: 75px;
    width: 75px;
    top: 50%;
    transform: translateY(-50%) translateX(50%);
    right: 50%;
    z-index: 2;
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(279deg) brightness(109%) contrast(101%);
    animation: swipe 10s 1 forwards;
}

@keyframes swipe {
    0% {
        transform: translateY(-50%) translateX(30%);
    }
    10% {
        transform: translateY(-50%) translateX(70%);
    }
    20% {
        transform: translateY(-50%) translateX(30%);
    }
    30% {
        transform: translateY(-50%) translateX(30%);
    }
    40% {
        transform: translateY(-50%) translateX(70%);
    }
    50% {
        transform: translateY(-50%) translateX(30%);
    }
    60% {
        transform: translateY(-50%) translateX(30%);
    }
    70% {
        transform: translateY(-50%) translateX(70%);
    }
    80% {
        transform: translateY(-50%) translateX(30%);
    }
    90% {
        transform: translateY(-50%) translateX(30%);
        opacity: 1;
    }
    100% {
        transform: translateY(-50%) translateX(70%);
        opacity: 0;
    }
}

.chi_siamo_lista .schede_bootstrap>div:nth-child(5)>.thumbnail,
.chi_siamo_lista .schede_bootstrap>div:nth-child(9)>.thumbnail,
.chi_siamo_lista .schede_bootstrap>div:nth-child(13)>.thumbnail {
    flex-direction: row-reverse;
}

.chi_siamo_lista .schede_bootstrap>div:nth-child(1)>.thumbnail .caption {
    display: flex;
    width: 100%;
    max-width: 100% !important;
    align-items: center;
    flex-wrap: wrap;
}

.chi_siamo_lista .thumbnail {
    border: none;
    display: flex;
    align-items: center;
    position: relative;
    opacity: 0;
}

@media only screen and (max-width: 768px) {
    .chi_siamo_lista .thumbnail {
        flex-direction: column !important;
    }
    .chi_siamo_lista .thumbnail img,
    .chi_siamo_lista .thumbnail .caption {
        max-width: 100% !important;
        margin: 0;
        text-align: center;
    }
    .chi_siamo_lista .thumbnail .caption h3 {
        font-size: 2.5em !important;
    }
}

.chi_siamo_lista .thumbnail .caption h4 {
    display: none;
}

.chi_siamo_lista .thumbnail .caption {
    padding: 0 30px;
}

.chi_siamo_lista .thumbnail .caption h3 {
    font-size: 3em;
    font-weight: 700;
    color: var(--giallo);
    padding: 10px 0;
}

.chi_siamo_lista .thumbnail .caption p {
    font-size: 1.5em;
    font-weight: 500;
    color: #333;
    padding: 10px 0;
}

.chi_siamo_lista .thumbnail img {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 2px 4px 6px rgb(0 0 0 /20%);
}

.chi_siamo_lista .thumbnail img,
.chi_siamo_lista .thumbnail .caption {
    max-width: 45%;
    margin: auto;
}

.chi_siamo_lista .thumbnail .row {
    display: none !important;
}