.scrollup {
        width: 35px;
        height: 35px;
        position: fixed;
        bottom: 20px;
        right: 20px;
        display: none;
    	background: #fff;
    	border: 1px solid #e6e6e6;
    	font-size: 16px;
    	padding: 4px 0px 0px 0px;
    	text-align: center;
    	transition: background-color 0.4s;
    	-webkit-transition: background-color 0.4s;
    	-moz-transition: background-color 0.4s;
    	/*border-radius:        4px;
    	-moz-border-radius:   4px;
    	-webkit-border-radius:4px;*/
    }

.scrollup:hover {
	background: #fafafa;
}

@media (max-width: 960px) {
	.scrollup {
		display: none !important;
	}
}

 .custom-footer{
    
    background-color:#3f4347; 
    color:white;  
 }
 .copyright{
    background-color:#2f3336;
    color:white;   
 }
 
  .custom-footer a, .copyright a{
    color:white;
  }
  .custom-footer a:hover, .copyright a:hover{
    text-decoration:none;
    color:#1e90ff ;
  }
      @media (max-width: 767px) {
        .card-img-top{
             height:116px;
            object-fit: contain;
            
        }
     }
     @media (min-width: 768px) {
        .card-img-top{
             height: 93px;
            object-fit: contain;
            
        }
     }
     
     .ribbon {
          position: absolute;
          left: -5px; top: -5px;
          z-index: 1;
          overflow: hidden;
          width: 75px; height: 75px;
          text-align: right;
    }
    .ribbon span {
      font-size: 10px;
      font-weight: bold;
      color: #FFF;
      text-transform: uppercase;
      text-align: center;
      line-height: 20px;
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      width: 100px;
      display: block;
      background: #79A70A;
      background: linear-gradient(#1e90ff 0%, #253550 100%);
      box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
      position: absolute;
      top: 19px; left: -21px;
    }
    .ribbon span::before {
      content: "";
      position: absolute; left: 0px; top: 100%;
      z-index: -1;
      border-left: 3px solid #253550;
      border-right: 3px solid transparent;
      border-bottom: 3px solid transparent;
      border-top: 3px solid #253550;
    }
    .ribbon span::after {
      content: "";
      position: absolute; right: 0px; top: 100%;
      z-index: -1;
      border-left: 3px solid transparent;
      border-right: 3px solid #253550;
      border-bottom: 3px solid transparent;
      border-top: 3px solid #253550;
    }
    
    
    
     .mobile-search {
            transition-property: all;
        transition-duration: .3s;
        transition-timing-function: ease;
    }
    .search-mobile-hidden{
        
        padding: 0;
        height: 0;
        opacity: 0;
        display:none!important;
    }

    body {
      width: 100%;
      height: 100%;
       
    }
    
    .slideout-menu {
      position: fixed;
      top: 0;
      bottom: 0;
      width: 100%;
      min-height: 100vh;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
      z-index: 0;
      display: none;
      
    }
    
    .slideout-menu-left {
      left: 0;
    }
    
    .slideout-menu-right {
      right: 0;
    }
    
    .slideout-panel {
      position: relative;
      z-index: 1;
      will-change: transform;
      /*background-color: #FFF; /* A background-color is required */
      min-height: 100vh;
    }
    
    .slideout-open,
    .slideout-open body,
    .slideout-open .slideout-panel {
      overflow: hidden;
    }
    
    .slideout-open .slideout-menu {
      display: block;
    }
    
    .panel:before {
      content: '';
      display: block;
      background-color: rgba(0,0,0,0);
      transition: background-color 0.5s ease-in-out;
    }
    
    .panel-open:before {
      position: absolute;
      top: 0;
      bottom: 0;
      width: 100%;
      background-color:red;/* rgba(0,0,0,.5);*/
      z-index: 9999;
    }
 
 @media (max-width: 767px) {
    
    
    #sidebar{
       
        background: #fff; 
    }
    
 }
 
 
 /*   *  */
 
