:root {
    --agim-primary-font: 'Lato', sans-serif !important;
    --second-color: #E87400;
}

.body {
    font-family: 'Lato', sans-serif;
}


#select_contract .ui-selectmenu-button.ui-button {
    padding: 15px 20px;
    width: 100%;
    background: none !important;
}

/* Stili per la tendina del contratto personalizzata */
#select_contract.ric_row {
    position: relative;
}

#select_contract .summary {
    cursor: pointer;
    display: block;
    padding: 0;
    width: 100%;
    border: none;
    background: none;
    border-radius: 4px;
    margin-bottom: 0;
}

#select_contract .summary:hover {
    border-color: var(--second-color, #E87400);
}

#select_contract .custom-span-selection {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

#select_contract .custom-span-selection i {
    margin-left: auto;
}

#select_contract .multi_select.opened ~ .summary .custom-span-selection i,
#select_contract .summary:has(+ .multi_select.opened) .custom-span-selection i {
    transform: rotate(180deg);
}

#select_contract .multi_select {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0 0 4px 4px;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    margin-top: -1px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

#select_contract .multi_select.opened {
    max-height: 300px;
    opacity: 1;
    visibility: visible;
    overflow-y: auto;
    padding: 0;
    margin: 0;
}

#select_contract .multi_select li {
    list-style: none;
    margin: 0;
    padding: 0;
}

#select_contract .multi_select li label {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    cursor: pointer;
    margin: 0;
}

#select_contract .multi_select li label:hover {
    background-color: #f5f5f5;
}

#select_contract .multi_select li label i {
    font-style: italic;
    color: #999;
}

#select_contract .multi_select li input[type="radio"] {
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
}

#select_contract .multi_select li .inner {
    display: none;
}

#select_contract .multi_select li .inner i {
    font-size: 10px;
    color: transparent;
}

#select_contract .multi_select li input[type="radio"]:checked ~ .inner {
    border-color: var(--second-color, #E87400);
}

#select_contract .multi_select li input[type="radio"]:checked ~ .inner i {
    color: var(--second-color, #E87400);
}

.ric_row.price label, .ric_row.area label, .ric_row.locali label, .ric_row.bathrooms label, .ric_row.heating label, .ric_row.beds label, #select_districts label, #select_cities label, #select_typologies label, #select_chart label, #select_subtypology label, #select_contract select, #select_area select {
    background-color: #fff !important;
    color: #9d9d9d;
    cursor: pointer;
    outline: 0;
    font-family: var(--agim-primary-font);
    font-size: 16px;
    font-weight: 300;
    width: 100%;
}

.ric_row.price label.summary,
.ric_row.area label.summary,
.ric_row.locali label.summary,
.ric_row.bathrooms label.summary,
.ric_row.heating label.summary,
.ric_row.beds label.summary,
#select_districts label.summary,
#select_cities label.summary,
#select_typologies label.summary,
#select_chart label.summary,
#select_price label.summary,
#select_contratto label.summary,
#select_subtypology label.summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    background-color: #fff;
    font-size: 1rem;
    line-height: 1.5;
    color: #666 !important;
    font-family: inherit;

}

.ric_row.locali,
.ric_row.bathrooms,
.ric_row.heating,
.ric_row.beds,
.ric_row.price,
.ric_row.area,
#ricerca-avanzata .beds input,
#ricerca-avanzata .bathrooms input,
#ricerca-avanzata .heating input,
#select_districts,
#select_cities,
#select_typologies,
#select_chart,
#select_subtypology,
#select_contract,
#select_price,
#select_contratto,
#select_area,
#prezzo-min,
#prezzo-max,
#ricerca-codice {
    height: 45px;
    padding: 0.5rem .8rem;
}

.round-sub {
    background: #fff;
    border: 0;
    padding: 0 20px;
}

/* Stili per le frecce dello slider vetrina */
.vetrina-wrapper {
    position: relative;
}

.vetrina-wrapper [class^="arrow-"],
.vetrina-wrapper [class*=" arrow-"] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 10;
}

.vetrina-wrapper [class^="arrow-"] .prev-arrow,
.vetrina-wrapper [class^="arrow-"] .next-arrow,
.vetrina-wrapper [class*=" arrow-"] .prev-arrow,
.vetrina-wrapper [class*=" arrow-"] .next-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: none !important;
    border: 0 !important;
    outline: none;
    padding: 0;
    cursor: pointer;
    pointer-events: all;
    transition: opacity 0.3s ease;
}

.vetrina-wrapper [class^="arrow-"] .prev-arrow,
.vetrina-wrapper [class*=" arrow-"] .prev-arrow {
    left: -60px;
}

.vetrina-wrapper [class^="arrow-"] .next-arrow,
.vetrina-wrapper [class*=" arrow-"] .next-arrow {
    right: -60px;
}


@media (max-width: 600px) {
    .vetrina-wrapper [class^="arrow-"] .prev-arrow,
    .vetrina-wrapper [class*=" arrow-"] .prev-arrow {
        left: 115px;
        top: 510px;
    }

    .vetrina-wrapper [class^="arrow-"] .next-arrow,
    .vetrina-wrapper [class*=" arrow-"] .next-arrow {
        right: 115px;
        top: 510px;
    }

    .vetrina-wrapper [class^="arrow-"] button svg,
    .vetrina-wrapper [class*=" arrow-"] button svg {
        display: block;
        width: 30px;
        height: 30px;
    }

}

