.wireframe {
	position: relative;
	width: 100%;
	transform-origin: left top;
}

.wireframe.ready {
	transition: all .7s ease-in-out;	
}

.frame {
	visibility: hidden;
	display: inline-block;
	position: relative;
	border: none;
	transition: all .1s ease-in-out;
	padding: 0;
	margin: 0;
	margin-left: -5px;
	margin-right: -5px;
}

.frame img {
	max-width: initial;
	position: relative;
	left: 0;
	top: 0;
}

.zoomed .frame {
	opacity: 0.3;
}

.zoomed .frame.active {
	opacity: 1;
}

.frame:hover {
	z-index: 100;
	transform: scale(1.05);	
}

.zoomed .frame:hover {
	transform: initial;
}