/*body{
		padding:30px;
	}*/

#btn-close-modal {
	/*width: 100%;
	text-align: center;
	cursor: pointer;
	color: #000;*/
	text-align: center;
	cursor: pointer;
	color: #000;
	border: 1px solid #ff5f00;
	margin: 0 auto;
	width: 200px;
	padding: 10px 10px;
}

.clearfix {
	clear: both;
}

.modal-inner .productComparison {
	background: transparent;
	border-color: #ff6a00;
	padding: 0;
}

.productComparison {
	width: 22.5%;
	min-height: 400px;
	background-color: #efefef;
	border: 3px solid #efefef;
	float: left;
	margin: 5px;
	padding: 7px 7px 30px 7px;
	position: relative;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	text-align: center;
	-o-transition: -webkit-transform .2s ease-in-out;
	-webkit-transition: -webkit-transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
}

.modal-inner .productComparison ul {
	color: #000;
	list-style: none;
	margin: 0;
	padding: 10px 0;
	/*border-bottom: 1px solid #ff6a00;*/
	text-align: center;
}

.modal-inner .productComparison li {
	color: #000;
	list-style: none;
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #ff6a00;
	text-align: center;
}

/*.product{
		font-family: Lato;
		width:22.5%;
		min-height:400px;
		background-color:#efefef;
		border:3px solid #efefef;
		float:left;
		margin:5px;
		padding:7px 7px 30px 7px;
		position: relative;
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		-o-border-radius:10px;
		text-align: center;
    	-o-transition: -webkit-transform .2s ease-in-out;
    	-webkit-transition: -webkit-transform .2s ease-in-out;
  		transition: transform .2s ease-in-out;
	}

	.product h3{
		font-size:22px;
		margin-bottom: 50px;
	}

	.product h3 span{
		border-bottom:2px solid #ccc;
		padding-bottom:10px;
	}

	@media screen and (max-width: 1220px) { 
		.product{
			width:30.5%;
		}
	}
	@media screen and (max-width: 960px) { 
		.product{
			width: 46%;
		}
	}
	
	@media screen and (max-width: 720px) { 
		.product{
			width: 95%;
			float: none;
		}
	}

	.product img{
   		display: block;
    	margin: 0 auto;
    	-webkit-transition: -webkit-transform .2s ease-in-out;
  		transition: transform .2s ease-in-out;
	}

	.product:hover img{
		transform:rotate(8deg) scale(1.05);
		-webkit-transform:rotate(8deg) scale(1.05);
	    -moz-transform:rotate(8deg) scale(1.05);
	    -o-transform:rotate(8deg) scale(1.05);
	}*/

.product button {
	border: 1px solid #ccc;
	background: #fff;
	font-size: 20px;
	height: 30px;
	outline: none;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	cursor: pointer;
	position: absolute;
	top: 7px;
	right: 15px;
}

	.product button:hover {
		border: 1px solid #ea5b0c;
		/*background: #0ad68e;*/
		background-color: transparent;
		color: #ea5b0c;
	}

.comparisonButtonRiga {
}

/* selected product button state */
.product.selected {
	border-color: #1dc0f5;
	transition: border-color .5s ease-in-out;
	-webkit-transition: border-color .5s ease-in-out;
	-moz-transition: border-color .5s ease-in-out;
}

	.product.selected button {
		background: #ea5b0c;
		border: 1px solid #ea5b0c;
		color: #fff;
	}

		/* rotate the + to be an x */
		.product.selected button div {
			/*margin-left: -2px;
			
			-webkit-transform: rotate(-45deg);
			
			-moz-transform: rotate(-45deg);
			
			-ms-transform: rotate(-45deg);
			
			-o-transform: rotate(-45deg);
			
			filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);*/
		}


.tooltip.bottom .tooltip-inner {
	/*background-color:#FFFFFF;
	color:#ff5f00;*/

	    background-color: #FFFFFF;
    color: #ff5f00;
    border: 1px solid #ff5f00;
    max-width: 400px !important;
}

.tooltip.bottom .tooltip-arrow {
	border-bottom-color:transparent;	
}

.comparisonButtonQuadro {
	transition: transform .25s ease;
}

	.comparisonButtonQuadro:hover {
		transform: scale(1.5);
	}

.product button.selected:hover {
	background: #1dc0f5;
}

.product .text-center {
	text-align: center;
}

.product .description {
	padding: 0 50px;
}

.product .price {
	margin: 20px 0;
	color: #666;
}

.product .add-to-cart {
	background: #1360b7;
	padding: 8px 10px;
	text-decoration: none;
	color: #fff;
	border-radius: 4px;
}

