/*selezione top*/
#listImmobili {margin-bottom: 50px !important;}

.elenco.immobili { justify-content: flex-start; align-items: center; display: flex;  margin-bottom: 25px; }
.elenco.immobili .ordine { text-align: left; margin-top: 0px; margin-bottom: 0px; }
.elenco.immobili .ordine .tit_ordinamento { display: inline-block; }
.elenco.immobili .ordine .tit_ordinamento span { color: #e57f73; }

.elenco.immobili .vista { text-align: right; margin-bottom: 15px; margin-top: 0px; }
.elenco.immobili .vista .tit_ordinamento { display: none; }
.elenco.immobili .vista a { padding: 10px; font-size: 16px; vertical-align: middle; margin-left: 10px; color: #424242; }
.elenco.immobili .vista .la { font-size: 26px; vertical-align: middle; color: #424242; margin-top: -4px; }
.elenco.immobili .vista .active a { background: #e57f73; color: #ffffff; }
.elenco.immobili .vista .active a .la { color: #ffffff; }

/*ordinamento*/
.ordinamentoPagina { padding: 10px; }
.cambiaordinamento {position: relative;text-align: right; color: #afafaf; display: inline-block;}
.cambiaordinamento a {display: block; border: 1px solid #0d0e131a !important; border-radius: 99px !important; padding: 20px 25px !important; }
.cambiaordinamento i {margin: 0px 0px 0px 10px;font-weight: 400;color: var(--col-sec); font-size: 16px !important; }
.cambiaordinamento .fa-solid { color: #b2b2b2; padding-right: 15px; margin: 0; }
.cambiaordinamento:hover { border: 0px solid var(--col-sec); }

#modalOrder { position: absolute; top: 52px; right: 0px; min-width: 100%; z-index: 300; display: none; }
.arrowOrder {margin-left: auto; margin-right: 15px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 12px solid #464c55;}
.ordinamentoPagina.new { text-align: left; background: #fff;border: 1px solid #0d0e131a; border-radius: 20px; position: relative; overflow: visible; }
.ordinamentoPagina.new .macroSez a { margin:0px; color: #6d6a6a; border: 0px !important; border-radius: 12px !important; display: block; padding: 15px !important; font-size: 14px; line-height: 16px;}
.ordinamentoPagina.new .macroSez a.active { color: #ffffff; background: #e57f73; }
.ordinamentoPagina.new .macroSez a:hover { color: #ffffff; background: #e57f73; }

.cambioGrafica a { display: inline-block; border: 1px solid #0d0e131a !important; border-radius: 99px !important; padding: 20px 25px !important; margin-top: -5px; }
.cambioGrafica i { padding-right: 10px; }
.cambioGrafica:hover { border: 0px solid var(--col-sec); }

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

    .halfmap .elenco.immobili .ordine { width: 100%; margin-bottom: 5px; }
    .halfmap .elenco.immobili .vista { width: 100%; margin-bottom: 20px; }
    
}

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

    .elenco.immobili { display: block; }
    .elenco.immobili .ordine { width: 100%; margin-bottom: 5px; }
    .elenco.immobili .vista { width: 100%; margin-bottom: 20px; }

    .halfmap .elenco.immobili .ordine { width: 50%; margin-bottom: 20px; }
    .halfmap .elenco.immobili .vista { width: 50%; margin-bottom: 20px; }

}

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

    .elenco.immobili .vista { display: block !important; }
    .elenco.immobili .vista .cambioGrafica:nth-child(3) { display: none; }
    .elenco.immobili .vista .cambioGrafica:nth-child(4) { display: none; }

}

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

    .ordinamentoPagina .orderData {line-height: 22px !important;}
    .elenco.immobili .ordine { margin-bottom: 15px; }
    .elenco.immobili .vista { margin-bottom: 0px; }
    .elenco.immobili .vista a span { display: none; }
    .cambioGrafica i { padding-right: 0px; }

}

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

    .ordinamentoPagina .orderData {line-height: 40px !important;}
    .ordinamentoPagina .macroSez { width: 100%; }
    .ordinamentoPagina .macroSez .grid-6 { font-size: 13px; }
 
    .cambiaordinamento a { padding: 10px 15px !important; }
    .cambioGrafica a { padding: 10px 15px !important; }

}