/*-------------------------------------
 * style.css
 * Version 1.0
 * Author: King-Theme
 * EX IMAGE HOVER EFFECTS
---------------------------------------*/
figure.ex-image-effect img {
	margin: 0px !important;
}

figure.ex-image-effect {
	width: 100%;
}

figure.ex-image-effect .ex-title, figure .ex-desc {
	text-align: center;
	width: 100%;
}

figure figcaption {
	text-align: center;
}

figcaption.ex-image-effect .ex-title {
	font-size: 150%;
	position: relative;
	text-align: center;
	top: calc(20%);
}

figcaption.ex-image-effect .ex-desc {
	font-size: 100%;
	position: relative;
	text-align: center;
	top: calc(20%);
}

[class^='ex-'], [class*=' ex-'] {
	position: relative;
	display: inline-block;
	margin: 0px;
	max-width: 100%;
	color: #fff;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

[class^='ex-'] > div img, [class*=' ex-'] > div img {
	vertical-align: top;
	max-width: 100%;
}

[class^='ex-'] figcaption, [class*=' ex-'] figcaption {
	background-color: #42BCE2;
	padding: 10%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

[class^='ex-'] .ex-title, [class*=' ex-'] .ex-title {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 4vmin;
}

[class^='ex-'] .ex-desc, [class*=' ex-'] .ex-desc {
	margin: 0;
	padding: 0;
	color: #fff;
}

[class^='ex-'], [class*=' ex-'], [class^='ex-']:before, [class^='ex-']:after, [class*=' ex-']:before, [class*=' ex-']:after, [class^='ex-'] *, [class*=' ex-'] *, [class^='ex-'] *:before, [class^='ex-'] *:after, [class*=' ex-'] *:before, [class*=' ex-'] *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
}

/*---------------ex-fade-------------- */
.ex-fade figcaption {
	opacity: 0;
}

.ex-fade:hover > div img {
	opacity: 0.75;
}

.ex-fade:hover figcaption {
	opacity: 0.75;
}

/*---------------ex-push--------------- */
[class^='ex-push-']:hover figcaption, [class*=' ex-push-']:hover figcaption {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 0.75;
}

/* ex-push-up
   ----------------------------- */
.ex-push-up figcaption {
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}

.ex-push-up:hover > div img {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

/*--------------ex-push-down--------------- */
.ex-push-down figcaption {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

.ex-push-down:hover > div img {
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}

/*---------------ex-push-left-------------- */
.ex-push-left figcaption {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.ex-push-left:hover > div img {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

/*---------------ex-push--right-------------- */
.ex-push-right figcaption {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.ex-push-right:hover > div img {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

/*--------------ex-slide---------------- */
[class^='ex-slide-']:hover figcaption, [class*=' ex-slide-']:hover figcaption {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 0.75;
}

/*--------------ex-slide-up--------------- */
.ex-slide-up figcaption {
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	background-color: inherit;
}

/*--------------ex-slide-down--------------- */
.ex-slide-down figcaption {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	background-color: inherit;
}

/*--------------ex-slide-left--------------- */
.ex-slide-left figcaption {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	background-color: inherit;
}

/*--------------ex-slide-right---------------- */
.ex-slide-right figcaption {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

/*--------------ex-reveal---------------- */
[class^='ex-reveal-']:before, [class*=' ex-reveal-']:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: '';
	background-color: inherit;
}

[class^='ex-reveal-'] figcaption, [class*=' ex-reveal-'] figcaption {
	opacity: 0;
}

[class^='ex-reveal-']:hover:before, [class*=' ex-reveal-']:hover:before {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

[class^='ex-reveal-']:hover figcaption, [class*=' ex-reveal-']:hover figcaption {
	opacity: 0.75;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

/*---------------ex-reveal-up-------------- */
.ex-reveal-up:before {
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}

/*--------------ex-reveal-down--------------- */
.ex-reveal-down:before {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

/*--------------ex-reveal-left--------------- */
.ex-reveal-left:before {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

/*---------------ex-reveal-right-------------- */
.ex-reveal-right:before {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

/*--------------ex-hinge---------------- */
[class^='ex-hinge-'], [class*=' ex-hinge-'] {
	-webkit-perspective: 50em;
	perspective: 50em;
}

[class^='ex-hinge-'] figcaption, [class*=' ex-hinge-'] figcaption {
	opacity: 0;
	z-index: 1;
}

[class^='ex-hinge-']:hover img, [class*=' ex-hinge-']:hover img {
	opacity: 0;
}

[class^='ex-hinge-']:hover figcaption, [class*=' ex-hinge-']:hover figcaption {
	opacity: 1;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

/*--------------ex-hinge-up--------------- */
.ex-hinge-up img {
	-webkit-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

.ex-hinge-up figcaption {
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}

.ex-content-top figcaption {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
}
.ex-content-center figcaption {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.ex-content-bottom figcaption {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	flex-direction: column;
}

.ex-hinge-up:hover > div img {
	-webkit-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}

.ex-hinge-up:hover figcaption {
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

/*-------------ex-hinge-down---------------- */
.ex-hinge-down img {
	-webkit-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}

.ex-hinge-down figcaption {
	-webkit-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 50% -50%;
	-ms-transform-origin: 50% -50%;
	transform-origin: 50% -50%;
}

.ex-hinge-down:hover > div img {
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
	opacity: 0;
}

.ex-hinge-down:hover figcaption {
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

/*--------------ex-hinge-left--------------- */
.ex-hinge-left img {
	-webkit-transform-origin: 0% 50%;
	-ms-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
}

.ex-hinge-left figcaption {
	-webkit-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}

.ex-hinge-left:hover > div img {
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);
}

.ex-hinge-left:hover figcaption {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

/*--------------ex-hinge-right--------------- */
.ex-hinge-right img {
	-webkit-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}

.ex-hinge-right figcaption {
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	transform-origin: 0 50%;
}

.ex-hinge-right:hover > div img {
	-webkit-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
}

.ex-hinge-right:hover figcaption {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

/*----------------ex-flip-------------- */
[class^='ex-flip-'], [class*=' ex-flip-'] {
	-webkit-perspective: 50em;
	perspective: 50em;
}

[class^='ex-flip-'] img, [class*=' ex-flip-'] img {
	backface-visibility: hidden;
}

[class^='ex-flip-'] figcaption, [class*=' ex-flip-'] figcaption {
	opacity: 0;
}

[class^='ex-flip-']:hover > div img, [class*=' ex-flip-']:hover > div img {
	opacity: 0;
}

[class^='ex-flip-']:hover figcaption, [class*=' ex-flip-']:hover figcaption {
	opacity: 1;
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

/*-------------ex-flip-horiz---------------- */
.ex-flip-horiz figcaption {
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 0% 50%;
	-ms-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
}

.ex-flip-horiz:hover img {
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
}

.ex-flip-horiz:hover figcaption {
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

/*--------------ex-flip-vert--------------- */
.ex-flip-vert figcaption {
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

.ex-flip-vert:hover > div img {
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.ex-flip-vert:hover figcaption {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

/*---------------ex-flip-diag-1-------------- */
.ex-flip-diag-1 figcaption {
	-webkit-transform: rotate3d(1, -1, 0, 100deg);
	transform: rotate3d(1, -1, 0, 100deg);
}

.ex-flip-diag-1:hover > div img {
	-webkit-transform: rotate3d(-1, 1, 0, 100deg);
	transform: rotate3d(-1, 1, 0, 100deg);
}

.ex-flip-diag-1:hover figcaption {
	-webkit-transform: rotate3d(0, 0, 0, 0deg);
	transform: rotate3d(0, 0, 0, 0deg);
}

/*---------------ex-flip-diag-2-------------- */
.ex-flip-diag-2 figcaption {
	-webkit-transform: rotate3d(1, 1, 0, 100deg);
	transform: rotate3d(1, 1, 0, 100deg);
}

.ex-flip-diag-2:hover > div img {
	-webkit-transform: rotate3d(-1, -1, 0, 100deg);
	transform: rotate3d(-1, -1, 0, 100deg);
}

.ex-flip-diag-2:hover figcaption {
	-webkit-transform: rotate3d(0, 0, 0, 0deg);
	transform: rotate3d(0, 0, 0, 0deg);
}

/*-------------ex-shutter-out----------------- */
[class^='ex-shutter-out-']:before, [class*=' ex-shutter-out-']:before {
	background: inherit;
	position: absolute;
	content: '';
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

[class^='ex-shutter-out-'] figcaption, [class*=' ex-shutter-out-'] figcaption {
	opacity: 0;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

[class^='ex-shutter-out-']:hover:before, [class*=' ex-shutter-out-']:hover:before {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

[class^='ex-shutter-out-']:hover figcaption, [class*=' ex-shutter-out-']:hover figcaption {
	opacity: 0.75;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

/*--------------ex-shutter-out-horiz--------------- */
.ex-shutter-out-horiz:before {
	left: 50%;
	right: 50%;
	top: 0;
	bottom: 0;
}

.ex-shutter-out-horiz:hover:before {
	left: 0;
	right: 0;
}

/*---------------ex-shutter-out-vert-------------- */
.ex-shutter-out-vert:before {
	top: 50%;
	bottom: 50%;
	left: 0;
	right: 0;
}

.ex-shutter-out-vert:hover:before {
	top: 0;
	bottom: 0;
}

/*-------------ex-shutter-out-diag-1---------------- */
.ex-shutter-out-diag-1:before {
	top: 50%;
	bottom: 50%;
	left: -35%;
	right: -35%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.ex-shutter-out-diag-1:hover:before {
	top: -35%;
	bottom: -35%;
}

/*---------------ex-shutter-out-diag-2-------------- */
.ex-shutter-out-diag-2:before {
	top: 50%;
	bottom: 50%;
	left: -35%;
	right: -35%;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.ex-shutter-out-diag-2:hover:before {
	top: -35%;
	bottom: -35%;
}

/*----------------ex-shutter-in-------------- */
[class^='ex-shutter-in-']:after, [class*=' ex-shutter-in-']:after, [class^='ex-shutter-in-']:before, [class*=' ex-shutter-in-']:before {
	background: inherit;
	position: absolute;
	content: '';
}

[class^='ex-shutter-in-']:after, [class*=' ex-shutter-in-']:after {
	top: 0;
	left: 0;
}

[class^='ex-shutter-in-']:before, [class*=' ex-shutter-in-']:before {
	right: 0;
	bottom: 0;
}

[class^='ex-shutter-in-'] figcaption, [class*=' ex-shutter-in-'] figcaption {
	opacity: 0;
	z-index: 1;
}

[class^='ex-shutter-in-']:hover figcaption, [class*=' ex-shutter-in-']:hover figcaption {
	opacity: 0.75;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

/*---------------ex-shutter-in-horiz-------------- */
.ex-shutter-in-horiz:after, .ex-shutter-in-horiz:before {
	width: 0;
	height: 100%;
}

.ex-shutter-in-horiz:hover:after, .ex-shutter-in-horiz:hover:before {
	width: 50%;
}

/*---------------ex-shutter-in-vert-------------- */
.ex-shutter-in-vert:after, .ex-shutter-in-vert:before {
	height: 0;
	width: 100%;
}

.ex-shutter-in-vert:hover:after, .ex-shutter-in-vert:hover:before {
	height: 50%;
}

/*---------------ex-shutter-in-out-horiz-------------- */
.ex-shutter-in-out-horiz:after, .ex-shutter-in-out-horiz:before {
	width: 0;
	height: 100%;
}

.ex-shutter-in-out-horiz:hover:after, .ex-shutter-in-out-horiz:hover:before {
	width: 100%;
}

/*---------------ex-shutter-in-out-vert-------------- */
.ex-shutter-in-out-vert:after, .ex-shutter-in-out-vert:before {
	height: 0;
	width: 100%;
}

.ex-shutter-in-out-vert:hover:after, .ex-shutter-in-out-vert:hover:before {
	height: 100%;
}

/*---------------ex-shutter-in-out-diag-1-------------- */
.ex-shutter-in-out-diag-1:after, .ex-shutter-in-out-diag-1:before {
	width: 200%;
	height: 200%;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.ex-shutter-in-out-diag-1:after {
	-webkit-transform: skew(-45deg) translateX(-150%);
	transform: skew(-45deg) translateX(-150%);
}

.ex-shutter-in-out-diag-1:before {
	-webkit-transform: skew(-45deg) translateX(150%);
	transform: skew(-45deg) translateX(150%);
}

.ex-shutter-in-out-diag-1:hover:after {
	-webkit-transform: skew(-45deg) translateX(-50%);
	transform: skew(-45deg) translateX(-50%);
}

.ex-shutter-in-out-diag-1:hover:before {
	-webkit-transform: skew(-45deg) translateX(50%);
	transform: skew(-45deg) translateX(50%);
}

/*---------------ex-shutter-in-out-diag-2-------------- */
.ex-shutter-in-out-diag-2:after, .ex-shutter-in-out-diag-2:before {
	width: 200%;
	height: 200%;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.ex-shutter-in-out-diag-2:after {
	-webkit-transform: skew(45deg) translateX(-100%);
	transform: skew(45deg) translateX(-100%);
}

.ex-shutter-in-out-diag-2:before {
	-webkit-transform: skew(45deg) translateX(100%);
	transform: skew(45deg) translateX(100%);
}

.ex-shutter-in-out-diag-2:hover:after {
	-webkit-transform: skew(45deg) translateX(0%);
	transform: skew(45deg) translateX(0%);
}

.ex-shutter-in-out-diag-2:hover:before {
	-webkit-transform: skew(45deg) translateX(0%);
	transform: skew(45deg) translateX(0%);
}

/*---------------ex-fold-------------- */
[class^='ex-fold'], [class*=' ex-fold'] {
	-webkit-perspective: 50em;
	perspective: 50em;
}

[class^='ex-fold'] img, [class*=' ex-fold'] img {
	-webkit-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

[class^='ex-fold'] figcaption, [class*=' ex-fold'] figcaption {
	z-index: 1;
	opacity: 0;
}

[class^='ex-fold']:hover > div img, [class*=' ex-fold']:hover > div img {
	opacity: 0;
	-webkit-transition-delay: 0;
	transition-delay: 0;
}

[class^='ex-fold']:hover figcaption, [class*=' ex-fold']:hover figcaption {
	-webkit-transform: rotateX(0deg) translate3d(0, 0%, 0) scale(1);
	transform: rotateX(0deg) translate3d(0, 0%, 0) scale(1);
	opacity: 0.75;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

/*--------------ex-fold-up--------------- */
.ex-fold-up > div img {
	-webkit-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

.ex-fold-up figcaption {
	-webkit-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
	transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
	-webkit-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}

.ex-fold-up:hover > div img {
	-webkit-transform: rotateX(90deg) scale(0.6) translateY(50%);
	transform: rotateX(90deg) scale(0.6) translateY(50%);
}

/*--------------ex-fold-down--------------- */
.ex-fold-down > div img {
	-webkit-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}

.ex-fold-down figcaption {
	-webkit-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
	transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
	-webkit-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

.ex-fold-down:hover > div img {
	-webkit-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
	transform: rotateX(-90deg) scale(0.6) translateY(-50%);
}

/*---------------ex-fold-left-------------- */
.ex-fold-left > div img {
	-webkit-transform-origin: 0% 50%;
	-ms-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
}

.ex-fold-left figcaption {
	-webkit-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
	transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
	-webkit-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}

.ex-fold-left:hover > div img {
	-webkit-transform: rotateY(-90deg) scale(0.6) translateX(50%);
	transform: rotateY(-90deg) scale(0.6) translateX(50%);
}

/*---------------ex-fold-right-------------- */
.ex-fold-right {
	-webkit-perspective: 50em;
	perspective: 50em;
}

.ex-fold-right > div img {
	-webkit-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}

.ex-fold-right figcaption {
	-webkit-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
	transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
	-webkit-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	transform-origin: 0 50%;
}

.ex-fold-right:hover > div img {
	-webkit-transform: rotateY(90deg) scale(0.6) translateX(-50%);
	transform: rotateY(90deg) scale(0.6) translateX(-50%);
}

/*---------------ex-zoom-in-------------- */
.ex-zoom-in figcaption {
	opacity: 0;
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
}

.ex-zoom-in:hover figcaption {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/*---------------ex-zoom-out-------------- */
[class^='ex-zoom-out'] figcaption, [class*=' ex-zoom-out'] figcaption {
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	opacity: 0;
}

[class^='ex-zoom-out']:hover figcaption, [class*=' ex-zoom-out']:hover figcaption, [class^='ex-zoom-out'].hover figcaption, [class*=' ex-zoom-out'].hover figcaption {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 0.75;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

/*--------------ex-zoom-out--------------- */
.ex-zoom-out:hover > div img {
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	opacity: 0;
}

/*---------------ex-zoom-out-up-------------- */
.ex-zoom-out-up:hover > div img, .ex-zoom-out-up.hover > div img {
	-webkit-animation: ex-zoom-out-up 0.4s linear;
	animation: ex-zoom-out-up 0.4s linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-webkit-keyframes ex-zoom-out-up {
	50% {
		-webkit-transform: scale(0.8) translateY(0%);
		transform: scale(0.8) translateY(0%);
		opacity: 0.5;
	}

	100% {
		-webkit-transform: scale(0.8) translateY(-150%);
		transform: scale(0.8) translateY(-150%);
		opacity: 0.5;
	}
}

@keyframes ex-zoom-out-up {
	50% {
		-webkit-transform: scale(0.8) translateY(0%);
		transform: scale(0.8) translateY(0%);
		opacity: 0.5;
	}

	100% {
		-webkit-transform: scale(0.8) translateY(-150%);
		transform: scale(0.8) translateY(-150%);
		opacity: 0.5;
	}
}

/*---------------ex-zoom-out-down-------------- */
.ex-zoom-out-down:hover > div img, .ex-zoom-out-down.hover > div img {
	-webkit-animation: ex-zoom-out-down 0.4s linear;
	animation: ex-zoom-out-down 0.4s linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-webkit-keyframes ex-zoom-out-down {
	50% {
		-webkit-transform: scale(0.8) translateY(0%);
		transform: scale(0.8) translateY(0%);
		opacity: 0.5;
	}

	100% {
		-webkit-transform: scale(0.8) translateY(150%);
		transform: scale(0.8) translateY(150%);
		opacity: 0.5;
	}
}

@keyframes ex-zoom-out-down {
	50% {
		-webkit-transform: scale(0.8) translateY(0%);
		transform: scale(0.8) translateY(0%);
		opacity: 0.5;
	}

	100% {
		-webkit-transform: scale(0.8) translateY(150%);
		transform: scale(0.8) translateY(150%);
		opacity: 0.5;
	}
}

/*--------------ex-zoom-out-left--------------- */
.ex-zoom-out-left:hover > div img, .ex-zoom-out-left.hover > div img {
	-webkit-animation: ex-zoom-out-left 0.4s linear;
	animation: ex-zoom-out-left 0.4s linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-webkit-keyframes ex-zoom-out-left {
	50% {
		-webkit-transform: scale(0.8) translateX(0%);
		transform: scale(0.8) translateX(0%);
		opacity: 0.5;
	}

	100% {
		-webkit-transform: scale(0.8) translateX(-150%);
		transform: scale(0.8) translateX(-150%);
		opacity: 0.5;
	}
}

@keyframes ex-zoom-out-left {
	50% {
		-webkit-transform: scale(0.8) translateX(0%);
		transform: scale(0.8) translateX(0%);
		opacity: 0.5;
	}

	100% {
		-webkit-transform: scale(0.8) translateX(-150%);
		transform: scale(0.8) translateX(-150%);
		opacity: 0.5;
	}
}

/*---------------ex-zoom-out-right-------------- */
.ex-zoom-out-right:hover > div img, .ex-zoom-out-right.hover > div img {
	-webkit-animation: ex-zoom-out-right 0.4s linear;
	animation: ex-zoom-out-right 0.4s linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-webkit-keyframes ex-zoom-out-right {
	50% {
		-webkit-transform: scale(0.8) translateX(0%);
		transform: scale(0.8) translateX(0%);
		opacity: 0.5;
	}

	100% {
		-webkit-transform: scale(0.8) translateX(150%);
		transform: scale(0.8) translateX(150%);
		opacity: 0.5;
	}
}

@keyframes ex-zoom-out-right {
	50% {
		-webkit-transform: scale(0.8) translateX(0%);
		transform: scale(0.8) translateX(0%);
		opacity: 0.5;
	}

	100% {
		-webkit-transform: scale(0.8) translateX(150%);
		transform: scale(0.8) translateX(150%);
		opacity: 0.5;
	}
}

/*---------------ex-zoom-out-flip-horiz-------------- */
.ex-zoom-out-flip-horiz {
	-webkit-perspective: 50em;
	perspective: 50em;
}

.ex-zoom-out-flip-horiz figcaption {
	opacity: 0;
	-webkit-transform: rotateX(90deg) translateY(-100%) scale(0.5);
	transform: rotateX(90deg) translateY(-100%) scale(0.5);
}

.ex-zoom-out-flip-horiz:hover > div img, .ex-zoom-out-flip-horiz.hover > div img {
	-webkit-transform: rotateX(-100deg) translateY(50%) scale(0.5);
	transform: rotateX(-100deg) translateY(50%) scale(0.5);
	opacity: 0;
	-webkit-transition-delay: 0;
	transition-delay: 0;
}

.ex-zoom-out-flip-horiz:hover figcaption, .ex-zoom-out-flip-horiz.hover figcaption {
	-webkit-transform: rotateX(0deg) translateY(0%) scale(1);
	transform: rotateX(0deg) translateY(0%) scale(1);
	opacity: 0.75;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

/*--------------ex-zoom-out-flip-vert--------------- */
.ex-zoom-out-flip-vert {
	-webkit-perspective: 50em;
	perspective: 50em;
}

.ex-zoom-out-flip-vert figcaption {
	opacity: 0;
	-webkit-transform: rotateY(90deg) translate(50%, 0px) scale(0.5);
	transform: rotateY(90deg) translate(50%, 0px) scale(0.5);
}

.ex-zoom-out-flip-vert:hover > div img, .ex-zoom-out-flip-vert.hover > div img {
	-webkit-transform: rotateY(-100deg) translateX(50%) scale(0.5);
	transform: rotateY(-100deg) translateX(50%) scale(0.5);
	opacity: 0;
	-webkit-transition-delay: 0;
	transition-delay: 0;
}

.ex-zoom-out-flip-vert:hover figcaption, .ex-zoom-out-flip-vert.hover figcaption {
	-webkit-transform: rotateY(0deg) translate(0px, 0px) scale(1);
	transform: rotateY(0deg) translate(0px, 0px) scale(1);
	opacity: 0.75;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

/*---------------ex-blur-------------- */
.ex-blur figcaption {
	opacity: 0;
}

.ex-blur:hover > div img {
	-webkit-filter: blur(30px);
	filter: blur(30px);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	opacity: 0;
}

.ex-blur:hover figcaption {
	opacity: 0.75;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.kc-ex-image-wrapper{
    position: relative;
    display: inline-block;
}


.ex-image-effect.kc-active-back img {
    opacity: 0;
}
.ex-image-effect.kc-active-back figcaption {
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}