/* Compare products button */

.compare-products {
	background: #efefef;
	padding: 8px 10px;
	text-decoration: none;
	color: #fff;
	border-radius: 4px;
	display: inline-block;
	margin-bottom: 30px;
}

	.compare-products.active {
		background: #1360b7;
	}

/* 	Modal Styles */

.modal-inner {
	padding: 5%;
}

	.modal-inner .no-products {
		color: #fff;
		margin-top: 20%;
		font-size: 35px;
		text-align: center;
	}

	.modal-inner .product {
		background: transparent;
		border-color: #8eccf5;
		padding: 0;
	}

		.modal-inner .product ul, .modal-inner .product li {
			color: #fff;
			list-style: none;
			margin: 0;
			padding: 10px 0;
			border-bottom: 1px solid #8eccf5;
			text-align: center;
		}

			.modal-inner .product li:last-of-type {
				border-bottom: 0;
			}

			.modal-inner .product li span {
				padding: 0 20px 0 20px;
			}

#btn-close-modal {
	margin-top: 40px;
}

#toolbarCompara {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	/*display: none;*/
	z-index: 999999;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigzMSwgMzEsIDMxKSIgc3RvcC1vcGFjaXR5PSIwLjkiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJnYigwLCAwLCAwKSIgc3RvcC1vcGFjaXR5PSIwLjkiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
	background-image: -webkit-linear-gradient(top, rgba(31, 31, 31, 0.9) 0%, rgba(0, 0, 0, 0.9) 100%);
	background-image: -moz-linear-gradient(top, rgba(31, 31, 31, 0.9) 0%, rgba(0, 0, 0, 0.9) 100%);
	background-image: -o-linear-gradient(top, rgba(31, 31, 31, 0.9) 0%, rgba(0, 0, 0, 0.9) 100%);
	background-image: linear-gradient(to bottom, rgba(31, 31, 31, 0.9) 0%, rgba(0, 0, 0, 0.9) 100%);
}

	#toolbarCompara .container {
		border: 0;
		position: relative;
		background: transparent;
		overflow: visible;
	}

	#toolbarCompara .container {
		border: 0;
		position: relative;
		background: transparent;
		overflow: visible;
	}

	#toolbarCompara #contenuto_comparazione {
		height: 168px;
	}

	#toolbarCompara #frecciaCompara {
		position: absolute;
		top: -36px;
		left: 20px;
		color: #FFF;
		height: 36px;
		background: rgba(0, 0, 0, 0.21);
		cursor: pointer;
		-webkit-box-shadow: 0 0 22px rgba(0, 0, 0, 0.31);
		-moz-box-shadow: 0 0 22px rgba(0, 0, 0, 0.31);
		box-shadow: 0 0 22px rgba(0, 0, 0, 0.31);
	}

		#toolbarCompara #frecciaCompara > * {
			display: inline-block;
			vertical-align: top;
		}

		#toolbarCompara #frecciaCompara #testo_frecciaCompara {
			width: 185px;
			height: 36px;
			background: rgba(31, 31, 31, 0.9);
			margin-right: 2px;
			text-align: center;
			font: 400 14px/36px 'Gotham';
		}

			#toolbarCompara #frecciaCompara #testo_frecciaCompara:before {
				content: "\f107";
				font-family: FontAwesome;
				font-size: 20px;
				color: #FFF;
				float: left;
				left: 17px;
				margin-right: 6px;
				position: relative;
			}

	#toolbarCompara #prodotti_confronta {
		/*      border: 1px solid red;
      float: left;*/
		position: absolute;
		z-index: 3;
		top: 17px;
		right: 5px;
	}

