@font-face {
    font-family: aktiv-grotesk;
    src: url("/webdoreca/ecommerce/template/css/font/Lato-Regular.ttf");
}
@font-face {
    font-family: aktiv-grotesk;
    font-weight: bold;
    src: url("/webdoreca/ecommerce/template/css/font/Lato-Bold.ttf");
}

 
@font-face {
    font-family: aktiv-grotesk-condensed;
    src: url("/webdoreca/ecommerce/template/css/font/Lato-Bold.ttf");
}

@font-face {
    font-family: aktiv-grotesk-light;
    font-weight:lighter;
    src: url("/webdoreca/ecommerce/template/css/font/Lato-Light.ttf");
}


::-webkit-scrollbar{
  width: 13px!important;
  height: 10px!important;
}

/* Track */
::-webkit-scrollbar-track{
  background: #f6f6f6;
}

/* Handle */
::-webkit-scrollbar-thumb{
  background: #d3d3d3;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover{
  background: #b3b3b3;
}


:root {
  --testoDeposito: 'dep.';
}


h3 {
    margin-top: 0!important;
    margin-bottom: 0!important;
}

body{
background-color:#FFFFFF!important;
}

.mm-navbar{
	padding-bottom: 20px!important;
}


.bg-secondary.text-white {
    background-color: #666666!important;
    border-radius: 0px;
}
.bg-secondary .rimuovi {
       background-image: url(../../images/IconCestino1.svg)!important; 
}


#modalOrdine .table .thead-dark th {
    color: #333333BB;
    background-color: #ecefeb;
    border-color: #ecefeb;
}


.offtempo {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 4px;
    right: 5px;
    /* display: inline; */
	display:none;
    background-size: 18px;
    background-repeat: no-repeat;
    background-image: url(../../images/icone/watch.svg);
}

.XLE {
    font-size: 0px;
    background-color: transparent;
    background-image: url(/webdoreca/ecommerce/images/ico_var.svg);
    background-size: 100%;
    width: 30px;
    height: 30px;
    display: block;
    z-index: 100;
    top: 0px;
    left: 0px;
}
.destra .XLE {
	position:relative;
margin-bottom:10px;	
}
.categoryPage ul.articlesContainer > li {
    background-color:#ffffff !important;
}
.menuscelto{
font-weight: bold;
}

.ord-header .mt-1 {
    padding-top: 3px!important;
}

.ord-header h3 {
    margin: 0px!important;
    margin-top: -7px!important;
    font-weight: bold;
}
.ord-header p.mt-n3 {
    margin-top: -3px!important;
}
.card-body p.mt-n3 {
    padding-top: 10px!important;
}

p.pt-0 {
    margin-top: 8px;
}

button:focus {
outline: none !important;
}

.visible{
			opacity: 100 !important;
		}

#articleShow{
	display:none;
	width: 100%;
}

.articleShowBar{
	text-align: right;
}

.closeIcon{
	cursor: pointer;
}

#articleShowImg{
	display: block;
    margin: 0 auto;
    max-height: 100%;
    width: auto;
}

#articleShowPar{
	text-align:center;
	font-size:20px;
	font-weight: bold;
}

    .elenco ul{
     width:100%;
    font-size:15px;
    }
    .elenco li{
    width: 270px;
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 15px;
    padding: 0;
    border: 1px solid gray;
    position: relative;
    height: 365px;
    float: none;
    text-align:center;
    }

    .fotobox {
    top:40px;
    position:absolute;
        width:100%;
        height:200px;
        z-index:-10;
    }
    .fotobox img{
    /* max-width:100%; */
    height: 240px;
    margin-top: 107px;
    object-fit: contain;
    object-position: center;
    }
    .boxflex{
    display:flex;
    height: 46px;
    /* padding:3px; */
    top: 0px;
    z-index:10;
    position:absolute;
    width:100%;
    /* bottom: 37px; */
    height: 100%;
    text-align: center;
    justify-content: space-between;
    flex-direction: column-reverse;
    pointer-events: none;
    /* z-index: 0; */
    }

    .box{
        text-align:left;
        height: 34px;
        /* width: 100%; */
        /* margin:3px; */
        padding: 8px;
        /* padding-left: 6px; */
        /* border-radius: 10px; */
        /* background-color:#FFF; */
        color:#555;
        opacity: 1;
        /* border-top: 1px solid #AAA; */
        cursor:pointer;
        /* position:relative; */
        font-size:14px;
        /* box-shadow: 1px 1px 2px rgba(0,0,0,0.2); */
        /* background-size:20px; */
        /* background-position: 98% 5%; */
        /* background-repeat: no-repeat; */
    }



.box~.box {
    /* background-image: url(../../images/icone/stock.svg); */
}

.box~.box~.box {
   /* background-image: url(../../images/icone/stock.svg); */
}


.destra .box{/* text-align:center; */padding:5px;height: 37px;}


.box .sconto{
	display:none;	
}
.attivo .sconto{
	/*font-size:0px;
	background-color:transparent;
	background-image:url(/webdoreca/ecommerce/images/ico_offerta.svg);
	background-size:100%;
	width: 30px;
    height: 30px;
	display:block;
    */
    
        font-size: 0px;
    background-color: transparent;
    background-size: 100%;
    width: 100%;
    height: 100%;
    display: block;
   /* border: 1px solid #e59f2a; */
    border-radius: 0px;
    top: 0px;
    left: 0px;
    pointer-events: none;
    
    background-image: url(/webdoreca/ecommerce/images/fascia-offerta.png);
    background-size: 71px;
    background-repeat: no-repeat;
    
}

.box:hover {
    /* background-color:#ffee6d; */
    /* color:black; */
}
    .attivo{
    opacity:1.0;
    /* background-color: #ffee6ddd; */
    color:black;
    cursor:default;
    transition: margin linear 0.3s;
	z-index:100;
    /* box-shadow: 2px 2px 3px rgba(0,0,0,0.2); */
}

    .titolo{
    top: 0px;
    padding: 47px 16px 0px 16px;
    position:absolute;
    text-align:center;
    font-size: 17px;
    z-index:15;
    width:100%;
    line-height:1.4;
    text-transform: capitalize;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
        pointer-events: none;
    }

.destra H2{
    text-transform: uppercase;
    font-family: 'aktiv-grotesk';
    font-size: 24px;
    font-weight: normal!important;

}
.codice{
    font-size: 7px;
    color: #999;
    position: absolute;
    top: 190px;
    left: 7px;
    z-index:90;
	display:none;
}
.formato{
    position: absolute;
    top: 199px;
    left: 6px;
    font-size: 13px;
    text-align: left;
    padding: 3px 5px 0px 5px;
    z-index: 15;
    font-weight: bold;
    background-color:#DDD;
    color:#000;
	display:none;
    }

    .acquisto{
   /* background-image:url(../../images/carrello_base.gif); */
    background-position:center;
    position:absolute;
    bottom: 17px;
    height: 36px;
    /* border-top:2px solid #CCC; */
    color:#333333;
    text-align: center;
    width: 92%;
    margin-left: 4%;
    /* padding-bottom: 34px; */
    font-size:20px;
    z-index: 20;
    /* background-color:#EEEEEEAA; */
    /* border-radius:14px; */
    border: 1px solid #00000033;
    box-shadow: 1px 2px 4px #00000011;
    }
.clazienda .acquisto{
 /*    background-image:url(../../images/carrello_baseb.gif); */
}


.acquisto.animalo{
    background-image:none;
}



    .acquisto0{
    background-image: url(../../images/carrello_vuoto1.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #f8c801;
    position: absolute;
    /* border-top: 2px solid #ffffff; */
    bottom: 16px;
    height: 36px;
    width: 90%;
    border-radius: 0px;
    margin-left: 5%;
    /* margin-left: 4px; */
    cursor: pointer;
    z-index: 20;
    border-radius: 20px; 
    border: 1px solid #00000033;
    /* box-shadow: 1px 2px 4px #00000011; */
}

    
.acquisto0:hover{
    background-image:url(../../images/carrello_vuoto.svg);
    opacity:0.8;
   background-color: #000000;
    color:#ffffff; 
    /* border-top:2px solid #ffffff; */
}
.acquisto img{cursor:pointer;background-color:#333333;width: 27px;margin: 3px;height: 28px;border-radius: 0px;}
.acquisto img:hover{
background-color:#555555;
}
    .centro {
        position:absolute;
        width:calc(100% - 80px);
        text-align:center;
        left:40px;
        padding: 4px 0px 0px 0px;
        font-size:17px;
    }
    .nascosto {
    display:none !important;
    }


    .ppezzo {
    font-size: 13px;
    }
    .icone {
    position:absolute;
    left: 8px;
    top: 105px;
    z-index:15;
    width: 30px;
    height: 40px;
    display: flex;
    flex-wrap: wrap;
}

    .icone img {
    width:30px;
    height: 30px;
    margin-bottom: 0px;
    margin-top: 0px;
    border-radius:15px;
    }

.icone div{margin-right: 0px;margin-bottom: 5px;border-radius:15px;margin-top:0px;}
.icone img{margin-right: 0px;margin-bottom: 5px;border-radius:15px;margin-top:0px;}



    .promo {
    position:absolute;
    left: 7px;
    top: 12px;
    color: white;
    font-weight: bold;
    font-size: 10px;
    z-index:15;
    border-radius:7px;
    /* width: 60px; */
    /* height: 60px; */
    /* padding-top: 15px; */
    /* background-image: url('/webdoreca/ecommerce/images/offerta.svg'); */
    background-size: contain;
	display:none;
}



.esterno {
	max-width:1100px;
	margin:auto;
	}
.superiore {
	width:100%;
	}

.boxmenu {
	width:100%;
	margin-right:0.5%;
	position:relative;
	float:left;
	/* background-color:#F7F7F7; */
	overflow:auto;
	box-shadow:none!important;
	}
.banner {
	float:left;
	width:100%;
/* 	height:420px; */
    text-align:center;
	}
.sliderino {
	width:100%;
	height:50px;
	overflow:hidden;
}
.sliderino img {
	width:40px;
	margin:5px;
	margin-right:5%;
	cursor:pointer;
	}
.slider {
	cursor:pointer;
	background-size:cover;
	background-position:center center;
	width:100%;
	height:430px;
	}
.momenti {
	margin-top:10px;
    margin-bottom:10px;
	width:100%;
	height:130px;
	overflow:hidden;
	}
.mom {
	float:left;
	height:140px;
	width:19%;
	margin-right:0.5%;
	margin-left:0.5%;
    background-size: 105px auto;
    background-position: top center;
    background-repeat: no-repeat;
	position:relative;
	cursor:pointer;
	}
.mom p{
	font-size:18px;
	font-weight:bold;
	color:#555;
	margin:5px;
	position:absolute;
	bottom:5px;
	text-align:center;
	width:92%;
	}



    @media only screen and (max-width: 992px) {
         .codice{
    display:none;
    } 

        
        
        
    .nomobile {
        display:none !important;
        }
        .bmenu input {
        margin-top:15px !important;
        }
    }

    @media only screen and (min-width: 992px) {
        
      .piccoli  .codice {
    display: block!important;
    transform: rotate(90deg);
    font-size: 6px;
    right: 26px;
    top: 16px;
    z-index: 30;
    position: absolute;
    color:#BBB;
}        
        
    .nodesk {
        display:none !important;
        }
    }

        @media only screen and (max-width: 576px) {
.mom p{
	font-size:13px;

}

}

@media all and (orientation:portrait) {
.boxmenu {
	width:100%;
	float:none;
	}
.banner {
	width:100%;
	float:none;
	}

.banner{
	/* margin-top:10px;*/
	}
}

.mm-panels .bmenu {
line-height: normal;
}


    .bmenu {
    font-size:15px!important;
    }

    .bmenu ul {
	/* max-height: 245px; */
	/* overflow:auto; */
	color:#333;
	margin:0px;
	margin-top:6px;
	padding:0px;
	/* border-top:1px solid #EEEEEE; */
	}


    .bmenu > ul > li {font-size: 18px;/* padding-left: 11px; */list-style-type: none;position: relative;/* border-bottom: 1px solid #EEEEEE; */line-height: 25px;}
	

	
.bmenu > ul > li > .tlink {
color:black;
padding: 7px 13px;
border-top:1px solid #00000055;
background-color: #FFFFFFBB;

}

.bmenu > ul > li > ul > li > .tlink {
text-transform: capitalize;
background-color:#FFF;
color:#555;
padding: 7px 17px;
border-top:1px solid #AAA;
}




.bmenu > ul > li > ul > li > ul > li > .tlink {
background-color:#EEE;
padding: 7px 7px;
border-bottom:2px solid #ffffff;
}


    .bmenue {
    position:absolute;
        top:0px;
        right:0px;
        margin:0px;
        padding:20px;
        width:15px;
        height:15px;
        background-size: contain;
        background-repeat:no-repeat;
        cursor:pointer;
		
    }

    .bmini {
    top:0px;
    right:0px;
    width:15px;
    height:15px;
    }

    .bnerx {
       background-image: url(mfre0.png); 
    }
    .bnery {
        background-image: url(mfre1.png);
    }
    .bbianx {
        margin:0px;
        padding:20px;
        top:0px;
        right:0px;
        background-image: url(mfreb0.png);
    }
    .bbiany {
        margin:0px;
        padding:20px;
        top:0px;
        right:0px;
        background-image: url(mfreb1.png);
    }



    .bmenu > ul > li > ul{
    padding:0px;
    }
    .bmenu > ul > li > ul > li{
        font-size:14px;
    list-style-type:none;
         position:relative;
    }



    .bmenu > ul > li > ul > li > ul{
    padding:0px;

    }
    .bmenu > ul > li > ul > li > ul > li{
        font-size:16px;
    list-style-type:none;
    background-color:#EEE;
         position:relative;
    }




    .bmenu > ul > li > ul > li > ul > li > ul{
    padding:0px;

    }
    .bmenu > ul > li > ul > li > ul > li > ul > li{
        font-size:16px;
    list-style-type:none;
    background-color:#ffffff;
        padding: 7px;
border-bottom:2px solid #EEE;

    }






    .titmenu {
    cursor: pointer;
    position: relative;
    padding: 7px 11px;
    margin-top:9px;
    font-weight: bold;
    font-size: 21px;
   /* background-color: #ecefeb; */
    }
	

	
    .tlink {
	/* text-transform: uppercase;
    background-color:black; 
	color: white;*/
    width:100%;
        cursor:pointer;

    }
	
	.elencoMarchi .tlink {
				border-radius:7px 7px 0px 0px;
	
	}
	
	.marchi{
		background-position:center;
		background-repeat: repeat-x;
		max-height: 189px;
		background-size:100% 300px;
		overflow: auto;
	}
	
/*
	.marchi:hover{
		background-image: url('/webdoreca/ecommerce/template/css/sfu.png');
	}
	*/
	
	.mm-panels .marchi {
		max-height: none;
	}
	.mm-panels .marchi:hover {
		background-image: none;
	}
		
	
	
	@media (min-width: 992px) {
	.marchi{
		background-position:center;
		background-repeat: repeat-x;
		max-height: 250px;
}
}
	
    .bmenu a {
    text-decoration: none;
    padding: 0px 5px;
    margin: 0px -5px;
    color:black;
    }
    .bmenu a:hover{
    color:#333;
    }
	
    .bmenu input {
    cursor:pointer;
    height: 17px;
    width: 17px;
    position:absolute;
    left:12px;
    top: 0px;
    margin-top: 7px!important;
    mix-blend-mode: multiply;
    }
	.mm-panels {
		z-index:95;
	}
	
	.mm-panels .bmenu input {
	margin-top:6px!important;
	}
	
    .bmenu label {
     cursor:auto;
     display: inline-block!important;
     padding-left: 38px;
     padding-right:5px;
     padding-top: 5px;
    }
	  .mm-panels .bmenu label {
		  margin-top:0px; 
	   }

	.menuCol{
	 /*height: 440px;*/
	}

		.csp{
    margin-left: 5px;
    display: block;
    position: absolute;
    right: 10px;
    top: 4px;
	font-size:12px;
	}


	#tozoom {
			display:inline-block!important;
			position: relative!important;
        max-height: 70vh;
		}

    #tozoom :hover { cursor: zoom-in!important; }
    #tozoom :active { cursor: zoom-out!important; }

    .fotobox {
			z-index:10!important;
			position:relative!important;
			top:0px!important;
			height: 500px!important;
			cursor:pointer;
			text-align: center;
		}

	.sconto {

	font-size: 16px;
    color: white;
    background-color: #dc3523;
	margin:0px;
    padding: 0px;
    text-align: center;
    position: absolute;
    left: 6px;
    top: 6px;
    width: 45px;
    height: 24px;
    z-index: 10;
}
 
.barrato strong {
	/* font-size: 14px; */
	font-weight: normal;
	text-decoration: line-through;
}
.destra .barrato {
	display:none
}
.destra .sconto {
	right: 90px;
	font-size:12px;
	top:3px;
	padding: 1px 2px;
}
.destra .sconto strong{
font-size:12px;
}

    .ppezzo {
    width: 100%;
    left: 0px;
    font-size: 22px;
    /* color:red; */
    /* border-top:1px solid gray; */
    position: absolute;
    /* bottom: 120px; */
    top: 375px;
    /* background-color: #FFFFFF; */
    display: block;
    padding: 2px 5px 2px 5px;
    text-align: center;
    /* border-top: 1px solid #00000033;
    border-bottom: 1px solid #00000033; */
}

	.ppezzo strong {
    /* font-size: 20px; */
}
    .ppezzo strong::after{
  /*  font-size: 12px;
        content:" "; */
}
	.ptot {
    font-size: 16px;
    display: inline;
    /* width:calc(100% - 120px); */
    position:absolute;
    right: 0px;
    width: 100%;
    top: 355px;
    /* bottom: 154px; */
    text-align:center;
    z-index: 11;
}


.scon .ptot{
width:50%;
	
}

.ptot.nascosto {
    /* display:block!important; */
    opacity:0;
}
.ppezzo.nascosto {
    display:block!important;
    opacity:0;
}


    .cd-cart-items{
     width:100%;

    font-size:15px;
    margin:0px;
    padding:0px
    }

.cd-cart-items ul{
margin:0px;
padding:0px;
}
    .cd-cart-items li{
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin: 0px;
    padding: 0;
    position: relative;
    height: 70px;
    float: none;
    text-align:center;
    background-color:#ffffff;
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    }

    .cd-cart-items li:first-child {
    border-top: 1px solid #CCC;
    }

    .cd-cart-items .fotobox {
    position: absolute;
    width: 70px!important;
    height: 70px!important;
    }

.cd-cart-items .text-white .fotobox{
    mix-blend-mode: multiply;
}
     .cd-cart-items .fotobox img{
    max-width: 100%;
    max-height: 64px;
    margin-top: 3px;
    border-radius: 10px;
    }


    .cd-cart-items .titolo{
padding: 0px;
    position: absolute;
    top: 2px;
    left: 75px;
    text-align: left;
    font-size: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    width: calc(100% - 180px);
    }
        .cd-cart-items .rimuovi {
        position:absolute;
    right: 15px;
    top: 47px;
    font-size: 10px;
    background-image: url(../../images/IconCestino.svg);
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    cursor:pointer;
        }
    .cd-cart-items .rimuovi a{
        text-decoration: none;
        color:gray;
        }
    .cd-cart-items .rimuovi a:hover{
        text-decoration: underline;
        color:#dc3523;
        }


    .cd-cart-items .acquisto{
    background-image: url(../../images/carrello_base.png);
    position: absolute;
    height: 28px;
    top:43px;
    left:75px;
    background-color: #ffffff;
    color: #D40D16;
    text-align: center;
    width:calc(100% - 116px);
    max-width: 190px;
    /* border-radius:15px; */
    font-size: 15px;
    border-top:none;
    border: 1px solid #AAA;
    overflow:hidden;
    margin-left:0px;
    box-shadow:none;
    }






    .cd-cart-items .acquisto img{position:absolute;bottom:0px;width:20px;height: 20px;margin:3px;cursor:pointer;}

    .cd-cart-items .centro {
	position: absolute;
    text-align: center;
    padding: 0px;


        top:3px;
        left:26px;
        width:calc(100% - 53px);
        font-size:13px;
    color:black;
    height: 20px;
    line-height: 20px;
    }
/*
.unpezzo .fotobox > img{
    max-height: 285px!important;
}
*/

.unpezzo .box {/* background-color: #fde425; */color:black;/* bottom: 38px; */}


.unpezzo .barrato {
/* color:#666; */
}



.noprezzo .fotobox > img{
    max-height: 285px!important;
}

.noprezzo .box {
display:none;
}

.noprezzo .boxflex{
width:100%!important;
background-color: rgba(255,255,255,0.5);
    padding: 5px;
    font-size: 13px;
    text-align: center;
    display: block;
}

.noprezzo .boxflex:before{
/* content: "Per l'acquisto rivolgersi all'agente di vendita"; */
}

.noprezzo .acquisto0{
background-image:url(../../images/carrello_noprezzo.png);
background-color:#dc3523;
}

.noprezzo .acquisto0:hover{
background-image:url(../../images/carrello_noprezzo.png);
background-color:#dc3523;
}

.noprezzo .presing {
display:none;
}
.noprezzo .preconf {
display:none;
}

.finito .fotobox > img{
 /*   max-height: 285px!important; */
}

.finito .box {
/* display:none; */
}
/*
.finito .boxflex{
width:100%!important;
    padding: 5px;
    font-size: 13px;
    text-align: center;
    display: block;
}
*/
.finito .boxflex:before{
/* content: "Prodotto momentaneamente esaurito"; */
}

.finito .acquisto0{background-image:url(../../images/carrello_finito.png)!important;background-color:#e3e3e3!important;background-size: contain;opacity: 0.6;border-color:transparent;}

.finito .acquisto0:hover{
/* background-image:url(../../images/carrello_finito.png);
background-color:gray; */
}

.finito .strpezzo {
    display: none;
}


.ospite .finito .acquisto0{
    background-color: #333333!important;
    background-image: url(../../images/carrello_vuoto.svg)!important;
    opacity:1!important;
}





.breadcrumb {
color:#666666;
background-color: transparent!important;
border-bottom: none !important;
position:absolute;
z-index:0;
margin:0px!important;
padding:5px!important;
padding-left:15px!important;
}


@media (max-width: 960px) {
.breadcrumb {
	position:relative;
}
.articlesContainerDiv{
margin-top:0px !important;
/* margin-left:10px !important; */
}
}


.breadcrumb :hover{
color:#000000;
}
.breadcrumb a {
color:#595959;
font-style:italic;
}
.breadcrumb a :hover{
text-decoration: underline;
color:#000000;
}
.breadcrumb .categoria {
color:#595959;
font-weight:normal;
font-style:normal;
text-transform:uppercase;
}
.breadcrumb .categoria :hover{
color:#000000;
}
.breadcrumb .ultima_categoria {
color:#595959;
}
.breadcrumb .ultima_categoria :hover{
text-decoration:underline;
color:#000000;
}


.ordinamento {
position:absolute;
right:5px;
    z-index: 2;
    top: 10px;
}

.noteiva {
position:absolute;
    color:#dc3523;
    text-align:left;
    z-index: -1;
    font-size:12px;
    top:37px;
    left: 13px;
	width:200px;
	display:none;
}


.cuore {
    position:absolute;
    top: 10px;
    right: 10px;
    height: 26px;
    width: 26px;
    background-image:url(/webdoreca/ecommerce/images/ico_cuore.png);
    background-size: 26px 26px;
    background-position:center;
    background-repeat:no-repeat;
    cursor:pointer;
    z-index: 20!important;
    opacity:0;
    transition: all ease 0.3s;
}

.ospite .cuore{
	display:none!important;	
}



#ordinamentoSel {
 height:auto;
width: 40%;
}

.cuore:hover{
	
}
.scelto{
	opacity:1;
    background-image:url(/webdoreca/ecommerce/images/ico_cuore1b.png);
}

.clprivato .scelto{
    background-image:url(/webdoreca/ecommerce/images/ico_cuore1.png);
}

.carpz{
    margin-left: 5px;
}

#page {
    overflow-y: auto;
    overflow-x: hidden;
    width: 100vw;
}


