﻿ 
 

 
@media (max-width: 425px) {
  #corpo-centrale-finder #colonna-prodotti-finder .ordina-per {
    margin-left: auto;
  }
}

#corpo-centrale-finder #colonna-prodotti-finder .card-prodotto {
  border: none  !important;
}

#corpo-centrale-finder #colonna-prodotti-finder .perc-sconto {
  position: relative  !important;
  white-space:nowrap;
}
#corpo-centrale-finder #colonna-prodotti-finder .perc-sconto {
    justify-self: start !Important;
    background: #4AC7F6 !Important;
    max-width: 23% !important;
    border-bottom-right-radius: 80%;
    height: 2rem !important;
    font-size: 0.8em !important;
    color: white !Important;
    font-weight: bold !Important;
    padding-left: 0.2rem !important;
    padding-top: 0.3rem !important;
    padding-bottom: 0 !important;
    padding-right: 0 !important;
}
@media (min-width: 320px) {
  #corpo-centrale-finder #colonna-prodotti-finder .perc-sconto {
    max-width: 13% !important;
    height: 2rem  !important;
    min-width: 20% !important;
    font-size: 0.8rem !important;
  }
}

@media (min-width: 375px) {
  #corpo-centrale-finder #colonna-prodotti-finder .perc-sconto {
    max-width: 13% !important;
	
    height: 2rem !important;
    min-width: 20% !important;
    font-size: 0.8rem  !important;
  }
}

@media (min-width: 425px) {
  #corpo-centrale-finder #colonna-prodotti-finder .perc-sconto {
    max-width: 13% !important;
    height: 2.3rem  !important;
    min-width: 20% !important;
    font-size: 1rem  !important;
  }

}
@media (min-width: 768px) {
    #corpo-centrale-finder #colonna-prodotti-finder .perc-sconto {
        justify-self: start !Important;
        background: #4AC7F6 !Important;
        max-width: 13% !important;
		min-width :0% !important;
        border-bottom-right-radius: 80%;
        height: 2rem !important;
        font-size: 0.8em !important;
        color: white !Important;
        font-weight: bold !Important;
        padding-left: 0.2rem !important;
        padding-top: 0.3rem !important;
        padding-bottom: 0!important;
        padding-right: 0!important;
    }
}

@media (min-width: 1024px) {
    #corpo-centrale-finder #colonna-prodotti-finder .perc-sconto {
        justify-self: start !Important;
        background: #4AC7F6 !Important;
        max-width: 28% !important;
        border-bottom-right-radius: 80%;
        height: 1.8rem !important;
        font-size: 0.7em !important;
        color: white !Important;
        font-weight: bold !Important;
        padding-left: 0.2rem !important;
        padding-top: 0.3rem !important;
        padding-bottom: 0!important;
        padding-right: 0!important;
    }
}
#corpo-centrale-finder #colonna-prodotti-finder img {
  margin: 0  !important;
  padding: 0  !important;
}

#corpo-centrale-finder #colonna-prodotti-finder .nome-prodotto {
  color: #213a8f  !important;
  font-size: 0.8em  !important;
  font-family:Raleway;
  text-align: center;
  padding: 0;
  margin: 0;
  line-height :12px;
  height: 55px;
  
}

#corpo-centrale-finder #colonna-prodotti-finder .nome-prodotto a {
  text-decoration: none;
}

#corpo-centrale-finder #colonna-prodotti-finder .prezzo {
  text-align: center;
  height:40px;
}

 

#SidebarFilter {
  width: 0;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: white;
  z-index: 999999;
  -webkit-transition: 0.8s;
  transition: 0.8s;
  border-radius: 5px;
}
@media (max-width: 765px) {
    .promo_prodotti {
        max-height: 400px;
        overflow-y: scroll
    }
    .modal_promo .modal-dialog {
        position: absolute  ;
        top: 0  ;
        /*left: 0 ;
        right: 0  */
        width: 100% !important;
        margin: 0px auto !important;
        -webkit-transform: translateY(100%) !important;
        transform: translateY(100%) !important;
    }

    .modal_promo .modal-dialog {
        max-width: 100% !important;
    }

        .modal_promo .modal-dialog .modal-content {
            border-radius: .3rem .3rem 0 0 !important;
        }

    .modal_promo.show {
        overflow: hidden;
    }

        .modal_promo.show .modal-dialog {
            -webkit-transform: translateY(0%) !important;
            transform: translateY(0%) !important;
            min-height: 80px !important;
        }
}
@media (min-width: 766px) {
    .modal_promo .modal-dialog {
        display: flex;
        max-height: calc(100% - 3.5rem);
        align-items: center;
        min-height: calc(100% - 1rem);
    }
 }
 #modal-finder #corpo-centrale-finder {
	 margin-top :0rem!Important;
	 padding:0px !important;
	 margin-bottom :0px !important;
	 overflow-x:hidden;
	/* width */
