@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,600);

/*html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

body #focus_3{
	background: #fff;
	text-rendering: optimizeLegibility;
	font-weight: 300;
    font-size:1.7rem;
    line-height: 2.2rem;
}*/

h3.cons{
	font-weight: 900;
	font-size:3rem;
	line-height: 4rem;
	 animation:blinkingText2 3.2s infinite;
	/*color:#666 !important;*/
}

#site-header .calamDesktop3 img{
height:18px !important;
}

h3.cons.red{
	/* color:#dc3545 !important;*/
		 animation:blinkingText 3.2s infinite;
}

.blinking{
    animation:blinkingText 3.2s infinite;
}
@keyframes blinkingText{
    0%{     color: #dc3545;    }
    49%{    color: #dc3545; }
    60%{    color: #e69ca3; }
    99%{    color:#e69ca3;  }
    100%{   color: #dc3545;    }
}

@keyframes blinkingText2{
    0%{     color: #666;    }
    49%{    color: #666; }
    60%{    color: #CCC; }
    99%{    color:#CCC;  }
    100%{   color: #666;    }
}

.offert{
	font-size:22px;
	line-height: 23px;
	padding:20px;
	text-align:center;
	font-style: italic;
}

.divoffert{
	float:left;
		text-align:center;
		padding-top:30%;
}

.text-dggroup u{
	text-decoration: none;
}

.textwidget a:hover{
    color: var(--totem-orange);
}
#focus_1{
	padding-bottom:5px !important;
}

hr{
	background: #EEE !important;
border: none;
height: 0.3rem;
overflow: visible;
position: relative;
}
h4 a{
	text-decoration: none;
}
h4 a:hover{
	text-decoration: underline;
}
h4{
	margin-top:10px;
}
h4 i{
	color:#28a745 !important;
}
.headimg{
	max-width:400px;
	width:100%;
}

    #site-header img{
       max-width:200px;
       height: auto;
    }

#site-header{
    background: var(--totem-orange);
    text-align:center;
}
#site-header.EXC{background:var(--totem-orange);}
#focus_3 strong, #focus_3  b, #focus_3  a{
    color:var(--totem-orange);
}

a{
    color: var(--totem-text-gray);
}

.blocco .fa, .blocco .fab, .blocco .far, .blocco .fas{
    color:var(--totem-orange);
 
  /*   background: var(--totem-orange);
 font-size: 1.2em;
  width: 1.2em;
  text-align: center;
  line-height: 1.2em;
 */
 
}

.blocco .fab.fa-whatsapp-square{
	color:#25d366;
}

.blocco .fab.fa-facebook-f{
		color:#3b5998;
}

.blocco .fas.fa-map-marker-alt{
			color:#ea4335;
}

.blocco .fas.fa-phone-alt{
	color: #28a745;
}
.blocco .fas.fa-envelope{
	color: #17a2b8;
}

.blocco .fas.fa-clock{
		color: #007bff;
}


form label{
   min-width:250px;
   display: inline-block;
   text-align: right;
   vertical-align: top;
}
input, textarea, select{
    padding:1rem;
    padding-top:5px;
    padding-bottom:5px;
    font-size:16px;
    font-family: "Lato";
    border-radius:20px;
    border:2px solid #666;
   min-width: 40%;
    margin-bottom:10px;
 max-width:600px;
 
}

#second_carousel .btn-richiedi-info,
#second_carousel .btn-dggroup{
padding: 6px 11px !important;
}

/*
.cart-product-summary .product-picture {
    width: 100px;
    height: 100px !important;
    object-fit: contain;
    margin-right: 1rem;
    float:left;
}*/

.total-summary div span{
font-weight:bold;
}

.total-summary div span strong{
color:#e45a21;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green{
background:#e45a21;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover{
background:#666 !important;
}

.jconfirm .jconfirm-box.jconfirm-type-green {
    border-top: solid 7px #e45a21 !important;
}

 select{
    max-width: 440px;
 }

strong{
    font-weight: 600;
}

.calamDesktop3:hover{
	text-decoration: underline !important;
}

h1{
    text-align:center;
    font-size:3rem;
    font-weight: 600 !important;
    padding-top:5px !important;
    padding-bottom:5px !important;
    color:#666;
    
    background:#eee;
     background:-moz-linear-gradient(top,#eee 50%,#ccc 100%);
 background:-webkit-linear-gradient(top,#eee 50%,#ccc 100%);
 background:linear-gradient(to bottom,#eee 50%,#ccc 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee',endColorstr='#ccc',GradientType=0);
 border-bottom:1px solid #999;
 
}

.textwidget{
    padding-bottom: 1rem;
    padding-top: 1rem;
    border-bottom: 1px solid #999;
    /*padding-top:0px;*/
    line-height: 2.4rem;
    font-size:2rem;
}

#focus_2 .textwidget:last-child{padding-bottom: 0;border-bottom: none;}


#presentazione{
     font-size:2rem;
     text-align:center;
     max-width:103rem;
     margin:0 auto;
     padding:2rem;
     padding-bottom:0 !important;
}

.blocco{
     max-width: 1000px;
     margin:0 auto;
     padding:2rem;
     text-align:center;
}

.blocco ol{
    padding-left: 20px;
}

#mappa{
    float:left;
    width:40% !important;
    height:250px !important;
    margin-top:15px;
    
}
.blocco.volantino,
.blocco .btn{
      background:var(--totem-orange);
     background:-moz-linear-gradient(top,var(--totem-orange) 50%,#ff9900 100%);
 background:-webkit-linear-gradient(top,var(--totem-orange) 50%,#ff9900 100%);
 background:linear-gradient(to bottom,var(--totem-orange) 50%,#ff9900 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--totem-orange)',endColorstr='#ff9900',GradientType=0);
 color:#FFF;
 border-radius: 20px;
 padding:7px;
 padding-left:15px;
 padding-right:15px;
 margin-bottom:15px;
}
.blocco .btn{
cursor:pointer;
}

.blocco .btn.catalogo{
    font-size:2rem;
    text-decoration: none;
}

.blocco.elencopuv .btn.catalogo {
    font-size: 18px !important;
    text-decoration: none !important;
    line-height: 18px !important;
}

.blocco.elencopuv .btn.catalogo:hover {
			text-decoration: underline;
} 

.blocco .btn:hover{
    text-decoration: underline;
}
.blocco.volantino .fa, .blocco.volantino .fab, .blocco.volantino .far, .blocco.volantino .fas,
.blocco .btn .fas{
    color:#f5f235;
}


h1,h2,h3{
   
   font-weight: 400;
}

#opp{
	display: block;
	padding:15px !important;
	padding-top:0 !important;
}


#second_carousel .carousel-cell > div {
    /*float: left;*/
    width: 49% !important;
    height: 50% !important;
    cursor: pointer;
    display: inline-block;
}
#second_carousel .carousel-cell > div img {
    width: 100% !important;
    height: 100%;
    object-fit: contain;
}

#second_carousel .carousel-cell > div:first-child {
    padding: 0 5px 5px 0;
}

#second_carousel .carousel-cell > div:nth-child(2) {
    padding: 0 0 5px 5px;
}

#second_carousel .carousel-cell > div:nth-child(3) {
    padding: 5px 5px 0 0;
}

#second_carousel .carousel-cell > div:nth-child(4) {
    padding: 5px 0 0 5px;
    position: absolute;
    bottom: 0;
    right: 1%;
    display: flex;
    height: 50%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#second_carousel .carousel-cell > div:nth-child(4) > img {
    height: auto;
    width: auto !important;
    border-radius: var(--general-radius);
    max-width: 100%;
}

#second_carousel .carousel-cell > div:nth-child(4) > div {
    /*border: 1px solid var(--totem-orange);
    border-top: none;*/
    text-align: center;
    padding: 0 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--totem-orange);
    border-radius: var(--general-radius);
    margin-top: 5px;
}