@media only screen and (min-width: 960px) and (max-width: 1200px) {
	    .articlesContainerDiv{
        margin-top:40px !important;
    }
}

@media only screen and (max-width: 1200px) {
    .noteiva {
    top:84px;
    text-align:left;
    z-index: 2;
        font-size:12px;
    left: 10px;
width:200px;
}
    .ordinamento {
    top:56px;
    width:100%;
    z-index: 2;

}

    .categoryPage .breadcrumb {
    margin-bottom: 40px;
}

}
@media only screen and (min-width: 960px) {
	
  .articlesMainDiv {
 /* width: 75%!important; */
  }
  #articleShow {
    width: 75%!important;
	margin-left:25%!important;
  }
  
}

.row:before, .row:after {
content: none !important;
}





.btn-allMarchi{
	display:none;
width:100%;
font-size: 14px;
background-color:#BBB;
color:#ffffff;
border: none;
padding:5px 15px;
    text-align:left;

}
.btn-allMarchi::before{
    margin: 5px 10px;
    padding: 5px 12px;
    top: 0px;
    left: 0px;
    background-image: url(mfreb1.png);
    background-size: 25px;
    content: " ";
    background-repeat: no-repeat;
}

.btn-chiudiMarchi{
	display:none;
width:100%;
font-size: 14px;
background-color:#BBB;
color:#ffffff;

border: none;
padding:5px 15px;
text-align:left;

}
.btn-chiudiMarchi::before{
    margin: 5px 10px;
    padding: 5px 12px;
    top: 0px;
    left: 0px;
    background-image: url(mfreb2.png);
    background-size: 25px;
    content: " ";
    background-repeat: no-repeat;
}


.cprezzo,.cprezzoIva {
    display: none;
    position: absolute;
    top: 2px;
    right: 14px;
    font-size: 14px;
}
.ctotale,.ctotaleIva {
/* display:none; */
    position: absolute;
    top: 2px;
    right: 14px;
    font-size: 14px;
}

#carrelloDx .titolo{
width:calc(100% - 200px) !important;
}

#carrelloDx .cprezzo,#carrelloDx .cprezzoIva  {
right: 189px;
display:none;
}

.bg-calendar {
    margin-right: 5px;
    margin-bottom: 10px;
}
.bg-dark {
    background-color: #000!important;
}

.categoryPage .breadcrumb {
    flex-flow: nowrap;
}

.card-deck {
    width:100%
}
.directory{
    overflow: hidden;
    height: 25px;
}


.noprezzo .prekg {
    display: none;
}

#divDataCo {
min-width: 520px;
}

.ord-header h3 {
font-size: 20px;
text-transform: uppercase;
margin: 20px;
}


.alert-success,.alert-info,.alert-danger {
    color: #000;
    background-color: rgba(253,228,37,0.9);
    border: none;
    border-radius: 20px;
    padding: 30px;
}

.alert-success hr,.alert-info hr,.alert-danger hr {
    border-top-color: #000;
}


.elencoMarchi .tlink {
padding:0px 7px 0px 7px;
font-weight: bold;
font-size:18px;
margin-top:18px;
margin-left:5px;
width:fit-content;
}





.cartMainDiv .cartPage .toolsDiv{margin:0px 0 50px;}