@media (max-width: 800px) {
    .vetrina-wrapper [class^="arrow-"] .prev-arrow,
    .vetrina-wrapper [class*=" arrow-"] .prev-arrow {
        left: 115px;
        top: 550px;
    }

    .vetrina-wrapper [class^="arrow-"] .next-arrow,
    .vetrina-wrapper [class*=" arrow-"] .next-arrow {
        right: 115px;
        top: 550px;
    }

    .vetrina-wrapper [class^="arrow-"] button svg,
    .vetrina-wrapper [class*=" arrow-"] button svg {
        display: block;
        width: 30px;
        height: 30px;
    }

}


@media (min-width: 801px) and (max-width: 1999px) {
    .vetrina-wrapper [class^="arrow-"] .prev-arrow,
    .vetrina-wrapper [class*=" arrow-"] .prev-arrow {
        left: -40px;
        top: 50%;
    }

    .vetrina-wrapper [class^="arrow-"] .next-arrow,
    .vetrina-wrapper [class*=" arrow-"] .next-arrow {
        right: -40px;
        top: 50%;
    }

    .vetrina-wrapper [class^="arrow-"] button svg,
    .vetrina-wrapper [class*=" arrow-"] button svg {
        display: block;
        width: 30px;
        height: 30px;
    }
}

@media (min-width: 1200px ) and (max-width: 1370px) {
    .vetrina-wrapper [class^="arrow-"] .prev-arrow,
    .vetrina-wrapper [class*=" arrow-"] .prev-arrow {
        left: 0px;
        top: 50%;
    }

    .vetrina-wrapper [class^="arrow-"] .next-arrow,
    .vetrina-wrapper [class*=" arrow-"] .next-arrow {
        right: 0;
        top: 50%;
    }

    .vetrina-wrapper [class^="arrow-"] button svg,
    .vetrina-wrapper [class*=" arrow-"] button svg {
        display: block;
        width: 30px;
        height: 30px;
    }
}

@media (min-width: 1371px) {
    .vetrina-wrapper [class^="arrow-"] .prev-arrow,
    .vetrina-wrapper [class*=" arrow-"] .prev-arrow {
        left: -40px;
        top: 50%;
    }

    .vetrina-wrapper [class^="arrow-"] .next-arrow,
    .vetrina-wrapper [class*=" arrow-"] .next-arrow {
        right: -40px;
        top: 50%;
    }
}


.vetrina-wrapper [class^="arrow-"] .prev-arrow:hover,
.vetrina-wrapper [class^="arrow-"] .next-arrow:hover,
.vetrina-wrapper [class*=" arrow-"] .prev-arrow:hover,
.vetrina-wrapper [class*=" arrow-"] .next-arrow:hover {
    opacity: 0.8;
}

.vetrina-wrapper [class^="arrow-"] button svg,
.vetrina-wrapper [class*=" arrow-"] button svg {
    display: block;
    width: 49px;
    height: 49px;
}

@media (min-width: 1090px) {

    #ricerca form .property-search-form #select_cities,
    #ricerca form .property-search-form #select_districts,
    #ricerca form .property-search-form #select_typologies,
    #ricerca form .property-search-form #select_chart,
    #ricerca form .property-search-form #select_subtypology,
    #ricerca form .property-search-form #select_contract,
    #ricerca form .property-search-form #select_price,
    #ricerca form .property-search-form #select_area,
    #ricerca form .property-search-form .code {
        width: 11vw;
        margin: 0 5px 0 5px;

    }

}


/* PAGE IMMOBILE*/
.content-area.immo {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1400px;
}

/*
@media (min-width: 1500px) {
	.content-area.immo {
		max-width: 1400px;
	}
}
@media (min-width: 1200px) {
	.content-area.immo {
		max-width: 1200px;
	}
}

@media (min-width: 1200px) {
	.content-area.immo {
		max-width: 1140px;
	}
}
@media (min-width: 992px) {
	.content-area.immo {
		max-width: 960px;
	}
}
@media (min-width: 768px) {
	.content-area.immo {
		max-width: 720px;
	}
}
@media (min-width: 576px) {
	.content-area.immo {
		max-width: 540px;
	}
}

*/

.top-detail {
    margin: auto;
    max-width: 1400px;
    width: 100%;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: auto;
    flex-wrap: wrap;
}

#property-top {
    display: flex;
    width: 100%;
    padding: 0;
    margin: 0;
    flex-direction: row;
    justify-content: space-between;
    gap: 2%;
}

#property-top .col-66 {
    display: flex;
    width: 66%;
    padding: 0;
    margin: 0;
    flex-direction: column;
    justify-content: flex-start;
}

#property-top .col-33 {
    display: flex;
    width: 33%;
    padding: 0;
    margin: 0;
    flex-direction: column;
    justify-content: flex-start;
}

#property-top .col-33 .box-wish-condividi {
    margin-bottom: 30px;
    background-color: #eee;
    padding: 15px 30px;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    display: flex;
}

#property-top .col-33 .box-wish-condividi.call {
    justify-content: center !important;
    align-items: center;
    align-content: center;
    align-self: center;
    padding: 20px;
}

#property-top .col-33 .box-wish-condividi.agent {
    justify-content: flex-start !important;
    align-content: center;
    align-self: center;
    flex-direction: column !important;
    padding: 30px !important;
}

