html, body {
	scrollbar-width: none;
	scrollbar-height: none;
}
html {
	scroll-behavior: smooth;
}
body::-webkit-scrollbar {
 width: 0;
 height: 0;
}
body {
	margin: 0;
	padding: 0;
	font-family: var(--font-Lato);
	color: var(--col-black);
}
body {
	-ms-overflow-style: none; /* for Internet Explorer, Edge */
	scrollbar-width: none; /* for Firefox */
}
body::-webkit-scrollbar {
 display: none; /* for Chrome, Safari, and Opera */
}
.scrollbar-hidden::-webkit-scrollbar {
 display: none;
}
.scrollbar-hidden {
	-ms-overflow-style: none;
	scrollbar-width: none; /* Firefox */
	scrollbar-height: none; /* Firefox */
}
.invisibile {
	display: none;
}
.evidenza {
	min-height: 0;
	background-color: white;
}
.scheda_prodotto {
	max-width: 1260px;
	margin: 0 auto 50px auto;
	transition: opacity 1s linear;
}
.container-S {
	position: relative;
	padding: 70px 0px 30px 0px;
	display: flex;
	justify-content: space-between;
}
.image_container {
	width: 510px;
	height: 510px;
	padding-right: 60px;
	position: relative;	
}
.image {
	height: 510px;
	/*overflow-x: auto;*/
}
.image img {
	height: 510px;	
	/*display: inline-block;*/
	position: absolute;
 	top: 0;
 	left: 0;
}
.articolo-dett img{
	max-width: 100%;
}
.articolo-categoria, .articolo-testo{
	max-width: 100%;
}
.articolo-sottodesc{
	max-width: 100%;
}
 #trediworld{
 	width: 510px;
    height: 510px;
    border: none;
 }
.treddi{
	width: 510px;
	height: 510px;
	/*display: none;*/
	margin-left: 90px;
	position:absolute;
}
.mini-image {
	width: 60px;
	height: 60px;
	margin-bottom: 12px;
	cursor:pointer;
}
.cont-left {
	position: relative;
	min-width: 90px;
	display: flex;
	flex-direction: column;	
}
.left{
	display: flex;
}
.tredi {
	position: absolute;
	bottom: -5px;
	height: 60px;
	cursor:pointer;
}
.tredi2 {
	display: none;
}
.right {
	max-width: 610px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
}
.right .titolo {
	font-size: 16px;
	font-weight: bold;
	line-height: 34px;
	color: var(--orange);
}
.right .testo {
	font-size: 20px;
	font-weight: bold;
	line-height: 32px;
}
.right .colore-stoffa {
	margin-bottom: 10px;
}
.right .selector {
	margin-bottom: 15px;
	margin-top: 40px;
	margin-right: 10px;
}
.right .under-selector {
/*max-width: 580px;*/
}
.right .cont-box-colore2 {
	display: flex;	
	flex-wrap: wrap;
}
.right .box-colore {
	position: relative;
	width: 47px;
	height: 47px;
	cursor: pointer;
	margin: 0 13px 13px 0;
}
.right .box-colore .cover {
	content: '';
	background-image: url('../images/color-check45.png');
	position: absolute;
	top: 0;
	left: 0;
	width: 47px;
	height: 47px;
	display: none;
	background-size: cover;
}
/*--------- select custom --------------*/
.right .select-wrapper {
	position: relative;
	user-select: none;
	width: 100%;
}
.right .select {
	position: relative;
	display: flex;
	flex-direction: column;
	border-width: 0 1px 0 1px;
	border-style: solid;
	border-color: #394a6d;
}
.right .select__trigger {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 15px;
	font-size: 18px;
	font-weight: 300;
	height: 45px;
	line-height: 45px;
	background: #ffffff;
	cursor: pointer;
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #394a6d;
}
.right .select__trigger.neutral {
	color: var(--col-lightgrey);
}
.right .custom-options2 {
	position: absolute;
	display: block;
	top: 100%;
	left: 0;
	right: 0;
	border: 1px solid #394a6d;
	border-top: 0;
	background: #fff;
	transition: all 0.5s;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	z-index: 2;
	border-radius: 0 0 10px 10px;
}
.right .select.open .custom-options2 {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
}
.right .custom-option {
	position: relative;
	display: block;
	padding: 0 22px 0 30px;
	font-size: 18px;
	font-weight: 300;
	color: #3b3b3b;
	line-height: 30px;
	cursor: pointer;
	transition: all 0.5s;
}
.custom-option:hover {
	cursor: pointer;
	color: #ffffff;
	background-color: var(--orange);
}
/*--------- arrow ---------------*/
.right .arrow {
	position: relative;
}
.right .arrow::before {
	font-family: 'font-arredalab';
	content: "\e902";
	color: var(--col-darkgrey);
}
.right .open .arrow::before {
	font-family: 'font-arredalab';
	content: "\e916";
	color: var(--col-darkgrey);
}
.right .articolo-sottodesc {
	margin-top: 25px;
	position: relative;
	display: flex;
	max-width: 600px;
	align-items: baseline;
}
.right .iva_sotto{
	margin-top: 15px;
	text-align: center;
	font-style: italic;
}


