body { background-image:url("../images/bgSmall.jpg"); }

body.mobile #collectionDummy,
body.tablet #collectionDummy { display:none; }

#collection {
	top:0;
	left:0;
	position:fixed;
}
body.mobile #collection,
body.tablet #collection { position:absolute; }

#collection,
#collection > li {
	padding:0;
	margin:0;
	list-style:none;
	background:#000;
}

#collection > li {
	/*
	width:380px;
	height:1200px;
	*/
	background:#000 no-repeat top center;
	background-size:cover;
	opacity:0.5;
	position:relative;
	float:left;
	cursor:pointer;
	-webkit-transition:opacity 500ms linear;
	-moz-transition:all 500ms ease-in;
	-o-transition:all 500ms ease-in;
	-ms-transition:all 500ms ease-in;
	transition:all 500ms ease-in;
	
	-webkit-tap-highlight-color:rgba(218,158,198,0.1);
	
}
body.touchScreen #collection > li { opacity:1; }
#collection > li:nth-child(2n) { background-color:#222; }

body.desktop #collection.collectionOpened > li:hover { opacity:0.5; }
body.touchScreen #collection.collectionOpened > li { opacity:0.4; }
body.desktop #collection > li:hover,
body.desktop #collection.collectionOpened > li.collectionOpened:hover,
#collection.collectionOpened > li.collectionOpened,
body.touchScreen #collection.collectionOpened > li.collectionOpened { opacity:1; }

#collection.collectionOpened > li {
	cursor:default;
}

.collectionPrice {
	font-size:15px;
	font-weight:normal;
	bottom:10px;
	left:10px;
	position:absolute;
	opacity:0;
	text-shadow:0 1px 0 rgba(0,0,0,0.5);
}
#collection > li.collectionOpened .collectionPrice { opacity:1; }

#collection > li > div {
	width:53px;
	height:53px;
	background:url("../images/popinClose.png");
	background-size:53px 53px;
	position:absolute;
	top:7px;
	right:3px;
	opacity:0;
}

#collection > li.collectionOpened > div {
	opacity:1;
}
#collection > li.collectionOpened > div:hover {
	opacity:0.8;
	cursor:pointer;
}