body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*min-height: document.body.clientHeight;*/
	margin: 0px;
	padding: 0px;
	background-color: #f0f0f0;
	background-image: url("../../img/tuning3.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;

}

.w-80 {
	width: 80%;
	margin: 0 auto;
}

div#header {
	border-bottom: 2px solid red;
	background: #0b0a0a url("../../img/page.png") top;
}

div#header .nav-item.bordato {
	border: 1px solid #fff;
	border-radius: 25px;
	padding: 0px 10px;
	text-decoration: none;
}

div#header .nav-item {
	margin-right: 15px;
}

div#header .nav-item .nav-link {
	color: #F2F2F2;
}

.navbar-brand img {
	height: 60px;
}

#bandiere {
	margin-top: 3px;
}


#bandiere img {
	cursor: pointer;
	width: 32px;
	height: 32px;
}


.offcanvas-body .list-group-item a {
	text-decoration: none;
	color: #333;
}

.offcanvas-body .list-group-item a:hover {
	color: #FA041A;
}

.offcanvas-header {
	background-color: #FA041A;
	color: #fff;
}


#main {

	padding: 20px;
	min-height: 100vh;
}



.models-table-wrap {
	margin: 1.5rem 0 2rem;
	background: rgba(255, 255, 255, .92);
	border: 1px solid #e3e7eb;
	border-radius: .75rem;
	box-shadow: 0 .35rem 1.25rem rgba(31, 41, 55, .08);
}

#page_table_wrapper .dataTables_filter input,
#page_table_wrapper .dataTables_length select {
	min-height: 2.25rem;
	border: 1px solid #ced4da;
	border-radius: .375rem;
	padding: .375rem .75rem;
	background: #fff;
}

#page_table_wrapper .dataTables_filter input:focus,
#page_table_wrapper .dataTables_length select:focus {
	border-color: #c00;
	box-shadow: 0 0 0 .2rem rgba(204, 0, 0, .12);
	outline: 0;
}

#page_table_wrapper .fg-toolbar {
	padding: .75rem 0;
	border: 0;
	background: transparent;
}

#page_table_wrapper .dataTables_info {
	padding-top: .8rem;
	color: #6c757d;
	font-size: .875rem;
}

#page_table_wrapper .dataTables_paginate {
	margin-top: .5rem;
}

#page_table_wrapper .dataTables_paginate a {
	display: inline-block;
	margin-left: .25rem;
	padding: .4rem .7rem;
	border: 1px solid #dee2e6;
	border-radius: .375rem;
	color: #495057;
	background: #fff;
	cursor: pointer;
}

#page_table_wrapper .dataTables_paginate a:hover,
#page_table_wrapper .dataTables_paginate a.paginate_active {
	border-color: #c00;
	color: #fff;
	background: #c00;
}

.page_table {
	width: 100% !important;
	margin: 0;
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
	/* overflow: hidden; */
	color: #343a40;
}

.page_table thead th {
	padding: .85rem .75rem;
	border: 0;
	border-bottom: 2px solid #a90000;
	color: #fff;
	background: #343a40;
	font-size: .78rem;
	font-weight: 600;
	letter-spacing: .03em;
	text-transform: uppercase;
	white-space: nowrap;
}

.page_table thead th:first-child {
	border-top-left-radius: .4rem;
}

.page_table thead th:last-child {
	border-top-right-radius: .4rem;
}

.page_table tbody td {
	padding: .45rem .75rem;
	border: 0;
	border-bottom: 1px solid #edf0f2;
	vertical-align: middle;
}

.page_table tbody tr:nth-child(even) {
	background: #f8f9fa;
}

.page_table tbody tr:hover {
	background: #fff1f1;
}

.page_table tbody tr:last-child td {
	border-bottom: 0;
}

.page_table tbody td:first-child a {
	color: #9d0000;
	font-weight: 600;
	text-decoration: none;
}

.page_table tbody td:first-child a:hover {
	color: #c00;
	text-decoration: underline;
}

.page_table tbody td:nth-child(3),
.page_table tbody td:nth-child(4) {
	text-align: center;
}

.page_table tbody td:last-child {
	width: auto !important;
}

.blockquote {
	border-left: 4px solid #FA041A;
	padding-left: 15px;
}

