@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v24-latin-regular.woff2') format('woff2'); 
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v24-latin-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/lato-v24-latin-900.woff2') format('woff2');
}
body {
    font-family: 'Lato', sans-serif; 
    user-select:none;
}
* { margin: 0; padding: 0; box-sizing: border-box;}
a {text-decoration: none;}
img {display: block;}
input, textarea, select, button, span {font-family: inherit;}
button {display: inline-block;}
ul {list-style: none;}
.modal-bg {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999; 
	background-color: rgba(10,10,10,.86); 	
} 
.modal {
    font-size: 1rem;
	position: relative;
	background-color: #fff;
	border-radius: 0.3rem;
	box-shadow: 0px 1px 1px 0px #c4c4c4;
	overflow: auto;
}
._tag {
    cursor: pointer;
    border: 1px solid #1a73e8;
    font-size: 0.7rem;
    padding: 0 0.2rem;
    border-radius: 0.2rem;
    background-color: #1a73e8;
    color: white;
    font-weight: 900;  
    user-select: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 0.3rem;
}
._tag .icon {
    width: 1rem;
}
#detail {
    display: grid;
}
#detail {
    grid-template-columns: minmax(310px, 700px) minmax(250px, 360px); 
    grid-template-areas: "a b"
                         "a c"
                         "e c"
                         "d d";
}
@media screen and (max-width: 559px) {
    #detail {
        grid-template-columns: minmax(310px, 100%); 
        grid-template-areas: "a"
                             "b"
                             "c"
                             "e"
                             "d";
    }
}
.image {
    width: 100%;
    aspect-ratio: 4 / 3;
 }