section .codici-tutti-cat {
	height: 60px;
	line-height: 60px;
	margin: 0 0 0 30px;
	padding-left: 60px;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	cursor: pointer;/*transition: all 0.4s;*/
}
section .codici-tutti-cat.accordion {
	transition: 0.4s;
}
section .codici-tutti-cat.accordion:after {
	font-family: 'font-arredalab';
	content: "\e902";
	position: absolute;
	right: 35px;
}
section .codici-tutti-cat.active:after {
	font-family: 'font-arredalab';
	content: "\e916";
	position: absolute;
	right: 35px;
}
section .codici-tutti-cat .orange {
	color: var(--orange);
}


section .codici-tutti-panel {
	padding: 0 50px 0 100px;
	overflow: hidden;
	max-height: 0;
	background-color: white;
	transition: max-height 0.2s ease-out;
	
}
section .codici-tutti-titolo {
	font-size: 16px;
	font-weight: bold;
	height: 60px;
	line-height: 60px;
}
section .codici-tutti-testo {
	padding: 0 0 10px 30px;
}
section .codici-tutti-testo:not(:last-child) {
	border-bottom: 1px solid #ebebeb;
}
section .codici-tutti-testo p {
	margin-block-start: 0;
	text-align: left;
}
section .codici-tutti-testo p span {
	font-weight: bold;
}
.descrizione_capitolato ul{
	margin-left:42px;
}
.descrizione_capitolato p+p{
	margin-block-end: 0.3rem;
    margin-block-start: 1.5rem;
}
.prodotti_correlati {
	margin: 20px 0 10px 90px;
	font-weight: bold;
	font-size: 20px;
}
.cont-collegati {
/*max-width: 1260px;*/

}
.cont-collegati .btn-add-articolo, .cont-collegati .btn-add-articolo-col {
	max-width: 300px;
}
.cont-collegati .articolo-contenitore {
	width: 26%;
	width: 320px;
	padding: 20px 0px;
}
.cont-collegati .articolo-dett {
	padding: 0;
	flex: none;
}
.cont-collegati .articolo-dett:hover {
	padding: 0;
	flex: none;
	box-shadow: none;
}
.collegati-section {
	max-width: 1260px;
	margin: 0 auto;
	padding-left: 80px;
	padding-right: 30px;
}

.collegati-section .scorri-gruppo-1 {
	
	height: 561px;
	
	overflow: hidden;
	position: relative;
}
.collegati-section .web-color-picker {
	height: 521px;
	position: relative;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.collegati-section .cont-image {
	display: inline-block;
	margin-right: 50px;
}
.articolo-prezzo {    
    width: 100%;
}
#iframe_scheda{
	margin:50px 0;
}

/* *** css per slideshow ******/

