@font-face {font-family: 'Montserrat', sans-serif; src: url('font/Montserrat-Regular.ttf') format('ttf');}
body {background: #d4d4d4; margin:0 auto;}
body * {font-family: 'Montserrat', sans-serif;}
img {max-width:100%;}
button {outline:none!important;}
.logo {display: block;}
.logobig {display: none;}  
.motto {display: none;}
.form-check-label {width: 90%; font-size: .9rem;}
.defaultbg {background-color: #d4d4d4;}
.footerboxbg {background-color: #5d5d5d;}
.box-auto{display: flex;flex-direction: column;align-items: center;}
.content {margin-top:85px;}
.content.blank {margin-top:150px;}
.content.blank h1 {font-size: 25px;}
.reset-padding {padding:0;}
.c-pointer {cursor:pointer;}
.rosso {color:#dc3545}
.azzurro {color: #007bff;}
.blu {color: #0061A6;}
.whatsapp-icon-color {color: #25D366;}
.email-icon-color {color: #4b4b4b;}
.tel-icon-color {color: #0061A6;}
span.text-tiny {font-size: 12px;}
span.text-small {font-size: 16px;}
.max1400 {width:100%; max-width:1500px; margin:0 auto; position:relative;}
.ombrafull {background-color:rgba(0, 0, 0, 0.5); width:100%; height:100%; position:absolute; top:0; left:0;}
ul, li {margin:0; padding:0; list-style:none;}
.grecaptcha-badge {display:none!important;}
.action-azienda {position:fixed; bottom:0; z-index:9999; background:#fff; border-top:1px solid #c0c0c0; width:100%; padding:5px 0;}
.action-azienda .item {text-align:center; border-left:1px solid #c0c0c0; padding:0 5px; cursor:pointer;}
.action-azienda .item:first-child {border:0;}
.action-azienda .item i, .action-azienda .item span {display:block;}
.action-azienda .item i {font-size:25px; margin-bottom:5px; color:#000;}
.action-azienda .item span {font-size:15px; color:#000}
.form-default h2, .form-default h3 {margin: 0 0 15px;}
.form-default h2 {font-size: 18px;}
.form-default .box-dati {padding: 0;}
.form-default label {width: 100%; margin: 0;}
.form-default input[type="text"], .form-default input[type="number"], .form-default input[type="email"], .form-default input[type="tel"], .form-default select {width: 100%; line-height: 35px; padding: 0 10px; margin: 5px 0;}
.form-default textarea {width: 100%; height: 100px; padding: 5px 10px; margin: 5px 0;}
.form-default select {background-position: 98% 50%; border-radius: 3px; background-color: #FFF; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-repeat: no-repeat;}
.form-default a {color: #242424; font-weight: 500;}
.form-default button[type="submit"] {width: 100%; background-color: #00adef; color: #FFF; line-height: 40px; padding: 0 15px;}
.form-default button[type="submit"]:active {box-shadow: inset 0 0 5px 0 #242424;-webkti-box-shadow: inset 0 0 5px 0 #242424;-moz-box-shadow: inset 0 0 5px 0 #242424;}
.link {margin-top:15px;}
.link .titlebrand {display: block; float: left; width: 100%;}
.link font {display: flex; justify-content: space-between; align-items: center; cursor:pointer; padding: 15px; color:#007bff;}
.link a.linkbrand {display: none;}
.link a.linkbrand.show {display: flex; padding: 2.5px 0 5px 50px; color:#242424;}
.link .titlebrand font.active i {transform: rotate(-180deg);}
.link .titlebrand font i {transition: all 0.2s;}
.whatsapp-desktop {display: none;}
.loader-container {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(240,240,240,.7); display: none;}
.loader {border: 16px solid #fff; border-top: 16px solid #336699; border-radius: 50%; width: 60px; height: 60px; animation: spin 1s linear infinite; position: absolute; top: 50%; left: 50%;}
.marchi {display: none;}
.boxnoleggio {padding: 15px 20px;cursor: pointer;}
.boxnoleggio .imglista {height: 200px; background-size: contain; background-position: center; background-repeat: no-repeat;}
button.navbar-toggler{padding-top: 0!important;}
.titlebrand div:first-child {display: flex; justify-content: space-between; align-items: center;padding: 20px 0 0 0}
.titlebrand div a {display: flex; justify-content: flex-start; align-items: center; padding: 2px 0 2px 40px;}
.titlebrand div a label, .titlebrand div a input, .titlebrand div {cursor:pointer;}
.filter-badge { background-color: #fff; display: flex; justify-content: center; align-items: center; padding: 0 10px; border: 1px solid #c0c0c0; box-shadow: 0 0 10px 0 #eee; border-radius: 3px; margin-right: 5px; margin-top: 10px; font-size: 12px; min-height: 32px; color:#242424; cursor:pointer;}
.history-filter {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; padding: 0 15px;}
.irs--round {margin-bottom:7px;}
.headerpromozioni strong {color:#007bff;}
.headerpromozioni strong:hover {color:#0061a6;}
.logoecolease {max-height: 30px;}
.byeco {padding-left: 10px; padding-right: 10px; font-size: 14px;}
.logoecoliri {max-height: 30px;}
footer {padding-bottom:50px!important;}
.logoyoucan {padding-bottom: 50px;}
.withlove {padding-left: 5px;padding-right: 5px;animation: pulse 1.5s ease-in-out infinite;}
.card-mobile {border: 3px solid transparent; box-shadow: 0 0 10px 0 #ddd; transition: all .2s ease-in-out; overflow: hidden;}
.card-mobile:hover {box-shadow: 0 0 15px 0 rgb(172, 172, 172)!important; transform: scale(1.02);}
.card-mobile.annuncioshock {border: 3px solid #f00;}
.card-mobile a.btn-annuncioshock {background-color: #f00; color: #fff; width: 90%!important; padding-left: 5px; padding-right: 5px;}
.contattisedi {margin:10px 0;}
.contattisedi h1 {margin:20px 0; font-size: 30px; font-weight: 500; line-height: 36px; color: #242424;}
.contattisedi .sedeitem {transition: all .2s ease-in-out; background:#fff; padding:0!important; border:1px solid #ddd; box-shadow:0 0 10px 0 #ddd; margin-bottom:30px;}
.contattisedi .sedeitem:hover {box-shadow: 0 0 15px 0 rgb(172, 172, 172); transition: .2s; transform: scale(1.02);}
.contattisedi .sedeitem h3 {margin-top:10px;font-weight:700; margin-bottom:5px; font-size: 18px; line-height: 22px; padding-bottom: 7px;}
.contattisedi .sedeitem h5 {font-weight:600; margin-bottom:5px; font-size:14px; line-height: 17px; padding-bottom: 5px;}
.contattisedi .sedeitem p {font-size:14px; line-height: 21px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.contattisedi .sedeitem .phone {margin:30px 0;}
.contattisedi .sedeitem .phone a {border:1px solid #969696; background:#fff; padding:10px 10px; color:#000; display:inline-block; margin-bottom:5px;}
.contattisedi .sedeitem .phone a:hover {background:#eee; color:#000;}
.contattisedi .sedeitem .phone a.nero {background:#007BFF; color:#fff;}
.contattisedi .sedeitem .phone a.nero:hover {background:#0061A6; color:#fff;}
.contattisedi .sedeitem * {white-space:normal;}
.service h1 {line-height:normal; margin-bottom:0!important;}
.contattisedi .sedeitem {height:660px;}
.contattisedi .boxcontatti {display: flex; flex-direction: column; justify-content: center; align-items: center; border: 1px solid #ddd; box-shadow: 0 0 10px 0 #ddd; padding-top: 15px;background-color: #fff;}
.contattisedi .boxcontatti .contatti:not(:first-child){border-top: 1px solid #ddd; padding-top: 15px; width: 100%;}
.contattisedi .boxcontatti .contatti {padding-left: 0px; font-size: 12px; font-weight: 500;}
@keyframes pulse {0% {transform: scale(1);} 50% {transform: scale(1.25);} 100% {transform: scale(1);}}
@keyframes spin {0% {transform: translate(-50%, -50%) rotate(0deg);} 100% {transform: translate(-50%, -50%) rotate(360deg);}}
.counter-preferiti {display: none; position: absolute; background: #c03; color: #fff; border-radius: 50%; width: 18px; height: 18px; text-align: center; font-size: 12px; top: -4px; right: 52px; padding-top: 9px; font-weight: 500;}
.openChatBtn {transition: .2s all ease-in-out; border-radius: 50%; -webkit-box-shadow: 50%; -moz-box-shadow: 50%; background-color: #0069D9; color: white; padding: 13px 16px; border: 1px solid white; font-weight: 500; font-size: 20px; cursor: pointer; opacity: 0.8; position: fixed; bottom: 75px; right: 35px; width: 56px; box-shadow: 0 0 10px 0 #333; -moz-box-shadow: 0 0 10px 0 #333; -webkit-box-shadow: 0 0 10px 0 #333; z-index: 99999;}
.openChatBtn:hover {transition: .2s all ease-in-out; background-color: #0061A6; opacity: 1; margin-bottom: 3px;}
.openChatBtn.closebutton-chatbot  {transition: 0.4s all ease-in-out; background-color:crimson;}
.openChat { display: none; position: fixed; bottom: 150px; right: 13px; z-index: 9; width: 350px;}
.chatcard {border: 1px solid #a5a5a5!important; border-radius: 0.75rem;-moz-box-radius: 0.75rem; -webkit-box-radius: 0.75rem; box-shadow: 0 0 5px 0 #aaa; -moz-box-shadow: 0 0 5px 0 #aaa; -webkit-box-shadow: 0 0 5px 0 #aaa;}
@media only screen and (max-width: 374px) {
.openChat { display: none; position: fixed; bottom: 150px; right: 9px; z-index: 9; width: 95%;}
}
@media only screen and (min-width: 375px) {
.contattisedi .boxcontatti .contatti {font-size:15px;}
.contattisedi .sedeitem {height:620px;}
.card-text {white-space: nowrap;text-overflow: ellipsis;overflow: hidden; padding-left: 5px; padding-right: 5px;}
}
@media only screen and (min-width: 768px) {
.action-azienda {right:0; top:50%; transform:translateY(-50%); width:40px; border:0; background:#242424; color:#fff; bottom:unset; border-top-left-radius:10px; border-bottom-left-radius:10px; padding:0;}
.action-azienda .item {left:0; border:0; padding:10px 0; transition:all 0.2s; background:#242424; text-align:left; width:130px; max-width:130px;}
.action-azienda .item i {font-size:15px; display:inline-block; width:40px; text-align:center; color:#fff;}
.action-azienda .item span {display:none; color:#fff;}
.action-azienda .item:hover {left:-90px; background:#4b4b4b;}
.action-azienda .item:hover span {display:inline-block;}
.whatsapp-desktop {display: inline-block;}
.logoecolease {max-height: 50px;}
.byeco {padding-left: 20px; padding-right: 20px; font-size: 16px;}
.logoecoliri {max-height: 50px;}
.contattisedi .boxcontatti .contatti {font-size:18px;}
.contattisedi .sedeitem {height:595px;}
.form-check-label {width: 90%; font-size: 1rem;}
.openChatBtn {bottom: 35px;}
.openChat { display: none; position: fixed; bottom: 110px; right: 50px; z-index: 9; width: 375px;}
}
@media only screen and (min-width: 992px) {
.content {margin-top:140px;}
.content.blank {margin-top:200px;}
.content.blank h1 {font-size: 35px;}
#service {display: none;}
.boxnoleggio {padding: 15px}
.contattisedi .sedeitem {height:520px;}
}
@media only screen and (min-width: 997px) and (max-width: 1400px) {
    .dispfle {font-size: 14px;} 
}

@media only screen and (min-width: 1024px) {
footer {padding-bottom: 0px!important;}
.counter-preferiti {display: none; position: absolute; background: #c03; color: #fff; border-radius: 50%; width: 18px; height: 18px; text-align: center; font-size: 10px; top: 19px; right: 17px; padding-top: 9px; font-weight: 500;}
.contattisedi {margin: 15px 15px;}
.contattisedi .boxcontatti {display: flex; flex-direction: row; justify-content: center; align-items: center; border: none; box-shadow: none; padding-top: 0; background-color: transparent;}
.contattisedi .boxcontatti .contatti {transition: all .2s ease-in-out; border: 1px solid #ddd; box-shadow: 0 0 10px 0 #ddd; margin: 10px; max-width: 33%; background-color: #fff; font-size: 15px; padding-top: 19px;  display: flex; justify-content: center; align-items: center; flex-direction: column;}
.contattisedi .boxcontatti .contatti:hover {box-shadow: 0 0 15px 0 rgb(172, 172, 172);  transform: scale(1.02);}
.contattisedi .sedeitem {height:520px;}
}
@media only screen and (min-width: 1200px) {
.marchi {display: inline-block;}
.contattisedi .boxcontatti .contatti {padding-left: 0px; font-size: 18px; font-weight: 500;}
.contattisedi .sedeitem {height:540px;}
.counter-preferiti { top: 28px;}

}
@media only screen and (min-width: 1400px) {
.contattisedi .sedeitem {height:585px;}
.logo {display: none;}
.logobig {display: block; width: 200px; margin-left: 2px;}  
.motto {display: inline-block;margin-top: -2px; font-size: 1rem;}
}
@media only screen and (min-width: 1440px) {
.contattisedi .boxcontatti .contatti {padding-left: 0px; font-size: 20px; font-weight: 500;}
.contattisedi .sedeitem {height:660px;}
}
@media only screen and (min-width: 1600px) {
.motto {display: inline-block;margin-top: -5px; font-size: 1.15rem;}
}header {background:#fff;}
.navbar1 {border-bottom: 1px solid #dadada; border-top: 1px solid #dadada; position: fixed;width: 100%;  z-index: 999;  top: 0; height: 76px; background-color: #ffffff;}
.navbar2 {position: fixed;top: 76px;width: 100%;z-index: 999;}
.navbar-light.navbar-toggler{color: #009427!important; border:none;}
#navbarSupportedContent15 {padding: 0 25px; background-color: #ffffff; z-index: 1000; }
.seconddiv {height: 100vh;}
.nomobile{display: none;}
.head-box {width: 100%; height: auto; display: flex; flex-direction: row;justify-content: space-between;}
.dropbtn {background-color: #4CAF50; color: white; padding-bottom: 10px; padding-top: 10px; padding-left: 73px; padding-right: 73px; font-size: 16px; border: none;  cursor: pointer;}
.dropdown {position: relative;display: inline-block;}
.dropdown-content {display: none; position: absolute; background-color: #f9f9f9;width: 100%;  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);  z-index: 1;}
.dropdown-content a {color: black;padding: 12px 16px;text-decoration: none;display: block;}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #3e8e41;}
.form form .formselect { margin-bottom:0!important;height: 55px;}
.navbar-light .navbar-toggler{border:none!important;}
.formselect {background-color: #fff;display: flex;align-items: center;justify-content: center;justify-content: space-between;}
.form form .formselect select {color: #000;  border:none!important; font-size: 24px; }
.form form .formselect i { font-size: 19px; }
.form form .formselect option {color: #000;  border:none!important; }
.form form .formselectt select {color: #000; margin-right: 14px;margin-left: 14px;margin-top: 10px;margin-bottom: 10px;width: 92.5%;}
.selectbox{   display: inline-flex;}
.headmobile{position: fixed;z-index: 9999;width: 100%;background: #fff;top:0;}
.headmobile2{position: fixed;z-index: 9;width: 100%;background: #fff;top:74px;}
.selcethead2{width: 85%;}
.nav-yc.firstline {line-height: 1.1;}
ul.nav-yc li.rangecanone {display: block; padding-top: 8px; font-weight: 600;}
ul.nav-yc li {font-weight: 600;}
ul.nav-yc.tipoul .nav-item {font-weight: 700;}
ul.nav-yc.tipoul .nav-item a {color: white;}
ul.nav-yc.tipoul:first-child a {padding-left: 0;}
@media screen and (min-width:1024px) {
.nodesk {display: none!important;}
.nomobile {display: block!important;}
.nav-yc-rate {background-color: #ECEEF6;padding-left: 1rem}
.tipoul li > a {color: #dddddd!important;}
.nav-yc-tipo {background-color: #0061a6; border-bottom: 1px solid #999;padding-left: 14px;position: fixed; top: 114px;  width: 100%; z-index: 999; -webkit-box-shadow: 0px 20px 25px -9px rgba(102,102,102,0.39); box-shadow: 0px 20px 25px -9px rgba(102,102,102,0.39);}
#marcadesktop {border:none;}
}
@media only screen and (min-width: 1400px) {
.navbar1 {border-bottom: 1px solid #dadada; border-top: 1px solid #dadada; position: fixed;width: 100%;  z-index: 999;  top: 0; height: 88px;}
.navbar2 {position: fixed;top: 88px;width: 100%;z-index: 999;}
.nav-yc-tipo {top: 128px;}
}

.logo-partner img {
    width:150px;
    height:auto;
}