#second_carousel .carousel-cell > div:nth-child(4) > div > span {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    /*color: var(--totem-text-gray);*/
    color: white;
    vertical-align: middle;
}

#second_carousel .flickity-button {
    display: none;
}

#second_carousel .carousel-cell {
    position: relative;
    height: calc(100% - 44px) !important;
    min-height: initial !important;
}

#volantini_carousel{
    padding: 0 !important;
    padding-right: 15px !important;
}

.flickity-page-dots .dot{
    opacity: 1 !important;
    height: 10px !important;
    width: 10px !important;
    border-radius: 20px;
    padding: 0 !important;
    margin: 0 !important;
    margin-right: 5px !important;
    background-color: var(--totem-gray) !important;
}

.flickity-page-dots .dot.is-selected{
    background-color: var(--totem-orange) !important;
}

/* Responsive */

.psh a, .psh a h3{
	color:#FFF !important;
}


@media screen and ( max-width: 1000px ) {
	.calamDesktop3{
		display: none !important;
	}
	
	.well iframe{
		width:100% !important;
	}
}

@media screen and ( max-width: 768px ) {
        #site-header img{
       max-width:200px;
    }
				
				.ricercadg{
					position: relative;
					margin-top:8px;
				}
				
			.offert{
	font-size:16px;
	line-height: 18px;
	padding:10px;
	text-align:center !important;
	font-style: italic;
	display: block;
	padding-top:5px;
}