.property-gallery-grid {
    display: grid;
    grid-template-columns: 1fr; /* una sola colonna */
    gap: 10px;
    max-width: 1400px;
    width: 100%;
    margin: 0;
    grid-template-rows: none;
    max-height: none;
    height: 105vh;
}

.property-gallery-grid .main-image {
    width: 100%;
    height: auto;
}

.property-gallery-grid .side-images {
    height: 160px;
    display: flex;
    gap: 10px;
}

.property-gallery-grid .side-images img {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    object-fit: cover;
    width: 100%;
}

/* --- Nuovo slider dettaglio immobile (slick) --- */
.property-gallery-slider {
    max-width: 1400px;
    width: 100%;
    margin: 0;
}

.property-gallery-main {
    margin-bottom: 10px;
}

.property-gallery-main .main-slide {
    position: relative;
}

.property-gallery-main .main-slide img {
    width: 100%;
    height: 650px;
    object-fit: cover;
    display: block;
}

.property-gallery-thumbs {
    margin-top: 5px;
}

.property-gallery-thumbs .thumb-slide {
    padding: 2px;
    cursor: pointer;
}

.property-gallery-thumbs .thumb-slide img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    display: block;
    border-radius: 3px;
    transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease;
    opacity: 0.7;
}

.property-gallery-thumbs .slick-current .thumb-slide img,
.property-gallery-thumbs .thumb-slide.slick-current img {
    opacity: 1;
    box-shadow: 0 0 0 2px var(--second-color, #E87400);
    transform: scale(1.02);
}

.property-gallery-main .slick-arrow {
    z-index: 5;
}

.property-gallery-main .slick-prev,
.property-gallery-main .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: transparent;
    border: none;
}

.property-gallery-main .slick-prev {
    left: 15px;
}

.property-gallery-main .slick-next {
    right: 15px;
}

.property-gallery-main .slick-prev:before,
.property-gallery-main .slick-next:before {
    color: #FC9727;
    font-size: 30px;
}


/* PREFERITI */
.bg-bookmark .tfre-property-favorite .add {
    display: block;
}

.bg-bookmark .tfre-property-favorite .remove {
    display: none;
}

.bg-bookmark .tfre-property-favorite.saved .remove {
    display: block;
}

.bg-bookmark .tfre-property-favorite.saved .add {
    display: none;
}


.bg-bookmark .add, .bg-bookmark .remove {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 1.2rem;
    color: #333;
    font-weight: bold;
}

.bg-bookmark .tfre-property-favorite.saved .remove i {
    display: block;
}

.dettaglio_share_property a {
    border: 0 !important;
}


.dettaglio_share_property a:hover,
.dettaglio_share_property .bookmark a:hover,
.dettaglio_share_property .bookmark a i:hover {
    color: #fc9727 !important;
    background-color: #fff !important;
    text-decoration: none !important;
}


.title-prefe {
    margin-bottom: 20px;
    font-size: 0.8rem;
    color: #898887;
    text-decoration: underline;
    font-weight: 300;
    text-transform: none;
}

#social-links a {
    color: #000000 !important;
}

.rif {
    color: #ccc;
    font-size: 12px;
    font-weight: 400;
}

.tipologia1 {
    font-size: 1rem;
    color: #FC9727;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
}

.call-agency {
    background-color: #eee;
    color: #666;
    font-size: 1.3rem;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0;
}

.call-agency a {
    color: #FC9727;
}

.prenota-visita,
.prenota-visita:hover {
    color: #FC9727;
    border: 1px solid #FC9727;
    padding: 10px 20px;
    border-radius: 30px;
    font-size: 1rem;
    text-decoration: none;
    -webkit-transition: .6s;
    transition: .6s;
    display: inline-block;
    text-align: center;
    background-color: #fff;
    cursor: pointer;
}

.agente-incaricato-title {
    color: #FC9727;
    font-size: 1.125rem;
    font-weight: bold;
    text-transform: uppercase;
    font-family: var(--agim-primary-font);
}

.agente-incaricato-text {
    font-size: 1.125rem;
    font-weight: 300;
    margin-bottom: 1.5em;
    font-family: var(--agim-primary-font);
    position: relative;
    z-index: 1;
}

