body{font-weight: 400; font-family: 'Roboto Condensed'; background-color: #EFECEC;overflow-x:hidden}
.img-full{ width:100%}
footer .contenitore{background-color: #D6D6D6; font-size: 14px; line-height: 20px; color: #707070; padding-top: 40px; padding-bottom: 40px;}
.error{color:#F30; position:absolute; margin-top:-3px}
button,.btn_log{
    background-color: #707070;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    line-height: 21px;
    width: 100%;
    border: none;
    border-radius: 0;
    color: #FFFFFF;
    padding-top: 9px;
    padding-bottom: 9px;
    text-decoration: none;
}
button i{font-size: 32px; vertical-align: sub;}
form a{color: #707070;}
form a:hover{color: #707070;}
form button{background-color: #707070; display: inline-block; text-align: center; font-size: 18px; line-height: 21px; width: 100%; border: none; border-radius: 0; color: #FFFFFF; padding-top: 9px; padding-bottom: 9px;}
form button i{font-size: 32px; }
form.dettagli{display: none;}
form.dettagli input{background-color: #EFECEC; color: #707070; padding:10px; text-align:left}
form.dettagli input:focus{background-color: #EFECEC; color: black}
form.dettagli input[type="checkbox"] {background-color: #EFECEC; border: 4px solid #EFECEC;}
form.dettagli input[type="checkbox"]:checked{background-color: #707070;}
form.dettagli textarea.form-control{background-color: #EFECEC; color: #707070; font-size: 16px; line-height: 19px; font-weight: 400; text-align: start; padding:10px}
form.dettagli textarea::placeholder{color: #707070; font-size: 16px; line-height: 19px;}
form.registrati{display: none;}
header{/*background-color: white;*/ padding-top: 20px; padding-bottom: 20px; padding:0!important}
header i{font-size: 32px;}
.container-fluid{ padding:0!important}
i{/*vertical-align: sub;*/}
input[type="checkbox"] {appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 20px; height: 20px; border: 4px solid #FFFFFF; background-color: white;}
input[type="checkbox"]:checked {background-color: #707070;}
input[type="password"] { text-security: disc;}

.account button{background-color: #707070; color: #FFFFFF;}
.account .form-text{margin-bottom: 60px; font-size: 14px; color: #707070;}
.assicurazioni{background-image: url(../img/assicurazioni.jpg);}
.back{ background-repeat: no-repeat; background-size: cover; background-position: center center; display: flex; flex-direction: column; justify-content: end; padding: 20px; position: absolute; z-index: 0; top: 0; bottom: 79px; left: 0; right: 0;}
.banda{font-size: 24px; line-height: 27px; text-align: center; color: #ffe9d9; font-weight: 700; padding-top: 11px; padding-bottom: 11px;}
.banner{background-color: #F1F5C3; font-size: 21px; font-weight: 700; padding: 10px;}
.banner p{margin-bottom:0;line-height: 27px;}
.border-bottom-white{ border-bottom: 2px solid #FFFFFF;}
.border-right-white{border-right: 2px solid #FFFFFF;}
.card{background-color: #FFFFFF; padding-bottom: 20px; border-radius: 0; border: 0;}
.card-title{font-size: 24px; line-height: 27px; font-weight: 700;}
.container{--bs-gutter-x: 2.5rem;}
.consulenza{background-image: url(../img/consulenza.jpg);}
.costo{font-size: 18px; line-height: 27px; font-weight: 700; color: #000000;}
.descrizione{font-size: 18px; line-height: 27px; color: #707070;}
.energia{background-image: url(../img/energia.jpg);}
.forgot{font-size: 12px; font-weight: 400; line-height: 14px; text-align: center;}
.form-control{font-size: 16px; line-height: 19px; font-weight: 700; text-align: center; border: 1px solid #FFFFFF; border-radius: 0; color: #707070;}
.form-control:focus{outline: 0; color: #707070; box-shadow: none; border-color: transparent;}
.form-label{font-size: 16px; font-weight: 400; color: #707070; margin-top:12px}
.form-text{margin-top: 40px; margin-bottom: 30px; font-size: 18px; font-weight:400; font-style: italic;}
.grid-container {display: grid; grid-template-columns: repeat(5, 1fr); /* Crea 5 colonne con larghezza uguale */gap: 20px; /* Spazio tra le colonne */}
.grid-item span{display: none;}
.invia{}
.mb-2{margin-bottom: 10px !important;}
.mb-2.password{position: relative;}
.mb-2.password i{position: absolute; z-index: 5; right: 10px; bottom: 0; font-size: 32px; color: #D6D6D6;}
.mb-5{margin-bottom: 40px !important;}
.menu{margin-top: 20px; padding-bottom: 20px; display: none; position: absolute; z-index: 5; left: 0; background-color: #FFFFFF;}
.modal-body{font-size: 16px; line-height: 22px; text-align: start; color: #707070;}
.modal-content{border-radius: 0;}
.modal-dialog{}
.modal-footer{border-top: 0;}
.modal-footer button{background-color: #707070; display: inline-block; text-align: center; font-size: 18px; line-height: 21px; width: 100%; border: none; border-radius: 0; color: #FFFFFF; padding-top: 9px; padding-bottom: 9px; margin: 0;}
.modal-footer button i{font-size: 32px; vertical-align: middle;}
.modal-header{border-bottom: 0px; text-align: center;}
.modal-title{font-size: 24px; line-height: 27px; color: #707070; font-weight: 700;}
.noleggio{background-image: url(../img/noleggio.jpg);}
.nostri{position: absolute; background-color: #FFFFFF; z-index: 5; left: 50%;bottom: -45px;  transform: translateX(-50%); width: 240px;}
.owl-carousel{padding: 20px 20px 0 20px; color: #FFFFFF;  margin: 0 auto;}
.owl-carousel i{font-size: 80px;}
.owl-carousel .item{width: 100%; height: 470px; position: relative;}
.owl-carousel .item#goAss .scopri{background-color: #007C5F;}
.owl-carousel .item#goAss .scopri button{width: fit-content; background-color: #FFFFFF; color: #007C5F; font-size: 16px; font-weight: 700; line-height: 19px; padding: 10px 16px;}
.owl-carousel .item#goNol .scopri{background-color: #D33D70;}
.owl-carousel .item#goNol .scopri button{width: fit-content; background-color: #FFFFFF; color: #D33D70; font-size: 16px; font-weight: 700; line-height: 19px; padding: 10px 16px;}
.owl-carousel .item#goPres .scopri{background-color: #EA752B;}
.owl-carousel .item#goPres .scopri button{width: fit-content; background-color: #FFFFFF; color: #EA752B; font-size: 16px; font-weight: 700; line-height: 19px; padding: 10px 16px;}
.owl-carousel .item#goEner .scopri{background-color: #A2B41D;}
.owl-carousel .item#goEner .scopri button{width: fit-content; background-color: #FFFFFF; color: #A2B41D; font-size: 16px; font-weight: 700; line-height: 19px; padding: 10px 16px;}
.owl-carousel .item#goCons .scopri{background-color: #00B1EB;}
.owl-carousel .item#goCons .scopri button{width: fit-content; background-color: #FFFFFF; color: #00B1EB; font-size: 16px; font-weight: 700; line-height: 19px; padding: 10px 16px;}
.owl-carousel .owl-dots{display: none;}
.owl-carousel .owl-nav{position: absolute; z-index: 1; right: 35px; bottom: 15px;}
.owl-carousel .owl-nav:hover{background: transparent;}
.owl-carousel .owl-nav i{ font-size: 39px;}
.owl-carousel .sezione{font-size: 48px; line-height: 42px; font-weight: 700; margin-bottom: 11px;}
.owl-carousel .sottotitolo{font-size: 20px; line-height: 24px; font-weight: 700;}
.owl-nav button{width: fit-content;}
.partner{font-size: 18px; text-align: center; line-height: 21px; color: #707070; background-color: #EFECEC; margin: 20px; font-weight: 700; padding: 15px 45px 14px;}
.prestiti{background-image: url(../img/prestiti.jpg);}
.presentazione{padding: 40px 20px 80px 20px; text-align: center; position: relative;}
.presentazione p{font-style: italic; font-size: 18px; line-height: 27px; color: #707070;}
.presentazione .titolo{font-size: 26px; line-height: 30px; font-weight: 700; color: #707070;}
.privacy{font-size: 12px; font-weight: 400; line-height: 20px; text-align: start;}
.form-title{font-size: 24px; line-height: 27px; font-weight: 700; text-align: center; color: #707070; margin-top: 40px; padding-bottom: 40px;}
.form-title i{font-size: 39px;}
.scadenza{padding: 10px;}
.scopri{position: absolute; z-index: 1; left: 0; top: 100%; width: 100%; padding: 20px;}
.sezioni{padding: 0 20px 20px 20px; text-align: center; background-color:#FFF}
.sezioni a{display: inline-block; width: 100%; height: 50px; padding: 9px; color: transparent; text-decoration: none; font-size: 18px;}
.sezioni a:hover{color: transparent;}
.sezioni a i{color: #FFFFFF; font-size: 32px; vertical-align: sub;}
.sezioni a#assicurazioni{background-color: #007C5F;}
.sezioni a#noleggio{background-color: #D33D70;}
.sezioni a#prestiti{background-color: #EA752B;}
.sezioni a#energia{background-color: #A2B41D;}
.sezioni a#consulenza{background-color: #00B1EB;}

.size-36{font-size: 36px;}
.sponsor{ padding:65px 0 40px 0; background-color: #FFFFFF; margin:0 -22px}
.strike{text-decoration: line-through;}

#assicurazioni button,#assicurazioni .btn_log{background-color: #007C5F;}
#assicurazioni .banda{background-color: #007C5F; color:#F1F5C3}

#assicurazioni .banner{color: #007C5F;}
#assicurazioni .card-title{color: #007C5F;}

#prestiti .banner{background-color: #FFEBAA;color: #EA752B;}
#energia .banner{background-color: #EBF8A2;color:#A2B41D;}
#consulenza .banner{background-color: #D2FAFA;color: #00B1EB;}

#consulenza button,#consulenza .btn_log{background-color: #00B1EB;}
#consulenza .banda{background-color: #00B1EB; color:#D2FAFA}
#consulenza .card-title{color: #00B1EB;}
#energia button,#energia .btn_log{background-color: #A2B41D;}
#energia .banda{background-color: #a2b41d; color:#ebf8a2}
#energia .card-title{color: #A2B41D;}
#noleggio button,#noleggio .btn_log{background-color: #D33D70;}
#noleggio .banda{background-color: #D33D70;}
#noleggio .card-title{color:#D33D70;}
#noleggio .macchina{color: #D33D70; font-weight: 700;}
#noleggio .scadenza{background-color: #FFE9D9; color: #D33D70; font-size: 15px;}
#prestiti button,#prestiti .btn_log{background-color: #EA752B;}
#prestiti .banda{background-color: #EA752B; color:#FFEBAA}
#prestiti .card-title{color: #EA752B;}

.auto .card:hover{box-shadow: 0px 6px 12px 0px rgba(0,0,0,.15); scale:1.04;transition-duration: .3s; }
button{ font-weight:700!important}
.sliderHome{padding:0px}


/* Media Query */
@media(min-width: 992px) {
	header{padding:0 12px!important}
	.container-fluid{ padding:0 12px!important}
	.sezioni{padding: 20px;}
	.sliderHome{padding:12px}
  header .col-lg-4{font-size: 14px; color: #707070; line-height: 16px;}
  header .col-lg-4 a{color: #707070; font-weight: 700; text-decoration: none;}
  header .col-lg-4 a:hover{color: #707070;}
  form.registrati{display: block;}
  .account .form-text{margin-top: 40px;}
  .assicurazioni{background-image: url(../img/assicurazioni_dk.jpg);}
	.noleggio{background-image: url(../img/noleggio_dk.jpg);}
	.prestiti{background-image: url(../img/prestiti_dk.jpg);}
	.energia{background-image: url(../img/energia_dk.jpg);}
	.consulenza{background-image: url(../img/consulenza_dk.jpg);}
  .back{bottom: 0;}
  .form-text{margin-top: 0; margin-bottom: 40px; font-size: 20px;}
  .form-title{padding-bottom: 10px;}
	.grid-item span{display: inline;}
  .owl-carousel .item#goAss .scopri{background-color: transparent;}
  .owl-carousel .item#goNol .scopri{background-color: transparent;}
  .owl-carousel .item#goPres .scopri{background-color: transparent;}
  .owl-carousel .item#goEner .scopri{background-color: transparent;}
  .owl-carousel .item#goCons .scopri{background-color: transparent;}
  .owl-carousel .item{width: 100%; height: 470px; position: relative;}
  .owl-carousel .owl-nav{right: unset; bottom: 44px; left: 270px;}
  .scadenza{margin-top: 55px !important;}
  .sezioni a{width: 100%; color: #FFFFFF;font-weight:700}
  .sezioni a:hover{color: #FFFFFF;}
  .sezioni a i{margin-right: 10px;}
  .scopri{position: absolute; z-index: 1; left: 20px; top: unset; bottom: 29px; width: 100%; padding: 20px;}
  .sponsor{padding-bottom: 50px;margin:0 -8px}
  .translated-lg{transform: translateY(-100px); width: 480px; margin-left: 20px;}
  .utente{font-size: 14px; line-height: 16px; color: #707070;}

}
