/*#||###############################################*/
/*# STILI MULTISCHERMO #############################*/
/*#||###############################################*/
/*#|CONTACT BAR - Generica|#########################*/
.contact_bar { width: 90%; margin: auto; position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); border-radius: 1rem 1rem 0 0; max-width: 45rem; box-shadow: 0 0 1rem rgba(0,0,0,0.1); z-index: 12; }
    .contact_bar a { position: relative; height: 4rem; aspect-ratio: 1/1; width: auto; }
        /*Centratura elementi*/
        .contact_bar a i, .contact_bar a.torna_su:after, .contact_bar a.sedi .icons, .contact_bar a.sedi .icons:after { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
        .contact_bar a:hover i { transform: translate(-50%,-60%); }
        .contact_bar a i.fa-whatsapp { font-size: 2.5rem; }
        /*Torna su*/
        .contact_bar a.torna_su { }
            .contact_bar a.torna_su i { transform: translate(-50%,-50%) scale(0.8); }
            .contact_bar a.torna_su:hover i { transform: translate(-50%,-60%) scale(0.8); }
            .contact_bar a.torna_su:after { content: ''; display: block; height: 80%; aspect-ratio: 1/1; border: solid 3px #000; border-radius: 50%; }
            .contact_bar a.torna_su:hover i { color: #034798; }
            .contact_bar a.torna_su:hover:after { opacity: 0.7; }
        /*Sedi*/
        .contact_bar a.sedi { }
            .contact_bar a.sedi .icons { }
                .contact_bar a.sedi .icons * { display: block; position: relative; text-align: center; z-index: 3; }
                .contact_bar a.sedi .icons i { top: unset; left: unset; transform: none; }
                .contact_bar a.sedi .icons span { }
                .contact_bar a.sedi .icons:after { content: ''; display: block; height: 160%; aspect-ratio: 1/1; border-radius: 50%; background-color: #fff; box-shadow: 0 0 1rem rgba(0,0,0,0.25); z-index: 1; }
            .contact_bar a.sedi:hover .icons i { transform: translateY(-0.5rem); }
            .contact_bar a.sedi:hover .icons:after { box-shadow: 0 0 1.5rem rgba(0,0,0,0.3); }
    /*Pulsante contestuale*/
    .contact_bar.contact_bar_info a.sedi { }
    .contact_bar label.btn_01 { border-radius: 0; font-size: 1.785rem; }
    .contact_bar a.btn_01 i { position: relative; top: unset; left: unset; transform: unset; }
    /*#||###############################################*/
    /*#|VARIANTE PER DETTAGLIO VEICOLO|#################*/
    .contact_bar.contact_bar_info.veicolo { max-width: unset; width: auto; }
        .contact_bar.contact_bar_info.veicolo .btn_01.btn_var_01 { border-radius: 0 1rem 0 0; flex-basis: auto; flex-grow: 1; }
        .contact_bar.contact_bar_info.veicolo .btn_01.btn_var_04 { flex-basis: auto; flex-grow: 1; border-radius: 0 1rem 0 0; height: 4rem; }
        .contact_bar.contact_bar_info.veicolo .info_veic { padding: 0 2rem; aspect-ratio: unset; }
            .contact_bar.contact_bar_info.veicolo .info_veic .brand { aspect-ratio: 1/1; height: 4rem; margin-right: 1rem; }
                .contact_bar.contact_bar_info.veicolo .info_veic .brand img { }
            .contact_bar.contact_bar_info.veicolo .info_veic .copy { max-width: 15rem; }
                .contact_bar.contact_bar_info.veicolo .info_veic .copy p { }
        .contact_bar.contact_bar_info.veicolo .btn_01.btn_var_01 { min-width: 28rem; }
/*#||###############################################*/

/*#||###############################################*/
/*--------------------------------------------------*/
/*#||###############################################*/
/*- STILI Comuni: tutti gli schermi DESKTOP --------*/
@media (min-width: 769px) {
    /*#||###############################################*/
}
/*#||###############################################*/
/*- STILI Comuni: tutti gli schermi PORTABLE -------*/
@media (max-width: 768px) {
    /*#||###############################################*/
}
/*#||###############################################*/
/*--------------------------------------------------*/
/*#||###############################################*/
/*- STILI ESCLUSIVI GRANDI SCHERMI -----------------*/
@media (min-width: 1281px) {
    /*#||###############################################*/
}
/*#||###############################################*/
/*- STILI SCHERMI MEDI --------------------------*/
@media (min-width: 1025px) and (max-width: 1280px) {
    /*#||###############################################*/
}
/*#||###############################################*/
/*- STILI PICCOLI SCHERMI --------------------------*/
@media (min-width: 769px) and (max-width: 1024px) {
    /*#||###############################################*/
    .contact_bar.contact_bar_info.veicolo { width: 80%; }
    /*#||###############################################*/
}
/*#||###############################################*/
/*- STILI TABLET -----------------------------------*/
@media (min-width: 481px) and (max-width: 768px) {
    /*#||###############################################*/
    .contact_bar.contact_bar_info.veicolo { width: 80%; }
    /*#||###############################################*/
}
/*#||###############################################*/
/*- STILI MOBILE -----------------------------------*/
@media (max-width: 480px) {
    /*#||###############################################*/
    .contact_bar.contact_bar_info.veicolo { width: 80%; }
    /*#||###############################################*/
}
/*--------------------------------------------------*/