.image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.noImage {
    background-image: url('http://localhost/i/no-image.jpg');
    background-size: cover;
    background-position: center;
} 
input[type="file"] {display: none !important;}
.bg_1{background-color:white;}
.bg_2{background-color:#ccc;}  
.bg_3{background-color:#f6faed;}
.bg_4{background-color:#343434;}
.bg_5{background-color:#b20000;} /*Rosso intenso*/
.bg_6{background-color:#5088D6;}
.bg_7{background-color:grey;}
.bg_8{background-color:#f14668;}
.bg_9{background-color:#feecf0;}
.bg_10{background-color:transparent;}
.bg_11{background-color:#1a73e8;}
.bg_12{background-color:#f9f9f9;}
.bg_13{background-color:#e5e5e5;}
.bg_14{background-color:rgba(255, 192, 203, 0.3);} /*rosa tenue*/
.bg_15{background-color:#f0f0f0;}
.bg_16{background-color:#ffc107;}
.shw_1{box-shadow:0 1px 2px 0 rgba(60, 64, 67, 0.302), 0 1px 3px 1px rgba(60, 64, 67, 0.149);}
.shw_2{box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);}
.shw_3{box-shadow:0 3px 6px rgba(0,0,0,0.04);}
.shadow:hover{box-shadow:0 1px 2px 0 rgba(60, 64, 67, 0.302), 0 1px 3px 1px rgba(60, 64, 67, 0.149);}
.block{display:block;}
.inline{display:inline-block;}
.br_1{border-radius:0.3rem 0.3rem 0 0;}
.br03{border-radius:0.3rem;} 
.b_1{border:2px solid #7d7878;}
.b_2{border:1px solid rgba(0, 0, 0, 0.2);}
.b_3{border:5px dotted #c4c4c4;}
.b_4{border:1px solid #ccc;}

.upd{border: 5px solid #ff4500; box-shadow: 0 0 20px rgba(0, 123, 255, 0.5);}

.bottom-10{bottom:0.0rem;}

.c_1{color:#343434;}/*nero*/
.c_2{color:#6C6464;}/*nero +tenue*/
.c_3{color:white;}
.c_4{color:#1a73e8;}/*link*/
.c_5{color:#f14668;}/*rosso*/
.c_6{color:#999393;}/*nero ++tenue*/
.c_7{color:#ffc107;}

.fl1{fill:white;}
.fs06{font-size:0.6rem;}
.fs07{font-size:0.7rem;}
.fs08{font-size:0.8rem;} 
.fs09{font-size:0.9rem;} 
.fs10{font-size:1.0rem;}
.fs11{font-size:1.1rem;}
.fs12{font-size:1.2rem;}
.fs15{font-size:1.5rem;} 
.fs20{font-size:2.0rem;}
.fs25{font-size:2.5rem;}
.fs30{font-size:3.0rem;}
.fs35{font-size:3.5rem;}
.fsyl1{font-style:italic;}
.fw400{font-weight:400;} 
.fw700{font-weight:700;}
.fw900{font-weight:900;} 
.h300px{height:300px;}
.h400px{height:400px;}
.h25{height:2.5rem;}
.h100_{height:100%;}
.h04{height:0.4rem;}
.hover1:hover{color:#636363;font-weight:900;}
.hover2:hover{background-color:rgba(204, 204, 204, 0.7);}

.lg_1{background: linear-gradient(to left, #E1E1E1 0%, #FFFFFF 49%, #E1E1E1 100%);}
.lh09{line-height:0.9;}
.lh17{line-height:1.7;}
.lh25{line-height:2.5;}
.ls-002{letter-spacing:-0.02rem;} 
.ls-007{letter-spacing:-0.07rem;} 
.ls-009{letter-spacing:-0.09rem;} 
.ls-020{letter-spacing:-0.20rem;}
.ls005{letter-spacing:0.05rem;}
.ls006{letter-spacing:0.06rem;}
.ls009{letter-spacing:0.09rem;}
.left0{left:0;}
.left5px{left:5px;}
.left-10{left:-1.0rem;}
.left100_{left:100%;}
.left105_{left:105%;}

.m_1{margin:1rem 0.5rem;}
.m_2{margin:0.5rem 0;}
.m_3{margin:0 auto;}
.m_4{margin:0.1rem 0.3rem;}
.m_5{margin:0.5rem auto;}
.m_6{margin:0 0.5rem;}

.m0{margin:0;}
.m05{margin:0.5rem;} 
.m07{margin:0.7rem;}
.mb-03{margin-bottom:-0.3rem;} 
.mb03{margin-bottom:0.3rem;}
.mb15{margin-bottom:1.5rem;}
.mb20{margin-bottom:2.0rem;}
.mimw100px{min-width:100px;}
.mimw140px{min-width:140px;}
.mimw300px{min-width:300px;}

.ml02{margin-left:0.2rem;}
.ml10{margin-left:1.0rem;}
.mla{margin-left:auto;}
.mr02{margin-right:0.2rem;} 
.mr12{margin-right:1.2rem;} 
.mt02{margin-top:0.2rem;} 
.mt05{margin-top:0.5rem;}  
.mt06{margin-top:0.6rem;}  
.mt10{margin-top:1.0rem;}
.mt15{margin-top:1.5rem;}
.mt20{margin-top:2.0rem;} 
.mt26{margin-top:2.6rem;} 

.mh50vh_{max-height:50vh;}
.maxh400px{max-height:400px;}
.maxw100px{max-width:100px;}
.maxw140px{max-width:140px;}
.maxw150px{max-width:150px;}
.maxw200px{max-width:200px;}
.maxw300px{max-width:300px;}
.maxw350px{max-width:350px;}
.maxw400px{max-width:400px;}
.maxw500px{max-width:500px;}
.maxw600px{max-width:600px;}
.maxw800px{max-width:800px;}

.mh11{min-height:1.1rem;}
.mh70px{min-height:70px;}
.mh120px{min-height:120px;}
.mh240px{min-height:240px;}
.mh500px{min-height:500px;}
.noWrap{white-space:nowrap;}
.ofVisible{overflow:visible !important;}

.p_1{padding:0.1rem 0.3rem;}
.p_2{padding:0.5rem 0;}
.p_3{padding:0.1rem 0.2rem;}
.p_4{padding:0 0.2rem;}
.p_5{padding:0 0.6rem;}
.p0{padding:0;}
.p02{padding:0.2rem;}
.p04{padding:0.4rem;} 
.p05{padding:0.5rem;} 
.p06{padding:0.6rem;} 
.p08{padding:0.8rem;} 
.p10{padding:1.0rem;} 
.p30{padding:3.0rem;}
.pb02{padding-bottom:0.2rem;}
.pb10{padding-bottom:1.0rem;}
.pt05{padding-top:0.5rem;}
.pt10{padding-top:1rem;}
.pt20{padding-top:2rem;}
.pr10{padding-right:1rem;}
.pl05{padding-left:0.5rem;}
.pointer{cursor:pointer;}
.right05{right:0.5rem;}
.right0{right:0;}
.right5px{right:5px;}
.right-10{right:-1.0rem;}
.right100_{right:100%;}
.right10_{right:10%;}
.tac{text-align:center;} 
.tar{text-align:right;}
.top50_{top:50%;}
.top0{top:0;}
.top05{top:0.5rem;}
.top-20{top:-2.0rem;}

.transY-50_{transform:translateY(-50%);}

.centerabs{top:50%;left:50%;transform:translate(-50%, -50%);}

.user{user-select:none;}
.w100{width:100%;}
.w50px{width:50px;}
.w100px{width:100px;}
.w140px{width:140px;}
.w150px{width:150px;}
.w170px{width:170px;}
.w200px{width:200px;}
.w240px{width:240px;}
.w280px{width:280px;}
.w300px{width:300px;}
.w18e{width:18rem;}
.w20e{width:20rem;}
.w320px{width:320px;}
.w500px{width:500px;}
.w600px{width:600px;}
.w07{width:0.7rem;}
.w10{width:1.0rem;}
.w20{width:2.0rem;}
.vab{vertical-align:baseline;}

.z_1 {z-index:100;}
.z_2 {z-index:899;}

.relative{position:relative;}
.absolute{position:absolute;}
.sticky{position:sticky;}

.flex{display:flex;}
.flexi{display:flex !important;}
.flex_1{display:flex;justify-content:center;align-items:center;}
.flex_2{display:inline-flex;}
.flex_3{display:flex;justify-content:space-between;align-items:center;}

.wrap{flex-wrap:wrap;}
.jcenter{justify-content:center;}
.jbetw{justify-content:space-between;}
.jsparound{justify-content:space-around;}
.acenter{align-items:center;}
.atop{align-items:start;}
.stretch{align-items:stretch;}
.grow1{flex-grow:1;}

.dirclm{flex-direction:column;}

.shrink0{flex-shrink:0;}
.basis1{flex-basis:1.7rem;}

.grid{display:grid;}

.ww1{width:1rem;height:1rem;}
.ww2{width:0.8rem;height:0.8rem;}
.ww3{width:1.5rem;height:1.5rem;}
.ww4{width:3.5rem;padding-left:0.2rem;}
.dnone{display: none;}

.icon_ {display:block;cursor:pointer;}
.icon_ path, .icon_ circle {fill:#c4c4c4;}
.icon_:hover path, .icon_:hover circle {fill:#636363;}
.icon1_ path {fill:white;}
.icon2_ path {fill:white;stroke:#6C6464;}
.icon3_ {stroke:white;display:block;vertical-align:top;height:100%;width:1.0rem;}

.blinkingText {
    animation: blinker 1s linear infinite;
}
.imgHome {
    position:relative;
    margin-top:1rem;   
}
.imgHome img {
    opacity:0.8;
    width:300px;    

}
.imgHome div {
    position:absolute;
    border-top:3px solid #ffc107;
    border-bottom:3px solid #ffc107;
    transform:translateX(-50%);
    left:50%;
    top:0;
    opacity:0.8;
}
@keyframes blinker {
  50% {opacity: 0;}
}
.hover11:hover{transform:scale(1.1);}
#links {
    display: grid;
}
#links {
    grid-template-areas: "a b c d e f";
}
@media screen and (max-width: 500px) {
    #links {
        grid-template-areas: "a a"
                             "b b"
                             "c c"
                             "d d"                             
                             "e f";
    }
}
.brtt::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20%; 
  height: 100%;
  border-top: 3px solid #FFC107; 
}
.progress {
    height: 1rem;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    background-color: #fff;
    border-radius: 0.8rem;
}
._ctrr {
    grid-template-columns: 4fr 6fr;
    line-height:1.8;
}
._ctrr > div:nth-child(odd) {
    color: #636363;
    font-weight: 400;
    letter-spacing: 0.02rem;
    justify-self: end;
    padding-right: 0.3rem;
}
.pad > div {
    padding-top: 0.12rem;
}
.help {
    position:absolute; 
    background-color:white;
    border-radius:0.3rem; 
    border-top:1px solid #dadce0; 
    font-size:0.8rem; 
    padding:0.5rem 1.5rem 0.5rem 0.5rem; 
    user-select:none;
    z-index:3;
}
.btn {
    font-weight: 900;
    letter-spacing: 0.09em;
    color: #fff;
    background-color: #1d4ed8;
    padding: 0.5rem 0.9rem;
    border-color: transparent;
    border-radius: 0.3em;
    cursor: pointer;
    text-align: center;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.302), 0 1px 3px 1px rgba(60, 64, 67, 0.149);
}
.btn:hover {
    box-shadow: none;
}
.btn-empty {
    font-weight: 800;
    letter-spacing: 0.09em;
    color: #6C6464;
    background-color: white;
    padding: .5rem .9rem;
    border: 1px solid #7d7878;
    border-radius: 0.3em;
    cursor: pointer;
    text-align: center;   
    box-shadow: 0 1px 2px 0 rgba(60,64,67,0.302),0 1px 3px 1px rgba(60,64,67,0.149);
}
.btn-empty:hover {
    box-shadow: none;
}
.cntImg {
    display: flex;
    justify-content: center;
    align-items: center;    
    width: 100%;
    position: relative;
}
.cntImg img {
    width: 100%;
    height: 100%;
}
.ratio43 {
    aspect-ratio: 4 / 3;
}
.cover img {
    object-fit: cover; 
}
.loaderCircle {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;   
    width: 20%;
    aspect-ratio: 1 / 1;
}
.loaderCircle > p {
    width: 33%;
    height: 33%;
    border-radius: 50%;
    background-color: white;
    animation: loadercircle-animation 1s ease-in-out infinite;
}
.loaderCircle > p:nth-child(2) {
    animation-delay: -0.5s;
}
.loaderCircle > p:nth-child(3) {
    animation-delay: -1s;
}
@keyframes loadercircle-animation {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
    100% {
        transform: scale(1);
    }
}
.loaderImg {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    background: grey;
}
.loaderImg img {
    position: absolute; 
    width: 100%; 
    height: 100%;        
}
.loaderImg .loaderCnt {
    display: flex;
    justify-content: center;
    align-items: center;  
    position: absolute; 
    width: 100%; 
    height: 100%; 
} 
.rdBis input:checked + label {
  border-bottom: 8px solid #1d4ed8 !important;
}
.imgNo::after {
    content: attr(data-no) " / " attr(data-tot);
}
.imgNoS::after {
    content: attr(data-tot);
}
.imgNoMain::after {
    position: absolute;
    color: white;
    border: 1px solid white;
    padding: 0.2rem;
    font-weight: 700;
    background-color: rgba(52, 52, 52, 0.5);
    border-radius: 0.3rem;
}
.imgNoBR::after {
    bottom: 7px;
    right: 10px;
    font-size: 0.8rem;    
}
.imgNoTR::after {
    top: 7px;
    right: 10px;
    font-size: 1.0rem;
}
.imgNoBC::after {
    bottom: 10px;
    left: 50%; 
    transform: translateX(-50%);
    font-size: 1.2rem;
}
._descr div:nth-child(odd){}
._descr div:nth-child(even){}
._descr div {
    border-bottom: 4px solid #f6faed;
    line-height: 1;
}
._card {
    background-color: white;
    border-radius: 0.3rem;
    padding: 0.2rem;
    transition: box-shadow 1.2s cubic-bezier(.25,.8,.25,1);
    max-width: 300px;
    min-width: 280px;
    margin: 1rem auto;
}
@media screen and (max-width: 400px) {
    ._card {
        max-width: 330px;
        min-width: 290px;        
    }
}
@media screen and (max-width: 500px) {
    ._detail {
        width: 100%;
    }
}
._card picture {
    width: 100%;
}
._card picture img {
    width: 100%; 
    object-fit: cover;
    aspect-ratio: 4 / 3;
}
._card:hover {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
._title {
    margin: 0.4rem 0; 
    line-height: 1;            
}
._title .brand {           
    letter-spacing: -0.09rem;
    font-size: 1rem;  
    font-weight: 400; 
    color: #343434;  
}
._title .model {
    letter-spacing: 0.06rem;
    font-size: 1.5rem;
    font-weight: 700;
    color: #343434;
}
._l10 {
    display: flex;          
}
._l10 > div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    color: #343434;
    font-weight: 900;
    font-size: 2.0rem; 
}
._l10 .year {
    background-color: rgba(204, 204, 204, 0.2);
    padding: 0.5rem;
    border-radius: 0 0 2.7rem 0;
    letter-spacing: -0.08rem;
    border-bottom: 2px solid rgba(204, 204, 204, 0.3);   
    border-right: 2px solid rgba(204, 204, 204, 0.3); 
    font-size: 2rem;     
}
._l10 .price {
    line-height: 0.8;
    letter-spacing: -0.22rem;
    font-size: 3rem;
}
._l20 {
    display: flex;
    margin-top: 1.8rem;  
    padding: 0.5rem; 
    color: #6C6464;
    font-weight: 700; 
    background-color: rgba(204, 204, 204, 0.2);
    border-top: 1px solid rgba(204, 204, 204, 0.6);
    letter-spacing: 0.14rem;             
}
._l20 > div {
    display: flex;
    align-items: center;
    justify-content: center; 
    flex-grow: 1;  
}
._l20 > div:nth-of-type(n+2) { border-left: 4px solid white; }
._l20 label {
    color: #6C6464;
    font-weight: 700;
    font-size: 0.9rem;
    letter-spacing:-0.02rem;
    text-align: center;
}
._l30 {
    display: flex;
    margin-top: 1.2rem;
    background-color: rgba(204, 204, 204, .2);  
    border-radius: 0 0 0.3rem 0.3rem; 
}
._l30 .logo {
    padding: 0;
    width: 80px;
}
._l30 .label {
    color: rgba(108,100,100, 0.8);
    font-size: 0.8rem;
    padding-left: 0.2rem;
}
.svg-icon {
    width: 1.2rem;
    height: 1.2rem;
}
.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
    fill: #6C6464;
    stroke: #6C6464;
    stroke-width: 1 !important;
}
.svg-icon circle {
    fill: #6C6464;
    stroke: #6C6464;
    stroke-width: 1 !important;
}
.svg-icon g {
    fill: #6C6464;
    stroke: #6C6464;
    stroke-width: 1 !important;
}
.onlyLabel {
    border: none;
    background: none;
    width: 250px;
    margin-left: auto;
    cursor: pointer;
}
.onlyLabel label {
    font-size: 0.8rem; 
    white-space: nowrap;
    color: #c4c4c4;
    cursor: pointer;
}
.onlyLabel input {
    font-size: 0.8rem;  
}
.onlyLabel li {
    font-size: 0.7rem; 
}
.error {
  color: #f14668;
  background: white;
  font-size: 0.85rem;
  padding: 0.2rem;
  font-weight: 700;
  height: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.importo {   
    position: relative;
    letter-spacing:-0.19rem;
    line-height: 80%;
}
.currency {
    position: absolute;
    letter-spacing:-0.08rem;
    font-size: 1rem; 
    top:100%;
    right:0;
    line-height: 80%;
}
.fnt {
    color: #343434;
    font-weight: 900;
    font-family: 'Lato', sans-serif;       
}



.correct {
    background-color: #4caf50 !important;
    border-color: #4caf50 !important;
    color: white !important;
}