@charset "utf-8";
/* CSS Document */

.thm {
	position: relative;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	transition: all 0.35s ease;
}

.thm, .thm * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.thm a {
	color: #333;
}

.thm a:hover {
	text-decoration: none;
}

.thm img {
	width: 100%;
	height: 100%;
}

.thm.content {
	position: relative;
	width: auto;
	height: auto;
}


.thm-hover1 {
	overflow: hidden;
	position: relative; margin-bottom:0px
}

.thm-hover1 .thm-img {
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	transition: all 0.35s ease;
}

.thm-hover1:hover .thm-img {
	
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);

}


/* -----------------------------------------
:: .thumb
----------------------------------------- */
.thumb {
	padding: 4px;
	position: relative;
	display: inline-block;
	margin: 5px;
}

.thm-img img { border:none;
}

.thm-img > figure > figcaption {font-size:20pt}

.thumb.margin0 {
	margin: 0px;
}

/*thumb background animation marching ants*/
.thumb:hover .thumb-hover, .thumb:active .thumb-hover {
	animation: thumbbg 0.3s linear infinite;
}

.thumb-hover {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 4px;
	box-sizing: border-box;
	opacity: 1;
	transition: opacity 0.3s ease;
}



/* -----------------------------------------
:: .thumb.catalog
----------------------------------------- */
.catalog .thumb-inner {
	border-radius: 3px 3px 0 0;
	border-bottom: 0px;
}

.thm-cat-cart, .thm-cat-details {
	position: absolute; width:90%;
	left: 0;
	right: 0; height:90%;
	margin: 3% 5%;
	text-align: left;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background:url(../images/trans90.png) repeat;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
	visibility: hidden; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transform: scale(0.9);
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
}


/*
.thm-cat-cart {
	top: -100px;
}
*/

/*.thm-cat-details {
	bottom: -50px;
}*/

.thm-hover1:hover .thm-cat-cart {
	visibility: visible;
	top: 0;
}

.thm-hover1:hover .thm-cat-details {
	visibility: visible;
	bottom: 0;
}


.content {cursor:pointer; position:relative}
.diamondhover {
	position: absolute; width:100%;
	left: 0;
	right: 0; height:100%; top:0;
	text-align: left;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	visibility: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}


.content:hover .diamondhover
{
-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	transition: all 0.35s ease;
	visibility: visible;
	bottom: 0;
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
}





.thm-cat-cart h2 {color:#ddd; text-transform:uppercase; padding:10px; text-align:center;}
.wvdoli .thm-cat-cart h2 {line-height:24pt}
.thm-cat-cart p {color:#ddd; text-align:center}

.content img {width:130%;margin-left: -28px; margin-top: -28px;}