.titleTotalDiv{display:block;clear:both;}
.titleTotalDiv .MainTitleH2{display:inline-block;}
.titleTotalDiv .totalDiv{float:right;font-size:30px;font-style:italic;}
.titleTotalDiv .totalDiv span{color:#308f10;font-weight:700;}
.titleTotalDiv .totalDiv strong{color:#666;font-weight:700;font-size:18px;}

.cartMainDiv{display:block;clear:both;margin:0;padding:0;}

.cartMainDiv .cartButtonsDiv{display:block;clear:both;text-align:left;}

.cartMainDiv .cancelOrderBtn{
	display: inline-block;
    vertical-align: middle;
    max-width: 230px;
    margin: 15px auto 0;
    padding: 5px 10px;
    color: #000000;
    border: 1px solid #AAA;
    font-size: 17px;
    border-radius: 7px;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
    border: none;
	}

.cartMainDiv .orderBtn{display:inline-block;vertical-align:middle;max-width:230px;margin:15px auto 0;padding:5px 10px;background:#000;color:#fff;font-size:18px;font-weight:700;text-align:center;float:right;cursor:pointer}

.cartMainDiv .purchaseBtn{display:inline-block;vertical-align:middle;max-width:230px;margin:15px 15px 0px 0px;padding:5px 10px;background:#FFF;border:1px solid #AAA;color:#000;font-size:18px;border-radius: 7px;font-weight:700;text-align:center;float:right;cursor:pointer}

.cartMainDiv .cancelOrderBtn:hover{ }
.cartMainDiv .orderBtn:hover{background-color:#555}
.cartMainDiv .purchaseBtn:hover{background-color:#DDD}


.cartMainDiv .leftCart{display:block;margin:0;padding:0;}
.cartMainDiv .leftCart .row{display:block;clear:both;margin:0;padding:0;border:1px solid #e0e0e0;margin-top:-1px;padding:10px;}
/*.leftCart .row:nth-child(even){background:#f2f2f2;}*/
.cartMainDiv .leftCart .row .rowleft{display:inline-block;vertical-align:middle;margin:0;padding:0;width:66%;position:relative;}
.cartMainDiv .leftCart .row .rowright{display:inline-block;vertical-align:middle;margin:0;padding:0;width:33%;text-align:right;}
.cartMainDiv .leftCart .row .removeArticleCart{display:inline-block;vertical-align:middle;margin:0;padding:0;}
.cartMainDiv .leftCart .row .imageArticleCart{display:inline-block;vertical-align:middle;margin:0;padding:0;width:50px;height:50px;background-size:100% auto;background-position:center center;background-repeat:no-repeat;}
.cartMainDiv .leftCart .row .nameArticleCart{display:inline-block;vertical-align:middle;margin:0;padding:0;font-size: 14px;}
.cartMainDiv .leftCart .row .totalPzArticleCart{display:block;clear:both;margin:0;padding:0;color: #666;    font-weight: 700;}
.cartMainDiv .leftCart .row .totalPzArticleCart .crossedPricePz{text-decoration:line-through;color:#d40e15;}
.cartMainDiv .leftCart .row .totalPzArticleCart .pricePZ{color:#308f10;}
.cartMainDiv .leftCart .row .totalArticleCart{display:inline-block;vertical-align:middle;margin:0;padding:0;text-align:center;font-size:18px;font-weight:700;color:#308f10;margin-right:10px;}

.cartMainDiv .leftCart .row .qtyArticleCart{display:inline-block;vertical-align:middle;margin:0;padding:0;text-align:right;}
.cartMainDiv .leftCart .row .qtyArticleCart input{display:inline-block;vertical-align:middle;margin:0;padding:0;}
.cartMainDiv .leftCart .row .qtyArticleCart input[type=button]{width:30px;height:30px;border-radius:50%;box-shadow:none;border:none;background:#e0e0e0;color:#000;font-size:26px;line-height:30px}
.cartMainDiv .leftCart .row .qtyArticleCart input.minusQty{font-size:30px;line-height:32px;text-indent: 4px;}
.cartMainDiv .leftCart .row .qtyArticleCart input[type=text]{width:60px;height:40px;text-align:center;}


.cartMainDiv .leftCart .row.lastRow{padding:0;display: flex;justify-content: space-evenly;align-content:center;}
.cartMainDiv .leftCart .row.lastRow div{border-right:1px solid #e0e0e0;padding:10px;text-align:center;line-height:16px;width:25%;align-self: center;}
.cartMainDiv .leftCart .row.lastRow div span{display:block;clear:both;}
.cartMainDiv .leftCart .row.lastRow div:last-child{border-right:none;}


.cartMainDiv .titolo {
    -webkit-line-clamp: 2;
    height: 40px;
    font-size:17px;
    top:auto;
    bottom:15px;
    width: calc(100% - 540px);
}
.cartMainDiv .acquisto {top:auto;bottom: 22px;max-width:200px;left: auto;height: 28px;right: 145px;}
.cartMainDiv .cprezzo,.cartMainDiv .cprezzoIva {
    position: absolute;
    width: 110px;
    right:350px;
    top:22px;
    font-size: 16px;
    display:block;
    
}
.cartMainDiv .ctotale,.cartMainDiv .ctotaleIva {
    position: absolute;
    width: 100px;
    right:35px;
    top:22px;
    font-size: 16px;
    display:block;
}
.cartMainDiv .cprezzoIva, .cartMainDiv .ctotaleIva {
bottom:10px; 
    font-size:12px;
}

.cartMainDiv .rimuovi {
    top:auto;
    bottom:24px;
    right:10px;
    width: 17px;
    height: 20px;
    background-size: contain;
}

.cpiuiva{
 font-size:10px;
}
.piuiva{
 font-size:10px;
}

.cartMainDiv .totalDiv{
display:none!important;
}

.cartMainDiv .toolsDiv {
    padding: 0px;
    margin: 0px;
    box-shadow: none;
}


.cartMainDiv .leftCart .row.lastRow {
font-size:20px;
    font-weight: bold;
}
.cartMainDiv .leftCart .row.lastRow span {
font-size:15px;
    font-weight: lighter;
    margin-bottom: 10px;
    margin-top:5px;
}

.cartMainDiv .leftCart .firstRow {
position:relative;
height: 47px;
border: none;
}
.cartMainDiv .leftCart .firstRow span {
font-size:16px;
}
.cartMainDiv .firstRow .quantita {
position: absolute;
top:10px;
right:218px;
}
.cartMainDiv .firstRow .titolo {
position: absolute;
top:10px;
left: 69px;
text-align: left;
margin-left: 5px;
}
.cartMainDiv .firstRow .cprezzo {
text-align: center;
top:10px;
}
.cartMainDiv .firstRow .ctotale {
text-align: center;
top:10px;
right:33px;
}
















@media only screen and (max-width: 767px){
	
.cartMainDiv .cprezzo,.cartMainDiv .cprezzoIva {
	top:40px;
}	
.cartMainDiv .ctotale,.cartMainDiv .ctotaleIva {
	top:40px;
}
	
.firstRow .titolo {
display:none;
}
  .fotobox  {
      margin-top: 0px;
    }

.cd-cart-items li {
    height: 90px;
    }
    
.cartMainDiv .titolo {
    -webkit-line-clamp: 1;
    height: 19px;
    font-size:15px;
    top:10px;
    width:calc(100% - 70px);
}


    
}





@media only screen and (max-width: 540px) {
.cartMainDiv .cprezzo {
display:none;
}

.firstRow .cprezzo {
display:none;
}
.cartMainDiv .cprezzoIva {
display:none;
}
   
.cartMainDiv .acquisto {
max-width:147px;
right:132px
}

.cartMainDiv .centro {
    font-size:11px;
    left:30px;
    width:calc(100% - 60px);
    }
    
}

.cartMainDiv .titcart {
text-align:left;
}

@media only screen and (max-width: 370px) {
    .cartMainDiv .fotobox {
    display:none;
    }
    .cartMainDiv .titolo {
   left:10px;
   width:calc(100% - 20px);
}
}

.primoblocco {
    min-height: 200px;
    margin-bottom:30px;
}
.minusc {
    text-transform: initial;
}

.errorInput {
  border-color: #dc3523!important;
  border-width: 4px!important;
}

.errorInput::-webkit-input-placeholder {
    color: #b2cde0;
}























.megablocco{

    background-color: transparent!important; 

    background-blend-mode: multiply;
	border-bottom: 1px solid #ecefeb;
    color: #000000;
    margin-bottom: 10px;
    text-align: center;
    position: absolute;
    width: 100%;
    z-index: 99;
    top: 96px;
    left: 0px;
    opacity: 1;
	transition: all 1s ease;
	margin-top:10px;
}

/*

	.megamenu{
		margin-top: 1px;
		width:100%;
		height:35px;

	}

	.megarow{
		width:95%;
		max-width: 1000px;
		margin:auto;
		display:flex;
	}
	.megarow a{
font-size: 16px;
    line-height: 35px;
		white-space:nowrap;
	}
	.megarow a:hover{
		text-decoration: none
	}
	.megarow a:focus{
		color: #dc3523;
		font-weight:bold;
		outline: 0px;
	}

	.megabox{
	    transition: margin 0.3s, padding 0.3s, background-color 0.3s, color 0.3s;
		text-align:center;
		width:100%;
		float:left;
		color:#000000;
		font-size:16px;
		background-repeat: no-repeat;
		background-position:right;
	border-radius: 0px 0px 0px 0px;
	}
	.megabox:last-child {
			background-image:none!important;
		    border-right: none;
	}
	.megabox:hover{
	color:#333;
	background-color:#FFF;
	background-image:none!important;
	z-index:100;
	padding-top:0px;
	padding-bottom:3px;
	margin-bottom:-5px;
	}
	
	.mattivo {
	background-color:#FFF!important;
	background-image: none!important;
	color:#333!important;
	padding-top:0px;
	padding-bottom:3px;
	margin-bottom:-5px;
	}

	.megapopup {
		background-color:#ffffff;
		height:auto;
		max-height:0px;
		width:95%;
		max-width:1200px;
		overflow:hidden;
		transition: all 0.5s;
		padding:0px;
		margin:auto;
		border-radius: 0px 0px 10px 10px;
	}
	.megacolonna img{
		border-radius:7px;
	}
	.megarow:hover + .megapopup{
		max-height:500px;
		overflow:auto;
		margin-top:0px;
		margin-bottom:1px;
		box-shadow: 0px 7px 10px rgba(0,0,0,0.3)
	}
	
	.megapopup:hover{
		max-height:500px;
		overflow:auto;

		margin-top:0px;
		margin-bottom:1px;
		box-shadow: 0px 7px 10px rgba(0,0,0,0.3)
	}
	
	
	
	#megacont {
		padding:5px 50px;
		display:flex;
		width:100%;
		max-width: 1200px;
		margin:auto;
		font-weight: bold;
		color:black;
		text-align:left;
		position:relative;
	}
	#megacont .corto>a{
		padding: 3px 10px;
		text-decoration: none;
		color:#666;
		display:block;
				margin-right:2%;
         font-weight: normal;
		 	line-height:15px;	
			font-size:13px;
			text-transform: capitalize;

	}
	#megacont .corto>a:last-child{
		border-bottom:0px;
	}
	
	#megacont br{
		display:none;
	}
	#megacont strong{
		padding: 3px 10px;
		text-decoration: underline;
	}
	#megacont strong{
		color:black;	
		font-size: 18px;
	}
	#megacont .corto>a:hover{
		color:#ffffff;
		background-color:#666;
	}
	

	
	
	
	.megacolonna{
		width:20%;
		float:left;
		margin-left:10px;
	}
	.doppia{
		display:none;
		width:34%;
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center center;
	}



*/











#chiudipopup{
cursor:pointer;
	position:absolute;
top:7px;
right:7px;
width:25px;
height:25px;
text-align:center;
color:#000000;	
opacity:0.7;
/*display:none;*/
}
#chiudipopup::after{
	content: "X";	
}
.popuplogin{
	position:relative;
}

.bloccopagina{

min-height: calc(90vh - 400px);
}
   .btn-mapri,.btn-mchiudi{
    width:90%;
background-color: #ecefeb;
    color: black;
    padding:3px;
    margin:3px 0px;
	border:0px;
	font-size:12px;
	border-radius:7px;
/* 	display:none; */
    }
    .corto {
    max-height: 460px;
	overflow-y:hidden;
    }
    .sblok {
    max-height: 490px;
	overflow-y:auto;
    }
	.doppia a{
		margin:0px;
		padding:0px!important;
	}
	.doppia img{
		margin-top:10px;
		border: 2px solid white;
	}
	.doppia a:hover img{
		border-color: #dc3523;
	}
	
	
/*	
	
.mtit {
	
	border-radius:7px 7px 0px 0px;
	margin-top:10px;
	font-size:16px;
	padding: 4px 8px 0px 10px;
	width: fit-content;
	border-bottom: 1px solid #00000055;
	position:sticky;
	background-color:#FFFFFF;
	width:100%;
	top:0px;
	
}

*/




	
.fondopopup {
z-index: 10000;
  height: 100vh;
  width:100%;
  position:fixed;
  overflow:auto;
  text-align: center;
  background-color: rgba(200,200,200,0.5);
  
  margin: 0px;
  padding:0px;
}

#cookiePopup{
background-color: rgba(200,200,200,0.5)!important;
}
#cookieBox {
	border-radius:10px!important;
	border:0px!important;
	background-color:#000!important;
}
#cookieBox button{
	border-radius:7px;
	width:100%;
	border:0px;
}


.fondopopup::before {
  content: '';
  display: inline-block;
  height: 100vh; 
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */

  /* For visualization 
  background: #808080; width: 5px;
  */
}

.popuplogin, .popupConf {

	z-index: 10001;
  display: inline-block;
  vertical-align: middle;
  width: 400px;
 /*  padding: 20px; */
  background: #FFFFFF;
 /* border-radius: 20px; */
  border:1px solid #00000066;
 box-shadow: 2px 4px 15px rgba(0,0,0,0.5);
 /* background-image: url(../../images/login.gif); 
background-opacity: 0.6; */
 background-repeat:no-repeat;
 background-size:100% auto;
 background-position:bottom center;
 
}





.maxibanner {
	padding-left:10px;
	padding-right:10px;
}

	
@media (max-width: 576px) {
.popuplogin, .popupConf {
  width:90%;

  }
}
	

    .maxibanner .col-lg-6 {
    padding: 5px 5px;
    }
    .maxibanner .col-lg-12 {
    padding: 5px 5px;
    }
    .megatesto {
        text-align:center;padding:10px;
         border-radius: 16px;
        color:#333;
    }
    .megabanner {
        text-align:center;padding:10px;
        height:calc(100vw / 2);
        max-height:400px;
        border-radius: 16px;
        background-color: #666;
    }
    .minibanner {
        margin-bottom:10px;
        text-align:center;padding:10px;
        height:calc(100vw / 4);
        max-height:195px;
        border-radius: 16px;
        background-color: #888;
    }
    .minibanner:last-child{
        margin-bottom:0px;
    }
	
	
@media (max-width: 1450px) {
.megabanner {
}
    .minibanner {
        max-height:155px;
	}
}
	
	
	
    #mbanner1{
    background-image:url('../../images/slider.gif');
    background-size:cover;
        background-position:center center;
    }
    #mbanner2{
    background-image:url('../../images/sliderw.gif');
    background-size:cover;
        background-position:center center;
    }
    #mbanner3{
    background-image:url('../../images/minibanner2.jpg');
    background-size:cover;
        background-position:center center;
    }
	
	
	
.bg-calendar h3.mt-n3 {
    position: absolute;
    width: 90%;
    left: 5%;
    font-size: 33px;
    text-align: center;
    height: 53px;
    bottom: 7px;
    padding: 0px;
    /* margin: auto; */
    color: #333333;
    /* background-color: green; */
    border-radius: 10px;
    padding-top: 13px;
    font-weight: normal!important;
    font-family: 'aktiv-grotesk';
}

.bg-calendar-sel h3.mt-n3 {
	background-color: transparent;
	font-weight: bold!important;
	/* color: #333; */
}

.bg-calendar p.mt-1.pt-1.text-white {
    display: none;
}

.bg-calendar p.mt-n3 {
	position:absolute;
	width: 100%;
	color: #333;
	top: 13px;
	font-size:22px;
}

.bg-calendar-sel p.mt-n3 {
/* color:white; */
}

.bg-fascia .pt-1, .py-1 {
    padding-top: 0px!important;
    font-size: 20px;
	left:26px;
	top:5px;

}
.bg-fascia-sel .pt-1, .py-1 {
	font-weight:bold;
}

.bg-calendar,.bg-calendar-sel {
	padding:0px!important;
	margin:0px!important;
	width: 67px!important;
	height: 99px!important;
}

.bg-calendar-desel {
	opacity:100%!important;
}
.bg-calendar-desel .mt-n3 {
	opacity: 40%!important;
	/* background-color: gray!important; */
}


.bg-fascia{
	position:relative;
    height: 40px;
	
}

.tab-pane.active{
	display:flex!important;
	flex-flow:wrap;
	justify-content:left;
	padding:14px;
	}
	
	

.abbIcon {
	max-width: 25px;
	max-height: 25px;
	margin-right:5px;
}


#loginreg input{
	font-size:20px!important;
}


	#descat{
	text-align:left;
	}
	.trerighe {
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
		margin:0px;
		overflow:hidden;
		    margin-bottom: 33px;
	}
	
	

	
.catDisclaimer{
  margin-top:10px;
}

.card-footer{
	    padding: 5px 10px 5px 5px!important;
}
.card-footer button {
    width: 48%!important;
	font-size:14px!important;
}

.backmenu {
  /*  background-color: #666;
    padding-left: 40px;
	background-repeat: no-repeat;
	background-image: url('back.png');
	background-position:left center; */
	opacity:0;
}


.leggitutto {
	text-decoration: none;
    color: #9b9b9b;
    /* float: right; */
    margin-top: 69px;
    border-radius: 10px;
    margin-left: 20px;
    /* width: 76px; */
    position: absolute;
    font-size: 14px;
    /* background-color: #d5d5d5; */
    right: 0px;
    padding: 0px 7px;
    font-style: italic;
}

	
@media (max-width: 576px) {
	.leggitutto {
	margin-left:10px;
	}
	#bannerino {
		height:90px!important;
	}
	#bannercat {
		font-size:29px!important;		
	}
}

.btn {
	border-radius:0px!important;
	
}
.buonoBtn.btn {
	/* padding: 7px 20px!important; */
	height: 38px;
}
.buonoText {

}

.box br{display:none;}


.destra .ptot::before{
display:none	
}

.scon .ptot strong {
    font-weight: bold;
}

.scon .ptot {
    color: #e69f2a;
}

.ptot strong {
    /* font-size: 17px; */
    font-weight: normal;
}}

    #homesotto{
    width:100%;
    }
    

    main {
   /*  padding-bottom:10px; */
	background-color:transparent!important;
    }
    

    .articlesContainerDiv{
    margin-top:30px!important;
    }
    
.interno {

    display: block;
    clear: both;
    width: 100%;
    max-width: 1600px;
    margin: auto;
    margin-top: 40px;
	margin-bottom:20px;
    padding-left:30px;
    padding-right:30px;
}

@media (max-width: 597px) {
.interno {
padding-left:15px;
padding-right:15px;
}
}


.interno h2{
	
    display: inline;
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0px;
    
    line-height: 40px;
      text-align: left;
    margin-left:0px;
	}
    .interno h2 span {

    display: inline-block;
    margin: 0;
    padding: 0px 3px;
    font-weight: 300;
    letter-spacing: -0.5px;
    font-size: 33px;
	font-weight:bold;
    }
.flexcont {
	display:flex;
	}
.flexbox {

	margin:5px;
	width:100%;
	}

.marchio{
	    height: 100px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 40%;
    opacity: 0.8;
    transition: all 0.5s;
	
	}
.visualizzazione .marchio{
background-size:100%;    
border-radius: 30px 30px 0px 0px;
}
    .amarchio{
		cursor:pointer;
    }

.brand .marchio {
 background-size:contain;	
}
    
.amarchio:hover .marchio {  
	opacity:1;
	transform: translate(0px, -15px);
    }
	
 .visualizzazione .amarchio:hover .marchio {  
        background-size:130%;
        transform: translate(0px, 0px);
        }
        
        
	
	@media (max-width: 700px) {
    .amarchio:hover .marchio {  
	transform: translate(0px, -10px);
    }
	}
	
	
	.brand .amarchio:hover .marchio{
		transform: none;
	background-color:#ffee6ddd;	
	transform: scale(1.08);
    opacity: 1;
    z-index: 105;
	}
	
	
	.boxoni .marchio{
		opacity: 1;
	}
	
	.boxoni .amarchio:hover .marchio{
		transform: none;
	transform: scale(1.03);
    opacity: 1;
    z-index: 105;
	}
	
	
	.brand .marchio {
	/* background-color:white;			 */
	}
	
	.brand{
	padding:3px;
	/*background-color:#CCC; */
		
		}
    
@media (max-width: 700px) {

.flexcont {
	flex-wrap:wrap;
	}
.flexbox {
	width:calc(33% - 10px);
	}
	
.boxoni .flexbox{
	width:100%!important;
}
	
.perchedoreca .flexbox {
    width:100%;
    }
 .interno h2 span {
     font-size:26px;
         line-height: initial;
	}
div.articlesContainerDiv > h2 span, div.articlesContainerDiv > div > h2 span {
    font-size:26px;
    line-height: initial;
    }
}



.megatesto img{
	height:30px; margin-right:4px;margin-left:35px;
	}
.megatesto span{
text-transform:uppercase;
	white-space: nowrap;
	font-weight:bold;
	}
