.maiuscolo {text-transform:uppercase}
.giustificato {text-align:justify}
.maxWSlideHome {max-width:700px;}
.borderColorW { border:#FFF 4px solid;}
.borderRadius {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.greenTxt {color: #27A71D}
.red-color {color:#C3070A}
.logo img {
	max-height:60px;
	width:auto
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 40px; /* Place the button at the bottom of the page */
  right: 160px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
  text-align:center !important;
  max-width:50px;
  height:60px !important;
}



#myBtnCart {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 100px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  /*border: none;  Remove borders */
  outline: none; /* Remove outline */
  background-color: red; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 0; /* Some padding */
  border-radius: 50px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
  text-align:center !important;
  max-width:80px;
  height:50px !important;

}

#myBtnCart:hover {
  background-color: #555; /* Add a dark-grey background on hover */
  border:2px solid medium #fff !important;
}


/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 60px;
}

.customImg {
	border:#FFF 4px solid;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 0px 6px 5px rgba(0,0,0,0.20);
	-moz-box-shadow: 0px 0px 6px 5px rgba(0,0,0,0.20);
	box-shadow: 0px 0px 6px 5px rgba(0,0,0,0.20);
}

.clearAll {clear:both}
/*Ombra testi*/
.ombra {text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);}
/*Istruzioni per immagini*/
.responsiveImg {width:100%; height: auto}
.marginTopZero {padding-top:0; margin-top:0}
.no-result {font-size:14px; color:#9D1D1C; margin:0 auto; text-align:center !important; width:100%;}
.BorderRadius {-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.shadowImg {
	-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 1px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 1px 5px 0px rgba(50, 50, 50, 0.75);
	drop-shadow(5px 5px 10px #000);
}
.imgNoFound {max-width:200px; height:auto; margin:10px auto}
.bg-promo { background:url(../images/parallax-bg-1.jpg) no-repeat; background-position:top left; background-size:cover}
.bg-B1 { background:url(../images/parallax-bg-2.jpg) no-repeat; background-position:top left; background-size:cover}
.bg-B2 { background:url(../images/parallax-bg-3.jpg) no-repeat; background-position:top left; background-size:cover}
.text-contentH {position: absolute; z-index: 10; top:50%; left:50%; min-width:250px; width:50%; font-weight:bold}
.text-position-rightH {top: 50%; transform: translateY(-50%); right: 60px;}
.text-position-leftH {top: 50%; transform: translateY(-50%); left: 90px;}
.text-whatapp {color: #27b83f;font-size: 35px;font-weight: 400;line-height: 1.1;margin: 0;text-shadow: 0 0 11px #ffffff;text-transform: capitalize;}
.telephone {color: #fff;font-size: 28px;font-weight: 400;line-height: 1.4;}

@media only screen and (min-width: 780px) and (max-width: 900px) {
	.ImgBrand {margin:0 auto 0 -25px; max-width:300px; height:auto}
	.g-recaptcha {
    	transform:scale(0.77);
    	transform-origin:0 0;
	}
}

/* adatto classe bootstrap a condizioni minime risoluzione */
@media only screen and (min-width: 250px) and (max-width: 600px) {
	.ImgBrand {margin:0 auto 0 -35px; max-width:300px; height:auto}
	.g-recaptcha {
    	transform:scale(0.60);
    	transform-origin:0 0;
	}
}
/* Video container */
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
	width:100%;
}
.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/* Fine Video container */
/*contatti*/ 
.g-recaptcha {
    transform:scale(0.77);
    transform-origin:0 0;
}
.evidenzia {
   -moz-box-shadow:-1px 0px 5px 0px #fff;
   -webkit-box-shadow:-1px 0px 5px 0px #fff;
    box-shadow:-1px 0px 5px 0px #fff;
	border-top: #BC5A86 1px solid;
}
.alert_msg_top_def {
	position:relative;
	margin:0 auto 10px;
	padding:5px;
	width:100%;
	text-align:center; 
	font-size:13px;
	color:#9D1D1C;
	border:#ccc 1px dotted;
	background: none;
}
.alert_msg_no_margin {
	position:relative;
	margin:0 0 10px 0;
	padding:10px;
	max-width:90%;
	text-align:left;
	font-size:11px;
	color:#333;
	border:#ccc 1px dotted;
	background: none;
}
.alert_msg_no_margin span {
	color:#BC5A86; font-size:12px
}
.alert_msg_margin_auto {
	position:relative;
	margin:0 auto 10px auto;
	padding:5px;
	max-width:90%;
	font-size:11px;
	color:#333;
	/*border:#ccc 1px dotted;*/
	background: none;
}
.msg_newsletter {
	width:80%; 
	margin:20px auto;
	text-align:center; 
	padding:10px; 
	border:#999 thin dotted; 
	background: url(../images/bg_n.png) repeat; 
	margin-bottom:10px;
	color:#FFFFFF;
	border-radius: 5px;
    -moz-border-radius: 5px; /* firefox */
    -webkit-border-radius: 5px; /* safari, chrome */
}
.msg_newsletter img {
	margin:0 auto;
}
.alert_msg_margin_auto span {
	color:#BC5A86; font-size:12px
}
/*fine contatti*/

/*Button return to top*/
#myTBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color:#1FD01D; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
}

#myTBtn:hover {
    background-color: rgba(93,171,236,1.00); /* Add a dark-grey background on hover */
	-webkit-box-shadow: 0px 0px 4px 5px rgba(0,0,0,0.10);
	-moz-box-shadow: 0px 0px 4px 5px rgba(0,0,0,0.10);
	box-shadow: 0px 0px 4px 5px rgba(0,0,0,0.10);
}

.panel-body ul { list-style:circle}
.panel-body li { list-style:circle}

.replyAdmin {
	border:none !important; 
	margin-top:25px; 
	background:rgba(225,225,225,0.60); 
	padding:8px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.stars ul {
	list-style:none
}

.stars li {
	list-style:none;
	float:left;
	text-align:center !important;
	margin:5px;
	padding:5px;
}

.stars img {
	max-width:60px; 
	height:auto; 
	margin:10px auto !important; 
	vertical-align:middle;
	display:block
}

.stars input[type='radio'], 
input[type='checkbox'] {
	display:block;
	margin:0 auto
}

.condition li { margin-bottom:12px; padding-bottom:4px;}

/* The Masonry Container */
.masonry {
  margin: 1.5em auto;
  /*max-width: 768px;*/
  column-gap: 1.5em;
}

/* The Masonry Brick */
.masonry .item {
  padding: 1em;
  margin: 0 0 1.5em;
}

/* Masonry on large screens */
@media only screen and (min-width: 1024px) {
  .masonry {
    column-count: 4;
  }
}

/* Masonry on medium-sized screens */
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .masonry {
    column-count: 3;
  }
}

/* Masonry on small screens */
@media only screen and (max-width: 767px) and (min-width: 540px) {
  .masonry {
    column-count: 2;
  }
}



/* CSS */
.button-62 {
  background: linear-gradient(to bottom right, #EF4765, #FF9A5A);
  border: 0;
  border-radius: 12px;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: -apple-system,system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 2.5;
  outline: transparent;
  padding: 0 1rem;
  text-align: center;
  text-decoration: none;
  transition: box-shadow .2s ease-in-out;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
}

.button-62:not([disabled]):focus {
  box-shadow: 0 0 .25rem rgba(0, 0, 0, 0.5), -.125rem -.125rem 1rem rgba(239, 71, 101, 0.5), .125rem .125rem 1rem rgba(255, 154, 90, 0.5);
}

.button-62:not([disabled]):hover {
  box-shadow: 0 0 .25rem rgba(0, 0, 0, 0.5), -.125rem -.125rem 1rem rgba(239, 71, 101, 0.5), .125rem .125rem 1rem rgba(255, 154, 90, 0.5);
}

a.block { display:block;padding:0;border:none;text-decoration: none}
a.block:hover, a.block:focus, a.block:active {border:1px solid #DF0003;}

.cart-table-container { background: none}
.cart-table table { padding:5px !important; background:#ccc}
.cart-table tr { padding:5px !important; background:#ccc !important}
.cart-table td { padding:5px !important; background:#FFFFFF}
.cart-calculation-table td { padding:5px !important;}

/* CSS */
.button-2 input {
  background-color: rgba(51, 51, 51, 0.05);
  border-radius: 8px;
  border-width: 0;
  color: #333333;
  cursor: pointer;
  display: inline-block;
  font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  list-style: none;
  margin: 0;
  padding: 10px 12px;
  text-align: center;
  transition: all 200ms;
  vertical-align: baseline;
  white-space: nowrap;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}


.top {
  --offset: 50px; 
  position: sticky;
  bottom: 20px;      
  margin-right: 10px; 
  place-self: end;
  margin-top: calc(100vh + var(--offset));

  /* visual styling */
  width: 45px;
  aspect-ratio: 1;
  /*background: #ff8b24;
  border-radius: 10px;*/
}

.top img {
	max-width:40px !important;
	height:auto;
	margin-left:25px;
}

.top:before {
  content: "";
  position: absolute;
  inset: 30%;
  transform: translateY(20%) rotate(-45deg);
/*  border-top: 5px solid #fff;
  border-right: 5px solid #fff;*/
}



table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

table th,
table td {
  padding: .625em;
  text-align: center;
}

table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (max-width: 600px) {
  table {
    border: 0;
  }

  table caption {
    font-size: 1.3em;
  }
  
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table td:last-child {
    border-bottom: 0;
  }
}