/* =Effects & Animations
-------------------------------------------------------------- */

.ys-effect-chase {
	overflow: hidden;
}

.ys-animate { position: relative; }

/* Settlor Operations */

.ys-animate .settlor {
	width: 100%;
	position: absolute;
	left: 0;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.2s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.2s;
	transition: transform 0.4s, opacity 0.1s 0.2s;
	z-index: 1;
}

.ys-settlor-height-50p .settlor { height: 50%; }
.ys-settlor-height-80p .settlor { height: 80%; }
.ys-settlor-height-100p .settlor { height: 100%; }

.ys-animate:hover .settlor {
	opacity: 1;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}

/* Animate In Bottom */

.ys-animate-in-bottom .settlor {
	top: auto;
	bottom: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
}

.ys-animate-in-bottom:hover .settlor {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

/* Animate Pop Overlay */

.ys-animate-pop-overlay .settlor {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	border: 0px solid transparent;
	outline: 0px solid transparent;
	transform-style: flat;
	/*visibility: hidden;*/
	opacity: 0;
}

.ys-animate-pop-overlay:hover .settlor {
	visibility: inherit;
	opacity: 1;
	transform-style: flat;
}

.ys-animate-pop-overlay .settlor .wrapper {
	opacity: 0;
	-webkit-transform: translateY(10%);
	-moz-transform: translateY(10%);
	-ms-transform: translateY(10%);
	transform: translateY(10%);

    -webkit-transition: -webkit-transform 0.2s, opacity 0.1s;
    -moz-transition: -moz-transform 0.2s, opacity 0.1s;
    transition: transform 0.2s, opacity 0.1s;
}

.ys-animate-pop-overlay:hover .settlor .wrapper {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

.ys-animate-in-bottom .settlor .overlay,
.ys-animate-pop-overlay .settlor .overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 0px solid transparent;
	outline: 0px solid transparent;
	opacity: 0.75;
	z-index: -1;
}


/* Trustee Operations */

.ys-animate .trustee {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

/* Animate Out Top */

.ys-animate-out-top .trustee { height: calc(100% + 100px); }

.ys-animate-out-top:hover .trustee {
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	transform: translateY(-100px);	
}

/* Animate Zoom Out */

.ys-animate-out-top .trustee img,
.ys-animate-zoom-out .trustee img:not([data-src]) {
	width: auto !important;
	height: 120%;
	min-width: 100%;
}

.ys-animate-zoom-out .trustee img {
	visibility: visible;
	display: block;
	top: 0%;
	position: absolute;
}

.ys-animate-zoom-out .trustee {
	width: 100%;
	height: 100%;
	opacity: 1;
	visibility: inherit;
	transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.001, 0, 0, 0, 1);
	display: block;
	transform-origin: 50% 50% 0px;
	transform-style: flat;
}

.ys-animate-zoom-out:hover .trustee {
	transform: matrix3d(0.8, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, -0.001, 0, 0, 0.001, 0.999999);
}



/*


.settlor /figcaption

mega_effect_to_animation()

effect chase-to-top
effect chase-zoom-out
effect collide-zoom-in



.scaleDown80p
.scaleDown50p
.flipOverX
.flipOverY
.flipOverZ


*/