@media (max-width: 554px) {
.megatesto {
	font-family:'aktiv-grotesk-condensed',sans-serif;
	font-size:10px;
	}
	.megatesto img{
	height:20px;
	}
.megatesto img{
	margin-left:4px;
	}	
}

    .prefooter {
   /* background-color:#EEE;  */
    color:#000000;
    
    }
.contprefooter {
    width:100%;
    max-width: 1600px;
    margin: auto;
    text-align:center;
padding: 10px 25px 10px 25px;
    display:flex;
    flex-wrap: wrap;
    }
    
.cmail {
    display:block;
    }
    
    .contprefooter img{
    max-width:100%;
    max-height: 150px;
    }
    .contprefooter .colonna{
    width:25%;
    padding-left:5px;
    padding-right:5px;
    }
    
@media only screen and (max-width: 700px) {
    .contprefooter .colonna{
    width:50%;
    padding-left:5px;
    padding-right:5px;
    }
    
    }






	.evicat .marchio {
	border:0px;
	background-color:transparent;
	height:180px;
	}
	.evicat .amarchio {
	position: relative;
    margin-bottom: 7px;
    /* background-image: url(/webdoreca/ecommerce/images/megabanner/btondo.png); */
    background-size: contain;
    background-repeat: no-repeat;
		
		
	}
	.evicat .amarchio:hover {
    background-image: url(/webdoreca/ecommerce/images/megabanner/btondo.png);
	}


    .visualizzazione .evicat .targhetta {
        background-color:#f9f9f9EE;
    }

	.evicat .amarchio:hover .targhetta {
	color:#000000;
    background-color:#FFFFFF;
	}
	
	.evicat .targhetta {
    text-align: center;
    font-weight: bold;

    position: absolute;
	color:black;
	font-size:17px;
	/* text-shadow: 1px 3px 4px rgba(0,0,0,0.7); */
	width: 100%;
    /* left: 5%; */
	/* height: 90%; */
    bottom: 0px;
    /* border: 1px solid white; */
	}
	
	.targt {
		 /*   font-size: 25px; 
		position:absolute;
right:10px;
bottom:5px;		*/
	}
	
.targx{
    font-size:12px;
}

.targvini .targx{
    color:#FFFFFF;
    background-color:#661d46;
    }
    .targbollicine .targx{
    color:#FFFFFF;
    background-color:#8d7e5a;
    }
    .targliquori .targx{
        color:#FFFFFF;
    background-color:#f7a600;
    }
	
@media (max-width: 700px) {
	.targt {
	/* font-size:20px; */
	}	
    .targx{
        font-size:11px;
    }
        

	.evicat .marchio {
	height:14em;
		}
	}
	
@media (max-width: 500px){
.evicat .marchio {
    height: 12em;
}
}	
	
@media (max-width: 380px) {
.targt {
	font-size:15px;
	}	
}


.spaniva {
	font-size:10px;
    float: none;
    margin: 0px;
	display:none;
}

.spanpz {
	font-size: 17px;
	float: none;
	margin: 0px;
}

.ptot .spaniva {
	display:none;
	
}
.destra .ppezzo .spaniva {
	display:none;
}
.destra .ptot .spaniva {
	display:none;
}


.breadcrumb{
	z-index:98;
}

.cd-cart-items .boxflex{
	width:90%;
	
}

.fa-users-cog {
	display:none!important;
	
}





@media (max-width: 992px){
		.spaniva {
	font-size: 14px;
	display:none;
}

.spanpz {
	font-size: 14px;
	display:inline;
}
.visualizzazione.lista .spanpz{
    display:inline!important;
}
.visualizzazione.lista .contcnr {
   top: 42px!important;
}
.ptot {
	/* width: calc(100% - 100px); */
	/* left: 50px; */
}

.toProfile .card-text{
	display:none;
	
}

}

.classp.card {
background-color: #e3e3e3!important;
}


.ultimo {
	
	font-weight:bold;
	padding:5px 0px!important;
	border:0px!important;	
	border-top:3px solid black;

}
.totalicart {
	background-color:transparent!important;
}
.riga {
	border-bottom: 1px dotted #555!important;
}

.titcart {
	border-bottom: 1px dotted #555!important;
}
.numcart {
	border-bottom: 1px dotted #555!important;
}

.totalicart {
	margin-top:10px;
padding: 10px 20px!important;	
}

@media (max-width: 600px) {
.totalicart {
	font-size: 14px;	
}
}


#priva {
    width: 196px;
    font-size: 15px;
margin-top: 15px;
    margin-left: 2px;

}

#popiva {
	text-align:center;
	position:fixed;
	z-index: 97;
	right:-20px;
	padding:10px;
	padding-right:40px;
	bottom:70px;
	background-color:#333333;
	color:white;
	border:gray;
	/* border-radius: 20px; */
	border:2px solid #ecefeb;
	cursor:pointer;
}




.visualizzazione header{
	/*display:none!important;*/
	height:70px;
	top:0px;
    color:#FFFFFF!important;
}
.visualizzazione header .logoHeader img {
	display:none!important;
	}

.visualizzazione div.mburger{
	display:none;
	top:-5px;
	height:30px;
}

.visualizzazione .logoHeader {
	background-image: url(../../images/doreca_onlinestore.png);
    background-repeat: no-repeat;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-size: contain;
    max-width: none!important;
    width: 440px;
	}
	
.visualizzazione .megablocco{
	display:none!important;
}

.visualizzazione .megarow{
	display:none!important;
}
.visualizzazione .logoHeader{
	    position: absolute;
		top: -20px!important;
    left: 0px!important;
    width: calc(100% - 40px);
		height:65px;
    background-position: center;
}

@media (max-width: 600px) {
	.visualizzazione .logoHeader{
margin-top: 0px!important;
		top: 5px!important;
        height: 55px !important;;
  /*  left: 12%!important;
    width: 79%!important; */

}
.visualizzazione header{
height: 125px !important;    
}
}


.visualizzazione .fotobox {
		height: 346px!important;
		/* margin-top: -20px!important; */
}

.visualizzazione .categoryPage ul.articlesContainer > li {
height:300px;
}

.visualizzazione .titolo{
	top: 223px;
	padding-top: 3px;
	-webkit-line-clamp: 3;
	border-top: 1px solid #AAA;
    text-transform: uppercase;
    font-size:16px;
    font-weight: bold;
}
.visualizzazione .fotobox img{
	/* margin-top: 24px!important; */
	/* right: 11px!important; */
	/* position: relative; */
	/* max-width: 110%!important; */
	max-height: initial!important;
	height: 220px;
	margin-top: 0px;
}
.visualizzazione .formato{
	top: 192px!important;
	right:5px;
	left:auto!important;
	white-space: nowrap;
}


.visualizzazione .cuore{
	display:none!important;
}

.visualizzazione .prezzoconf{
	display:none!important;
}
.visualizzazione .pboxflex{
	display:none!important;
}
.visualizzazione .acquisto{
	display:none!important;
}
.visualizzazione .acquisto0{
	display:none!important;
}

.visualizzazione .elecarousel{
	display:none!important;
}
.visualizzazione .footer{
	display:none!important;
}
.visualizzazione .breadcrumb{
	display:none!important;
}
.agenti.visualizzazione .breadcrumb{
	display:block!important;
/*	position: relative; */
    text-align: left;
    pointer-events: none;
}
.agenti.visualizzazione .breadcrumb a{
    pointer-events: all;
}
.agenti.visualizzazione .breadcrumb button{
    pointer-events: all;
}
.agenti.visualizzazione .breadcrumb .fa-backward{
		float:left
}

.visualizzazione main{
	padding: 85px 0px 90px 0px!important;
	margin:auto!important;
}
.visualizzazione #footerdoreca{
	display:none!important;
}
.visualizzazione #mobileMenuAndBottom{
	display:none!important;
}
.visualizzazione .primoblocco {
    min-height: auto!important;
}

.visualizzazione #page {
   padding-top:0px!important;
}
.visualizzazione .articlesContainerDiv {
   margin-top:10px!important;
   margin-bottom:200px!important;
}
.visualizzazione .row {
   margin-right:0px!important;
   margin-left:0px!important;
    margin-bottom:10px;
}

.visualizzazione .col-lg-12 {
   padding-right:0px!important;
   padding-left:0px!important;
}

.visualizzazione .bloccopagina {
min-height:auto!important
}

.visualizzazione #cookiePopup{
	display:none!important;	
}

.visualizzazione .fondopopup{
	display:none!important;	
}
.visualizzazione .risparmi{
	display:none!important;	
}

.visualizzazione .modilink{
	display:none!important;	
}

.visualizzazione #popiva{
	display:none!important;	
}

.visualizzazione .cuore{
	display:none!important;	
}

.visualizzazione .codice{
	display:block!important;	
	top: 206px!important;
    left:5px!important;
    font-size:10px;
}
.visualizzazione .enoS{
width: 20px !important;
height: 20px !important;    
}
.visualizzazione .containerHappromo {
	display:none!important;	
}
.visualizzazione #homesotto {
	display:none!important;	
}

body.visualizzazione {
/* background-image: url(../../images/fondono.gif); */
background-position:center;
background-size:auto;
background-repeat:no-repeat;
}


.premio strong::after{
	content:"/100";
	font-size:12px;
	color:#CCC;	
}


@media (max-width: 1100px) {
.descrizione #mioTab{
display:none!important;	
}
.descrizione #mioTab2{
display:none!important;	
}
.descrizione .tab-pane{
	padding:5px!important;
	margin-bottom:0px!important;
}
.descrizione .tab-content{
	margin-bottom:20px;
}

.descrizione .tab-pane::before{
	display:block;
	color: #000000;
	font-size:20px;

    width: fit-content;
	margin-bottom:3px;

    padding: 3px 0px;
    border-radius: 12px 12px 0px 0px;
	
	
	
}
.descrizione .tab-pane p {
    border-top: 1px solid #999;
    margin-top: -3px;
    padding-top: 10px;
}

.descrizione .tab-pane.active{
display:block!important;	
}

#dv1, #dv2, #dv3, #dv4, #dv5, #db1, #db2, #db3, #db4{
	display:block;
}
#dv1::before{
	content:"Storia prodotto";
}
#dv2::before{
	content:"Info cantina";
}
#dv3::before{
	content:"Note degustative";
}
#dv4::before{
	content:"Componenti";
}
#dv5::before{
	content:"Premi";
}
#db1::before{
	content:"Info prodotto";
}
#db2::before{
	content:"Storia produttore";
}
#db3::before{
	content:"Note degustative";
}
#db4::before{
	content:"Abbinamenti";
}
}

.destra .cuore {
	top:7px;
	height: 30px;
	width: 30px;
	background-size: 30px 30px;
	opacity: 1;
}
.destra .picone {
    top: 35px;
    right: 0px;

}

.azzeraFiltri {
    /* background-color: #CCC; */
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 11px;
   	color:#808080; 
    padding: 4px 10px;
    margin-right: 16px;
    margin-top: 5px;
    border-radius: 7px;
	font-weight: normal;
}

.azzeraFiltri:hover{
	color:#000;
}

#menuCol .azzeraFiltri {
    position: absolute;
    right: -16px;
    top: 17px;
    text-decoration: underline;
}


.visualizzazione .maxibanner img {
	opacity:0;
}
.visualizzazione .maxibanner {
	background-image: url('/webdoreca/ecommerce/images/sliderv.gif');	
	background-size:cover;
	background-position:center;
}


.catalogo {
	display: none;
}
#omini.catalogo{
background-color:#FFFFFF!important;
}
.visualizzazione .catalogo {
	display: block;
}

.visualizzazione .nocatalogo {
	display: none;
}

.visualizzazione .searchbox {
	top:10px!important;right:10px!important;max-width: 250px;
z-index:99;
	}



@media only screen and (max-width: 900px){
	.visualizzazione .searchbox {
	max-width: 134px;

	}
}

@media only screen and (max-width: 600px){
    .visualizzazione.lista .enoS{
        display: none !important;
    }
    .visualizzazione.lista .verde,.visualizzazione.lista .giallo,.visualizzazione.lista .blue{
        width: 15px!important;
        height: 15px!important;
    }
    .visualizzazione.lista .scpdf{
        display: none !important;
    }
    .visualizzazione.lista .titolo{
        width: 61%;
    }
	.visualizzazione .destra {
    min-height: auto!important;
}
	.visualizzazione .mainCenterContainer{
		margin-right:10px;		
	}
	
	.visualizzazione .toProfile {
		padding-right:0px!important;
		padding-left:0px!important;
	}
	
	.visualizzazione .searchbox {
	max-width: initial;

	}
.visualizzazione .searchbox {
	top:65px!important;
}
.visualizzazione .bloccopagina {
	margin-top:20px;
}
}

.sinistra .frecciadx {
	position:absolute;
	top:250px;
	right:5px;
	width:20px;
	height:40px;
	background-image: url('/webdoreca/ecommerce/images/freccia_dx.png');
	background-repeat:no-repeat;
	z-index:90;
	cursor:pointer;
}
.sinistra .frecciasx {
	position:absolute;
	top:250px;
	left:5px;
	width:20px;
	height:40px;
	background-image: url('/webdoreca/ecommerce/images/freccia_sx.png');
	background-repeat:no-repeat;
	z-index:90;
	cursor:pointer;
}

.sinistra .frecciadx:hover{
	/* background-image: url('/webdoreca/ecommerce/images/freccia_dx1.png'); */
	opacity:0.8;
}
.sinistra .frecciasx:hover{
	/* background-image: url('/webdoreca/ecommerce/images/freccia_sx1.png'); */
	opacity:0.8;
}

.cartAmountSpan{
	display:none;
}

.offertenero {
  /*  margin-left: calc((100vw - 100%) /2 * -1);
    margin-right: calc((100vw - 100%) /2 * -1);
    background-color: #ecefeb;
    padding: 30px 30px;
    margin-top: 35px;
    padding-top: 1px; */
}

.offertenero .articlesContainerDiv{
	max-width: 1540px;
    margin: auto;
}
.offertenero .articlesContainerDiv h2{
	color:black;
}

.strpezzo{
	top: 145px;
	right: 12px;
	position: absolute;
	display: block;
	z-index: 10;
	width: 40px;
	text-align: center;
/*	background-image: url(pezzi2.png); */
	background-size: contain;
	background-color: #FFFFFF;	
	border:1px solid #33333366;
	border-radius:0px;
	background-repeat: no-repeat;
	line-height: 11px;
	height: 32px;
	font-size: 8px;
	padding-top: 9px;
	padding-right: 3px;
	padding-left: 3px;
	opacity: 0.8;
	pointer-events: auto;
}
.attivo .strpezzo {
	opacity:1;	
	/* border-color:transparent; */
	background-color: #ecefeb;
	/* background-image: url(pezzi.png); */
}
.strpezzo strong{
	font-size:10px
}
.unpezzo .strpezzo{
top:105px;
}

.strpezzo.pz1{
/*	    transform: translate(6px, -6px);
	background-image: url(pezzo2.png); */
}
.pboxflex .strpezzo.pz1{
	    /* transform: translate(6px, -6px); */
}
.attivo .strpezzo.pz1{
	/* background-image: url(pezzo.png); */
}

.strpezzo.pz1{
	display:none;
}


.duepezzi .strpezzo.pz1{
	display:block;
}
.trepezzi .strpezzo.pz1{
	display:block;
}

.duepezzi .boxflex .box:first-child .strpezzo{
	top:105px;
}

.trepezzi .boxflex .box:first-child .strpezzo{
	top:105px;
}
.trepezzi .boxflex .box:nth-child(3) .strpezzo{
	top:186px;
}
.trepezzi .boxflex .box:nth-child(2) .strpezzo{
	top:145px;
}



#pricone{
   cursor:pointer;
   }
		
.premicon{
        background-color:#ecefeb;
        color:#000000;
        border-radius:5px;
        padding:0px 2px 0px 0px;
        text-align: center;
        width:30px;
        margin-bottom:2px;
        z-index:0;
        }
.premicon:hover{
        background-color: #666;
		color:#FFFFFF;
        }
.titpremio{
display: block;
    float: left;
    height: 100%;
    /* width: 130px; */
    /* font-weight: bold; */
    /* margin: 5px 15px; */
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-right: 10px;
        }
.votpremio {
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    height: 100%;
    display: block;
    float: left;
    font-weight: bold;
    /* border-left: 1px solid #DDDDDD; */
    background-color: #E3E3E3;
}
.tab-pane .premio{
    /* width: 100%; */
    float: left;
    margin: 5px 0px;
    margin-right: 20px;
    /* padding: 5px; */
    border: 1px solid #E3E3E3;
    /* border-radius: 20px; */
    text-align: left;
    font-size: 15px;
    /* overflow: hidden; */
    position: relative;
        }