@media (max-width: 767px) {
    .card-img{
        height: 100%;
        width: max-content;
    }
    
    #sidebar{
        z-index:100;
        background: #fff;
    }
    #main-card{overflow:hidden;}
    
    .main-card .card-img-overlays{
         height:500px;  
        background-size: auto!important; 
    }
}
    

   
  
  .main-card .card-img-overlays{
     background-image: url("/img/bg.png"); /* The image used */
      background-color: #cccccc; /* Used if the image is unavailable */
      background-position: top; /* Center the image */
      background-repeat: no-repeat; /* Do not repeat the image */
      background-size: cover; /* Resize the background image to cover the entire container */
    
  } 
  
  
  
  
  
  
  .card .m-logo {
     height:24px;
}

a.card{
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.07);
    border: solid 1px #ebebeb;
     transition-property:all;transition-duration:.3s;transition-timing-function:ease;
}
a.card:hover{
    border: 1px solid #a0c645;
    
}

.merchant{
    
    font-weight: bold;
    text-align:center;
    margin-bottom:10px;
}
@media (min-width:768px) {
.text-truncate-sm {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  
}
}
@media (max-width:767px) {
    
    /* styles for '...' */ 
.text-truncate-sm {
     overflow: hidden;
    display: -webkit-box;
     line-clamp:2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
   
} 
 
}
.kelktitle{
    font-size: 30px; 
    font-weight: 600;
    text-align:center;
    display: inline-block;
    padding: 5px!important;
    padding-left: 20px!important;
    padding-right:20px!important;
    border: 1px solid #e5e5e5;
    margin: 30px!important;
    
}
.kelktitle:hover{
        z-index: 2;
    border: 1px solid #fff;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.10);
    -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.10);

}
.mag-glass {
     position:relative; 
    z-index: 100;
    font-size: 18px;
    text-align: left;
    margin-bottom: -16px;
}
.mag-glass:after{
    margin-bottom:10px;
    
}
.delivery{
    color: #a2a2a2;
    text-decoration: none;
    display: block;
    text-align: center;
    margin-top: 5px;
    font-size: 7pt;
    white-space: nowrap;
    
}
.product_button{
   border-radius:0px;
}
.product{
    padding:0px!important;
     
}
.product .left{
     
}
.product .right{
    
}

.no-padding{
    padding:0px!important;
}
.btn-block {
    display: block;
    width: 100%;
}

.image img{
    
    width: 100%;
    object-fit: cover;
}
@media (max-width: 767px) {
    .product-grid .image img{
      height:90px!important; 
    
}
        
}

@media (max-width: 767px) {
    .result_for{
     font-size:1.25rem!important;   
    
    }
    .gotoButton{
        position: absolute;
        bottom: 20px;
    }
    
}
.price{
    font-size: 1.05rem;
}
.other-box{
       
        font-size:0.8em;
         
    }
 