::-webkit-scrollbar {
  width: 10px;
  height:10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #4AC7F6; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #b30000; 
}
 }
 
 .modal .filtri .modal-dialog {
	  
    z-index:9999999999999999;
	-webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
	 position: fixed;
  margin: auto;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.modal .filtri .modal-content {
  height: auto;
  overflow-y: auto;
}
.modal .filtri .fade .modal-dialog {
  bottom: -100%;
  -webkit-transition: opacity 0.3s linear, bottom 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, bottom 0.3s ease-out;
  -o-transition: opacity 0.3s linear, bottom 0.3s ease-out;
  transition: opacity 0.3s linear, bottom 0.3s ease-out;
}

.modal .filtri .fade .show .modal-dialog {
  bottom: 0;
}

.modal .filtri .fade .modal-dialog {
  bottom: -100%;
}
.filtro-sel {
 background-color: #4AC7F6;!Important;	
 color:white !important;
 font-weight :bold;
}
.range-slider-container {
	width:100%;
}
.range-slider-container .rs-value {
	position: relative;
	top: -20px;
	background: #1c2126;
	padding: .25em 1em;
	color: #fff;
}
.range-slider-container .rs-value:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(28, 33, 38, 0);
	border-top-color: #1c2126;
	border-width: 10px;
	margin-left: -10px;
}
.range-slider-container .min-max {
	display: flex;
	justify-content: space-between;
	color: #93989a;
}
.range-slider-container input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 8.5px 0;
  background: linear-gradient(to right, #d5d9da 0%, #d5d9da 100%);
  transition: background 450ms ease-in;
}
.range-slider-container input[type=range]:focus {
  outline: none;
}
.range-slider-container input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border-radius: 0px;
  border: 0px solid #ffffff;
}
.range-slider-container input[type=range]::-webkit-slider-thumb {
  box-shadow: 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.5), 0px 0px 1.5px rgba(13, 13, 13, 0.5);
  border: 0px solid #000000;
  height: 25px;
  width: 25px;
  border-radius: 25px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8.5px;
}
.range-slider-container input[type=range]::-moz-range-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border-radius: 0px;
  border: 0px solid #ffffff;
}
.range-slider-container input[type=range]::-moz-range-thumb {
  box-shadow: 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.5), 0px 0px 1.5px rgba(13, 13, 13, 0.5);
  border: 0px solid #000000;
  height: 25px;
  width: 25px;
  border-radius: 25px;
  background: #ffffff;
  cursor: pointer;
}
.range-slider-container input[type=range]::-ms-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.range-slider-container input[type=range]::-ms-fill-lower {
  background: #cacfd0;
  border: 0px solid #ffffff;
  border-radius: 0px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
.range-slider-container input[type=range]::-ms-fill-upper {
  border: 0px solid #ffffff;
  border-radius: 0px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
.range-slider-container input[type=range]::-ms-thumb {
  box-shadow: 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.5), 0px 0px 1.5px rgba(13, 13, 13, 0.5);
  border: 0px solid #000000;
  height: 25px;
  width: 25px;
  border-radius: 25px;
  background: #ffffff;
  cursor: pointer;
  height: 8px;
}
  /* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
/* clears the ‘X’ from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }
 

     
  #ric-prodotti-interessanti .item-prodotto img {
        display : inline !Important;
		 
		
    }
 #ric-prodotti-interessanti .carousel-inner {
		display: flex;
		padding :1em;
	}
 #ric-prodotti-interessanti .carousel-item {
	  display:block;
		margin-right:0;
		flex :0 0 calc(100%/6);
	}
	
@media (max-width: 1200px)  {
	 #ric-prodotti-interessanti .carousel-item {
		 
		flex :0 0 calc(100%/4);
	 }
}
@media (min-width: 2500px)  {
	 #ric-prodotti-interessanti .carousel-item {
		 
		flex :0 0 calc(100%/8);
	 }
}
 #ric-prodotti-interessanti .card {
margin:0.5em;
	 
 }	 
 #ric-prodotti-interessanti .img-wrapper {
 
	max-width:100%;
	display:flex;
	justify-content:center;
 }
 #ric-prodotti-interessanti img {
	max-width:100%;
	max-height:100%;
 }
 #ric-prodotti-interessanti .c-prev, .c-next {
		width:3vh;
		height:3vh;
		background-color:#213a8f;
		border-radius :50%;
		top:50%;
		transform : translateY(-50%);
 }
 
 #ric-prodotti-interessanti .item-prodotto  {
        
		text-align : center !Important
		
    }
	#ric-prodotti-interessanti .pulsanti >.btn {
		 
	 border-radius: 25px !important;
	margin-top : 10px !Important;
	margin-bottom:10px !Important;
    background: #E00D92;
    color: white;
    font-size: 0.7em;	
 
	}
	
		#ric-prodotti-interessanti .nome-prodotto {
			cursor:pointer;
			height: 53px;
			min-width:0px!Important;
			text-overflow:ellipsis;
			line-height:13px;
			text-align:center;
			font-family : Raleway;
			font-size :0.7rem !Important;
			padding :0.25rem !Important;
			margin :0.25rem !Important;
			color :#213a8f;
		
		}
		#ric-prodotti-interessanti .des-prodotto {
			
			font-family : Raleway;
			font-size :0.7rem !Important;
			padding :0.25rem !Important;
			margin :0.25rem !Important;
			color :#213a8f;
		
		}
	#ric-prodotti-interessanti .prezzo .scontato {
		 font-size:0.8rem !Important
	}
	#ric-prodotti-interessanti .prezzo span {
		padding :0.2rem !important;
	}
	#ric-prodotti-interessanti .percentuale-sconto {
			max-width: 30% !important;
			height: 2.4rem;
			position:relative;
			white-space : nowrap;
			top: 1%;
			left: 1%;
	}
	#ric-prodotti-interessanti .pulsanti {
		padding :0.25rem !Important;
			margin :0.25rem !Important;
	}
    #ric-prodotti-interessanti .item .card p {
        color: #213A8F;
    }

    #ric-prodotti-interessanti .item .card span {
        color: #213A8F;
        font-weight: 800;
    }

    #ric-prodotti-interessanti .item .card button {
        color: #213A8F;
        font-size: 20px;
    }

    #ric-prodotti-interessanti .item .card button:focus {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    #ric-prodotti-interessanti .item .card a {
        background: #E00D92;
        color: white;
        border-radius: 25px;
    }
	#ric-prodotti-interessanti .col-xl-1 {
		 
			 
			width: 10.33333333% !Important;
		
	}
@media (min-width: 1024px) and (max-width: 1199px) {
        #ric-prodotti-interessanti .item .card a {
            font-size: 0.9em !important;
        }
}

.voce-animation {
  display: inline-block;
  position: relative;
  color: black;
}

.voce-animation::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: black;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.voce-animation:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
.img-result {
	max-width:100%;height:auto;cursor:pointer
}
.btn-result {
    border-radius: 25px !important;
	margin-top : 10px !Important;
	margin-bottom:10px !Important;
    background: #E00D92;
    color: white;
    font-size: 0.7em;	
	
}
.btn-result:hover {
	 background-color: #E00D92 !Important;
	 color:white !Important;
}	
.riga-result {
	    background-color: white;
}
.bdg-catena {
	background:grey; 
	position:absolute;
	top:30%;
	left:70%
}
.bdg-sconto {
	background: #4ac7f6;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 40%;
    height: 8%;
    line-height: 140%;
}
.colonna-migliori {
	background-color : white;
	border-radius : 4px;
	padding: 1.5rem!important;
}
#r_lillo2 .testataricerca{
	 background-color: white;
	 padding-bottom:.5rem!important;
}
.cancella {
	font-weight:bold;
	color:#E00D92;
}
#filtro-content .accordion-button {
	background-color: white;
    color: black;
    font-weight: bold;
}
#filtro-content .accordion {
	--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%black'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

}
#filtro-range .accordion-button {
	background-color: white;
    color: black;
    font-weight: bold;
}
#filtro-range .accordion {
	--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%black'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

}	
@media (max-width: 768px) {
	#corpo-centrale-finder #colonna-prodotti-finder .nome-prodotto {
		font-size: 1rem !important;
		line-height: 17px;
		height : 75px !important;
		min-width: 55px;
	}
	#corpo-centrale-finder #colonna-prodotti-finder .prezzo {
     
		font-size: 1.3rem;
	}
	.btn-result {
		font-size:1rem;
	}
	#ric-prodotti-interessanti .prezzo .scontato {
		 font-size:1.2rem !Important
	}
}
 .nessun_prodotto {
	font-family:Raleway;
	font-size:1rem;
	color:#e00d92;
}