.tab-pane .premio img{
        width:100%;
        }
.tab-pane strong{
        display:block;
        bottom:5px;
        right:43%;
        position:absolute;
        background-color:#666;
        color:white;
        border-radius:8px;
        padding:1px 5px;
        }
.picone strong{
        display:none;
        }



.bg-calendar{
            width: 85px;
            height: 85px;
            cursor: pointer;
			border:1px solid #ecefeb;

        }
.bg-calendar:hover{
            border:1px solid #ecefeb;
			box-shadow:1px 2px 6px #00000033;
}
.bg-calendar-desel{
            opacity: 30%;
            width: 85px;
            height: 85px;
            cursor: default;
        }
.bg-calendar-sel{
	background-color:#ecefeb;
            width: 85px;
            height: 85px;
        }
.bg-fascia{
	flex: 160px!important;
    color: #333;
    cursor: pointer;
    margin: 10px;
    margin-bottom: 1px;
 /*   background-color: #fde425; */
    padding: 4px 2px 0px 2px;
            border:1px solid #ecefeb;
}
.bg-fascia:hover{
            border:1px solid #ecefeb;
	box-shadow:2px 2px 6px #00000033;	
}

.bg-fascia-desel{
            width: 160px;
            opacity: 30%;
            cursor: default;
        }
.bg-fascia-sel{
width: 160px;
    color: #333333!important;
    background-color: #ecefeb;
    cursor: pointer;	
        }
.listFasce{
		overflow-y: auto;
		/* max-height:150px; */
		}
		
.verde,.giallo,.blue{
	position:absolute;
	width:20px;
	height:20px;
	border-radius:10px;
	top:5px;
	right:5px;
	border:1px solid white;
	z-index:25;
	}
	
.destra .verde,.destra .giallo, .destra .blue{
	width:20px;
	height: 20px;
    border-radius: 20px;
}	
.blue {
	border:1px solid gray;
}
.verde{
	background-color:limegreen;
}
.blue{
	background-color:yellow;
}
.giallo{
	background-color:red;
}

.verde::after{
    content: "Disponibile";
    padding-top: 1px;
    display:none;
    position: relative;
    top: -3px;
    right: 71px;
    width: 91px;
    text-align: center;
    background-color: limegreen;
	color:white;
    border-radius: 15px;
}

.verde:hover::after{
    display: block;
}





.blue::after{
    content: "In Arrivo";
    padding-top: 1px;
    display:none;
    position: relative;
    top: -3px;
    right: 71px;
    width: 91px;
    text-align: center;
    background-color: yellow;
	color:black;
	border:1px solid gray;
    border-radius: 15px;
}
.blue:hover::after{
    display: block;
}

.giallo::after{
	font-size:11px;
	line-height:23px;
	height:23px;
    content: "Non Disponibile";
    padding-top: 1px;
    display:none;
    position: relative;
    top: -3px;
    right: 71px;
    width: 91px;
    text-align: center;
    background-color: red;
	color:white;
    border-radius: 15px;
	z-index:30;
}
.giallo:hover::after{
    display: block;
}


.tipoS{
	width:30px;
	height:30px;
	top:0px;
	left:0px;
    margin-bottom:5px;
	z-index:15;
    background-image:url(/webdoreca/ecommerce/images/ico_esclusiva.svg);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	transition: all 0.5s;
}
/*
.tipoS:hover{
	width:100px;
	height:42px;
	top:30px;
	left:3px;
    background-image:url(esclusiva.png);
}
*/


.XLD {

    width: 30px;
    height: 30px;
    top: 0px;
    left: 0px;
    margin-bottom:5px;
	z-index:15;
    background-image:url(/webdoreca/ecommerce/images/ico_xxl.svg);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
}



#pricone {
    display:none;
    width: 30px;
    height: 30px;
    top: 0px;
    left: 0px;
    margin-bottom:5px;
	z-index:15;
    background-image:url(/webdoreca/ecommerce/images/ico_premio.svg);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
}
#pricone div{
display:none;
}
.premiati {
    width: 30px;
    height: 30px;
    top: 0px;
    left: 0px;
    margin-bottom:5px;
    margin-top: 3px;
    z-index:15;
    background-image:url(/webdoreca/ecommerce/images/ico_premio.svg);
    background-size:100%;
    background-repeat:no-repeat;
    background-position:center;
}

.cartone {
    width: 30px;
    height: 30px;
    top: 0px;
    left: 0px;
    margin-bottom:5px;
	z-index:15;
    background-image:url(/webdoreca/ecommerce/images/ico_cartone.svg);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
    display:none;
}


.enoS{
	position:absolute;
	width:30px;
	height:30px;
	border-radius:10px;
	top:70px;
	right:5px;
	border:1px solid #777;
	z-index:20;
	background-color:#777;	
	color:white;
    background-image:url(consegne1.png);
	background-size:80%;
	background-repeat:no-repeat;
	background-position:center;
}

.destra .enoS{
	width:30px;
	height: 30px;
    border-radius: 20px;
	top:75px;
}
.destra .tipoS{
	left:auto;
	width:80px;
	right:-5px;
	height: 80px;
	top:90px;
}
.enoS::after{
display:none;
}
.enoS:hover::after{
	display:block;
	background-image:none;
	font-size:14px;
	font-weight:normal;
	padding-top:2px;
	position:absolute;
	top: -3px;
    right: 0px;
    width: 91px;
	text-align:center;
    content: "Su richiesta";
	background-color:#777;
	color:white;
    border-radius: 15px;
	}


	/*
.destra .enoS:hover::after{
    padding-top: 6px;
    top: -1px;
    height: 31px;
}

.destra .giallo::after{
	padding-top: 6px;
    top: -1px;
    right: 61px;
    height: 31px;
}
.destra .blue::after{
	padding-top: 6px;
    top: -1px;
    right: 61px;
    height: 31px;
}
.destra .verde::after{
	padding-top: 6px;
    top: -1px;
    right: 61px;
    height: 31px;
}
*/

.sololista{
	display:none;
}













.lista .codice {
	display:block!important;
	position:absolute;
	top: 23px!important;
	left:0px;
	width: 100px;
	font-size: 13px;
	color:gray;
}


.lista .categoryPage ul.articlesContainer > li {
	width:100%!important;
	height:70px!important;
	margin-bottom:0px!important;
}

.lista .categoryPage ul.articlesContainer > .singleSelected {
	height: 115px!important;
}

.lista .fotobox{
	text-align:left;
}



.lista .fotobox img{
	height:70px;
	margin-left: 100px!important;
	transition: all 0.5s;
}

.lista.noprezzi .fotobox img{

    margin-left: 100px!important;
}

.lista .fotobox img:hover{
transform: scale3d(2.5, 2.5, 1) translate(0px, -12px);
}

/*
  animation-name: example;
  animation-duration: 4s;
animation-iteration-count: 1;
@keyframes example {
  0%   {transform: scale3d(2, 2, 1) translate(0px, 5px);}
  50%  {transform: scale3d(2.5, 2.5, 1) translate(0px, -14px);}
  100% {transform: scale3d(3, 3, 1) translate(0px, -14px);}
}
*/
.lista .titolo{
	top:5px;
border: none;
left: 160px;
text-align: left;
    width: calc(90% - 280px);
-webkit-line-clamp: 1!important;
}

.lista.noprezzi .titolo{
    padding: 13px 0px;
}

.lista .articlesContainer .verde,.lista .articlesContainer .giallo, .lista .articlesContainer .blue{
top:18px;
right:20px;
}

.scpdf{
    display:none;
}

.visualizzazione .scpdf{
position:absolute;
background-image: url(/webdoreca/ecommerce/images/pdf.png);
background-size:cover;
border-radius:50%;
z-index: 19;
width:20px;
height:20px;
top: 38px;
right: 5px;
cursor:pointer;
}

.lista .scpdf{
top: 18px;
right: 90px;
}
.destra .scpdf{
    top: 41px; 
    right: 5px;
}



.scpdf::after{
    content: "Scheda Tecnica";
    padding-top: 1px;
    display:none;
    position: relative;
    top: 0px;
    right: 95px;
    width: 115px;
    text-align: center;
    background-color: rgb(211, 24, 24);
	color:white;
    border-radius: 15px;
    font-size:14px;
}

.scpdf:hover::after{
    display: block;
}





.lista .articlesContainer .enoS{
top: 18px;
    right: 55px;
    height: 20px;
    width: 20px;
}


.lista .articlesContainer .tipoS {
    left: 5px;
    top: 1px;
    width: 20px;
    height: 20px;
}

.lista .articlesContainer .tipoS:hover{
left:auto;
top:-5px;
margin-right: -17px;
width:70px;
height:70px;
}



@media only screen and (max-width: 900px){
	.lista .articlesContainer  .enoS{
right:42px;
}
.lista .articlesContainer .tipoS{
	right: 64px;
}
.lista .articlesContainer  .scpdf{
    right:64px;
    }
}


@media only screen and (max-width: 600px){

.evimarchibox h3{
    font-size:15px!important;
}

.lista .codice {
    top: 2px!important;
    left: 36px!important;
    font-size: 10px;
}
	
.lista .fotobox img{
margin-left:0px;	
}	
.lista .titolo{
left:55px;
top:13px;
-webkit-line-clamp: 2;
height: 30px;
width: calc(100% - 150px);
}

}


.lista .articlesContainer li:hover {
    margin-top: 0px!important;
	border-color:black!important;
    box-shadow: none!important;
}
.sololista{
	display:block;
}

.contcnr{
	display:none;
}


.backh{
    width: 160px;
    position: absolute;
    background-color: #eFeFeF;
    height: 22px;
    top: -10px;
    left: 0px;
    border-radius: 10px;
    pointer-events: none;    
}
.backh::before{
    content: "Torna alla Homepage";
    color: black;
    font-size: 14px;
    width: 100%;
    text-align: center;
    display: block;
}


.lista .contcnr{
	display:block;
	position:absolute;
	left: 176px;
    top: 32px;
    font-size: 14px;
    color: #888888;
    width: calc(100% - 290px);
	text-transform: uppercase;
	text-align:left;
	z-index:15;
   

}
.lista .contcnr span{
	    -webkit-line-clamp: 1;
		 height: 17px;
			overflow:hidden;
}

.lista .contcnr .catelista{
	position:absolute;
	width:33%;
	left:0%;
}
.lista .contcnr .nazilista{
	position:absolute;
	left:33%;
	width:33%;
}
.lista .contcnr .regiolista{
	position:absolute;
	left:66%;
	width:33%;
}

@media only screen and (max-width: 992px) {
	
	.lista .contcnr{
    font-size: 10px;
	}
}


@media only screen and (max-width: 600px) {
	.backh {
        width: 90px;
        height: 46px;
        top:10px;
        left:10px;
    }
	.lista .contcnr{
        left: 67px;
        top: 44px;
        height: 15px;
        width: calc(100% - 73px);
	}
}





.infoagente {
		display:none;
}

@media only screen and (min-width: 300px){
.infoagente {
    position: absolute;
    color: #666666;
    left: 10px;
    top: 20px;
	display:block;
}
.codagente {
	display:none;
}

.deposito::before{
	content: var(--testoDeposito);			/*"dep. ";*/
	color:#AAAAAA;
}
.depositi .deposito::before{
	content:var(--testoDeposito);			/*"dep. ";*/
	color:#AAAAAA;
}
.admin .deposito::before{
	content:"cod. ";
	color:#AAAAAA;
}


    .infoagente span{
    margin-right:10px;
    }
.nomeagente::before{
	content:"";
	color:#AAAAAA;
}
.depositi .nomeagente::before{
	content:"catalogo: ";
	color:#AAAAAA;
}
.admin .nomeagente::before{
	content:"ADMIN dep: ";
	color:#AAAAAA;
}
}

@media only screen and (max-width: 600px){
    .infoagente {
    top: 65px;
    }
    .deposito {
display:block;

    }
}


.switch {
position: absolute;
    display: inline-block;
    width: 60px;
    height: 34px;
    top: 3px;
    right: 5px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.swider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.swider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .swider {
  background-color: green;
}

input:focus + .swider {
  box-shadow: 0 0 1px green;
}

input:checked + .swider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.swider.round {
  border-radius: 34px;
}

.swider.round:before {
  border-radius: 50%;
}

.lswitch {
padding-left: 10px;
    padding-right: 10px;
    line-height: 42px;
    height:42px;
    border: 1px solid #CCCCCC;
    background-color:#FFFFFF;
    /* display: block; */
    float: left;
    width: 100%;
    font-size: 14px;
    margin-top: 12px;
    /* margin-left: 18px; */
    color: #666666;
    border-radius: 26px;
    position: relative;                 
                  }



.depositi .verde{
	display:none;
}
.depositi .blue{
	display:none;
}
.depositi .giallo{
	display:none;
}
.depositi .enoS{
	display:none;
}

.depositi .surichiesta{
	display:none;	
}

.admin .modilink{
	display:inline!important;	
}

.superadmin .modilink{
	display:inline!important;	
}


.soloadmin{
	display:none;	
}
.admin .soloadmin{
	display:inline-block;	
}

#iubenda-cs-banner div.iubenda-cs-brand {
	display:none!important;	
}
.barrato2{
	display:none;
	
}
.barrato {
    /* display: none; */
    position: absolute;
    top: 355px;
    color: #666666!important;
    z-index: 10;
    font-size: 16px;
    width: calc(50% - 15px);
    text-align: center;
}
.unpezzo .box[data-multi="1"] .barrato{
 	width:calc(100% - 15px);
}

.finito .barrato{
display:none!important;
}
.finito .ptot{
display:none!important;
}
.visualizzazione .finito .ptot{
    display:block!important;
    }
#bannerino {
    background-color: transparent!important;
    width: 100%;
    background-size: cover;
    height: 68px!important;
    background-position: center center;
    text-align: center;
    position: relative;
    background-image: none!important;
}

#bannerino div {
    color: black!important;
    /* padding: 0px 20px; */
    font-size: 30px!important;
    font-weight: bold;
    border-radius: 10px;
    /* background-color: #f4dc14; */
    /* width: fit-content!important; */
    /* margin: auto; */
    display: inline-block;
    position: relative!important;
    margin-top: 39px;
    text-shadow: none!important;
    font-family: 'aktiv-grotesk'!important;
    /* box-shadow: 2px 5px 5px #00000033; */
    text-transform: lowercase;
    text-align: left!important;
    text-transform: capitalize;
}

.mainCenterContainer{
	margin-right:10px;
margin-left:10px;	
    position: relative;
}

@media (max-width: 576px){
#bannerino {
    height: 90px!important;
}
#bannerino div {
	    margin-top: 33px;
}
	.trerighe {
		    margin-bottom: 0px;
	}
.visualizzazione .trerighe {
	margin-bottom:33px;
}
}

#iubenda-cs-banner .iubenda-cs-opt-group .iubenda-cs-opt-group-consent button.iubenda-cs-reject-btn{
	background-color:white!important;
	color:black!important;
	border-radius: 10px!important;
}
#iubenda-cs-banner .iubenda-cs-opt-group .iubenda-cs-opt-group-consent button.iubenda-cs-accept-btn{
	background-color:white!important;
	color:black!important;
	border-radius: 10px!important;
}

.visualizzazione .boxflex {
display:none!important;
color:transparent;
}
.visualizzazione .boxflex .box {
color:transparent;
}

.visualizzazione .boxflex .strpezzo{
display:none!important;
}
.visualizzazione .boxflex .ppezzo{
background-color: transparent;
    color: black;
    top: 10px;
    font-size:18px;
    text-align: center;
    margin-left: 5px;
    width: 35%;
    border: none;
}



.visualizzazione.agenti .boxflex {
display:block!important;
}
.visualizzazione.agenti .pboxflex {
display:block!important;
}

.visualizzazione .pboxflex .box {
color:transparent;
display:none;
}
.visualizzazione .pboxflex .box.attivo {
display:block;
}
.visualizzazione .pboxflex .ptot {
display:block;
color:black;
}
.visualizzazione .pboxflex .strpezzo {
display:none!important;
}


.visualizzazione.depositi.agenti .boxflex {
display:none!important;
}

.visualizzazione.depositi.agenti .pboxflex {
    display:none!important;
    }

.visualizzazione .evicat .amarchio:hover {
    background-image: none;
}