.singolo_item {
	float: left;
	margin: 0 14px;
	text-align: center;
	height: 135px;
	width: 120px;
	border: 1px solid #8a8a8a;
	background: #fff;
	position: relative;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

	.singolo_item h4,
	.singolo_item h5 {
		margin: 0;
		font-size: 11px;
		font-weight: 300;
		line-height: 14px;
	}

	.singolo_item .nome_item {
		position: absolute;
		top: 63px;
		left: 0;
		right: 0;
		padding: 0 8px;
		color: #000;
	}

	.singolo_item h4 {
		font-size: 12px;
		font-weight: bold;
	}

	.singolo_item span {
		position: absolute;
		right: -6px;
		top: -5px;
		/*background: url("../img/sprites7_opt.png") top left no-repeat;
		background-position: -213px -173px;*/
		background-color: #fe1717;
		display: block;
		-webkit-border-radius: 50%;
		-webkit-background-clip: padding-box;
		-moz-border-radius: 50%;
		-moz-background-clip: padding;
		border-radius: 50%;
		background-clip: padding-box;
		width: 19px;
		height: 19px;
		text-align: center;
		vertical-align: middle;
		color: #FFF;
		cursor: pointer;
		font: bold 15px/18px sans-serif;
	}

	.singolo_item img {
		position: relative;
		top: 7px;
	}

	.singolo_item div {
		position: absolute;
		right: -6px;
		top: -5px;
		/*background: url("../img/sprites7_opt.png") top left no-repeat;
		background-position: -213px -173px;*/
		background-color: #fe1717;
		display: block;
		-webkit-border-radius: 50%;
		-webkit-background-clip: padding-box;
		-moz-border-radius: 50%;
		-moz-background-clip: padding;
		border-radius: 50%;
		background-clip: padding-box;
		width: 19px;
		height: 19px;
		text-align: center;
		vertical-align: middle;
		color: #FFF;
		cursor: pointer;
		font: bold 15px/18px sans-serif;
	}

.containerCompara {
	position: relative;
	margin: 0 auto;
	max-width: 1000px;
}

#toolbarCompara .btn {
	background: #555;
	padding: 7px 15px;
	display: block;
	color: #FFF;
	margin: 5px 2px;
	text-decoration: none;
	text-align: center;
}

#toolbarCompara .tasto_compara {
	background: #ea5b0c;
	position: absolute;
	/* width: 96%; */
	height: 68px;
	line-height: 66px;
	top: 53px;
	left: 0px;
	padding: 0;
	margin: 0;
	text-align: right;
}

	#toolbarCompara .tasto_compara span {
		height: 62px;
		/* position: absolute; */
		padding-left: 15px;
		padding-right: 15px;
		top: 3px;
		left: 3px;
		text-transform: uppercase;
		text-align: center;
		line-height: 64px;
	}


/* INIZIO TAB RESPONSIVE  */
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

[data-tr-table] {
	width: 100%;
}

.tr-mobile [data-tr-table] [data-product]:not(.active) {
	display: none;
}

.tr-mobile [data-tr-table] [data-mobile-collapse] {
	display: none;
}