h1.blockquote {
	font-size: 31px;
	font-weight: 700;
}

.whatsapp-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background-color: #25D366;
	color: #fff;
	padding: 10px 20px;
	border-radius: 30px;
	text-decoration: none;
	font-family: sans-serif;
	font-weight: bold;
}

.whatsapp-btn:hover {
	background-color: #1ebc59;
}

#footer {
	border-top: 3px solid red;
	text-align: center;
	color: #DBDBDB;
	background: #0b0a0a;
	padding: 15px;
}

#footer a:link {
	color: #ccc;
	text-decoration: underline;
}

/* unvisited link */
#footer a:visited {
	color: #ccc;
	text-decoration: underline;
}

/* visited link */
#footer a:hover {
	color: #fff;
	text-decoration: underline;
}

/* mouse over link */
#footer a:active {
	color: #ccc;
	text-decoration: underline;
}

/* selected link */

.prodotto-img {
	width: 100%;
	max-width: 250px;
	max-height: 250px;
	height: auto;
}

.group-title {
	margin: 0 0 1rem;
	color: #343a40;
	font-size: 1.35rem;
	font-weight: 600;
}

.group-title::after {
	display: block;
	width: 3rem;
	margin-top: .45rem;
	border-bottom: 3px solid #c00;
	content: "";
}

.scheda-prodotto {
	background-color: #fff;
}


.card-prodotto.tilt-card {
	transform: perspective(900px) rotateX(0) rotateY(0) translateY(0) scale(1);
	transform-style: preserve-3d;
	transition: transform .18s ease, box-shadow .18s ease;
	will-change: transform;
}

.card-prodotto.tilt-card:hover {
	box-shadow: 0 1rem 2rem rgba(31, 41, 55, .18);
}

.card-prodotto .card-title {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	text-align: center;
	margin-top: 1rem;
	font-size: 1.25rem;
	font-weight: 600;
	color: #c00;
	background-color: #ddd;
}

.card-prodotto .badge {
	font-size: 1.2rem;
	position: absolute;
	bottom: 50px;
	left: 15px;
}
.lista-fissi-card {
	height: 100vh;
	overflow-y: auto;
	top: 10px;
	/* border-left: 4px solid #DC3545; */
}

.lista-fissi-card .card-header{
	background-color: #343A40; 
	color: #fff;
	border-bottom: 1px solid #DC3545;
	padding: .85rem .75rem;
}
ul.lista-fissi {
	
}

ul.lista-fissi li {
	margin: 0;
	padding: 10px 15px;
}

ul.lista-fissi a {
	text-decoration: none;
	color: #DC3545;
}

ul.lista-fissi a li:hover {
	color: #fff !important;
}

ul.lista-fissi li:hover {
	background-color: #DC3545
}

ul.lista-fissi a.active li {
	background-color: #DC3545;
	color: #fff !important;
}



.prodotto {
	margin: .75rem 0;
	padding: 1rem !important;
	border: 1px solid #e3e7eb;
	border-radius: .75rem;
	background: #fff;
	box-shadow: 0 .25rem .9rem rgba(31, 41, 55, .07);
	transition: box-shadow .2s ease, transform .2s ease;
}

.prodotto:hover {
	box-shadow: 0 .5rem 1.2rem rgba(31, 41, 55, .12);
	transform: translateY(-1px);
}

.prodotto .row_prodotto {
	align-items: center;
}

.prodotto .product-image-col {
	flex: 0 0 90px;
	width: 90px;
}

.prodotto .product-cart-col {
	border-left: 1px solid #edf0f2;
}

.prodotto .prodIMG {
	display: block;
	width: 90px;
	height: 90px;
	border: 1px solid #dee2e6;
	border-radius: .5rem;
	object-fit: cover;
}

.prodotto .titleProd {
	margin: 0 0 .4rem;
	color: #343a40;
	font-size: 1.1rem;
	font-weight: 700;
}

.prodotto .titleProd a {
	color: #343a40;
	text-decoration: none;
}
.prodotto .titleProd a:hover {
	color: #c00;
}

.prodotto .price-box,
.prodotto .ex-price-box {
	font-weight: 700;
}