.lista.visualizzazione .boxflex .ppezzo {
    left: 75%;
	width: 12%;
    top:5px;
}

@media (max-width: 1100px){

	.lista.visualizzazione .boxflex .ppezzo {
    bottom: 3px;
}
}


@media (max-width: 979px){
    .visualizzazione .boxflex .ppezzo{
bottom: 51px;
    height: 40px;
    width: 35%;
    text-align: center;
    }
	.lista.visualizzazione .boxflex .ppezzo {
    bottom: 10px;
}
}


@media (max-width: 600px){
.lista.visualizzazione .boxflex .ppezzo {
    bottom: -4px;
    left: 70%;
}
.lista.visualizzazione .catelista{
	/* display:none; */
}
}


.visualizzazione.agenti .cercaCliente {
display:block!important;
}
.visualizzazione.depositi.agenti .cercaCliente {
display:none!important;
}


.visualizzazione.agenti .searchbox.cercaCliente {
    right: 160px!important;
}
.visualizzazione.agenti .searchbox {
max-width:150px;
}


@media only screen and (max-width: 600px) {
	.visualizzazione.agenti .searchbox.cercaCliente {
    right: 50%!important;
	max-width:50%!important;
	background-color:white;
}
	.visualizzazione.agenti .searchbox.cercaProdotto {
left: 50%!important;
max-width:50%!important;
background-color:white;
}


	
}

@media (max-width: 700px) and (min-width:600px){
		.visualizzazione .logoHeader{
			display:none;
			
		}
}

.destra .tipoS{
	display:none;
}

.visualizzazione .destra .ptot{
/*	right: 38px;
    left: auto;
    top: -64px;
    font-size: 20px;
    height: 30px; */


    right: auto;
    font-size: 20px;
    height: 30px;
	
	
}
.visualizzazione .destra .ptot strong{
	font-size:32px;
}

.visualizzazione .spanpz{
	display:inline;
	font-size:1px;
	color:transparent;
	
}
.visualizzazione.lista .spanpz{
	display:inline-block;
	margin-left:2px;
	
}
.visualizzazione .spanpz::after{
    font-size: 9px;
    content: "+iva";
    color: #666666;
    width: 100%;
    display: block;
    text-align: center;
}

.visualizzazione .destra .spanpz:after{
	font-size:15px;
	margin-left:5px;
	    display: inline;
}

.qr.adb .spanpz::after{
    content:"";
}

@media (min-width: 600px) {
.visualizzazione .sinistra{
    min-height: 720px;
}
}





/* provvisorio */
.visualizzazione.agenti .boxflex {
display:block!important;
}
.visualizzazione.admin .boxflex {
display:block!important;
}
.visualizzazione.agenti .pboxflex {
display:block!important;
}
.visualizzazione.admin .pboxflex {
display:block!important;
}



.visualizzazione.filiale .boxflex {
display:block!important;
}
.visualizzazione.filiale .pboxflex {
display:block!important;
}

/* provvisorio */


.btnPDF {
	border-radius:15px;
font-size:13px;
border:1px solid #999999;
margin:0px 5px;
padding:3px 10px;	
}

.flaglista{
   width: 92px!important;
    float: left;
}


.cookies{
	position:fixed;
	border:1px solid #333333;
	width:550px;
	max-width:80%;
	bottom:5px;
	right:5px;
	border-radius:20px;
	background-color:white;
	padding:10px;
	z-index:9999;
	font-size: 13px;
}
.incookies{
	padding:10px;	
	text-align:center;
}
.incookies p{
	text-align:left;
	margin-bottom:10px;	
}
.incookies strong{
	font-size:15px;
	margin-bottom:5px;
	display:block;
}
.incookies .btn{
    max-width: 45%;
    min-width: inherit!important;
    margin: 5px!important;
    padding: 10px 13px!important;
    background-color: #00000010!important;
    border: 1px solid #00000010!important;
    color: #333333;
    font-size: 13px;
}

.incookies .btn:hover{
	background-color:#FFFFFF!important;	
	border:1px solid #333333!important;
}
.incookies .verdone{
	background-color:#333333!important;
	color:white!important;
}
.incookies .verdone:hover{
	background-color:#333333CC!important;
}

.offertenero .interno {
/*	padding-left:0px;
	padding-right:0px; */
	max-width:1600px;
}

.splide__arrow{
	background-color:transparent!important;
	    bottom: calc(50% - 15px)!important;
}
.splide__arrow svg {
    fill: #FFFFFF!important;
    height: 30px!important;
    width: 30px!important;
	filter: drop-shadow(0px 0px 3px black)!important;
}

#hoff00021 h2{
	/* display:none;	 */
}

.logoHeader img{
	content:url("/webdoreca/ecommerce/images/doreca_business.svg");	
}

.splide {
    border-radius: 20px;
    overflow: hidden;
}

#dv4{
	display:none;
}

.scon .ppezzo{
	color:#e69f2a;
}

.XLD {
	display:none;	
}

.numeretto {
font-size:22px!important;	
}

.purchaseBtn{
	display:none!important;
}


.cartButtonsDiv a{
	text-decoration:none!important;
}

.cancelOrderBtn {
	position:relative;
}
.cancelOrderBtn i::before{
	content:" ";
	background-image: url("/webdoreca/ecommerce/images/SvuotaTutto.svg");
	width:20px;
	height:20px;
	display:block;
	position: absolute;
	left: 0px;
	top: 6px;
}

.totalicart{
                                                    background-color:#e3e3e3!important;
                                                    }

input[type="checkbox"] {
    accent-color: #333333!important;
    color: white!important;
}

.firstRow .titolo{
	padding:0px;	
	text-transform: inherit;
}

.icheck-primary>input:first-child:checked+input[type=hidden]+label::before, .icheck-primary>input:first-child:checked+label::before {
    background-color: #333333!important;
    border-color: #333333!important;
}
.clazienda .icheck-primary>input:first-child:checked+input[type=hidden]+label::before,.clazienda  .icheck-primary>input:first-child:checked+label::before {
    background-color: #000000!important;
    border-color: #000000!important;
}

.se-pre-con{
	display:none!important;	
}

.shadow.rounded{
    box-shadow: none!important;
/*	border-radius:20px!important; */
	border: 1px solid #00000033;
}
.shadow.rounded:hover{
	border: 1px solid #00000066;
}

.card-deck .card-body{
	padding:15px 10px;
}

button{
	border-radius:0px!important;
}
#card-button{
	border:none!important;
}
.clprivato #card-button{
	background-color:#333333
}
#card-button:hover{
	background-color:#333333
	opacity:0.8;
}
#selectConsegna{
	border-radius:0px!important;
}

button.swal2-cancel{
	color:#333333!important;
background-color:#FFFFFF!important;
border:1px solid #666666!important;	
}
button.swal2-cancel:hover{
	background-color:#ecefeb!important;
    background-image:none!important;
}


.paypal-buttons-context-iframe{
	min-width:auto!important;
    overflow: hidden;
	}
#paypal-button-container{
    position: relative;
    width: 200px;
    margin: auto;
    max-width: 100%;
    bottom: 9px;
    z-index: 10;
    overflow: hidden;
}

.card-footer button{
	width:100%!important;
	max-width:180px!important;
}

.text-white.bg-danger {
    background-color: transparent!important;
    color: #000000!important;
}

.titFiltri{
	display:none;
}

@media only screen and (max-width: 600px) {
	#descat{
		display:none;		
	}
    .leggitutto{
    display:none;
    }
    
		 
}

.piccolo{
	max-width:1000px;
margin:auto;	
}


.carousel-control-next, .carousel-control-prev {
    width: 30px!important;
}

#orderTable th {
    font-size: 12px;
}

#userSpan{
	display:none;
}



	  .col20{
        flex:20%;
        max-width:20%;
        text-align:center;
        }
	  .col25{
        flex:25%;
        max-width:25%;
        text-align:center;
        }
	  
        @media (max-width:600px){
			.col20,.col25{
			flex:50%;
			max-width:50%;				
			}
			
            .schedaneg{
            flex-wrap: wrap;
            }
            .scheda{
            width:calc(100% - 100px);
            }
            .schedaneg .geociccio{
            max-height: 80px;
            }
            .scheda.orario{
            margin-top:5px;
            }
        }    
		
		
   .happbase main{
    padding-top:50px;
	margin-top:10px;
	    min-height: 65vh;
       overflow:visible;
    padding-bottom:133px;
    }    
		
		
    #premain{
    margin-top:125px;
    }
	

    .testapagina {
    background-color: #678262;
    background-size: cover;
    background-position: 50% 20%;
    height: 250px;
    display: flex;
    box-shadow: inset 0px 0px 50px #00000033;
}
    .testapagina h1 {
    display: block;
    font-size: 50px;
    align-self: center;
    color: white;
    width: 100%;
    text-align: center;
    text-shadow: 2px 2px 7px #000000;
}
    
    	  @media (max-width:991px){

.visualizzazione .codice{
top:149px!important;    
}
.lista .codice{
    top:23px!important;    
    }
    
.flaglista{
    font-size: 11px;
    top: 6px;
    right: 10px;
    text-align: right;
    width: auto !important;
}
            
			   #premain{
			       margin-top:66px;
			   }
			   .testapagina {
    height: 200px;
		   }
		   .testapagina h1 {
		   font-size:43px!important;
	
		   }
		   }
		   
		      @media (max-width:600px){
                .lista .codice{
                    top:2px!important;    
                    }
			   #premain{
			       margin-top:2px;
			   }
		}
		
		
		.spazio {
	margin-top:40px;
	margin-bottom:40px;
}





    .schedett{
    width:100px;
    align-self:center;
    text-align:center;
    }
   .desfaq .btn{
    min-width: 130px!important;
    padding: 2px;
    margin: 0px;
    color:#333333;
    text-decoration:none;
    border:1px solid #00000010;
    background-color:#00000010;
    }
    .desfaq .btn:hover{
    background-color:#FFFFFF;
    border-color:#333333;
    }
@media (max-width:991px){
    .schedett {
         /*  width: 100%; */
    text-align: right; 
    }
    .desfaq {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    }
    .scheda{
    width:100%;
    }
    }
    .orario{
    line-height: 20px;
    margin-top:0px!important;
    align-self: center;
    }
    .desfaq {

    max-height: 1800px;
    }

    
	   .titofaq{
        cursor:pointer;
        width:100%;
        padding:3px 10px;
        background-color:#00000010;
        color:#333333;
        margin: 3px;
        font-size:18px;
    }
        
        .titofaq:before {
            margin-right:5px;
            margin-left:5px;
            font-weight: bold;
        content: "\002b";
        }
        
        .aperto.titofaq:before {
        content: "\2212";
        }
            
        
        .aperto{
        color:#FFFFFF;
        background-color:#333333;
	border-radius: 0px;
    border-bottom: 4px solid white;
        }
        .chiuso.desfaq{
        max-height:0px!important;
        transition: all 0.2s ease;
        }
        .desfaq {
    overflow: hidden;
    margin-bottom: 10px;
    /* margin-left: 10px; */
    transition: all 2s ease;
    max-height: 3000px;
    /* padding-left: 25px; */
    /* padding-right: 25px; */
        }
		
    
        .schedaneg{
    display: flex;
    padding: 5px;
    border-bottom: 1px solid #00000010;
    position: relative;
    overflow: visible;
    padding-left: 33px;
    padding-right: 43px;
}
        
        .scheda{
        width:calc(50% - 50px);
        line-height: 1.4;
        }
        

        
        
        .scheda.orario{
        font-size:13px;
        margin-top:8px;
        }
        .schedaneg .geociccio{
    background-image: url(/webdoreca/ecommerce/images/Ico_Geo.svg);
    background-size: contain;
    content: " ";
    width: 15px;
    height: 32px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 6px;
    top: 0px;
    opacity: 0.8;
    mix-blend-mode: luminosity;
        }
    
    

	  
        @media (max-width:600px){
			.col20,.col25{
			flex:50%;
			max-width:50%;				
			}
			
            .schedaneg{
            flex-wrap: wrap;
            }
            .scheda{
            width:calc(100% - 100px);
            }
            .schedaneg .geociccio{
            max-height: 80px;
            }
            .scheda.orario{
            margin-top:5px;
            }
        }    
        
    
	
	
	  .btn{
    color:#000000!important;
    border:1px solid #f2f2f2!important;
    background-color:#FFFFFF!important;
	border-radius:0px!important;
	padding:11px 13px!important;
    box-shadow: 1px 2px 4px #00000011;
    }
    .btn:hover{
    border:1px solid #f2f2f2!important;
    background-color:#f2f2f2!important;
color: #333333!important;
}
	
	
    .btnv{
    background-color:#333333!important;
        color:#FFFFFF!important;
	border:0px!important;
	padding:5px 20px!important;
	border-radius:0px!important;
    }
    .btnv:hover{
        opacity:0.9;
    background-color:#333333!important;
        color:#FFFFFF!important;
	border:0px!important;
    }
    
	.sbanner .item{
		cursor:pointer;		
		border-radius:0px;
		overflow:hidden;
	}
	
	.test{
		display:none;
height:10px;		
	}
	
	#caroselloOfferte{
		margin-bottom:60px;	
      /* display:none; */
	}
	
	
	.owl-carousel .owl-nav button.owl-prev span {
		display:none;
	}
		.owl-carousel .owl-nav button.owl-prev {
	background-image:url('/webdoreca/ecommerce/images/frsx1.png')!important;
	background-size:contain!important;
background-repeat: no-repeat!important;
    width: 30px!important;
    left:-17px;
	}
		
	.owl-carousel .owl-nav button.owl-next span {
		display:none;
	}
		.owl-carousel .owl-nav button.owl-next {
	background-image:url('/webdoreca/ecommerce/images/frdx1.png')!important;
	background-size:contain!important;
background-repeat: no-repeat!important;
    width: 30px!important;
    right:-17px;
	}
	
.scategorie.owl-carousel .owl-nav button.owl-next {
right:-16px!important;
margin:0px!important;
}

.scategorie.owl-carousel .owl-nav button.owl-prev {
left:-16px!important;
margin:0px!important;
}

@media (max-width:500px){
    
 .scategorie.owl-carousel .owl-nav button.owl-next {
right:-16px!important;
margin:0px!important;
}

.scategorie.owl-carousel .owl-nav button.owl-prev {
left:-16px!important;
margin:0px!important;
}   
    
.sbanner.owl-carousel .owl-nav button.owl-next {   
    right:-7px!important;
    margin:0px;
    }
.sbanner.owl-carousel .owl-nav button.owl-prev {   
    left:-12px!important;
    margin:0px;
    }
    
#slideronecat{
margin-left:15px;
width:calc(100% - 30px);
}

    .bloccomappa{
        margin-right: 10px;
    margin-left: 10px;
    }
    
    
}

.scategorie.owl-carousel .item{
margin-left:5px;
}

	
.fa-angle-right:before {
    content: " "!important;
	background-image:url('/webdoreca/ecommerce/images/frdx1.png')!important;
	background-size:contain!important;
background-repeat: no-repeat!important;
    background-position:right;
    width: 30px!important;
    height: 30px!important;
    display:block;
}
.fa-angle-left:before {
    content: " "!important;
	background-image:url('/webdoreca/ecommerce/images/frsx1.png')!important;
	background-size:contain!important;
background-repeat: no-repeat!important;
    background-position:left;
    width: 30px!important;
    height: 30px!important;
    display:block;
}





	
button#btn-contrassegno {
    padding: 2px 5px!important;
    font-size: 14px!important;
    font-family: 'aktiv-grotesk'!important;
    background-color: #000000!important;
    color: #FFFFFF!important;
    margin-bottom: 10px;

    padding-bottom:4px!important;
    height:35px;
    /* font-weight: bold; */
}
button#btn-creditcard{
        padding: 2px 5px!important;
    font-size: 16px!important;
    font-family: 'aktiv-grotesk'!important;
    margin-bottom: 10px;
    padding-bottom:4px!important;
    height:35px;
}


.btn.btn-selcard, .btn.btn-delcard {
    width: fit-content!important;
}

#paypal-button-container>div{
width: 200px;
    /* left: calc(50% - 100px); */
    display: block;
    height: 35px!important;
    background-color: #ffc439;
}
.checkout .card-deck .card-text{
display:none
}
.btn.btn-selcard{
    background-color: #1b4320!important;
    color: #FFFFFF!important;
}
.btn.btn-selcard:hover{
	opacity: 0.8;
}

a.numord{
font-weight:bold;	
text-decoration: underline;
}