.tns-outer{
	position:relative;
	z-index:10;
}
.tns-controls { text-align: center; margin-bottom: 10px; position:absolute;width:100%;height:100%; }
.tns-controls [aria-controls] {
  font-size: 35px;
  margin: 0 5px;
  padding: 0 1em;
  height: 2.5em;
  color: #000;
  /*background: #66CCFF;*/
  background: transparent;
  border-radius: 3px;
  border: 0;
  z-index:100;
  /*outline:1px solid black;*/
}
.lt-ie9 .tns-controls > [aria-controls] {
  line-height: 2.5em;
}

[data-action] {
  display: block;
  margin: 10px auto;
  font-size: 17px;
  min-width: 3em;
  text-align: center;
  background: transparent;
  border: 0;
}
.tns-controls [disabled] { 
	background: transparent;
  color: #999999; 
  cursor: not-allowed !important;
}
.tns-nav {
  text-align: center;
  margin: 10px 0;
}
.tns-nav > [aria-controls] {
  width: 9px;
  height: 9px;
  padding: 0;
  margin: 0 5px;
  border-radius: 50%;
  background: #ddd;
  border: 0;
}
.tns-nav > .tns-nav-active { background: #999; }
.playbutton-wrapper { text-align: center; }
.playbutton-wrapper button { height: 34px; padding: 0 10px; font-size: 14px; background: #fff; border-radius: 3px; border: 1px solid  #ccc; cursor: pointer; }
.wrapper { padding: 0 5em; }
.suite-container .title, 
.suite-container .subtitle, 
.suite-container li { padding: 5px 10px; }
.suite-container li {
  font-size: 12px;
  line-height: 1.4;
  background: #f5f5f5;
}
.tns-controls button[data-controls="prev"]{	
  position:absolute;
  top:20%;
  left:-30px;
  left:0;
}
.tns-controls button[data-controls="next"]{	
  position:absolute;
  top:20%;
  right:-40px;
  right:-10px;
}
.tns-controls button[data-controls="prev"]:before {
	font-family: 'font-arredalab' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  content: "\e914"; 
}
.tns-controls button[data-controls="next"]:before {
	font-family: 'font-arredalab' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /*line-height: 1;*/
  content: "\e915";
}

/******************************/



@media (max-width: 1190px) {
	section .codici-tutti-cat {

	margin-right: 30px;

}

}
@media (max-width: 1080px) {
	.image{
		height: 412px;		
	}
 .image img{
 	height: 410px; 	
 }
 .image_container{ 	
 	width: 410px;
 	height: 410px;
 	/*width: 90vw;*/
 }
#trediworld{
 	width: 410px;
    height: 410px;
 }
 .treddi {
    width: 410px;
    height: 410px;
    /* display: none; */
    margin-left: 90px;
    position: absolute;
}
}
@media (max-width: 768px) {
 	.container-S{		
		flex-direction: column;
		align-items: center;
		padding-top: 10px;
	}
	 .image_container{
	 	padding-right: 0;
	 }
	 .right{
	margin-top: 20px;
	width: 90%;
	max-width: 100%;
	}
	.scheda_prodotto {
		
		margin-bottom: 30px;
		
	}
}
@media (max-width: 480px) {

	.image{
		height: 312px;		
	}
 .image img{
 	height: 310px;
 	position: relative;
 	/*border: 1px solid black;*/
 	margin-right: 10px;
 }
 .image_container{
 	overflow-x: scroll;
 	overflow-y: hidden;
 	padding-right: 0; 	
 	/*width: calc(100vw - 20px);
 	width: 100vw;*/
 	height: 310px;
 }
 .cont-left, .treddi{
 	display:none;
}
.right{
	margin-top: 20px;
	width: 90%;
	max-width: 100%;
}
.tredi2 {
	display: block;
	position: absolute;
	bottom: 245px;
	bottom: 290px;
	left: 10px;
	/*height: 60px;*/
	cursor:pointer;
}
.btn-add-articolo, .btn-add-articolo-col {
    margin-top: 22px;
    height: 41px;
    border-radius: 22px;
    line-height: 45px;
    font-size: 18px;
}
.image_container{
 	width: 100vw; 	
 	}
 	section .codici-tutti-cat {
 		padding-left: 0px;
 	}
 	section .codici-tutti-panel {
    padding: 0 25px 0 35px;
 	}
}