.info-agente {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.info-generali {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 115%;
}

.count {
    display: none !important;
}

.caratteristiche-essenziali {
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
}

.caratteristiche-essenziali .title {
    font-size: 1.125rem;
    color: #FC9727;
    font-weight: 900;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: .2rem;
    margin: 20px 0;
}

.caratteristiche-essenziali--icons {
    display: flex;
    margin-top: 10px;
    margin-bottom: 20px;
}


.dettaglio-corpo {
    background: #fff;
    margin-top: 20px;
}

.caratteristiche-essenziali .energy {
    font-weight: 900;
    border: 1px solid #ccc;
    color: #5e5e5e !important;
    padding: 10px 20px !important;
    display: inline-block;
    border-radius: 10px;
    width: auto;
    background: transparent;
    cursor: pointer;
}


.price {
    color: #2D2D2D;
    font-size: 1.75rem;
    display: block;
    margin: 10px 0;
}

.single-feature {
    padding: 0 3%;
    border-left: 1px solid #898887;
    width: 100%;
}

.single-feature:first-child {
    border-left: none;
}

.single-feature:last-child {
    border-right: none;
}

.descrizione-immo {
    font-size: 0.9rem;
    margin-bottom: 1.5em;
    margin-top: 15px;
}

.immagine-agente {
    background: #eee;
    margin-top: -53px;
    position: relative;
    z-index: 0;
    transform: translate(30px, 30px);
    width: 100%;
}

.info-generali .nome-agente {
    font-weight: 500;
    line-height: 1.2;
    color: #2D2D2D;
    font-size: 1.125rem;
}

.info-generali .ufficio {
    font-weight: 500;
    color: #2D2D2D;
    font-size: .75rem;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.info-generali .ufficio i {
    font-weight: 500;
    color: #FC9727;
    font-size: 18px;
    height: 18px;
    margin-right: -8px;
}

.info-generali .nominativo {
    font-size: .8rem;
    text-transform: uppercase;
    margin-bottom: 10px;

}

.info-generali .nominativo i {
    color: #fc9727;
    font-size: 18px;
    transform: translate(0, 2px);
    padding: 0;
    margin-left: -5px;
    margin-top: 5px;
}

.contatta-agente {
    color: #fff !important;
    border: 1px solid #FC9727;
    margin-top: 10px;
    padding: 10px;
    border-radius: 30px;
    text-decoration: none;
    -webkit-transition: .6s;
    transition: .6s;
    display: inline-block;
    text-align: center;
    background-color: #FC9727;
    margin-right: 15px;
    font-weight: 300;
    margin-bottom: 0;
    font-size: 0.8rem;
    text-transform: uppercase;
}

.all-text-feature i {
    margin-right: 5px;
    font-size: 18px;
}

#condividi {
    color: #404040;
}

#condividi span {
    text-decoration: underline;
}


#content2 {
    padding: 0;
}

#content2 .section ul {
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
}

#content2 .section ul li {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid #eee;
    justify-content: space-between !important;
    margin-bottom: 5px !important;
}

#content2 .section ul li b {
    display: inline-flex;
}

#content2 .section ul li span {
    display: block;
    border: none !important;
}


.titolo-sez-caratt {
    font-size: 18px;
    text-transform: inherit;
    font-weight: 400;
    padding-bottom: 4px;
    margin-top: 1rem;
}

.title-property {
    font-size: 1.125rem;
    color: #FC9727;
    font-weight: 900;
    width: 100%;
    text-transform: uppercase;
    margin: 20px 0;
    letter-spacing: .2rem;
}

.title-ricerca {
    letter-spacing: .15rem;
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 15px;
    line-height: 1.2;
    color: inherit;
    text-align: left !important;
    text-transform: uppercase;
    display: flex;
    justify-content: flex-start;

}

#sale .property-search-form { /*aggiungere affitto*/
    background-color: #F1F1F1 !important;
    padding: 20px;
}

#sale .property-search-form {
    display: flex;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
}

#sale .property-search-form .form-group {
    padding: 0 !important;
}

#sale .property-search-form .form-group #select_contract {
    width: 100%;
    padding: 15px 20px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    letter-spacing: 0;
    font-size: 1rem;
    margin: 0 !important;
    color: #9d9d9d;
    cursor: pointer;
    font-family: var(--agim-primary-font);
    font-weight: 300;
    line-height: 1.5;
}

#sale .property-search-form .form-group #select_cities,
#sale .property-search-form .form-group #select_typologies,
#sale .property-search-form .form-group #select_subtypology {
    width: 100%;
    padding: 15px 20px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    letter-spacing: 0;
    font-size: .8rem;
    font-weight: bold;
    margin: 0 !important;
}

#sale .property-search-form .form-group .ric_row {
    width: 100%;
    padding: 10px 20px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    letter-spacing: 0;
    font-size: .8rem;
    font-weight: bold;
    margin: 0 !important;
    min-height: auto !important;
    height: 45px !important;
}

#sale .property-search-form .form-group #select_contract .ui-selectmenu-button.ui-button,
#sale .property-search-form .form-group #select_cities .ui-selectmenu-button.ui-button,
#sale .property-search-form .form-group #select_typologies .ui-selectmenu-button.ui-button,
#sale .property-search-form .form-group #select_subtypology .ui-selectmenu-button.ui-button {
    padding: 0;
    margin: 0;
}

#sale .property-search-form .form-group .ric_row.submit {
    width: auto;
    background: none !important;
    margin: 0 !important;
    justify-content: flex-end !important;
    display: flex;
    height: 0 !important;
    background-color: #FC9727;
    border: none !important;
    padding: 0 0 15px 0;
}

#sale .property-search-form .form-group .ric_row.submit button {
    display: flex;
    height: 0 !important;
    background-color: #FC9727;
    padding: 12px 25px;
    color: #fff;
    font-weight: 300;
    cursor: pointer;
    border: 1px solid #FC9727;
    align-items: center;
    align-self: center;
    text-transform: uppercase;
    font-size: 16px !important;
    padding: 16px;
    margin-top: 10px;
}

#sale .property-search-form .form-group .riga.submit button span {
    font-size: 1rem;
    width: auto;

}

#sale .property-search-form .form-group .ric_row.submit button i {
    font-size: 13px;
    color: #fff;
    margin-left: 5px;
    transform: translate(0px, -1px);
}

input[name="code_like"] {
    background-color: #fff;
    border: 0 !important;
    min-height: auto !important;
    outline: 0;
    color: #666;
    border-radius: 3px;
    padding: 0 !important;
    margin: 0 !important;
}