.modal-body .table td{
	max-width:400px;	
    border-left: 1px solid #00000011;
}
.modal-body .table td:first-child{
    border-left: none;
}
.modal-body .table td .pr-4.mr-1 {
	white-space: wrap;
}
#btn-riordina.btn{
	background-color:#333333!important;
color:white!important;	
}
#btn-riordina.btn:hover{
	opacity:0.8;
}

.clagente .codice{
    display: block;
    top: auto;
    bottom: 55px;
    font-size: 11px;
    width: calc(100% - 15px);
}
.clagente .pcodice{
	font-size:14px;
	display:block!important;
	position:relative;
}
.clagente .acquisto0,.clagente .acquisto{
    pointer-events: none;
    opacity:0;
}

.scategorie .owl-stage-outer{
        height:300px!important;
    }
    .scategorie .item{
        height: 290px;
        position: relative; 
        cursor:pointer; 
    /*    transition:all 0.3s ease; */
    }

    .scategorie h4{
    /* background-color: #ecefeb; */
    background-color: #ffffff;
    color: black;
    position: absolute;
    bottom: 0px;
    left: 0px;
    font-size: 16px;
    margin: 0px;
    width: 100%;
    z-index: 10;
    height:40px;
    padding:10px;
    transition: all 0.3s ease;
    font-weight: bold;
    }
    .scategorie img{
height: 253px;
    position: absolute;
    /* top: 10px; */
    /* right: 10px; */
    transition: all 0.3s ease;
    width: 100%;
    object-fit: cover;
    }
    .scategorie .owl-item .item{
    top: 5px;
    width: calc(100% - 10px);
    margin-left: 6px;
    box-shadow: 1px 2px 4px #00000011;
    }

	@media (min-width:912px){
    .scategorie .owl-item:hover .item img {
        height:238px;
      /*  background-color:#cf6929; */
    }
    .scategorie .owl-item:hover .item {
    box-shadow: 1px 3px 6px #00000022;
    }    
        .scategorie .owl-item:hover .item h4 {
    bottom: 0px;
    top: auto;
    padding-top: 16px;
    height: 56px;
    font-size: 22px;
    font-weight: normal;
    }
	}

.scategorie.nolink .item{
cursor:auto!important;
}	

    .scategorie .owl-dot>span{
        display:none!important;
    }
    .scategorie .owl-nav>button {
        background:transparent!important;
        margin:20px!important;
        margin-top:-0px!important;
        width:40px!important;
    }

.owl-carousel .owl-nav button.owl-prev {
/*    background-image: url(/webdoreca/ecommerce/images/frsx1.png)!important; */
    }
.owl-carousel .owl-nav button.owl-next {
/*    background-image: url(/webdoreca/ecommerce/images/frdx1.png)!important; */
    }


#framecarte {
max-width: 400px;
margin:auto;
}

#DivMostrAltri{
    margin-top: 40px;
}

#mostrAltri{
    background-color: white!important;
    border-color: #00000099!important;
}
#mostrAltri:hover{
    background-color: #ecefeb!important;
    border-color: transparent!important;
}

#orderTable img{
float:right;
    width:20px;
}

.swal2-icon.swal2-info {
    border-color: #333333!important;
    color: #333333!important;
    width:50px!important;
    height:50px!important;
}

.swal2-icon.swal2-warning {
    border-color: #333333!important;
    color: #333333!important;
    width:50px!important;
    height:50px!important;
}

.clazienda .swal2-icon.swal2-warning {
    border-color: #000000!important;
    color: #000000!important;
}

.clazienda .swal2-icon.swal2-info {
    border-color: #000000!important;
    color: #000000!important;
}



.swal2-icon::before {
    height: 92%!important;
    font-size: 40px!important;
    font-weight: bold!important;
}

.checkout .card-title {
    text-align: center;
}
























/* PUNTI VENDITA */
    .limitino{
    max-width: 1253px;
    margin:auto;
    }
    
    .nuovap{
    background-color:#e40514;
        color:white;
    padding:2px 10px;
    border-radius:20px;
    margin-bottom:3px;
        width: fit-content;
    display:block;
    }
    
    .prossap{
    background-color:#333333;
        color:white;
    padding:2px 10px;
    border-radius:20px;
    margin-bottom:3px;
        width: fit-content;
    display:block;
    }
    






































/* eliminare 

.nomappa{
    position:absolute;
    top:10px;
        right:10px;
    background-color:white;
    border:1px solid #e2e7e1;
    padding:5px 10px;
    cursor:pointer;
    border-radius:20px;
    }
    .nomappa:hover{
    background-color:#e2e7e1;
    border-color:transparent;
    }
    .bloccomappa{
    border-top:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    padding-top:10px;
    padding-bottom:10px;
    }
    #mapstore{
    height:600px;
    background-color:aliceblue;
    }
    #instore{
    height:600px;
    overflow-x:hidden;
    overflow-y:auto;
    }
    .titofaq {
    position: sticky;
    top: 0px;
    z-index: 10;
    }
    .schedaneg{
    display:block;
    padding-left: 30px;
    padding-right: 5px;
    padding-top: 20px;
    padding-bottom: 20px;
    }
    .scheda.orario{
    padding-top:5px;
    }
    .schedaneg .geociccio{
    top:17px;
    }
    .scheda{
    width:100%;
    }
    .schedett{
    margin-top:10px;
    width:100%;
    text-align:left;
    }
    .desfaq .btn {
    min-width: 94px!important;
    padding: 0px!important;
    margin-bottom: 5px;
    margin-right: 7px;
    background-color: white!important;
    }
    .titcarosello{
    position: relative;
    display: block;
    width: 100%;
    height: calc(100vh - 122px);
    overflow: hidden;
    }
    .fuoriscritta{
    width:100%;
    position:absolute
    }
    .scrittona{
    max-width: 1570px;
    margin:auto;
    position:relative;
    z-index: 2;
    top:calc(50vh - 130px);
    padding:20px;
    font-size: 45px;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: 0px 0px 10px #000000BB;
    }
    .scrittona p{
    font-weight: normal;
    font-size:20px;
    }

*/


    .titcarosello .item>div{
    height: calc(100vh - 122px);
    width:100%;
    background-size:cover;
    background-position:center;
    background-repeat: no-repeat;
    }

    
    .boxstorti .alternati .col-6{
    padding:0px!important;
        display:flex;
    }
    .boxstorti .alternati .col-6 img{
     object-fit: cover;
    transform: scale3d(0.9, 0.9, 0.9) rotate(-2deg);
    }
    .boxstorti .alternati.girato .col-6 img{
    transform: scale3d(0.9, 0.9, 0.9) rotate(2deg);
    }
   .boxstorti .col-6.verdino{
    background-color:transparent;
    color:black;
    padding:20px;
    text-align:left;
    padding:5%!important;
        display:flex;
    font-size:20px;
        line-height: 1.6;
    }
    .boxstorti .verdino h1{
    font-size:25px!important;
    font-weight: bold;
    }
    .boxstorti .col-6.verdino>div{
    place-self:center;
    }
    
    
    
    @media (max-width:912px){
        .boxstorti .col-6{
        width:100%;
        max-width:100%;
        flex:100%;
        }
        .boxstorti .verdino h1{
    font-size:22px!important;
        }
        .boxstorti .alternati{
        flex-direction: row!important;
        }
    }








/* CHI SIAMO */


    
    .chisiamo .limite{
    max-width: 95vw;
    width: 1650px;
    }
    .chisiamo .owl-theme .owl-nav .owl-next{
    margin-top: -15px!important;
}
        .chisiamo .owl-theme .owl-nav .owl-p{
    margin-top: -15px!important;
}
    
    .chisiamo h1{
    font-size: 50px;   
    }    
    .chisiamo p{
    font-size: 20px;   
    }
    .boxettino {
        border-radius:20px;
        padding:20px;
        background-color:#333333;
        color:white;
         box-shadow: 1px 2px 6px #00000022;
        transition:all 0.3s ease;
    }
    .boxettino.inverso{
        color:#333333!important;
        background-color:white!important;
    }
    .boxettino:hover{
    opacity:0.8;
    color:white;
    }

    .boxettino div{
    display:Float;
    justify-content: center;
    }
    
    .boxettino img{
        height:85px;
        max-width:35%;
        float:right;
    }
    .boxettino h1{
        padding-top:10px;
        font-size:27px;
        text-align:center;
        float:left;
    }
    .boxettone{
    max-width:none;
    padding:0px!important;
    }
    .boxettone img{
    max-height:100px;
    }
    .boxettone div{
    height: 352px;
    font-size: 26px;
    padding: 40px;
    background-color: white;
    text-align: center;
    margin: 0px 20px;
        display:flex;
            box-shadow: 1px 2px 6px #00000022;
    }
    .boxettone span{
        width:100%;
    display:block;
        align-self: center;
    }
    .boxettone h1{
    font-size:30px!important;
        min-height: 75px;
    }
    
    
    
    
.fuorilimite{
    width: 100vw;
    margin-left: calc(50% - 50vw - 5px);    
   /* 
    width:300%;
    margin-left:-100%;
    margin-right:-100%; */
    background-color:#e3e3e3;
    }
    .dentrolimite{
    width:calc(100vw - 20px);
    }   
    .dentrolimite .row{
        margin-right: 10px;
    margin-left: 10px;
    }
    .sfondoslider{
    margin-top:-300px;
    height:200px;
    }
    
    .nomappa{
    position:absolute;
    top:10px;
        right:10px;
    background-color:white;
    border:1px solid #e2e7e1;
    padding:5px 10px;
    cursor:pointer;
    border-radius:20px;
    }
    .nomappa:hover{
    background-color:#e2e7e1;
    border-color:transparent;
    }
    .bloccomappa{
    border-top:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    padding-top:10px;
    padding-bottom:10px;
    }
    #mapstore{
    height:600px;
    background-color:aliceblue;
    }
    #instore{
    height:600px;
    overflow-x:hidden;
    overflow-y:auto;
    }

@media (max-width:991px){
    #instore{
    height:auto;
    }
}


    .titofaq {
    position: sticky;
    top: 0px;
    z-index: 10;
    }
    .schedaneg{
    display:block;
    padding-left: 30px;
    padding-right: 5px;
    padding-top: 20px;
    padding-bottom: 20px;
    }
    .scheda.orario{
    padding-top:5px;
    }
    .schedaneg .geociccio{
    top:17px;
    }
    .scheda{
    width:100%;
    }
    .schedett{
    margin-top:10px;
    width:100%;
    text-align:left;
    }
    .desfaq .btn {
    min-width: 94px!important;
    margin-bottom: 5px;
    margin-right: 7px;
    /* display: block; */
    /* background-color: white!important; */
    }
    .titcarosello{
    position: relative;
    display: block;
    width: 100%;
    height: calc(100vh - 122px);
    overflow: hidden;
    }
    .fuoriscritta{
    width:100%;
    position:absolute
    }
    .scrittona{
    max-width: 1570px;
    margin:auto;
    position:relative;
    z-index: 2;
    top:calc(50vh - 130px);
    padding:20px;
    font-size: 58px;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: 0px 0px 10px #000000BB;
    }
    .scrittona p{
    font-weight: normal;
    font-size:27px;
    }
.scrittona h1 {
    font-size: 58px;
    color: white;
    font-weight: bold;
}
    
    .titcarosello img{
    width:100%;
    height:100%;
    object-fit: cover;
    object-position: bottom;
    }

.titcarosello video{
width:100%;
height:100%;
}

    
    #slideronechis .owl-stage-outer {
    height: 400px!important;
}
    #slideronechis .item {
    height: 390px;
    }
    #slideronechis img{
    height:200px;
    }
    #slideronechis h4{
    height: 190px;
    font-size: 36px;
    padding: 53px 10px;
    font-weight: bold;
    }

    


    
    
    
    
    
    @media (max-width:1600px){
     .fuorilimite{
    width:calc(100% + 60px);
    margin-left:-30px;
    margin-right:-30px;
    }     
    }
    
       @media (max-width:1200px){
           
            .dentrolimite .col-lg-3{
widthy:50%;
max-width:50%;
flex:50%;
}       
}
        
    @media (max-width:991px){
 /*    .fuorilimite{
    width: calc(100% + 60px);
    margin-left: -30px;
    margin-right: -30px;
    } */     
        

        
        .fuorilimite h1{
        font-size:25px!important;
        }
        .fuorilimite h2{
        font-size:20px!important;
        }
        .fuorilimite p{
        font-size:15px!important;
        }
        .fuorilimite .btnv{
            font-size: 20px!important;
    padding: 10px 27px!important;
        }
    }
    
    
    
    
    
    
    
    @media (max-width:912px){
        
        .scrittona{
        font-size:40px!important;
        padding-right:10%!important;
        }
        .scrittona p{
        font-size:18px!important;
        }
        
        .titcarosello{
            height: calc(100vh - 115px);
        }
        
        .boxettino{
        padding:5px;
        }
      
            .chisiamo h1{
    font-size: 40px!important;   
    }  
            .boxettino h1{
        font-size:16px!important;
                width:100%;
                text-align:center;
        }  
       .boxettino .col-8{
        margin:0px;
        padding:0px 10px;
        }  
       .boxettino.col-3{
        width:50%;
        max-width:50%;
        flex:50%;
        }  
    .chisiamo p{
    font-size: 18px!important;   
    }
        
        .boxettone{
        margin:0px;
        padding:0px;
        width:50%!important;
        flex:50%!important;
        max-width: 50%!important;
        }
        
        .boxettone div{
        margin:5px;
        padding:5px
        }        
    .chisiamo .col-6{
        width:100%;
        max-width:100%;
        flex:100%;
        }
    .chisiamo .col6.verdino{
            font-size:18px;
            padding-top:1%;
        }
    .chisiamo .verdino h1{
    font-size:22px!important;
        }
    .chisiamo .alternati{
        flex-direction: row!important;
        }
    }


    
        

    
    
    @media (max-width:600px){
        
    .dentrolimite .col-lg-3{
widthy:100%;
max-width:100%;
flex:100%;
}    
        
      #slideronechis h4{
        font-size: 25px;  
    padding: 28px 5px;
    height: 120px;
        }
            #slideronechis img{
    height:170px;
    }
    #slideronechis .owl-stage-outer {
    height: 300px!important;
}
            #slideronechis .item {
    height: 290px;
    }
            .boxettone h1{
    font-size:20px!important;
    }
    }









/* EVENTI */


    .degustazione{
    border-bottom:1px solid #B3C0B0;
    padding-top:10px;
    padding-bottom:10px;
        align-items: center;
    }
    .degustazione:last-child{
    border:0;
    }
    .loghetto{
    align-self: center;
    text-align:center;
    }
    .pulsetto{
    align-self: center;
    }
    .loghetto img{
    max-width:160px;
    max-height:60px;
    margin-top:10px;
    margin-bottom:10px;
    }
    .cosaperso{
        margin-top:20px;
        margin-bottom:20px;
        padding:20px;
        background-color:#B3C0B063;
    }
    .cosaperso p{
    margin-bottom:0;
            font-size: 14px;
    }
    

    .eventi img{
    width:100%;
    max-height:400px;
    margin-bottom:10px;
    margin-top:10px;
    object-fit: cover;
    border-radius:20px;
    }
 
    .cosaperso h3{
    font-size:20px;
    margin:0;
    }
    .eventi h3{
font-size: 23px;
    margin-top: 5px;
        display:block;
        width: 100%;
        margin-bottom:0px
                display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    }
    .eventi h5{
    font-size: 15px;
        margin-bottom:18px;
            display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    }
    .btn{
    min-width: 130px!important;
    padding: 5px 10px;
    margin: 0px;
    color:#333333;
    text-decoration:none;
    border:1px solid #00000010;
    background-color:#ecefeb;
    font-size:15px!important;
    line-height: 1!important;
        text-transform: uppercase;
    }
    .eventi .btn{
    min-width: 160px!important;
    position: absolute;
    bottom: 5px;
    }
    .btn:hover{
    background-color:#FFFFFF;
    border-color:#333333;
    }
    .eventi p, .bannerone p{
    margin-bottom:10px;
    font-size:15px;
    position: absolute;
    bottom: 30px;
    width: calc(100% - 30px);
        border-top: 1px solid #b4c0b0;
        padding-top:5px;
    }
    .eventi .col-lg-4{
    margin-bottom:10px;
    height:487px;
    }
    .eventi.bordino .col-lg-4 div{
        padding:10px;
        border-radius:20px;
        border:1px solid #66666660;
        display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom:10px;
    }
    .eventi.bordino .col-lg-4 div:hover{
        background-color:#00000010
    }
    .radius-dx{
    border-radius:0px 20px 20px 0px;
    }
    .radius-sx{
    border-radius:20px 0px 0px 20px;
    }