[class^="product-selector"] {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.tr-desktop [class^="product-selector"] {
	display: none;
}

@media print {
	[class^="product-selector"] {
		display: none;
	}
}

[class^="product-selector"] a {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: block;
	text-align: center;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

[class^="tr-wrapper-"] .tr-tooltip {
	position: absolute;
	max-width: 30rem;
	-webkit-animation: trFadeIn 0.3s ease forwards;
	animation: trFadeIn 0.3s ease forwards;
}

@-webkit-keyframes trFadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes trFadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@import url("https://fonts.googleapis.com/css?family=Open+Sans");

[class^="tr-wrapper-"] {
	/*font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
}

	[class^="tr-wrapper-"].tr-desktop.has-featured-column {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	[class^="tr-wrapper-"] .tr-tooltip {
		background-color: #444;
		padding: 0.5rem 1rem;
		color: #fff;
		font-size: 0.7em;
	}

[data-tr-table] {
	text-align: center;
	border-collapse: collapse;
	color: #4d4d4d;
	position: relative;
	/*font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
}

	[data-tr-table] thead, [data-tr-table] tbody, [data-tr-table] tfoot {
		background: none;
	}

	[data-tr-table] td, [data-tr-table] th {
		border: 1px solid #f3f3f3;
		position: relative;
	}

.tr-desktop [data-tr-table] td.tr-featured, .tr-desktop [data-tr-table] th.tr-featured {
	-webkit-box-shadow: -5px 0 5px -2px rgba(0, 0, 0, 0.05), 5px 0 5px -2px rgba(0, 0, 0, 0.05);
	box-shadow: -5px 0 5px -2px rgba(0, 0, 0, 0.05), 5px 0 5px -2px rgba(0, 0, 0, 0.05);
	z-index: 1;
}

[data-tr-table] th {
	color: #223a52;
	font-weight: normal;
}

/*[data-tr-table] th a {
  color: inherit;
}*/

[data-tr-table] td {
	/*font-size: 0.8em;*/
	font-size: 13px;
	background: #fff;
}

	[data-tr-table] td a {
		width: 100%;
	}

[data-tr-table] thead th {
	padding: 1rem;
	text-align: center;
	font-size: 1.5em;
	background: #fff;
	color: #4d4d4d;
}

.tr-desktop [data-tr-table] thead th.tr-featured {
	border-top: 0;
	font-size: 1.5em;
}

	.tr-desktop [data-tr-table] thead th.tr-featured:before {
		content: "";
		position: absolute;
		width: 100%;
		left: 0;
		bottom: 100%;
		height: 1rem;
		background: #fff;
		-webkit-box-shadow: 0 -5px 5px -2px rgba(0, 0, 0, 0.05);
		box-shadow: 0 -5px 5px -2px rgba(0, 0, 0, 0.05);
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
	}

[data-tr-table] thead th:empty {
	background: none;
	border: 0;
}

.tr-desktop [data-tr-table] thead th {
	font-size: 1em;
}

[data-tr-table] tbody td, [data-tr-table] tbody th {
	padding: 1rem !important;
}

[data-tr-table] tbody th {
	max-width: 20rem;
	text-align: right;
	font-size: 13px;
	/*font-size: 0.8em;*/
	background: #ea5b0c;
	text-transform: uppercase;
	color: #FFF;
	border: 0;
	-webkit-box-shadow: inset -15px 0 20px -10px rgba(0, 0, 0, 0.1);
	box-shadow: inset -15px 0 20px -10px rgba(0, 0, 0, 0.1);
}

	[data-tr-table] tbody th:empty {
		background: none;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

[data-tr-table] tbody tr:first-child th {
	border-top-left-radius: 3px;
}

[data-tr-table] tbody tr:last-child th {
	border-bottom-left-radius: 3px;
}

.tr-desktop [data-tr-table] tbody tr:last-child .tr-featured:before {
	content: "";
	position: absolute;
	width: 100%;
	left: 0;
	top: 100%;
	height: 1rem;
	background: #fff;
	-webkit-box-shadow: 0 5px 5px -2px rgba(0, 0, 0, 0.05);
	box-shadow: 0 5px 5px -2px rgba(0, 0, 0, 0.05);
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

[data-tr-table] tbody tr:not(:last-child) th {
	border-bottom: 1px solid #FFF;
}

[data-tr-table] .price {
	font-size: 1.7em;
	font-weight: bold;
}

[data-tr-table] .icon-check, [data-tr-table] .icon-x {
	width: 2em;
	height: 2em;
	border-radius: 50%;
	display: inline-block;
	position: relative;
}

[data-tr-table] .icon-check {
	background: #3fcc8a;
}

	[data-tr-table] .icon-check:after {
		content: "";
		width: 0.5em;
		height: 1em;
		border-bottom: 2px solid #fff;
		border-right: 2px solid #fff;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%) rotate(45deg);
		transform: translate(-50%, -50%) rotate(45deg);
	}

[data-tr-table] .icon-x {
	background: lightgrey;
}

	[data-tr-table] .icon-x:before {
		content: "";
		height: 1em;
		width: 2px;
		background: #fff;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%) rotate(45deg);
		transform: translate(-50%, -50%) rotate(45deg);
	}

	[data-tr-table] .icon-x:after {
		content: "";
		height: 1em;
		width: 2px;
		background: #fff;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%) rotate(-45deg);
		transform: translate(-50%, -50%) rotate(-45deg);
	}

[data-tr-table] .button {
	background: #22d294;
	padding: 0.8rem 1.5rem;
	border-radius: 6px;
	color: #f6fdfb;
	display: block;
	width: 100%;
	text-decoration: none;
	-webkit-transition: background 0.3s ease;
	transition: background 0.3s ease;
}

	[data-tr-table] .button:hover {
		background: #1ebc85;
	}

[class^="product-selector"] {
	border-bottom: 0;
	position: relative;
	z-index: 1;
}

	[class^="product-selector"] a {
		padding: 1rem 0.5rem;
		color: #eae5fb;
		background: #5f35df;
		text-decoration: none;
		-webkit-transition: background 0.3s ease;
		transition: background 0.3s ease;
	}

		[class^="product-selector"] a:after {
			content: "";
			background: #471fc2;
			width: 14px;
			height: 14px;
			position: absolute;
			left: calc(50% - 7px);
			bottom: 4px;
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
			z-index: -1;
			-webkit-transition: bottom 0.3s ease;
			transition: bottom 0.3s ease;
		}

		[class^="product-selector"] a:first-child {
			border-top-left-radius: 3px;
		}

		[class^="product-selector"] a:last-child {
			border-top-right-radius: 3px;
		}

		[class^="product-selector"] a:not(:last-child) {
			border-right: 1px solid #8261e6;
		}

		[class^="product-selector"] a.active {
			background: #471fc2;
		}

			[class^="product-selector"] a.active:after {
				bottom: -7px;
			}

.table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
	background-color: transparent !important;
}