/* CSS Document */

/*PAGINAZIONE*/
.paginazione-negozi { position:relative; display:block; margin:40px 0 0px 0; padding: 80px 0; border-top: 0px solid #f4f4f4; background-color: #d10a11; color: #fff;}
.paginazione-negozi .precedente { text-align:left;} 
.paginazione-negozi .centrale {text-align:center; color:#fff; align-items: center; font-size: 50px;    font-weight: 100; -webkit-font-smoothing:antialiased;} 
.paginazione-negozi .successivo { text-align:right} 

.paginazione-negozi a { display:inline-block; color: #fff;}
.paginazione-negozi a:hover { color: #f09a9d;}
.paginazione-negozi .precsucc { font-size:13px; font-weight:300; margin-top: 5px; padding: 0 5px;} 
.paginazione-negozi .precsucc.prec {   } 
.paginazione-negozi .precsucc.succ {   } 
.paginazione-negozi .titoloart { clear:both; display:block; font-size:18px; margin-top: 5px; margin-bottom: 15px; line-height:normal; padding: 0 10px; text-transform: uppercase;} 
.paginazione-negozi .titoloart.prec {  } 
.paginazione-negozi .titoloart.succ {  } 
.paginazione-negozi .icona { font-size:14px;  } 
.paginazione-negozi .icona.prec { margin-right:15px } 
.paginazione-negozi .icona.succ { margin-left:15px } 
.paginazione-negozi .img { position:relative; display: inline-block; width: 200px; aspect-ratio:4/3; overflow:hidden; border-radius: 15px; transition: all .3s}
.paginazione-negozi .img.prec{ margin-left:0;}
.paginazione-negozi .img.succ { margin-right:0;}
.paginazione-negozi .img img {object-fit: contain; object-position: center; width: 100%; height: 100%;  transform: scale(1,1); -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear }
 
.paginazione-negozi a:hover .img { transform: scale(1.05); transition: all .3s}
.paginazione-negozi a:hover .img >.rollover { visibility: visible; opacity: 1; transition-delay: 0s; }

.paginazione-negozi .img >.rollover { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; padding: 15px 15px;  color: #fff; text-align: center; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.3s, opacity 0.3s linear; }
.paginazione-negozi .img >.rollover .newsboxBtn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.paginazione-negozi .img >.rollover .newsboxBtn span { display: inline; text-align: center; padding: 5px 5px; }

.paginazione-negozi a .img >.rollover .newsboxBtn  i{ display:none; }
.paginazione-negozi a .img:after, .paginazione-negozi a .img:before { content: ''; background-color: #fff; position: absolute; z-index: 1; top: 50%; left: 50%; opacity: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) translateZ(0)}
.paginazione-negozi a .img:before { width: 20px; height: 1px; left: 100% }
.paginazione-negozi a .img:after { height: 20px; width: 1px; top: 0 }
.paginazione-negozi a .img:hover:after, .paginazione-negozi a .img:hover:before { opacity: 1; top: 50%; left: 50% }
.paginazione-negozi a .img:after, .paginazione-negozi a .img:before { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .4s ease; transition: all .4s ease }

/* RESPONSIVE MOBILE INFERIORE A  */
@media screen and (max-width: 666px) {
.paginazione-negozi {padding: 50px 0 20px 0;}
.paginazione-negozi .precedente { text-align:center !important;} 
.paginazione-negozi .centrale {text-align:center !important;} 
.paginazione-negozi .successivo { text-align:center !important;} 
.paginazione-negozi .icona { display:none }
.paginazione-negozi .img { float:none !important; margin:5px 0; width:100%;  overflow:auto; height:auto;}
.paginazione-negozi .img img { position:relative; transform:none; left:auto; top:auto; }
.paginazione-negozi .titoloart { min-height: 40px; display: flex; align-items: center; justify-content: center; text-align: center;}
.paginazione-negozi .titoloart.prec { margin-left:0; padding: 0;} 
.paginazione-negozi .titoloart.succ { margin-right:0; padding: 0} 
.paginazione-negozi a .img:after, .paginazione-negozi a .img:before { display: none;}
}