/*---------------*/
/***** Romeo *****/
/*---------------*/

figure.effect-romeo {
	-webkit-perspective: 1000px;
	perspective: 1000px;
}

figure.effect-romeo img {
	opacity: 0.7;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,0,300px);
	transform: translate3d(0,0,300px);
}

figure.effect-romeo:hover img {
	opacity: 0.1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-romeo figcaption::before,
figure.effect-romeo figcaption::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40%;
	height: 1px;
	background: #fff;
	content: '';
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
}

figure.effect-romeo:hover figcaption::before {
	opacity: 0.5;
	-webkit-transform: translate3d(-50%,-50%,0) rotate(20deg);
	transform: translate3d(-50%,-50%,0) rotate(20deg);
}

figure.effect-romeo:hover figcaption::after {
	opacity: 0.5;
	-webkit-transform: translate3d(-50%,-50%,0) rotate(-20deg);
	transform: translate3d(-50%,-50%,0) rotate(-20deg);
}

figure.effect-romeo h2,
figure.effect-romeo p {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-romeo h2 {
	/*-webkit-transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
	transform: translate3d(0,-50%,0) translate3d(0,-150%,0);*/
}

figure.effect-romeo p {
	padding: 0.25em 2em;
	-webkit-transform: translate3d(0,200px,0);
	transform: translate3d(0,200px,0);
	margin-bottom:30px
}

figure.effect-romeo:hover h2 {
	-webkit-transform: translate3d(0,50%,0) translate3d(0,100%,0);
	transform: translate3d(0,20%,0) translate3d(0,30%,0);
}

figure.effect-romeo:hover p {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-romeo:hover p.second {
	
}

figure.effect-romeo .abs-top {
	position:absolute;
	top:15%;
	left:0;
	text-align:center;
	padding:0 20px;
	width:100%
}

figure.effect-romeo .abs-bottom {
	position:absolute;
	bottom:0;
	left:0;
	text-align:center;
	padding:0 20px;
	width:100%
}

/* Text Fixes */
figure.effect-romeo p.second {
	position:absolute;
    margin: 0 auto !important;
    height: 25px;
    line-height: 25px;
	left:50%;
	transform: translate(-50%,-50%);

}