#sale .property-search-form .form-group .ric_row.bathrooms,
#sale .property-search-form .form-group .ric_row.heating {
    margin-bottom: 15px !important;
}

#content-ric form #ricerca-avanzata {
    margin-top: 0 !important;
    width: 100%;
}

#sale .property-search-form .form-group .ric_row.altri-filtri {
    display: flex;
    width: 50%;
    height: 0 !important;
    background-color: transparent !important;
    padding: 0 !important;
    color: #fff;
    font-weight: 300;
    cursor: pointer;
    align-items: center;
    align-self: center;
    text-transform: uppercase;
    border: none !important;
}

#sale .property-search-form .form-group .ric_row.altri-filtri button {
    color: rgba(0, 0, 0, 0.8);
    line-height: 1;
    padding: 0;
    border: none;
    background: transparent;
    text-transform: uppercase;
    font-size: 16px;
}

#ricerca-interna #ricerca-avanzata .checkboxes {
    display: flex;
    align-items: start;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100% !important;
    margin: 10px 0 !important;
    border-radius: 0;
    padding: 10px 20px;
    border: none;
    justify-content: flex-start;
}

#ricerca-avanzata .checkboxes label div.inner, #select_filters .multi_select li div.inner, #select_cities .multi_select li div.inner, #select_typologies .multi_select li div.inner, #select_subtypology .multi_select li div.inner {
    width: 20px;
    height: 20px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
    margin-right: 0.8em;
    z-index: 1;
    background: #fff;
    color: #fff;
    line-height: 1;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E87400;
}

#ricerca-avanzata .checkboxes label input[type="checkbox"]:checked + div.inner, #select_filters .multi_select li input[type="checkbox"]:checked + div.inner, #select_cities .multi_select li input[type="checkbox"]:checked + div.inner, #select_typologies .multi_select li input[type="checkbox"]:checked + div.inner, #select_price .multi_select li input[type="radio"]:checked + div.inner, #select_contratto .multi_select li input[type="radio"]:checked + div.inner, #select_subtypology .multi_select li input[type="checkbox"]:checked + div.inner {
    background-color: #fff;
    color: #000;
}

.uk-h4 {
    display: none;
}

#elencoImmobili #header-properties {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 0 !important;
    padding: 0;
}

#header-properties .property-listing-header {
    display: flex;
    width: auto;
    height: auto;
    max-width: none !important;
}

#header-properties .property-listing-header select {
    padding: 0 !important;
    border: 0;
    font-family: var(--agim-primary-font);
    color: #7d7d7d;
    background: none;
    height: auto !important;
    outline: 0;
}

#elenco-immo {
    width: 100% !important;
}

#elenco-immo .item {
    width: 100%;
    margin: 0;
    padding: 0;
    flex-direction: row;
    justify-content: space-between;
}

#elenco-immo .item article {
    display: flex;
    width: 100%;
}

#elenco-immo .item article .entry {
    padding-left: 20px;
    width: 50%;
}

#elenco-immo.con-griglia.col3 {
    width: 100%;
    transition: all 0.5s ease-out;
    column-gap: 0 !important;
}

#elenco-immo.col3 .item {
    width: 100% !important;
    margin: 30px 0;
    align-items: center;
}

#elenco-immo .immobile-archive-design figure {
    position: relative;
    text-align: center;
    overflow: hidden;
    width: 50%;
    margin: 0 !important;
}

#elenco-immo .immobile-archive-design figure img {
    height: auto !important;
}

#elenco-immo .immobile-archive-design figure img {
    height: 350px !important;
    width: 100%;
    object-fit: cover;
    overflow: hidden;
    display: flex;
}

@media (max-width: 767px) {
    .slider-home .slider-home-top .item h2 {
        font-size: 3rem !important;
        margin: 0;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        align-self: center;
    }


    .calcoloMutuo {
        padding: 15px 0 !important;
    }

    .calcoloMutuo h3 {
        line-height: 25px;
        padding-bottom: 10px;
    }

    .item.suggeriti .immobile-archive-design figure img {
        height: 300px;
        object-fit: cover;
    }

    .item.suggeriti a {
        text-decoration: none;
        width: 100%;
    }

    .item.suggeriti .immobile-archive-design .entry .caratteristiche .superficie {
        margin-right: 15px;
        border-right: 1px solid #ccc;
        padding-right: 15px;
        font-size: 14px;
    }

    #elencoImmobili .paged ul {
        margin: 0 !important;
    }

    #sale .property-search-form {
        padding-bottom: 0;
    }

    .vetrina-outdoor .immobile-archive-design figure img {
        height: 250px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        display: flex;
    }

    .col-100.cont-sugg {
        flex-direction: column;
        justify-content: center;
        width: 100%;
        overflow: hidden;
    }
}


#elenco-immo .item article .entry {
    padding-left: 20px;
    width: 50%;
    display: flex;
    flex-direction: column;
    align-self: center;
}

#elencoImmobili .paged ul li a {
    text-decoration: none;
    color: #ccc;
    font-weight: 300;
    font-size: 1.2rem;
    margin-right: 10px;
}

#elencoImmobili .paged ul li.current {
    background: #fc9727;
    color: #000 !important;
    font-family: var(--agim-primary-font);
    outline: 0;
    padding: 2px 10px;
    font-weight: 700;
    font-size: 18px;
    border-radius: 3px;
    margin: 10px;
}

