/*---------------*/
/***** Oscar *****/
/*---------------*/


.thumbnail.effect-oscar {
	background-color: #ffffff;
}

.thumbnail.effect-oscar .caption.overlay::before {
	position: absolute;
	top: 20px;
	right: 20px;
	bottom: 20px;
	left: 20px;
	border: 1px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
	pointer-events: none;
}

.thumbnail.effect-oscar:hover .caption.overlay::before {	
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	pointer-events: none;
}

.thumbnail.effect-oscar .caption.overlay {
	background-color: rgba(10,10,10,0.3);
	padding: 3em;
	-webkit-transition: background-color 0.45s;
	transition: background-color 0.45s;
}

.thumbnail.effect-oscar:hover .caption.overlay {
	background-color: rgba(10,10,10,0.5);
}

.thumbnail.effect-oscar img {
	opacity: 0.9;
	-webkit-transition: opacity 0.45s;
	transition: opacity 0.45s;
}

.thumbnail.effect-oscar:hover img {
	opacity: 1;
}

.thumbnail.effect-oscar h2 {
	/*
	margin: 20% 0 10px 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
	*/
}

.thumbnail.effect-oscar:hover h2 {
	/*
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	*/
}