/*------- COLLECTIONS ------*/





#brand-list {

	padding-left: 20px;	

}

	#brand-list .brand-column {

		float:left;

		margin-right: 30px;		

	}	

	#brand-list .brand {

		position: relative;

		margin-bottom: 30px;	

	}

		#brand-list .brand .img {

			width: 200px;

			height: 200px;

			background-size: contain;

			background-size: cover;

			background-position: center;

			background-repeat: no-repeat;

			opacity: .8;

		}

		#brand-list .brand:hover .img { opacity: .6; }

		#brand-list .brand .count {

			position:absolute;

			left:0px;

			top:0px;

			text-align: center;

			line-height: 200px;			

			heigth:200px;

			width: 200px;

			font-size: 50px;

			color: #333; 

			text-shadow: 0 0 5px rgba(255, 255, 255, 0.4);

		}

		#brand-list .brand:hover .count { color: #000; }

		#brand-list .brand .name {

			font-weight: normal;

			font-size: 22px;		

		}







		#brand-type-list {

			padding-left: 20px;	

		} 

		#brand-type-list .brand {

			float:left;

			margin-right: 30px;

			position: relative;

		}		

        .demo-section {

            padding: 30px;

            width: 577px;

        }

        .listView {

            padding: 0px;

            margin-bottom: -1px;

            width: 575px;

            min-height: 510px;

			border: none;

			background: none;

        }

        .big .listView {

			width: 890px;

			padding: 0px;

			min-height: 405px;

		}

        .product {

            float: left;

            position: relative;

            width: 111px;

            height: 170px;

            margin: 0px 2px;

            padding: 0;

        }

        .product .img {

            width: 110px;

            height: 110px;

        }

        .product h3 {

            margin: 0;

            padding: 3px 5px 0 0;

            max-width: 96px;

            overflow: hidden;

            line-height: 1.1em;

            font-size: .9em;

            font-weight: normal;

            text-transform: uppercase;

            color: #999;

        }

		.k-state-selected.product h3 {

			color: #fff;

		}

        .product p {

            visibility: hidden;

        }

        .product:hover p {

            visibility: visible;

            position: absolute;

            width: 110px;

            height: 110px;

            top: 0;

            margin: 0;

            padding: 0;

            line-height: 110px;

            vertical-align: middle;

            text-align: center;

            color: #fff;

            background-color: rgba(0,0,0,0.75);

            transition: background .2s linear, color .2s linear;

            -moz-transition: background .2s linear, color .2s linear;

            -webkit-transition: background .2s linear, color .2s linear;

            -o-transition: background .2s linear, color .2s linear;

        }

        .k-listview:after, .product dl:after {

            content: ".";

            display: block;

            height: 0;

            clear: both;

            visibility: hidden;

        }

		

        .product.big {

            float: left;

            position: relative;

            width: 440px;

            height: 180px;

			margin:0px;

            margin-bottom: 20px;

            padding: 0;

        }	

        .product.big:nth-child(odd) {

			margin-right:10px;

		}

        .product.big .img {

            width: 180px;

            height: 180px;

			margin-right: 10px;			

			float:left;

        }

		.product.big h3 {

			max-width: none;

			font-weight: bold;

			font-size:14px;

			margin-bottom: 20px;

		}

		

		.product.big .descr1 {

			font-size:12px;

		}

		.product.big .descr2 {

			font-size:12px;

		}

		.product.big .descr3 {

			font-size:12px;

		}

		

		.product.big .varianti {

			position: absolute;

			bottom: 40px;

			left: 190px;

		}		

		.product.big .prezzo {

			position: absolute;

			bottom: 8px;

			left: 190px;

			font-weight: bold;

		}

		.product.star1 .star-flag{

			width:16px;

			height:16px;

			background: url(https://4sellerapp.it/themes/4seller/_/img/star.png) no-repeat;

			position: absolute;

			top: 2px;

			right: 2px;

		}

		.product.big.star1 .star-flag{

			top: 5px;

			right: 5px;			

		}

		

.with-cart .page .page-header	{

	/*width: calc(100% - 51px);*/

}

		

#region-cart {

	position: fixed;

	z-index: 30;

	right:-150px;

	bottom: 0;

	width: 175px;


	background: #eee;

	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);

	border-top: 1px solid #B0B0B0;
    height: 550px;

}
#revivalArticleCart {
    max-height: 300px;
    min-height: 300px;
}

.show-cart #region-cart {

	right: 0px;

}



.show-cart.with-cart .page .page-header	{

	/*width: calc(100% - 200px);*/

}





#cartDiv {

	width:300px;

	height: 100%;	

}

#cartBar {

	float:left;

	width:23px;

	height:100%;

	background: url(https://4sellerapp.it/themes/4seller/img/cart.png) no-repeat center;

	border-right: 1px solid #b0b0b0;

	border-left: 1px solid #b0b0b0;

	cursor:pointer;

	background-color: #bbb;

}



#cartBar:hover {

	background-color: #c5c5c5;

}

#cart {

	height: 100%;

	margin-left:35px;

	margin-top: 10px;

}	



	#cart .product {

		float:none;

	}

	#cart .product h3 {

		color: #666;

	}

.align-left {
    text-align: left;
}
.align-right {
    text-align: right;
}