.prodotto .price-box {
	color: #9d0000;
}

.prodotto .ex-price-box {
	color: #6c757d;
	text-decoration: line-through;
}

.prodotto .num_piece {
	width: 4.5rem;
	padding: .35rem .5rem;
	border: 1px solid #ced4da;
	border-radius: .375rem;
}

.prodotto .button-cart {
	border-radius: .375rem;
}

.prodotto .product-details {
	margin-top: .75rem;
	padding-top: .75rem;
	border-top: 1px solid #edf0f2;
}


@media (prefers-reduced-motion: reduce) {
	.card-prodotto.tilt-card {
		transition: none;
	}
}

@media (max-width: 768px) {
	div#header .nav-item {
		margin-right: 0;
		margin-top: 15px;
	}

	.prodotto .prodIMG {
		margin: auto;
	}

	.prodotto .titleProd {
		margin: auto;
		text-align: center;
	}

	.prodotto .product-image-col {
		flex-basis: 100%;
		width: 100%;
		padding-bottom: .75rem;
	}

	.prodotto .product-cart-col {
		margin-top: .75rem;
		padding-top: .75rem;
		border-left: 0;
		border-top: 1px solid #edf0f2;
	}
}
	/* VECCHIO */





	.sottomenu_div {
		position: absolute;
		margin-top: 8px;
		margin-left: -8px;
		padding: 8px;
		width: 700px;
		/*background-color:#fff;*/
		color: #000;
		z-index: 999999;
	}

	#layer_center {}

	#layer_center #table_center {
		/*box-shadow: 0px 0px 10px rgba(0,0,0,0.80); */
		min-width: 1150px;
		width: 80%;
		margin: auto;
		/*background-color: #fff; */
	}


	.layer_menu {
		box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4);
		padding: 80px 10px 10px 10px;
		display: none;
		position: absolute;
		background-color: #fff;
		width: 788px;
		z-index: 11;
		margin-top: -8px;
		height: 307px;
	}

	.layer_menu h1 {
		font-size: 24px;
		margin: 0px;
		margin-bottom: 10px
	}

	.layer_menu ul {
		padding: 0px;
		margin: 0px;
	}

	.layer_menu ul li {
		padding: 5px;
		list-style: none;
	}

	.layer_menu ul li span {
		padding: 3px 10px
	}

	.layer_menu ul li span a {
		text-decoration: none;
		color: inherit;
	}

	.layer_menu ul li span:hover {
		border: 1px solid #ccc;
		cursor: pointer;
		box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
		background-color: #ddd;
	}


	.button_type {
		cursor: pointer;
		width: 144px;
		height: 128px;
		display: inline-block;
	}

	.button_type .label {
		position: absolute;
		margin-top: 102px;
		margin-left: 10px;
		color: #fff
	}

	.button_type .label_selected {
		position: absolute;
		margin-top: 102px;
		margin-left: 10px;
		color: #f00
	}

	#cartina .info {
		padding: 10px;
		text-align: justify;
		font-size: 14px
	}

	.brand_type {}

	.brand_type.selected {}

	#slider {
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
	}

	#wrapper {
		margin-top: 0px;
	}


	.page_title {
		font-size: 26px;
	}

	.page_info {
		font-size: 21px;
	}


	.page_div_header {
		-moz-border-radius: 6px 6px 0px 0px;
		-webkit-border-radius: 6px 6px 0px 0px;
		border-radius: 6px 6px 0px 0px;
		background-color: #282828;
		margin-top: 20px;
		padding: 8px;
		font-size: 21px;
		color: #F2F2F2;
		border-top: 2px solid #686868;
		border-bottom: 2px solid #383838;
	}


	#carrello {
		position: fixed;
		z-index: 999;
		bottom: 0px;
		left: 1px;
		width: 500px;
		display: none;
		box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5)
	}

	#carrello #cart_table {
		font-size: 12px;
	}

	#carrello .page_div_header {
		margin-top: 0px
	}

	#carrello #cart_table tr.header td {
		padding: 3px 5px;
		font-size: 14px;
		background-color: #ccc;
		color: #000;
		border-top: 1px solid #aaa;
		border-bottom: 1px solid #383838;
	}



	.button-cart {
		-moz-box-shadow: inset 0px 1px 0px 0px #f5978e;
		-webkit-box-shadow: inset 0px 1px 0px 0px #f5978e;
		box-shadow: inset 0px 1px 0px 0px #f5978e;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f));
		background: -moz-linear-gradient(center top, #f24537 5%, #c62d1f 100%);
		/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');*/
		background-color: #f24537;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		border: 1px solid #d02718;
		display: inline-block;
		color: #ffffff;
		font-family: arial;
		font-size: 15px;
		font-weight: bold;
		padding: 6px 12px;
		text-decoration: none;
		text-shadow: 1px 1px 0px #810e05;
	}

	.button-cart:hover {
		cursor: pointer;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537));
		background: -moz-linear-gradient(center top, #c62d1f 5%, #f24537 100%);
		/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');*/
		background-color: #c62d1f;
	}

	.button-cart:active {
		position: relative;
		top: 1px;
	}


	.button-box {
		-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
		-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
		box-shadow: inset 0px 1px 0px 0px #ffffff;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #b8b8b8));
		background: -moz-linear-gradient(center top, #f9f9f9 5%, #b8b8b8 100%);
		/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#b8b8b8');*/
		background-color: #f9f9f9;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		border: 1px solid #dcdcdc;
		display: inline-block;
		color: #3d3c3d;
		font-family: arial;
		font-size: 14px;
		font-weight: bold;
		padding: 6px 24px;
		text-decoration: none;
		text-shadow: 1px 1px 0px #ffffff;
	}

	.button-box:hover {
		cursor: pointer;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b8b8b8), color-stop(1, #f9f9f9));
		background: -moz-linear-gradient(center top, #b8b8b8 5%, #f9f9f9 100%);
		/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8b8b8', endColorstr='#f9f9f9');*/
		background-color: #b8b8b8;
	}

	.button-box:active {
		position: relative;
		top: 1px;
	}

	.divisore {
		padding: 2px;
		width: 90%;
		border: 1px solid #ccc;
	}


	#brand_content ul {
		list-style: none;
		padding: 0px;
		margin: 0px
	}

	#brand_content ul li {
		padding: 0px
	}

	#brand_content ul li .info_model_number {
		display: none;
		font-size: 12px;
		color: #fff;
		margin-top: 0px;
		margin-right: 5px;
		z-index: 10000;
		float: right
	}

	#brand_content_title {
		background-color: #282828;
		color: #F2F2F2;
		list-style: none;
		margin: 0px;
		border-top: 2px solid #686868;
		border-bottom: 2px solid #383838;
		padding: 0px;
		background-color: #282828;
		color: #F2F2F2;
		list-style: none;
		margin: 0px;
		border-top: 2px solid #686868;
		border-bottom: 2px solid #383838;
		padding: 5px;
		margin: 5px;
	}

	#brand_content {
		background-color: #fff;
		border-radius: 6px;
		text-align: left;
		border: 2px solid #686868;
	}

	#brand_content ul li a {
		text-decoration: none;
	}





	.menu-vox {
		-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
		-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
		box-shadow: inset 0px 1px 0px 0px #ffffff;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
		background: -moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
		background-color: #ededed;
		border: 1px solid #dcdcdc;
		display: block;
		color: #777777;
		font-family: Arial;
		font-size: 15px;
		font-weight: bold;
		padding: 6px 24px;
		text-decoration: none;
		text-shadow: 1px 1px 0px #ffffff;
	}

	.menu-vox:hover,
	.menu-vox.selected {
		cursor: pointer;
		-moz-box-shadow: inset 0px 1px 0px 0px #f29c93;
		-webkit-box-shadow: inset 0px 1px 0px 0px #f29c93;
		box-shadow: inset 0px 1px 0px 0px #f29c93;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bf1806), color-stop(1, #ce0100));
		background: -moz-linear-gradient(center top, #bf1806 5%, #ce0100 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf1806', endColorstr='#ce0100');
		background-color: #bf1806;
		border: 1px solid #d83526;
		color: #ffffff;
		text-shadow: 1px 1px 0px #b23e35;
	}

	.menu-vox:active {
		position: relative;
		top: 1px;
	}

	.price-box {
		-moz-box-shadow: inset 0px 1px 0px 0px #fce2c1;
		-webkit-box-shadow: inset 0px 1px 0px 0px #fce2c1;
		box-shadow: inset 0px 1px 0px 0px #fce2c1;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));
		background: -moz-linear-gradient(center top, #ffc477 5%, #fb9e25 100%);
		/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');*/
		background-color: #ffc477;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		border: 1px solid #eeb44f;
		display: inline-block;
		color: #ffffff;
		font-family: arial;
		font-size: 19px;
		font-weight: bold;
		padding: 6px 24px;
		text-decoration: none;
		text-shadow: 1px 1px 0px #cc9f52;
	}

	.ex-price-box {
		cursor: pointer;
		-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
		-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
		box-shadow: inset 0px 1px 0px 0px #ffffff;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
		background: -moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%);
		/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');*/
		background-color: #ededed;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		border: 1px solid #dcdcdc;
		display: inline-block;
		color: #777777;
		font-family: arial;
		text-decoration: line-through !important;
		font-size: 19px;
		font-weight: bold;
		padding: 6px 24px;
		text-decoration: none;
		text-shadow: 1px 1px 0px #ffffff;
	}

	.sub-menu-vox {
		-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
		-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
		box-shadow: inset 0px 1px 0px 0px #ffffff;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
		background: -moz-linear-gradient(center top, #ffffff 5%, #f6f6f6 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6');
		background-color: #ffffff;
		border: 1px solid #dcdcdc;
		display: block;
		color: #666666;
		font-family: arial;
		font-size: 12px;
		font-weight: lighter;
		padding: 4px 24px;
		text-decoration: none;
		text-shadow: 1px 1px 0px #ffffff;
	}

	.sub-menu-vox:hover,
	.sub-menu-vox.selected {
		cursor: pointer;
		-moz-box-shadow: inset 0px 1px 0px 0px #f29c93;
		-webkit-box-shadow: inset 0px 1px 0px 0px #f29c93;
		box-shadow: inset 0px 1px 0px 0px #f29c93;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bf1806), color-stop(1, #ce0100));
		background: -moz-linear-gradient(center top, #bf1806 5%, #ce0100 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf1806', endColorstr='#ce0100');
		background-color: #bf1806;
		border: 1px solid #d83526;
		color: #ffffff;
		text-shadow: 1px 1px 0px #b23e35;
	}

	.sub-menu-vox:active {
		position: relative;
		top: 1px;
	}

	.sub-menu-list {
		display: none
	}

	.sub-menu-vox a {
		text-decoration: none;
		color: inherit;
	}

	.contenitore {
		position: relative;
		background-image: url(../img/lp.png);
		background-repeat: repeat-y;
		width: 1000px;
		padding: 0px;
		margin: 0px;
		text-align: left;
		z-index: 1000;
		;
	}

	#layer_center {
		max-width: 1440px;
		margin: 0 auto;
	}

	#table_center {
		table-layout: fixed;
	}

	.carousel-inner,
	.carousel-item {
		min-height: 180px;
	}

	.carousel-item img {
		height: clamp(180px, 28vw, 420px);
		object-fit: cover;
	}

	@media (max-width: 767.98px) {

		#table_center,
		#table_center>tbody,
		#table_center>tbody>tr,
		#table_center>tbody>tr>td {
			display: block;
			width: 100% !important;
		}

		#menu_1,
		#menu_2 {
			display: flex;
			flex-wrap: wrap;
		}

		#menu_1 .menu,
		#menu_2 .menu2 {
			flex: 1 1 50%;
			border-bottom: 1px solid #404040;
		}

		.layer_menu {
			position: static;
			width: 100% !important;
			height: auto !important;
			padding: 1rem;
		}

		.layer_menu table,
		.layer_menu tbody,
		.layer_menu tr,
		.layer_menu td {
			display: block;
			width: 100% !important;
		}

		#module_button {
			display: none;
		}

		#hd_loginbox {
			width: auto;
			margin-right: .5rem;
		}

		.button_type {
			transform: scale(.8);
			transform-origin: center;
			margin: -12px;
		}

		#carrello {
			width: calc(100% - 2px);
		}
	}