.info-desc .caratteristiche {
    display: flex;
    margin-top: 10px;

}

.info-desc .caratteristiche > div {
    margin-right: 20px;
    border-right: 1px solid #ccc;
    padding-right: 20px;
}

.item.suggeriti {
    display: flex;
    flex-direction: row;
    gap: 15px;
    margin-right: 2%;
}


.item.suggeriti .immobile-archive-design figure img {
    height: 300px;
}


.item.suggeriti .immobile-archive-design .entry {
    padding-left: 20px;
}

.item.suggeriti a {
    text-decoration: none;
}

.item.suggeriti .immobile-archive-design .entry .caratteristiche {
    color: initial;
}

#select_contract span {
    font-family: inherit !important;
    color: #666 !important;
    font-weight: 300;
    opacity: 1;
}

.ui-selectmenu-icon.ui-icon.ui-icon-triangle-1-s {
    display: none;
}


.ric_row.price label span, .ric_row.area label span, .ric_row.locali label span, .ric_row.bathrooms label span, .ric_row.heating label span, .ric_row.beds label span, #select_districts label span, #select_cities label span, #select_typologies label span, #select_chart label span, #select_price label span, #select_contratto label span, #select_subtypology label span {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    color: #666;
}

#ricerca-avanzata .checkboxes label, #select_districts .multi_select li label, #select_cities .multi_select li label, #select_typologies .multi_select li label, #select_chart .multi_select li label, #select_price .multi_select li label, #select_contratto .multi_select li label, #select_subtypology .multi_select li label {
    display: flex;
    align-items: center;
    border-radius: 0;
    height: 40px;
    color: #404040;
    font-size: .9rem;
    font-weight: 500;
    font-family: inherit;

}

#ricerca-avanzata .checkboxes label {
    margin: 0;
    padding: 0 !important;
}

.ricerca-home .property-search-form {
    margin: 0 !important;
    padding: 0 !important;
}

.ricerca-home .property-search-form .container-select-top {
    margin: 0 !important;
    gap: 10px;
    background: #fff;
}

.ricerca-home .ric_row.size input[type="text"] {
    color: #666;
    border: none;
    border-radius: 3px;
    padding: 3px;
    margin-top: -3px;
}

.ricerca-home .ric_row.price,
.ricerca-home .ric_row.area {
    width: 100% !important;
}

.ricerca-home #select_price .multi_select li {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    margin: 0px;
    padding: 10px 8px;
    font-weight: 400;
}

.ricerca-home #select_price .multi_select li:hover {
    background: #f1f1f1 !important;
}


.ricerca-home #select_typologies,
.ricerca-home #select_contract {
    /*border: none !important;*/
    color: #000;
    font-weight: 500;
}

.ricerca-home #select_cities,
.ricerca-home #select_price,
.ricerca-home #select_districts,
.ricerca-home .ric_row.size {
    color: #000;
    font-weight: 500;
    background: #f1f1f1 !important;
    border: 1px solid #ccc !important;
}

.ricerca-home #select_cities label,
.ricerca-home #select_price label,
.ricerca-home #select_districts label,
.ricerca-home .ric_row.size input {
    background: #f1f1f1 !important;
}

.ricerca-home .reset {
    cursor: pointer;
    color: #2D2D2D;
    font-size: 12px;
    padding-top: 5px;
    margin-bottom: -18px;
    margin-top: 8px;
    margin-left: 20px;
}

@media (max-width: 767px) {
    .ricerca-home .reset {
        margin-bottom: 0 !important;
    }
}

.ricerca-home #select_cities label.summary,
.ricerca-home #select_districts label.summary {
    background: #f1f1f1 !important;
}

.ricerca-home #select_cities label,
.ricerca-home #select_districts label {
    background: #fff !important;
}


.locali ul li, .bathrooms ul li, .beds ul li,
.heating ul li, .ric_row.price ul li {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 5px 8px;
    margin-top: -1px;
    color: #888 !important;
    font-size: 14px;
    font-weight: 300;
    cursor: pointer;
}

.ric_row.price .multi_select, .ric_row.area .multi_select, .ric_row.locali .multi_select, .ric_row.bathrooms .multi_select, .ric_row.heating .multi_select, .ric_row.beds .multi_select, #select_districts .multi_select, #select_cities .multi_select, #select_typologies .multi_select, #select_chart .multi_select, #select_price .multi_select, #select_contratto .multi_select, #select_subtypology .multi_select {
    background-color: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    display: none;
    height: auto;
    left: 0;
    top: 33px;
    margin: 0;
    max-height: 40vh;
    min-width: 100%;
    overflow: auto !important;
    padding: 0;
    position: absolute;
    text-align: left;
    z-index: 3000;
}

.ric_row.price .multi_select.opened, .ric_row.area .multi_select.opened, .ric_row.locali .multi_select.opened, .ric_row.bathrooms .multi_select.opened, .ric_row.heating .multi_select.opened, .ric_row.beds .multi_select.opened, #select_districts .multi_select.opened, #select_cities .multi_select.opened, #select_typologies .multi_select.opened, #select_chart .multi_select.opened, #select_price .multi_select.opened, #select_contratto .multi_select.opened, #select_subtypology .multi_select.opened {
    display: block;
    overflow-x: hidden;
}

