.hotdeal_home {
		background-color:#EEE;
	}

	.hotdeal_home .carousel-indicators {
	    position: relative;
	    bottom: auto;
	}

	.hotdeal_home .carousel-indicators li {
		background-color: #FFF;
		background-color: rgba(255,255,255,0);
		border: 1px solid #CCC;
	}

	.hotdeal_home .carousel-indicators .active {
	    margin: 1px;
		background-color: #CCC;	
	}

	.hotdeal_home .container.dkpt {
		max-width:680px;
	}

	.hotdeal_home .carousel-inner .item {
		min-height: 100px;
		background-image: none; /* url(/images/layout/Spinner-1s-100px.svg); */
		background-position: center center;
		background-repeat: no-repeat;
	}

	.hotdeal_home .carousel-control .icon-next, 
	.hotdeal_home .carousel-control .icon-prev {
		width: 30px;
		height: 50px;
		line-height: 50px;
		margin-top: -40px;
	}

	.hotdeal_home .carousel-control .icon-prev:before, 
	.hotdeal_home .carousel-control .icon-next:before {
		font-size: 80px; /* 12rem; */
		line-height: 50px;
	}

	.hotdeal_home .carousel-control.left, 
	.hotdeal_home .carousel-control.right {
		background: transparent;
		background-image: none;
	}

@media screen and (min-width: 768px) {
	.hotdeal_home .carousel-control .icon-prev {
		margin-left: -30px;
	}
	.hotdeal_home .carousel-control .icon-next {
		margin-right: -30px;
	}
}
@media screen and (min-width: 1024px) {
	.hotdeal_home .carousel-control .icon-prev {
		margin-left: -40px;
	}
	.hotdeal_home .carousel-control .icon-next {
		margin-right: -40px;
	}
}


/* 20220623 */
			
			
@media (min-width:992px) {
			
   .hotdeal_home .carousel-control.left {
      left:-40px;
   }
   .hotdeal_home .carousel-control.right {
      right:-40px;
   }

}

.hotdeal_home .carousel-control .icon-next, 
.hotdeal_home .carousel-control .icon-prev {
   width: 20px;
   height: 60px;
   line-height: 60px;
   margin-top: -30px;
}


.hotdeal_home .carousel-control .icon-prev:before, 
.hotdeal_home .carousel-control .icon-next:before {
   font-size: 60px; /* 20220609; */
   line-height: 60px; 
}

.hotdeal_home .carousel-control .glyphicon-chevron-right, 
.hotdeal_home .carousel-control .icon-next {
   right: 0;
   margin-right: -20px;
}
.hotdeal_home .carousel-control .glyphicon-chevron-left, 
.hotdeal_home .carousel-control .icon-prev {
   left: 0;
   margin-left: -20px;
}
.hotdeal_home .carousel-control.right {
   right: 0;
   margin-right:-8px;
}
.hotdeal_home .carousel-control.left {
   left: 0;
   margin-left:-8px;
}

@media screen and (max-width:767px) { /* 20220622 */
   .hotdeal_home .carousel-control .glyphicon-chevron-right, 
   .hotdeal_home .carousel-control .icon-next {
      right: 0;
      margin-right: 0; /* -20px; */
   }
   .hotdeal_home .carousel-control .glyphicon-chevron-left, 
   .hotdeal_home .carousel-control .icon-prev {
      left: 0;
      margin-left: 0; /* -20px; */
   }
}
@media screen and (min-width:992px) {
   .hotdeal_home .carousel-control .icon-prev:before, 
   .hotdeal_home .carousel-control .icon-next:before {
      font-size: 80px; /* 20220607 120px; 12rem; */
      line-height: 60px; 
   }
}









































@media only screen and (max-width: 992px) {
	/* 20181015 aggiunta classe .hot_deal_home */
   .hot_deal_home .carousel .item .col-xs-12:nth-last-child(-n+2) {
      display: none;
   }
}


/* IMPORTANTE
	classi necessarie al fuzionamento dei caroselli con più di una card per slide
	vanno replicate per ogni carosello di quel tipo, 
	es. 
	.artistsnpcarousel-showmanymoveone-tablet
	.promosnpcarousel-showmanymoveone-tablet

	la percentuale di spostamento left: o translate3d deve corrispodere al numero di colonne del caso specifico:
	33.3% se 3 colonne
	50%	se 2 colonne
	25%	se 4 colonne
	etc.
*/ 


@media all and (min-width: 992px) {

   /* IMPORTANT!! CASE 3 COLUMNS 33.3% - desktop */
   .carousel-showmanymoveone .carousel-inner > .active.left,
   .carousel-showmanymoveone .carousel-inner > .prev {
      left: -33.3%;
   }
   .carousel-showmanymoveone .carousel-inner > .active.right,
   .carousel-showmanymoveone .carousel-inner > .next {
      left: 33.3%;
   }
   .carousel-showmanymoveone .carousel-inner > .left,
   .carousel-showmanymoveone .carousel-inner > .prev.right,
   .carousel-showmanymoveone .carousel-inner > .active {
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
      display: block;
   }

   /* IMPORTANT!! CASE 2 COLUMNS 50% - tablet */
   .carousel-showmanymoveone-tablet .carousel-inner > .active.left,
   .carousel-showmanymoveone-tablet .carousel-inner > .prev {
      left: -50%;
   }
   .carousel-showmanymoveone-tablet .carousel-inner > .active.right,
   .carousel-showmanymoveone-tablet .carousel-inner > .next {
      left: 50%;
   }
   .carousel-showmanymoveone-tablet .carousel-inner > .left,
   .carousel-showmanymoveone-tablet .carousel-inner > .prev.right,
   .carousel-showmanymoveone-tablet .carousel-inner > .active {
      left: 0;
   }
   .carousel-showmanymoveone-tablet .carousel-inner .cloneditem-1 {
      display: block;
   }


}

@media all and (min-width: 992px) and (transform-3d),
all and (min-width: 992px) and (-webkit-transform-3d) {

   /* IMPORTANT!! CASE 3 COLUMNS 33.3% - desktop */
   .carousel-showmanymoveone .carousel-inner > .item.active.right,
   .carousel-showmanymoveone .carousel-inner > .item.next {
      -webkit-transform: translate3d(33.3%, 0, 0);
      transform: translate3d(33.3%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.active.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev {
      -webkit-transform: translate3d(-33.3%, 0, 0);
      transform: translate3d(-33.3%, 0, 0); /* transform: translate3d(-50%, 0, 0); */
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev.right,
   .carousel-showmanymoveone .carousel-inner > .item.active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0;
   }

   /* IMPORTANT!! CASE 2 COLUMNS 50% - tablet */
   .carousel-showmanymoveone-tablet .carousel-inner > .item.active.right,
   .carousel-showmanymoveone-tablet .carousel-inner > .item.next {
      -webkit-transform: translate3d(50%, 0, 0);
      transform: translate3d(50%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone-tablet .carousel-inner > .item.active.left,
   .carousel-showmanymoveone-tablet .carousel-inner > .item.prev {
      -webkit-transform: translate3d(-50%, 0, 0);
      transform: translate3d(-50%, 0, 0); /* transform: translate3d(-50%, 0, 0); */
      left: 0;
   }
   .carousel-showmanymoveone-tablet .carousel-inner > .item.left,
   .carousel-showmanymoveone-tablet .carousel-inner > .item.prev.right,
   .carousel-showmanymoveone-tablet .carousel-inner > .item.active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0;
   }



}