.kelktitle{
    font-size: 30px; 
    font-weight: 600;
    text-align:center;
    display: inline-block;
    padding: 5px!important;
    padding-left: 20px!important;
    padding-right:20px!important;
    border: 1px solid #e5e5e5;
   /* margin: 30px!important;
    
    margin: 30px!important;*/
     
    
    background: #FF5722; /* Old browsers e84641*/
            background: -moz-linear-gradient(top, #f44336 0%, #FF5722 50%, #FF5722 51%, #FF5722 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f44336), color-stop(50%,#FF5722), color-stop(51%,#FF5722), color-stop(100%,#FF5722)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #f44336 0%,#FF5722 50%,#FF5722 51%,#FF5722 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #f44336 0%,#FF5722 50%,#FF5722 51%,#FF5722 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #f44336 0%,#FF5722 50%,#FF5722 51%,#FF5722 100%); /* IE10+ */
            background: linear-gradient(to bottom, #f44336 0%,#FF5722 50%,#FF5722 51%,#FF5722 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f44336', endColorstr='#FF5722',GradientType=0 ); /* IE6-9 */
            
    
    color: white;
    
    
    
    border-radius: 30px;
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s;
    
    
    
    
}
.kelktitle:hover{
      
  background: #f44336; /* Old browsers */
            background: -moz-linear-gradient(top, #f44336 0%, #f44336 50%, #f44336 51%, #f44336 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f44336), color-stop(50%,#f44336), color-stop(51%,#f44336), color-stop(100%,#f44336)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #f44336 0%,#f44336 50%,#f44336 51%,#f44336 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #f44336 0%,#f44336 50%,#f44336 51%,#f44336 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #f44336 0%,#f44336 50%,#f44336 51%,#f44336 100%); /* IE10+ */
            background: linear-gradient(to bottom, #f44336 0%,#f44336 50%,#f44336 51%,#f44336 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f44336', endColorstr='#f44336',GradientType=0 ); /* IE6-9 */

}


.mag-glass {
     position:relative; 
    z-index: 100;
    font-size: 18px;
    text-align: left;
    margin-bottom: -16px;
}
.mag-glass:after{
    margin-bottom:10px;
    
}
.delivery{
    color: #a2a2a2;
    text-decoration: none;
    display: block;
    text-align: center;
    margin-top: 5px;
    font-size: 7pt;
    white-space: nowrap;
    
}
.product_button{
   border-radius:0px;
}
.product{
    padding:0px!important;
    /*padding-right:0px!important;*/
}
.product .left{
    padding-left: 15px;
    padding-right: 15px;
}
.product .right{
    padding-left: 15px;
    padding-right: 15px;
}

.no-padding{
    padding:0px!important;
}


 .read-more-state {
  display: none;
}
/*@media (max-width: 767px) {*/
    
    

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-target {
  opacity: 0;
  max-height: 0em;
  font-size: 0;
  transition: .25s ease;
}
.read-more-target br{
    display:none;
}
.read-more-state:checked ~ .read-more-wrap .read-more-target br {
    display:block;
}

/*.read-more-state ~ .read-more-trigger:before {
  content: 'Leggi di più';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Vedi meno';
}*/

.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  padding: 0 .5em;
  color: #666;
  font-size: .9em;
  line-height: 2;
  border: 1px solid #ddd;
  border-radius: .25em;
}
/*}*/
@media (max-width: 320px) {
    .navbar-brand{
        max-width:210px;
    }
}

.breadcrumb-item a{
    color:#1e90ff;
    /*text-decoration:none;*/
}
.breadcrumb-item a:hover{
    color:#253550;
    /*font-weight:500;*/
}

.input-group{
    border: 1px solid #D8CDBF;
    border-radius: 22px;
    background-color: #fff;
    
}
.input-group-text{
    background-color:transparent!important;
    border-color:transparent!important;
}
.input-group > .form-control{
    background-color:transparent!important;
    border-color:transparent!important;
}
.input-group > .input-group-append > .button-search{
    border-radius: 22px!important;
    margin:3px;
    
    padding-right:1em;
    padding-left:1em;
    background-color:#565151;
    border-color:transparent;
}

 @font-face {
    font-family: 'SF UI Display Light';
    font-style: normal;
    font-weight: normal;
    src: local('SF UI Display Light'), url('/fonts/sf-ui-display/sf-ui-display-light-58646b33e0551.woff') format('woff');
    }
    
@font-face {
    font-family: 'SF UI Display Medium';
    font-style: normal;
    font-weight: normal;
    src: local('SF UI Display Medium'), url('/fonts/sf-ui-display/sf-ui-display-medium-58646be638f96.woff') format('woff');
    }
@font-face {
    font-family: 'SF UI Display Bold';
    font-style: normal;
    font-weight: normal;
    src: local('SF UI Display Bold'), url('/fonts/sf-ui-display/sf-ui-display-bold-58646a511e3d9.woff') format('woff');
    }
    
    body{
        font-family: 'SF UI Display Light';
    }
.nav-link{
    
    
    font-style:normal!important;
    font-variant:normal!important;
    font-weight: medium!important;
    font-size:12px!important;
    line-height:14px;
    font-family:"SF UI Display Medium"!important;
    
    
    letter-spacing: 0px!important;
    color: #565151!important;
}

.accordioncontainer.collapsed .chevron-up{
    display:none;
}
.accordioncontainer.collapsed .chevron-down{
    display:block;
}

.accordioncontainer .chevron-down{
    display:none;
}

.accordioncontainer{
    height: 43px;
    cursor:pointer;
    font-weight:bold;
}
.irs {
      height: 35px!important; 
}
.irs-line,.irs-bar {

    top: 3px!important;
}
.irs-bar {
    border-top: 1px solid #707070!important;
    border-bottom: 1px solid #707070!important;
    background: #707070!important;
    
}

.irs-shadow {
  
    top: 8px!important;
}
.irs-slider {
    top: -3px!important;
    border: 2px solid #707070!important;
}

.title-box{
    
    text-align: left;
   
    font-style:normal!important;
    font-variant:normal!important;
    font-weight: bold!important;
    font-size:20px!important;
    line-height:30px;
    font-family:"SF UI Display Medium"!important;
    
    letter-spacing: 0px;
    color: #1A7AD5;
    opacity: 1;
}

.serv_item {
    background: #FFF!important;
     
}

.pricecont{
    
 
    font-style:normal!important;
    font-variant:normal!important;
    font-weight: bold!important;
    font-size:14px!important;
    line-height:21px;
    font-family:"SF UI Display bold"!important;
}
.brandcont{
    
 
    font-style:normal!important;
    font-variant:normal!important;
    font-weight: normal!important;
    font-size:14px!important;
    line-height:21px;
    font-family:"SF UI Display medium"!important;
}

.shippingcont{
    
 
    font-style:normal!important;
    font-variant:normal!important;
    font-weight: normal!important;
    font-size:12px!important;
    line-height:21px;
    font-family:"SF UI Display medium"!important;
}

.text-grey{
    color:#B6B1B0; 
}

.btn-box-bordered{
    
 
    font-style:normal!important;
    font-variant:normal!important;
    font-weight: bold!important;
    font-size:14px!important;
    line-height:21px;
    font-family:"SF UI Display medium"!important;
    
    letter-spacing: 0px;
    color: #1A7AD5;
    opacity: 1;


    
}

.relatedTitle{
    
    color: #7A7575;
    text-align: left;
 
    font-style:normal!important;
    font-variant:normal!important;
    font-weight: bold!important;
    font-size:14px!important;
    line-height:21px;
    font-family:"SF UI Display medium"!important;
    letter-spacing: 0px;
    color: #7A7575;
    opacity: 1;
}

.h3.text-capitalize{
    text-align: left;
 
    font-style:normal!important;
    font-variant:normal!important;
    font-weight: medium!important;
    font-size:22px!important;
    line-height:21px;
    font-family:"SF UI Display medium"!important;

    letter-spacing: 0px;
    color: #343131;
    opacity: 1;
}

.h3.text-capitalize small{
     
    font-style:normal!important;
    font-variant:normal!important;
    font-weight: medium!important;
    font-size:12px!important;
    line-height:21px;
    font-family:"SF UI Display medium"!important;

    text-align: left;

    letter-spacing: 0px;
    color: #7A7575;
    opacity: 1;
}

.ad-m-title{
     font-style:normal!important;
    font-variant:normal!important;
    font-weight: medium!important;
    font-size:20px!important;
    line-height:30px;
    font-family:"SF UI Display medium"!important;

    text-align: left;

    letter-spacing: 0px;
    color: #1A7AD5;
    opacity: 1;
    
}
@media (max-width: 767px) {
    .no-sticky-top-mobile{
            
            position: relative!important;
            
    }
}