figure.effect-duke {
	background: -webkit-linear-gradient(-45deg, #34495e 0, #cc6055 100%) !important;
	background: -webkit-linear-gradient(135deg, #34495e 0, #cc6055 100%) !important;
	background: linear-gradient(-45deg, #34495e 0, #cc6055 100%) !important
}

figure.effect-duke img,
figure.effect-duke .effect-description {
	-webkit-transition: opacity .35s, -webkit-transform .35s;
	transition: opacity .35s, transform .35s
}

figure.effect-duke:hover img {
	opacity: .1;
	-webkit-transform: scale3d(2, 2, 1);
	-ms-transform: scale3d(2, 2, 1);
	transform: scale3d(2, 2, 1)
}

figure.effect-duke h2 {
	-webkit-transition: -webkit-transform .35s;
	transition: transform .35s;
	-webkit-transform: scale3d(0.8, .8, 1);
	-ms-transform: scale3d(0.8, .8, 1);
	transform: scale3d(0.8, .8, 1);
	-webkit-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	transform-origin: 50% 100%
}

figure.effect-duke .effect-description {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 20px !important;
	padding: 30px;
	border: 2px solid #fff;
	text-transform: none;
	font-size: 90%;
	opacity: 0;
	text-align: center !important;
	-webkit-transform: scale3d(0.8, .8, 1);
	-ms-transform: scale3d(0.8, .8, 1);
	transform: scale3d(0.8, .8, 1);
	-webkit-transform-origin: 50% -100%;
	-ms-transform-origin: 50% -100%;
	transform-origin: 50% -100%
}

figure.effect-duke:hover h2,
figure.effect-duke:hover .effect-description {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}