﻿/*##################################################*/
/*# STILI MULTISCHERMO #############################*/
/*##################################################*/
/*# Proprietà base generiche #######################*/
html { font-size: 62.5%; /*Impostazione carattere a 10px*/ /*line-height: 1.5; */}
body { font-weight: 400; overflow-x: hidden; color: #252525; background-color: #f4f4f4; box-sizing: border-box; margin: 0; font-size: 1.5rem; }
body, input[type=submit], input[type=button], select, input[type=text], input[type=password], input[type=date], textarea { font-family: Roboto, Arial, sans-serif; }
    html *, body * { transition: .4s ease-in-out; scroll-behavior: smooth; box-sizing: border-box; }
    /*IMMAGINI*/
    img{width:auto;height:auto}
/*##################################################*/
/*# MATERIAL SYMBOLS ###############################*/
.material-symbols-rounded { font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 0, 'opsz' 24; }
/*##################################################*/
/*# CANCELLAZIONE ASPETTI DI DEFAULT ###############*/
input[type=submit], input[type=button], select, input[type=text], input[type=password], input[type=date], textarea { text-decoration: unset; color: unset; box-shadow: none; border: none; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }
a { text-decoration: unset; color: unset; }
i { font-style: unset; }
h1, h2, p { margin: unset; font-weight: unset; }
description { visibility: hidden; }
/*##################################################*/
/*##################################################*/
/*# Classi Generiche ###############################*/
.dd { clear: both; }
.d_none { display: none !important; }
.d_block { display: block !important; }
.d_inl_block { display: inline-block !important; }
.contained { position: relative; width: 100%; max-width: 1600px; padding: 0 60px; margin: auto; }
.margin-auto { margin: auto; }
.pos-rel { position: relative; }
.w-100 { width: 100%; }
.w-50 { width: 50%; }
.w-30 { width: 30%; }
.brdr_rad_std { border-radius: 6px; overflow: hidden; }
input.functional_switch { display: none !important; }
.absolut_cntr { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.cpointer { cursor: pointer; }
/*##################################################*/
/*# VARIABILI TESTUALI #############################*/
/*# Grandezza Caratteri ############################*/
.font_sz_var_01, .material-symbols-rounded.font_sz_var_01, .font_sz_var_01 .material-symbols-rounded { font-size: 1rem; }
.font_sz_var_02, .material-symbols-rounded.font_sz_var_02, .font_sz_var_02 .material-symbols-rounded { font-size: 1.5rem; }
.font_sz_var_03, .material-symbols-rounded.font_sz_var_03, .font_sz_var_03 .material-symbols-rounded { font-size: 2rem; }
.font_sz_var_04, .material-symbols-rounded.font_sz_var_04, .font_sz_var_04 .material-symbols-rounded { font-size: 2.4rem; }
.font_sz_var_05, .material-symbols-rounded.font_sz_var_05, .font_sz_var_05 .material-symbols-rounded { font-size: 3.2rem; }
.font_sz_var_06, .material-symbols-rounded.font_sz_var_06, .font_sz_var_06 .material-symbols-rounded { font-size: 5rem; }
/*Unset grandezza Material icons*/
span.material-icons { font-size: unset; }
/*##################################################*/
/*# Colore Caratteri ###############################*/
/*Scala di grigi*/
.font_clr_bw_000 { color: #252525; }
.font_clr_bw_fff { color: #fff; }
.font_clr_gry_01 { color: #f4f4f4; }
.font_clr_gry_02 { color: #d9d9d9; }
.font_clr_gry_03 { color: #999; }
.font_clr_gry_04 { color: #757575; }
/*Colori*/
.font_clr_col_01 /*Blu scuro*/ { color: #011A24; }
.font_clr_col_02 /*Rosso*/ { color: #BC1C2C; }
.font_clr_col_03 /*Giallo*/ { color: #EDB920; }
.font_clr_col_04 /*Celeste*/ { color: #459AAE; }
.font_clr_col_05 /*Verde*/ { color: #91C73B; }
/*##################################################*/
/*# Variabili testuali / grafiche ##################*/
/*Allineamenti*/
.align_center, .tac { text-align: center; }
.align_left, .tal { text-align: left; }
.align_right, .tar { text-align: right; }
/*Variazioni di forma - Decorazioni testuali*/
.text_uppercase { text-transform: uppercase; }
.text_lowercase { text-transform: none; }
.text_underline { text-decoration: underline; }
.text_linetrhough { text-decoration: line-through; }
/*Testo su più colonne*/
.column_txt_2 { column-count: 2; }
.column_txt_3 { column-count: 3; }
/*Variazioni di peso*/
.font_wgt_light, .light { font-weight: 300; }
.font_wgt_normal, .normal { font-weight: 400; }
.font_wgt_bold, .bold, strong, b { font-weight: 700; }
/*##################################################*/
/*# PULSANTI #######################################*/
/*Proprietà di base di pulsanti & elementi interattivi*/
.btn_01, input[type=submit], input[type=button], /*Allineamento stili degli altri elementi interattivi*/ select, input[type=text], input[type=email], input[type=password], input[type=date], textarea { display: flex; justify-content: center; align-items: center; position: relative; text-transform: uppercase; min-width: 150px; text-align: center; cursor: pointer; border-radius: 4px; }
/*Proprietà specifiche per i pulsanti*/
.btn_01 { font-size: 2.4rem; font-weight: 700; padding: 1rem 1.5rem; }
    .btn_01 span, .btn_01 p, .btn_01 b { vertical-align: middle; }
    /*Varianti cromatiche*/
    .btn_01.btn_var_01 { color: #fff; background-color: #0B1B28; }
        .btn_01.btn_var_01:hover { background-color: #869393; }
    .btn_01.btn_var_02 { color: #252525; background-color: #fff; box-shadow: 0 0 6px rgba(0,0,0,0.35); }
        .btn_01.btn_var_02:hover { box-shadow: 0 3px 9px rgba(0,0,0,0.25); transform: translateY(-1px); }
    .btn_01.btn_var_03 { color: #fff; background-color: #757575; }
        .btn_01.btn_var_03:hover { background-color: #ACACAC; text-shadow: 0 0 6px rgba(0,0,0,0.35); }
    /*Service*/ .btn_01.btn_var_04 { color: #fff; background-color: #91C73B; }
        .btn_01.btn_var_04:hover { background-color: #BDDD89; }
    /*Business*/ .btn_01.btn_var_05 { color: #fff; background-color: #459AAE; }
        .btn_01.btn_var_05:hover { background-color: #8FC2CE; }
    /*Paypal Blu*/
    .btn_01.btn_var_05_1 { color: #fff; background-color: #002E80; }
        .btn_01.btn_var_05_1:hover { background-color: #245DC4; }
    /*Paypal Giallo*/
    .btn_01.btn_var_05_2 { color: #252525; background-color: #ffd246; }
        .btn_01.btn_var_05_2:hover { background-color: #fff; }
    /*Paypal Blu scuro*/
    .btn_01.btn_var_05_3 { color: #fff; background-color: #02091c; }
        .btn_01.btn_var_05_3:hover { background-color: #082369; }
    /*Prime*/
    .btn_01.btn_var_06 { color: #fff; background-color: #EDB920; }
        .btn_01.btn_var_06:hover { text-shadow: 0 0 4px rgba(0,0,0,0.25); background-color: #F8E3A6; }
    /*Finanziamento in Dettaglio auto*/
    .btn_01.btn_finanziamento_auto { color: #fff; background-color: #378E2B; }
        .btn_01.btn_finanziamento_auto:hover { background-color: #57C548; }
    /*Rosso*/
    .btn_01.btn_var_07 { color: #fff; background-color: #bd232e; }
        .btn_01.btn_var_07:hover { background-color: #e32a37; text-shadow: 0 0 6px rgba(0,0,0,0.35); }
    /*Rosso*/
    .btn_01.btn_var_07 { color: #fff; background-color: #bd232e; }
        .btn_01.btn_var_07:hover { background-color: #e32a37; text-shadow: 0 0 6px rgba(0,0,0,0.35); }
    /*Nero*/
    .btn_01.btn_var_08 { color: #fff; background-color: #252525; }
        .btn_01.btn_var_08:hover { background-color: #444; text-shadow: 0 0 6px rgba(0,0,0,0.35); }
    /*Rosso Scuro*/
    .btn_01.btn_var_09 { color: #fff; background-color: #961b24; }
        .btn_01.btn_var_09:hover { background-color: #490d11; text-shadow: 0 0 6px rgba(0,0,0,0.35); }
    /*Grigio*/
    .btn_01.btn_var_10 { color: #fff; background-color: #707070; }
        .btn_01.btn_var_10:hover { background-color: #666; text-shadow: 0 0 6px rgba(0,0,0,0.35); }
/*Link testuali*/
.text_link { color: #252525; text-decoration: underline; cursor: pointer; }
    .text_link.font_clr_bw_fff { color: #fff; }
        .text_link.font_clr_bw_fff:hover { color: #fff; opacity: 0.7; }
    .text_link:hover { color: #555; }
/*Elemento ad apertura*/
summary { cursor: pointer; }
/*Select, Inputs e Textarea*/
select, input[type=text], input[type=password], input[type=date], input[type=email], textarea { text-transform: none; background-color: #fff; color: #252525; border: solid 1px #999; text-align: left; font-size: 1.6rem; width: 100%; padding: 1.4rem; }
select { background-image: url('../img/Icone/arrow_down.svg'); background-position: center right 10px; background-repeat: no-repeat; background-size: 15px auto; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; }
input[type=text], input[type=date], input[type=password], input[type=date], textarea { cursor: text; }
textarea { min-height: 100px; }
/*##################################################*/
/*# COLORI SFONDI ##################################*/
.bkg_clr_trasp { background-color: transparent; }
/*Scala di grigi*/
.bkg_clr_bw_000 { background-color: #252525; }
.bkg_clr_bw_fff { background-color: #fff; }
.bkg_clr_gry_01 { background-color: #f4f4f4; }
.bkg_clr_gry_02 { background-color: #d9d9d9; }
.bkg_clr_gry_03 { background-color: #999; }
.bkg_clr_gry_04 { background-color: #757575; }
/*Colori*/
.bkg_clr_col_01 /*Blu scuro*/ { background-color: #011A24; }
.bkg_clr_col_02 /*Rosso*/ { background-color: #BC1C2C; }
.bkg_clr_col_03 /*Giallo*/ { background-color: #EDB920; }
.bkg_clr_col_04 /*Celeste*/ { background-color: #459AAE; }
.bkg_clr_col_05 /*Verde*/ { background-color: #91C73B; }
/*##################################################*/
/*# SEPARATORI #####################################*/
/*# Separatore Linea ###############################*/
.sep_line { display: block; position: relative; width: 100%; height: 1px; }
/*# Separatore Ombra ###############################*/
.sep_shadow { width: 100%; height: 15px; mix-blend-mode: multiply; background: -moz-linear-gradient(top, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#00000000',GradientType=0 ); }
/*##################################################*/
/*# STILI MULTIPAGINA ##############################*/
/*##################################################*/
.iubenda-tp-btn.iubenda-cs-preferences-link { display: none !important; }
/*##################################################*/
.no_slider { display: block; position: relative; width: 100vw; height: 13rem; }
/*##################################################*/
/*# Sezione SEO ####################################*/
.seo_section { margin: 30px auto; }
/*##################################################*/
/*# Barra contatti #################################*/
.contact_bar { display: flex; position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; z-index: 10; background-color: rgba(255,255,255,1); backdrop-filter: blur(15px); max-width: 500px; box-shadow: 0 -2px 8px rgba(0,0,0,0.15); }
    .contact_bar a, .contact_bar label { display: inline-block; position: relative; flex: 1; height: 60px; padding: 20px 0; margin: 0; cursor: pointer; text-align: center; }
        .contact_bar label:hover { transform: translateY(-5px); }
        /*.contact_bar a:nth-child(2) { color: #fff; background-color: #011A24; }*/
        .contact_bar a:after, .contact_bar label:after { content: ''; display: block; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: #999; }
        .contact_bar a:last-child::after { content: none; display: none; }
        .contact_bar a *, .contact_bar label * { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); vertical-align: middle; }
        .contact_bar a img { max-height: 30px; }
        .contact_bar a span.material-symbols-rounded, .contact_bar label span.material-symbols-rounded { font-size: 3.4rem; }
        .contact_bar a.font_clr_col_05 { /*min-width: 250px;*/ }/*
        .contact_bar a.font_clr_col_05 p { position: relative; top: unset; left: unset; transform: unset; }
            .contact_bar a.font_clr_col_05 p span { display: inline-block; position: relative; top: unset; left: unset; transform: unset; }*/
/*##################################################*/
/*# Barra Contatti - Form a comparsa ###############*/
/*Trigger comparsa*/
input#contact_bar_form_trigger { display: none; }
#contact_bar_form { position: fixed; bottom: -1000px; }
input#contact_bar_form_trigger:checked ~ #contact_bar_form { bottom: 0; }
/*Proprietà form*/
#contact_bar_form { left: 50%; border-radius: 10px; box-shadow: 0 0 6px rgba(0,0,0,0.2); padding: 20px; max-height: 90vh; overflow-y: scroll; width: 200%; max-width: 100vw; transform: translateX(-50%); z-index: 3;}
#contact_bar_form { left: 50%; border-radius: 10px; box-shadow: 0 0 6px rgba(0,0,0,0.2); padding: 20px; max-height: 90vh; overflow-y: scroll; width: 200%; max-width: 100vw; transform: translateX(-50%); }
    #contact_bar_form::-webkit-scrollbar { width: 4px; }
    #contact_bar_form form { padding: 0; }
    #contact_bar_form label { position: absolute; width: auto; top: 0; right: 0; height: auto; padding: 0; }
        #contact_bar_form label:after { content: none; }
    #contact_bar_form form a { height: auto; padding: 0; width: auto; }
        #contact_bar_form form a::after { content: none; }
/*##################################################*/
/*# Paginazione ####################################*/
.paginazione { margin: 20px auto; }
    .paginazione .flx_itm { display: flex; justify-content: center; align-items: center; padding: 0 15px; cursor: pointer; }
        .paginazione .flx_itm span { color: #999; vertical-align: middle; padding-bottom: 4px; border-bottom: solid 2px rgba(0,0,0,0); }
        .paginazione .flx_itm.active span { color: #252525; font-weight: 700; }
        .paginazione .flx_itm span.material-symbols-rounded { }
        .paginazione .flx_itm:hover span { color: #252525; border-bottom-color: #999; }
/*##################################################*/
/*# MESSAGGI di sistema ############################*/
.message_container { display: flex; justify-content: center; align-items: center; min-height: 90vh; background: #eee url(../img/Sfondi/Bkg_Poly_1.jpg) fixed no-repeat center top; background-size: cover; }
    .message_container:before { content: ''; display: block; position: absolute; top: 0; z-index: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(244,244,244,1) 0%,rgba(244,244,244,0.7) 11%,rgba(244,244,244,0.7) 61%,rgba(244,244,244,1) 100%); }
    .message_container * { display: block; }
    .message_container img.marchio { max-height: 80px; width: auto; margin: 3rem auto; }
    .message_container span { }
        .message_container span.font_sz_var_05 { padding-top: 2rem; border-top: solid 1px #d9d9d9; }
        .message_container span.font_sz_var_03 { }
    .message_container a { margin-top: 3rem; }
/*##################################################*/
/*# G - Recaptcha ##################################*/
.g-recaptcha { display: flex; justify-content: center; align-items: center; width: 100%; }
/*##################################################*/
/*- STILI ESCLUSIVI GRANDI SCHERMI -----------------*/
@media (min-width: 1281px) {
    /*##############################################*/
    /*# ESCLUSIONI DEVICE DIPENDENT ####################*/
    .d_none_desktop_L { display: none !important; }
    .d_none_desktop_M { }
    .d_none_desktop_S { }
    .d_none_desktop_all { display: none !important; }
    .d_none_portable { }
    .d_none_tablet { }
    .d_none_mobile { }
    /*##############################################*/
    .contact_bar { border-radius: 8px; }
    /*##############################################*/
}

/*##################################################*/
/*- STILI SCHERMI MEDI --------------------------*/
@media (min-width: 1025px) and (max-width: 1280px) {
    /*##################################################*/
    /*# ESCLUSIONI DEVICE DIPENDENT ####################*/
    .d_none_desktop_L { }
    .d_none_desktop_M { display: none !important; }
    .d_none_desktop_S { }
    .d_none_desktop_all { display: none !important; }
    .d_none_portable { }
    .d_none_tablet { }
    .d_none_mobile { }
    /*##############################################*/
    .contact_bar { border-radius: 8px; }
    /*##############################################*/
    html { font-size: 52%; }
    /*Riduzione caratteri per schermi a bassa definizione*/
}


/*##################################################*/
/*- STILI PICCOLI SCHERMI --------------------------*/
@media (min-width: 769px) and (max-width: 1024px) {
    /*##################################################*/
    /*# ESCLUSIONI DEVICE DIPENDENT ####################*/
    .d_none_desktop_L { }
    .d_none_desktop_M { }
    .d_none_desktop_S { display: none !important; }
    .d_none_desktop_all { display: none !important; }
    .d_none_portable { }
    .d_none_tablet { }
    .d_none_mobile { }
    /*##############################################*/
    .contained { padding: 0 40px; }
    /*##############################################*/
    .contact_bar { border-radius: 8px; }
    /*##############################################*/
}
/*##################################################*/
/*- STILI TABLET -----------------------------------*/
@media (min-width: 481px) and (max-width: 768px) {
    /*##################################################*/
    /*# ESCLUSIONI DEVICE DIPENDENT ####################*/
    .d_none_desktop_L { }
    .d_none_desktop_M { }
    .d_none_desktop_S { }
    .d_none_desktop_all { }
    .d_none_portable { display: none !important; }
    .d_none_tablet { display: none !important; }
    .d_none_mobile { }
    /*##############################################*/
    .contained { padding: 0 40px; }
    /*##############################################*/
    /*# VARIABILI TESTUALI #############################*/
    /*# Variabili testuali / grafiche ##################*/
    /*Testo su più colonne*/
    .column_txt_3 { column-count: 2; }
    /*##################################################*/
    .no_slider { height: 5rem; }
    /*##################################################*/
}

/*##################################################*/
/*- STILI MOBILE -----------------------------------*/
@media (max-width: 480px) {
    /*##################################################*/
    /*# ESCLUSIONI DEVICE DIPENDENT ####################*/
    .d_none_desktop_L { }
    .d_none_desktop_M { }
    .d_none_desktop_S { }
    .d_none_desktop_all { }
    .d_none_portable { display: none !important; }
    .d_none_tablet { }
    .d_none_mobile { display: none !important; }
    /*##############################################*/
    /*# Classi Generiche ###############################*/
    .w-100, .w-50, .w-30 { width: 100%; }
    .contained {  padding: 0 20px;  }
    /*##################################################*/
    /*# VARIABILI TESTUALI #############################*/
    /*# Variabili testuali / grafiche ##################*/
    /*Testo su più colonne*/
    .column_txt_2, .column_txt_3 { column-count: 1; }
    /*##################################################*/
    .no_slider { height: 3rem; }
    /*##################################################*/

    #contact_bar_form .flx_itm { margin-bottom: 1rem; }
    .contact_bar a.font_clr_col_05 { min-width: unset; }
    /*##################################################*/
    /*# Description ####################################*/
    description { display: block; height: 4rem; overflow: hidden; opacity: 0; }
    /*##################################################*/
}

@media (max-width: 950px){
    .message_container img.marchio {
        width: 100%;
    }
}
