/* catalog */


div.catalog {
    display: flex;
    
    justify-content: center;
    align-items: stretch;
    flex-direction: row;
	flex-wrap: wrap;
    
}



.catalog>div.catalogitem, .catalog>a>div.catalogitem {
    padding:20px;
    margin:20px;
    width:240px;
    text-align:center;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(200, 200, 200, 0.75);
    -moz-box-shadow: 0px 0px 40px 0px rgba(200, 200, 200, 0.75);
    box-shadow: 0px 0px 40px 0px rgba(200, 200, 200, 0.75);
    vertical-align: top;
	position: relative;
	
	background-color: white;
	
	}
	
.catalog>a {
border-bottom: none;
}

.catalogitem div.image {
	height:280px;
	 display: flex;
	justify-content: center;
	align-items: center;
}

.catalogitem div.price {
	bottom:-20px;
	left:-10px;
	padding:10px;
	position: absolute;
	background-color: #2E2E3A;
	color:white;
	font-weight: bold;
}

.catalogitem div.more {
	bottom:-20px;
	right:-10px;
	padding:10px;
	position: absolute;
	background-color: #2E2E3A;
	color:white;
	font-weight: bold;
}

.catalogitem div.sku {
	color:#c0c0c0;
}

.catalog div.fade {
position: absolute !important;
width:260px;
height: 20px;
bottom:-30px;
left:-15px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
pointer-events: none;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

div.catalog:after {
width: 100%;
display: inline-block;
content: ".";
visibility: hidden;

}

.catalog img {
	width:280px;
	height:auto;
    border-radius:3px;
	
	/*margin: -20px 0 0 -20px;*/
	
	/*-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);*/
	}
	
.catalog a {
	border-bottom: unset;
}
	
div.moretag {

position: absolute;
padding:10px;
bottom:-20px;
right:-10px;
background-color: #C52620;
color:white;
border-radius:3px;

}

.content_3_catalog {
	background: url('../../content/images/pattern2.jpg');
	/*background: rgb(197,238,238);
	background: linear-gradient(150deg, rgba(197,238,238,1) 0%, rgba(255,254,160,1) 100%);*/
}

.catalog.pages .catalogitem{
	padding:0;
}

.catalog.pages img {
	margin:10px;
	width:240px;
	height:300px;
	object-fit:cover;
}


@media screen and (min-width:800px) {

.content_2_catalog .catalogitem > a {
	display: flex;
	align-items: center;
}

.content_2_catalog .catalogitem {
	width:90% !important;
}

.content_2_catalog .contentcatalogitem {
	width:calc(100% - 280px);
	padding:20px !important;
}

.content_2_catalog .catalog img {
    margin: -20px 0 -20px -20px !important;
}

}

/* item */

div.images {
	display: flex;
	justify-content: center;
	flex-flow: row wrap;
}

div.images img{
	width:40%;
	height:300px;
	border: 1px solid #c0c0c0;
	object-fit: scale-down;
	margin: 10px;
	background-color: white;
}

p.sku {
	color:#c0c0c0;
	text-align: center;
}

p.price {
	width:fit-content;
	padding:10px;
	margin:0 auto;
	
	background-color: #2E2E3A;
	color:white;
	font-weight: bold;
}