@media (max-width:400px){
    .eventi img{    
    max-height:250px;
    } 
}      
    
@media(max-width:991px){
.eventi h3{
    font-size: 24px;
    }
.cosaperso h3{
    font-size: 24px;
    }
    .loghetto{
    text-align:left;
    }
    .pulsetto{
    margin-top:5px;
    margin-bottom:5px;
    }
}
       
@media (min-width:992px){
    .smargina{
    margin-top:-20px;
    }    
    .row.eventi{
    margin-top:40px;
    }
    .pulsetto{
    text-align:center;
    }
 
    .cosaperso{
   /* margin-left:-150%;
    margin-right:-150%; */
    }

}
    
    .popuppino .popdentro{
    border: 0;
    border-radius:0px;
    max-width:600px;
    max-height: 720px;
    background-color:#f3f3f3;
    text-align: center;
    overflow:hidden;
    border:3px solid #333333;
    width: calc(100% - 20px);
    margin: auto;
    display: block;
    height: calc(100% - 50px);
        position:relative;
    }
    .popuppino iframe{
    width:100%;
    height:100%;
    border:0;
    }
    .popuppino{
    position:fixed;
    display:flex;
    align-content: center;
    justify-content: center;
    width:100%;
    height:100%;
    z-index: 10000;
    background-color:#FFFFFFAA;

    }
    .chiudisotto{
    background-color:#333333;
            height: 54px;
    padding-top: 7px;
    } 

.chiudix{
background-image: url(/webdoreca/ecommerce/images/x3.png);
background-size: contain;
width:20px;
height:20px;
position:absolute;
right:20px;
top:20px;
cursor:pointer;
}
    .disabled{
        pointer-events: none;
        
    }
    @media (max-width: 991px) and (min-width: 600px){
.eventi>.col-lg-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
        }
    }

.introSideCartDiv .cancelOrderBtn i::before {
	position:relative;
}


.swal2-icon {
    margin: 1.25em auto 0px!important;
}

.svuotacarrello .swal2-styled.swal2-confirm {
background-color:#FFFFFF!important;
color:#333333!important;
border: 1px solid #666666!important
}

.svuotacarrello .swal2-styled.swal2-confirm:hover {
background-color:#ecefeb!important;
color:#000000!important;
}

#mobileMenuAndBottom #menuClose{
display:none; 
}



        
        .scrittona.mezza h1{
        max-width:40%;
        }
        .scrittona.mezza p {
    max-width: 40%;
}
        
        
    
    @media (max-width:912px){
        .scrittona.mezza{
        margin:5px;
        margin-top:110px;
        }
        .scrittona.mezza h1{
    font-size:26px!important;
        max-width:90%;
    }
        .scrittona.mezza p{
        font-size:15px!important;
        max-width:90%;
        }
    
        }
        

    
    .boxuccio{
    margin-left:50%;
    }
        .boxuccio p{
        font-size:20px;
        margin-bottom:10px;
        }

        @media (max-width:912px){
        .boxuccio h1{
            font-size:15px!important;
            }

        }


        .assinistra{
        width:50vw;
        top:0px;
        position:absolute;
        object-fit: cover;
        object-position: center;
        right:50%;
        height:100%;

        }
    
            .addestra{
        width:50vw;
        top:0px;
        position:absolute;
        object-fit: cover;
        object-position: center;
        right:0;
        height:100%;

        }
    
.owl-next.disabled{
opacity:0.2!important;
pointer-events: auto;
} 

.owl-prev.disabled{
opacity:0.2!important;
pointer-events: auto;
} 

#primariga{
margin-top:80px;
font-size:35px;
font-weight: bold;
}
#secondariga{
font-size:20px;
margin-bottom:80px;
}
#hoff00021{
text-align:left;
}
.containerHappromo h2{
text-align:left;
font-weight: bold;
}
@media (max-width:700px){
.containerHappromo h2{
font-size:26px;
    }
}



#myTabContent .btn{
    width:75%!important;
    margin-left:10px;
    margin-right:10px;
        margin-bottom:10px;
    }
    
    #myTabContent #btlogin.btnx{
    width:78%!important;
    }

    @media (max-width:767px){
        #myTabContent .btn{
            width:85%!important;
            }

        #myTabContent #btlogin.btnx{
        width:92%!important;
        }
        .row.piccolo{
        margin-left:0px;
        margin-right:0px;
        }
    }



.visualizzazione .tipoS{
position:absolute;
top: 66px;
border-radius: 50%;
left: 8px;
}
.lista .icone{
width:19px;   
}

#cd-cart .piuiva{
    font-size: 10px!important;
    margin-top: 6px;
    margin-left: 3px;
}


.buonoBtn.btn.btn-default{
height: 33px;
    margin: 0px!important;
    padding: 2px!important;
    text-transform: inherit;
    color:#000000!important;
background-color: #FFFFFF!important;
    border: 1px solid #000000!important;
}
.buonoBtn.btn.btn-default:hover{
color: #000000!important;
background-color:#00000011!important;
}

.buonoDiv{
    max-width:400px!important;
    margin: auto;
    margin-bottom: 40px;
}
.buonoDiv H3{
    font-size: 21px;
    text-align: center;
}
.buonoDiv .input-group{
padding:0px;
}

.swal2-icon.swal2-success .swal2-success-ring {
    display:none;
}
.swal2-icon.swal2-success [class^=swal2-success-line] {
    color:#333333;
}
.swal2-icon.swal2-error {
border-color:transparent!important;
}

.barrato,.ptot,.ppezzo{
	display:none;	
}
.attivo .barrato,.attivo .ptot,.attivo .ppezzo{
	display:block;
}

@media (min-width:1270px){
.categoryPage ul.articlesContainer > li{
	width: calc(33% - 20px)!important;
}
}

@media (min-width:1500px){
.categoryPage ul.articlesContainer > li{
	width: calc(25% - 20px)!important;
}
}



.elencoMarchi{
	padding-bottom: 25px;
	/* margin-bottom: 40px; */
	border-bottom:1px solid #00000022
}

.elencoMarchi:last-child{
	border-bottom:none;
}


#collapse3 .icheck-primary{
    margin-top: 33px!important;
    margin-bottom: 33px!important;
}

#cd-cart .input-group-append{
width:100%;
}
#cd-cart .input-group-append button{
flex:50%;
}

.searchbox .dropdown-content a{
text-transform: capitalize;
text-align:left;

}
.searchbox .dropdown-content .rigadrop{
    width: 100%;
    height: 60px;
   /* border-bottom: 1px solid #00000011; */
    padding: 3px 0px;
    display: flex;
}

.searchbox .dropdown-content .rigadrop img{
    height: 50px;
    width: 45px;
    object-fit: contain;
    float: left;
    position: absolute;
}

.searchbox .dropdown-content .rigadrop a{
    width: 100%;
    align-self: center;
    display: -webkit-box;
    height: 55px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: block;
    position: absolute;
    mix-blend-mode: multiply;
    font-size:15px;
    padding: 5px;
    padding-left: 45px;
}



    #menu:not(.mm-menu){
    display:none!important;
    }
.swal2-popup {
    border-radius:0px!important;
}
.swal2-header {
border-bottom:none!important;
    }
.swal2-title {
    color:#333333!important;
    font-size: 20px!important;
    font-weight: bold!important;
}
.swal2-content{
font-size:18px!important;
color:#000000;
}

.metodipag .card-deck{
justify-content: center;
    padding: 0px;
    margin: 0px;
}
    
.metodipag #card-button{
background-color:#333333!important;
color:#FFFFFF!important;
margin-top:10px;
}



.buonoDiv input{
max-width:70%!important;
}
.buonoDiv .buonoX{
position:absolute;
top:0px;
right:32%;
border:0px;
height:32px;
background-color:transparent;
color:#666666;
}
.buonoDiv button.buonoBtn.btn{
	position:absolute!important;
	top:0px;right:0px;
	min-width: 30%!important;
	max-width:30%!important;
	flex:30%!important;
	padding:0px!important;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    box-shadow: 0 0 8px rgba(0,0,0,.2)!important;
}

.lista .singleSelection .codice{
	background-color:lightgreen;cursor:pointer;padding: 30px 20px 10px 20px;top: 0px!important;
}

.lista .singleSelection .codice::before{
	content:"seleziona";
	position:absolute;
	top:8px;
	left:0px;
	width:100%;
	text-align:center;
}
.lista .singleSelection .singleSelected .codice {
    background-color:greenyellow;
    }
    .lista .singleSelection .singleSelected .codice::before {
        content: "deseleziona";
        }
            

.noteDiv label{
	width:100px;
	position:relative;
}
.noteDiv .noteArea{
	float:left;
	display:block;
width:50vw;
	max-width:800px;
	margin-left:100px;
	position:absolute;
	bottom:0px;
	left:0px;
	
}


.fas.fa-backward{
display:none;
}


@media (max-width: 600px) {
    #popiva{
    font-size:10px;
    bottom:15px;
    padding:5px;
    padding-right:40px;
    }
}

.clazienda .ppezzo .spaniva{
font-size:16px;
display:inline-block!important;
}

.card.iamPdv .card-body::before{
    content: "";
    width: 14%;
    margin: 5px;
    height: 30px;
    background-image: url(/webdoreca/ecommerce/images/store.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 10px;
    display: block;
    float: left;
}
}

#radio2_shipping_address{
background-image:url('/webdoreca/ecommerce/images/store.png');
background-size:auto 50%;
background-repeat: no-repeat;
background-position: 8% 50%;
padding-left:50px!important;
}
@media (max-width:400px){
#radio2_shipping_address{
    background-image:none;
    padding-left:10px!important;
    }
}

.card.iamPdv{
background-color:#F8F5C4!important;
}

.card.classp .card-footer::after{
content: "Indirizzo Predefinito";
opacity:0.8;
} 


.cartaRegistrata{
color: #00000088;
    background-color: #00000011;
    padding: 2px 14px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 20px;
    border-bottom: 1px solid #00000022;
    width: fit-content;
    margin: auto;
}
.cartaRegistrata.nascosto{
    display:block!important;
    opacity:0;
}
.classp .cartaRegistrata{
background-color:#FFFFFF99;
}
.rindirizzi h5.card-title{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/*
.card.iamPdv.classp{
background-color:#E3DFAD!important;
} */

.solocliagente{
display:none;
}

.cliagente .solocliagente{
display:block;    
}

.locarico{
opacity:0.1;
background-color:#e69f2a!important;
transform: translate(-80px, 0px) scale(0.5);
transition: all 2s ease;
}
.lotolgo{
opacity:0.1;
background-color:#c4c4c4!important;
transform: translate(80px, 0px) scale(0.5);
transition: all 2s ease;
}
/*
.depositi #azzPDF{
display:none;
}
*/
.depositi .scpdf{
display: none !important;;    
}



.nosemaforo .verde,.nosemaforo .giallo,.nosemaforo .blue{
display: none !important;
}
.admin.nosemaforo .verde,.admin.nosemaforo .giallo,.admin.nosemaforo .blue{
    display: block !important;
    }
.filiale.nosemaforo .verde,.filiale.nosemaforo .giallo,.filiale.nosemaforo .blue{
        display: block !important;
        }

.semafori .verde,.semafori .giallo,.semafori .blue{
    display: block !important;
}

.semafori .verde,.semafori .giallo,.semafori .blue{
    display: block !important;
   /* background-color:green!important;  */
}

/*
.semafori .verde::after,.semafori .giallo::after,.semafori .blue::after{
    display: none !important;
}


.semafori .scpdf{
    display:unset!important;
}
*/

        .nocamioncini .enoS{
            display: none !important;
            }
            .admin.nocamioncini .enoS{
                display: block !important;
                }
            .filiale.nocamioncini .enoS{
                    display: block !important;
                    }        


                    @media only screen and (max-width: 600px){
                        .visualizzazione.lista .enoS{
                            display: none !important;
                            }        
                    }





.visualizzazione .searchbox.cercaCliente{
display: none !important;    
}


div.scegligiorni > *:nth-child(n+9) {
    display: none!important;
}

.spankg{
margin:0px;
font-size:13px;   
display: block;
    float: none; 
}




@media only screen and (min-width: 1200px) {
    .lista .fotobox img {
        height: 140px;
        margin-top: -37px;
        margin-left: 100px !important;
        transition: all 0.5s;
        transform: rotate(-90deg);
    }
    .lista .fotobox img:hover {
        transform: rotate(-90deg) scale(1.2);
    }
    .lista .titolo {
        left: 250px;
        width: calc(90% - 359px);
    }
    .lista .contcnr {
        left: 261px;
        width: calc(100% - 540px);
    }
    .lista .contcnr .catelista{
        text-align: left; 
        padding-left:6px;       
            }
    .lista .contcnr .nazilista{
        text-align: center;        
            }    .lista .contcnr .nazilista{
text-align: center;        
    }
    .lista .contcnr .regiolista{
        text-align: center;        
            }
}


.visualizzazione.adb .logoHeader {
    background-image: url(../../images/adbeverage.png);
}
.visualizzazione.demil .logoHeader {
    background-image: url(../../images/demil-udial.png);
}
.visualizzazione.polardrink .logoHeader {
    background-image: url(../../images/polardrink.png);
}


.visualizzazione.demil #omini img{
	opacity:0;
}
.visualizzazione.demil #omini{
    background-image: none;
	background-size:contain;
	    background-repeat: no-repeat;
    background-position: center;
}


.visualizzazione.polardrink #omini img{
	opacity:0;
}
.visualizzazione.polardrink #omini{
    background-image: none;
    opacity:0;
	background-size:contain;
	    background-repeat: no-repeat;
    background-position: center;
}


.visualizzazione.demil .nodemil {
	display:none;
}
.visualizzazione.adb .noadb {
	display:none;
}
.solodemil{
	display:none;
}
.soloadb{
	display:none;
}
.visualizzazione.demil .solodemil {
	display:block;
}
.visualizzazione.adb .soloadb {
	display:block;
}







.visualizzazione.polardrink .nopolar {
	display:none;
}
.solopolar{
	display:none;
}
.visualizzazione.polardrink .solopolar {
	display:block;
}







.speseconS {
width:100%;
height:20px;
background-image:url(/webdoreca/ecommerce/images/ico_spcons1.svg);    
background-size:contain;
display:block;
position:absolute;
background-repeat:no-repeat;
background-position:center;
bottom:65px;
z-index:20;
}


.articlesContainer .speseconS{
    bottom:56px;
    height:18px;
}

.spesepopS {
    width: calc(100% - 25px);
    left: 13px;
    padding: 4px;
    background-color: #FEFEFEEE;
    border: 1px solid #00000033;
    min-height: 25px;
    display: block;
    position: absolute;
    bottom: 56px;
    z-index: 21;

    }
@media (max-width:992px){
    .speseconS {
     height:15px;
     bottom:52px;   
     right:13px;
     width:20px;
    }
    .spesepopS{
        font-size:11px;
    }

}



.modal-body {
    max-height: 90vh;
}

.clprivato.ospite .logoHeader{
    background-image: url(/webdoreca/ecommerce/images/doreca.svg)!important;
}


.clprivato .logoHeader{
    background-image: url(/webdoreca/ecommerce/images/doreca-club.svg)!important;
}


.clagente.clazienda .logoHeader{
    background-image: url(/webdoreca/ecommerce/images/doreca-promoter.svg)!important;
}


.clambassador .logoHeader{
    background-image: url(/webdoreca/ecommerce/images/doreca-ambassador.svg)!important;
}




.clambassador header {
    background-color:#c8ebff!important;
}

.clambassador .footerino{
       background-color:#c8ebff!important;
}
.clambassador footer{
       background-color:#c8ebff!important;
}
.clambassador .soprafooter{
       background-color:#c8ebff!important;
}

.clambassador #puls2{
display:none;    
}


.clagente.clambassador .daticap img{
display:none;    
}
.clagente.clambassador #utente-cap{
display:none;    
}

.clagente.clambassador .ridmob {
    color:#00000000;
}


@media (min-width:600px){
.clagente.clambassador .ridmob #utente-nome{
    color:#00000099;
}
}
  

.clagente .daticap{
    pointer-events: none;
    cursor:initial;
}

.clambassador .solocliagente {
    display: none;
}