.ric_row.price .multi_select.opened,
.ric_row.area .multi_select.opened {
    padding: 15px;
}

/* Evita di mostrare il vecchio slider-range legacy del prezzo.
   In `ricerca-interna.php` il menu prezzo usa un `ul.multi_select`, mentre il vecchio
   contenitore slider aveva anch'esso la classe `multi_select` e veniva aperto insieme alla tendina. */
.ric_row.price .range.multi_select.opened {
    display: none !important;
}

.ric_row.price label.summary, .ric_row.area label.summary, .ric_row.locali label.summary, .ric_row.bathrooms label.summary, .ric_row.heating label.summary, .ric_row.beds label.summary, #select_districts label.summary, #select_cities label.summary, #select_typologies label.summary, #select_chart label.summary, #select_price label.summary, #select_contratto label.summary, #select_subtypology label.summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    background-color: #fff;
    font-size: 1rem;
    line-height: 1.5;
    color: #666 !important;
    font-family: inherit;
}

.ric_row.locali, .ric_row.bathrooms, .ric_row.heating, .ric_row.beds, .ric_row.price, .ric_row.area, #ricerca-avanzata .beds input, #ricerca-avanzata .bathrooms input, .heating input, #select_districts, #select_cities, #select_typologies, #select_chart, #select_subtypology, #select_contract, #select_price, #select_contratto, #select_area, #prezzo-min, #prezzo-max, #ricerca-codice {
    margin: 0;
    position: relative;
    width: 100%;
    background-color: #F4F4F4;
    box-sizing: border-box;
    color: gray;
    display: flex;
    border: 1px solid #F4F4F4;
    border-radius: 4px;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    padding: 0.5rem 1rem;
}

.ric_row.price span.ui-slider-handle, .ric_row.area span.ui-slider-handle {
    border-radius: 30px;
    border: 0;
    background-color: #fc9727;
}

.item.suggeriti .immobile-archive-design .entry .caratteristiche > div {
    margin-right: 15px;
    border-right: 1px solid #ccc;
    padding-right: 15px;
}

.immobile-archive-design .entry .caratteristiche > div {
    margin-right: 15px;
    border-right: 1px solid #ccc;
    padding-right: 15px;
}

#property-top .banner-container {
    margin-top: 0;
    margin-bottom: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    width: 100%;
}

@media (max-width: 767px) {
    #property-top .banner-container {
        margin: 25px 0;
    }

    .property-gallery-main .main-slide img {
        height: 350px;
    }

    #immobile-dettaglio .slick-list.draggable {
        height: 130px;
    }

    #property-top .banner-container .banner {
        padding: 15px 5px;
        width: 100%;
        font-size: 12px;
    }

    .property-gallery-main .slick-prev {
        left: 0;
    }

    .property-gallery-main .slick-next {
        right: 0;
    }

    .tab-char {
        padding-top: 0;
    }

    #sale .property-search-form .form-group .ric_row.altri-filtri {
        display: flex;
        width: 100%;
        justify-content: center;
        padding: 15px 20px !important;
    }

    #ricerca-interna #ricerca-avanzata .checkboxes {
        padding: 10px;
    }

    .item.suggeriti .immobile-archive-design .entry {
        padding-left: 0;
    }

    .immagine-agente {
        margin-top: 0;
        transform: translate(14px, 6px);
        margin-bottom: -14px;
    }

    #property-top .col-33 .box-wish-condividi.agent {
        padding: 20px !important;
    }

    .info-agente {
        width: 100%;
    }

    .contatta-agente {
        margin-right: 0;
        margin-top: 5px;
        line-height: 16px;
        padding: 3px 17px;
    }

    .info-generali {
        width: 50%;
    }

    .agente-incaricato-text {
        margin-bottom: 10px;
    }

}

.modal-footer .btn-primary:hover {
    color: #fff;
    background: #E87400 !important;
    border-color: #E87400 !important;
}

.prenota a {
    color: #FC9727;
    border: 1px solid #FC9727;
    padding: 10px 20px;
    border-radius: 30px;
    font-size: 1rem;
    text-decoration: none;
    -webkit-transition: .6s;
    transition: .6s;
    display: inline-block;
    text-align: center;
    background-color: #fff;
}

.prenota a:hover {
    color: #fff;
    background: #E87400 !important;
    border-color: #E87400 !important;
}

.wpcf7-acceptance .wpcf7-list-item-label {
    font-size: 10px !important;
    color: #666 !important;
}

#property-top .banner-container .banner,
.banner-container .bg-bookmark {
    font-weight: 900;
    border: 1px solid #ccc !important;
    background: #fff !important;
    color: #5e5e5e !important;
    padding: 20px 10px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    width: auto;
    height: 30px;
    cursor: pointer;
}

#property-top .banner-container .banner:hover {
    color: #E87400 !important;
    border-color: #E87400 !important;
}


.archive-title.sezione-titolo.elenco-immo {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.total {
    color: #7d7d7d;
    margin-top: -22px;
}


#select_districts .multi_select li label input {
    display: flex;
    margin-left: 0;
    margin-right: 5px;
    height: 15px;
    width: 15px;
    appearance: auto;
}

#select_districts .multi_select li label {
    display: flex;
    border-radius: 0;
    height: 40px;
    color: #404040;
    font-size: .9rem;
    font-weight: 500;
    font-family: inherit;
    margin-top: -7px !important;
    justify-content: flex-start !important;
    padding-left: 20px;
    gap: 5px;
}

