.CollapseBtn { cursor: pointer; }
/**/
.finanziamento { display: flex; justify-content: space-between; flex-wrap: wrap; }
    .finanziamento > div { flex-basis: 100%; }
.anticipoLabel { display: inline-block; margin: 10px 0 0 0; top: 0 !important; transform: translate(-50%,0); }
.durataFinanziamento { margin-top: 15px; display: flex; justify-content: space-between; flex-wrap: wrap; }
    .durataFinanziamento .item { flex: 1; line-height: 30px; cursor: pointer; text-align: center; }
        .durataFinanziamento .item .dot { width: 45px; height: 45px; border-radius: 100%; position: relative; margin: 0 auto; background-color: #D8D8D8; padding: 10px; }
        .durataFinanziamento .item.active .dot { background-color: orange; }
.disclaimer-finanziamento { max-width: 80%; margin: auto; }
.dett-finanziamento { display: flex; flex-direction: column; width: 35%; margin: auto; }
    .dett-finanziamento > div { display: inline-block; margin: 5px 0; }
/*Allineamenti Flex*/
.d_flex { display: flex !important; flex-flow: row; flex-wrap: wrap; justify-content: space-around; align-items: center; }
    .d_flex.colum { flex-flow: column; }
    .d_flex.between { justify-content: space-between; /*margin-right:1%;*/ }
    .d_flex.center { justify-content: center; }
    .d_flex.start { justify-content: flex-start; }
    .d_flex.end { justify-content: flex-end; }
.txt_var_3 { font-size: 20px; }
.txt_var_4 {
    font-size: 15px
}
.orari_img { background-image: url(/img/icons/close.svg); }

.mar { margin: 2px 2%; }
.bkg_color { background-color: #f0f0f0; }
.bkg_img { background-image: url(/img/SLIDER_IBI.jpg);  }



/*DETTAGLIO AUTO - Versione 2*/
.back_btn { position: absolute; top: 20px; left: 5px; }
/**/
.first_data { padding: 15px 0; border-bottom: solid 1px #ddd; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.08+0,0+100;Neutral+Density */ background: -moz-linear-gradient(top, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0) 10%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.08) 0%,rgba(0,0,0,0) 10%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.08) 0%,rgba(0,0,0,0) 10%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ }
    .first_data .flx_itm { }
        .first_data .flx_itm:nth-child(1) { align-content: flex-start; }
        .first_data .flx_itm:nth-child(2) { }
        .first_data .flx_itm:nth-child(3) { align-content: flex-end; }
        .first_data .flx_itm > * { margin: 10px; }

    .first_data .central_data .line { background-color: #666; margin: 2px auto; max-width: 100px; height: 1px; }
    .first_data .central_data .allestimento { margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px #333; }
    .first_data .flx_itm .icone_interattività a { margin: 5px; }

.flexbox-datiauto .dati-auto-top i.fas { display: inline-block; margin: 10px 10px 10px 0; font-size: 20px; vertical-align: middle; color: #f26531; }
/*###########################*/
.data_body { border-bottom: 1px solid #ccc; }

.dati { }
    .dati .cont { }
        .dati .cont p.datiauto { }
            .dati .cont p.datiauto span { flex-basis: 50%; margin: 6px 0; font-size: 16px; }


/**/
.CollapseBtn { position: relative; background: #fff; box-shadow: 0 0 4px rgba(0,0,0,.3); box-sizing: border-box; padding: 10px; text-transform: uppercase; transition: .3s ease-in-out; }

    .CollapseBtn .up { position: absolute; right: 10px; bottom: 0; top: 0; width: 25px; background-image: url('/img/icons/chevron-up.svg?v=1.0'); background-repeat: no-repeat; background-position: right center; background-size: contain; }

    .CollapseBtn .down { position: absolute; right: 10px; bottom: 0; top: 0; width: 25px; background-image: url('/img/icons/chevron-down.svg?v=1.0'); background-repeat: no-repeat; background-position: right center; background-size: contain; }

    .CollapseBtn:hover { background: #f1f1f1; }
/*###########################*/
.rataSpan.top { font-size: 0.875rem; }

#finanziamentoAnchorContent { color: #474045; }
.anticipoLabel { color: #000; font-weight: 700; font-size: 20px; }
.rataSpan { color: #000; font-weight: 700; font-size: 40px; color: #f26531; }
/*###########################*/
.social-icons { display: none; border: solid 1px #ddd; padding: 5px; }

.btn_contattaci { }

@media only screen and (min-width : 120px) and (max-width : 1023.999px) {
    /*PRIMI DATI*/
    .first_data { padding-top: 50px; margin-top:40px;}
        .first_data .flx_itm:nth-child(1) { align-content: center; order: 3; }
        .first_data .flx_itm .prezzi-top div, .first_data .flx_itm .prezzi-top span { text-align: center; }
        .first_data .flx_itm .icone_interattività { position: relative; flex-basis: 100%; margin: 0 auto; width: 100%; }

    .mar { margin: 12px 2%; }

    /**/
    .dettaglio { }
        .dettaglio .float-right { width: 100%; float: right; }
        .dettaglio .float-left { width: 100%; float: left; }
        .dettaglio .dati { margin-bottom: 5px; display: block; }
            .dettaglio .dati .cont { margin: 15px; display: block; word-break:break-all }
        .dettaglio .gallery { display: none; }
            .dettaglio .gallery a { width: 20%; display: block; float: left; }
                .dettaglio .gallery a img { width: 100%; }
    .dati { margin-top: 20px; }
        .dati .cont p.datiauto span { flex-basis: 100%; }
    .flexbox-datiauto .dati-auto-top i.fas { margin: 10px; }
    /**/
    .open-permuta { cursor: pointer; text-align: center; background-repeat: no-repeat; background-position: center right 5px; background-size: 30px; }
        .open-permuta > * { padding-right: 20px; }
        .open-permuta.opendiv { text-align: center; }
            .open-permuta.opendiv > * { background-image: url('/img/icons/chevron-up.svg?v=1.0'); background-repeat: no-repeat; background-position: right center; }
    .collapse-permuta {  padding-left: 1px; }

    .dati span.pref-btn { width: auto; text-align: center; }

    .dettaglio .prezzo03 { padding: 15px 15px 15px 40px; margin: 10px 0; background-position: 10px center; background-size: 20px; background-repeat: no-repeat; background-image: url('/img/icons/euro-coin.svg?v=1.0'); font-family: Impact; text-decoration: line-through; opacity: 0.5; }

    /**/

    .dettaglio .marcamodello { padding: 10px; background-position: right 10px center; background-size: 20px; background-repeat: no-repeat; }



    /*Larghezze Flex*/
    .items_full { flex-basis: 95%; width: 90%; }
    .items_half { flex-basis: 90%; width: 100%; }
    .items_third { flex-basis: 90%; width: 90%; }
    .items_fourth { flex-basis: 90%; width: 90%; }
    .items_fourth { flex-basis: 90%; width: 90%; }
    .items_fifth { flex-basis: 90%; width: 90%; }
    .items_sixth { flex-basis: 90%; width: 90%; }
    .items_seventh { flex-basis: 90%; width: 90%; }
}


@media only screen and (min-width : 1024px) {
    .dettaglio { }
        .dettaglio .float-right { width: 49%; float: right; }
        .dettaglio .float-left { width: 49%; float: left; }
        .dettaglio .float-left-dettagliopromo {
            width: 40%;
            float: left;
        }
        .dettaglio .dati { margin-bottom: 5px 0; display: block; background-color: #fefefe; padding: 15px; }
            .dettaglio .dati .cont { margin: 0; display: block; }
        .dettaglio .gallery { margin-bottom: 5px; margin-top: 10px; display: block; }
            .dettaglio .gallery a { width: 19%; display: block; float: left; margin: 3px; }
                .dettaglio .gallery a img { width: 100%; }
        /**/
        .dettaglio .listadati { padding: 0 15px; display: block; line-height: 25px; margin: 0; }
        /**/
        .dettaglio .prezzo { padding: 15px 15px 15px 50px; margin: 10px 0; background-position: 10px center; background-size: 30px; background-repeat: no-repeat; background-image: url('/img/icons/euro-coin.svg?v=1.0'); font-family: Impact; }
        .dettaglio .prezzo02 { padding: 15px 15px 15px 40px; margin: 10px 0; background-position: 10px center; background-size: 20px; background-repeat: no-repeat; background-image: url('/img/icons/euro-coin.svg?v=1.0'); font-family: Impact; }
        .dettaglio .prezzo03 { padding: 15px 15px 15px 40px; margin: 10px 0; background-position: 10px center; background-size: 20px; background-repeat: no-repeat; background-image: url('/img/icons/euro-coin.svg?v=1.0'); font-family: Impact; text-decoration: line-through; opacity: 0.5; }
        .dettaglio .marcamodello { padding: 15px 15px 1px 55px; text-align: center; }
            .dettaglio .marcamodello.tel-ico { background-image: url('/img/icons/phone.svg?v=1.0'); }
            .dettaglio .marcamodello.mail-ico { background-image: url('/img/icons/mail.svg?v=1.0'); }
            .dettaglio .marcamodello.pen-ico { background-image: url('/img/icons/mode_edit.svg?v=1.0'); }
        .dettaglio .allestimento { padding: 10px; text-align: center; }
        .dettaglio .news { padding: 10px; }
    /**/
    .open-permuta { cursor: pointer; text-align: center; background-size: 30px; }
        .open-permuta > * { background-image: url('/img/icons/chevron-down.svg?v=1.0'); background-repeat: no-repeat; background-position: right center; padding-right: 20px; }
        .open-permuta.opendiv { text-align: center; }
            .open-permuta.opendiv > * { background-image: url('/img/icons/chevron-up.svg?v=1.0'); background-repeat: no-repeat; background-position: right center; }
    .collapse-permuta {  padding-left: 1px; }
    .video-swipebox { position: relative; }
        .video-swipebox .video-ico { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: url('/img/icons/play_circle_outline.svg?v=1.0'); background-repeat: no-repeat; background-position: center; background-color: rgba(0,0,0,0.5); }

    /**/

    .dati span.pref-btn { width: 20%; text-align: center; margin: 0; }
    /**/
    /**/
    .flexbox-datiauto { display: flex; justify-content: flex-start; }

        .flexbox-datiauto .dati-auto-top { width: 45%; font-size: 16px; margin-bottom: 20px; }
            .flexbox-datiauto .dati-auto-top span { display: inline-block; margin: 5px 0; }
    .title-section { font-weight: 600; text-transform: uppercase; margin: 20px 0 10px 0; }
    .codes span { background-color: #eee; padding: 5px; text-align: center; display: inline-block; margin-right: 5px; }
    /**/
    .prezzi-top { text-align: center; }
        .prezzi-top .prezzo-top { font-size: 50px; }

    .preferiti-detail-button { display: inline-block !important; }
}
/*Larghezze Flex*/
.items_full { flex-basis: 95%; width: 90%; }
.items_half { flex-basis: 90%; width: 100%; }
.items_third { flex-basis: 90%; width: 90%; }
.items_fourth { flex-basis: 90%; width: 90%; }
.items_fourth { flex-basis: 90%; width: 90%; }
.items_fifth { flex-basis: 90%; width: 90%; }
.items_sixth { flex-basis: 90%; width: 90%; }
.items_seventh { flex-basis: 90%; width: 90%; }
/**/