.divoffert{
	float:none;
		text-align:center !important;
		padding-top:0%;
		display: block;
}
				
				.headimg{
	max-width:250px;
	width:100%;
}

#footer a{
	display: block;
}
				
				hr{
					margin-bottom:15px;
				}
				
				h3.cons{
 
	font-size:2.2rem;
	line-height: 2.6rem;
 
}
    
    #mappa{
        width:100% !important;
        margin-bottom:15px;
    }
    
    h1{
        font-size:2.5rem;
								line-height:3rem;
          padding-top:1.5rem;
    padding-bottom:1.5rem;
    }
    
    #presentazione{
        font-size:1.5rem;
    }
    
    
    form label{
   min-width:100%;
   display: inline-block;
   text-align: center;
   vertical-align: top;
}
input, textarea, select{
   
   min-width: 100%;
    width:100%;
    box-sizing: border-box;
 max-width:100%;
 
}

.btn{
    font-size:1.2rem;
}

.btn.catalogo{
    font-size:1.6rem;
}

#footer{
	font-size:10px !important;
}

 select{
    max-width: 100%;
 }
	
	.tit_info{
	font-size:1.3rem;
	line-height:1.5rem;
max-width: 60%;
display: inline-block;
}
	
	.textwidget{
    padding-top:10px;
    line-height: 2rem;
     font-size:1.6rem;
}

    #second_carousel .carousel-cell > div:nth-child(4) > div > span {
       font-size: 9px;
        line-height: 14px !important;
    }
    
    #second_carousel .carousel-cell {
        height: 100% !important;
        margin: 0;
    }
    
    .blocco{
        padding: 10px;
   }
}

.lead{font-size: 1.4em;color:var(--totem-orange);padding: 20px 0;}

.text-dggroup{color:var(--totem-orange);}

.form-control {
		font-size:inherit !important;
}



.form-control {
    display: block;
    width: 100%;
    height: 2.5rem;
    padding: .375rem .75rem;
    /* font-size: 1rem; */
    font-weight: 300;
    line-height: 1.5;
    color: #4c4c4d;
    background-color: #fff;
    background-clip: padding-box;
    border: 0 solid #979899;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

.addr {
    font-size:13px !important
}


.promo_articolo{
  background: var(--totem-orange);
    background: -moz-linear-gradient(top,var(--totem-orange) 50%,#ff9900 100%);
    background: -webkit-linear-gradient(top,var(--totem-orange) 50%,#ff9900 100%);
    background: linear-gradient(to bottom,var(--totem-orange) 50%,#ff9900 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--totem-orange)',endColorstr='#ff9900',GradientType=0);
    color: #FFF !important;
    border-radius:5px;
    padding:6px;
    padding-top:2px;
    padding-bottom:2px;
    margin-bottom:10px;
    margin-left:5px;
    display: inline-block;
    font-size:13px !important;
    line-height: 16px !important;
				text-decoration: none;
   
}

#products_grid div div div div div,
#bloccoart  div div div div
{
  text-align: left !important;
}


@media screen and ( max-width: 750px ) {
			 
				.offert{
					padding-top:20px !important;
					margin-top:0 !important;
		 }
			
			 #products_grid div div div div div,
#bloccoart  div div div div {
  text-align: center !important;
}
    
			
			.brp{
			display: none;
			}
			
			.row.volantino.blocco{
				padding-bottom:25px;
			}
			
			.calameo{margin-top:0 !important;padding-bottom:20px !important;display: block; }
				
}


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

.blocco .btn.catalogo {
    font-size: 17px;
 	padding-right:8px !important;
		padding-left:8px !important;
}

.textwidget a{
	line-height:2.5rem;
}

#contatti-msg{
	font-size:14px !important;
	line-height: 15px !important;
}

 

}

.ui-timepicker-container {
      z-index: 3500 !important;
 }