#select_districts .multi_select li label input {
    display: flex;
    margin-left: 0;
    margin-right: 5px;
    height: 15px;
    width: 15px;
    appearance: auto;
    border-color: #fc9727;
    border-radius: 0;
}


.valore-locativo {
    padding: 30px;
    background-color: #2D2D2D;
    margin-top: 40px;
    color: #fff
}

.valore-locativo h4 {
    font-size: 1.125rem;
    font-weight: bold;
    letter-spacing: .15rem;
    text-transform: uppercase
}

.valore-locativo p {
    font-size: 1.125rem;
    font-weight: 300;
    margin-bottom: 0px
}

.valore-locativo span {
    font-weight: bold;
    font-size: 2.375rem;
    color: #fff
}

.valore-locativo a {
    text-decoration: none;
    color: #FC9727;
    font-size: 1rem
}

@media (max-width: 768px) {

    .property-search-form .form-group {
        padding: 0 !important;
        gap: 14px;
        display: flex;
        flex-direction: column;
    }

    .property-search-form .form-group .ric_row.altri-filtri {
        display: flex;
        width: 100% !important;
        height: 24px !important;

    }

    .property-search-form .form-group .ric_row.submit button {

        width: 100% !important;
        text-align: center;
        align-items: center;
        justify-content: center;
    }

    .btn-primary {
        border: none !important;
    }

    #elenco-immo .item article {
        display: flex;
        width: 100%;
        flex-direction: column;
    }

    #elenco-immo .immobile-archive-design figure {
        position: relative;
        text-align: center;
        overflow: hidden;
        width: 100% !important;
        margin: 0 !important;
    }

    #elenco-immo .item article .entry {
        padding: 20px 0;
        width: 100% !important;
        display: flex;
        flex-direction: column;
        align-self: center;
    }

    #ricerca-avanzata .checkboxes label {
        justify-content: flex-start;
        width: 35%;
        border: 0;
    }

    #property-top {
        display: flex;
        width: 100%;
        padding: 0;
        margin: 0;
        flex-direction: column;
        justify-content: space-between;
        gap: 2%;
    }

    #property-top .col-66,
    #property-top .col-33 {
        display: flex;
        width: 100%;
    }

    .ricerca-home .property-search-form .container-select-top {
        margin: 0 !important;
        gap: 10px;
        background: #fff;
        display: flex;
        flex-direction: column;
    }

}

#form_richiestaConsulenza .row {
    width: 100%;
}

@media (max-width: 680px) {
    .vetrina .item {
        width: 90% !important;
    }
}

body.home section#sezione-1 {
    margin-top: 10vh;
}

@media (max-width: 1200px) {
    body.home section#sezione-1 {
        margin-top: 50px;
    }
}

/* parte per tablet */
@media (min-width: 768px) and (max-width: 1089px) {
    .form-filtri-casa {
        position: static;
        padding-top: 50px;
        padding-bottom: 50px;
        height: auto !important;
    }
}

@media (min-width: 1090px) and (max-width: 1200px) {
    .form-filtri-casa {
        position: static;
        padding-top: 202px;
        padding-bottom: 177px;
        height: auto !important;
    }

    .ricerca-home .reset {
        padding-top: 5px;
        margin-bottom: -10px;
        margin-top: 8px;
        margin-left: 20px;
        transform: translate(5px, 155px);

    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    #immobile-dettaglio #property-top .col-66 {
        width: 100%;
    }

    #immobile-dettaglio #property-top .col-33 {
        width: 100%;
    }

    #immobile-dettaglio #property-top {
        display: flex;
        flex-direction: column;
        padding: 0 20px;
    }


    #property-top .banner-container {
        margin-top: 25px;
    }


    .ricerca-home .property-search-form .container-select-top {
        margin: 0 !important;
        gap: 10px;
        background: #fff;
        display: flex;
        flex-direction: column;
    }


}

/*ultime modifiche per tablet */
@media (min-width: 768px) and (max-width: 1089px) {
    #sale .property-search-form .form-group {
        padding: 0;
        gap: 10px;
        display: flex;
        flex-direction: column;
    }

    #sale .property-search-form .form-group .ric_row.submit button {
        width: 100%;
        justify-content: center !important;
    }

    .ric_row.price label.summary, .ric_row.area label.summary, .ric_row.locali label.summary, .ric_row.bathrooms label.summary, .ric_row.heating label.summary, .ric_row.beds label.summary, #select_districts label.summary, #select_cities label.summary, #select_typologies label.summary, #select_chart label.summary, #select_price label.summary, #select_contratto label.summary, #select_subtypology label.summary {
        background-color: transparent !important;
    }

    input[name="code_like"] {
        background-color: transparent !important;
    }

    #sale .property-search-form .form-group .ric_row.submit button {
        margin-top: 20%;
    }

    #ricerca-interna #ricerca-avanzata .checkboxes {
        height: auto !important;
    }

    #immobili-simili.col-100 {
        padding: 0 20px;
    }

    .col-100.cont-sugg {
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        overflow: hidden;
        padding: 0 20px;
        flex-wrap: nowrap;
    }
    .item.suggeriti {
        display: flex;
        flex-direction: row;
        gap: 3px;
        margin-right: 0px;
        width: 32%;
    }
}
