/* MASKING TRANSITION */

.transitionMaskHorizontal {
	-webkit-transition:all .8s ease-out;
	-moz-transition:all .8s ease-out;
	-ms-transition:all .8s ease-out;
	-o-transition:all .8s ease-out;
	transition:all .8s ease-out;
	-webkit-transform:translate(100px, 0);
	-moz-transform:translate(100px, 0);
	-ms-transform:translate(100px, 0);
	-o-transform:translate(100px, 0);
	transform:translate(100px, 0);
	width: 0%;
	opacity: 0;
	overflow: hidden;
}
.transitionMaskHorizontal.show {
	-webkit-transform:translate(0, 0);
	-moz-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	-o-transform:translate(0, 0);
	transform:translate(0, 0);
	width: 100%;
	max-width: 100%;
	opacity: 1;
}


/* FADE IN FROM BOTTOM TRANSITION */

.transitionFadeInBottom,
.colThree.transitionFadeInBottom {
	-webkit-transition:transform .5s ease-out, opacity .5s ease-out;
	-moz-transition:transform .5s ease-out, opacity .5s ease-out;
	-ms-transition:transform .5s ease-out, opacity .5s ease-out;
	-o-transition:transform .5s ease-out, opacity .5s ease-out;
	transition:transform .5s ease-out, opacity .5s ease-out;
	-webkit-transform:translate(0, 50px);
	-moz-transform:translate(0, 50px);
	-ms-transform:translate(0, 50px);
	-o-transform:translate(0, 50px);
	transform:translate(0, 50px);
	opacity: 0;
}
.transitionFadeInBottomDelay,
.colThree.transitionFadeInBottomDelay {
	-webkit-transition:transform .5s ease-out 0.3s, opacity .5s ease-out 0.3s;
	-moz-transition:transform .5s ease-out 0.3s, opacity .5s ease-out 0.3s;
	-ms-transition:transform .5s ease-out 0.3s, opacity .5s ease-out 0.3s;
	-o-transition:transform .5s ease-out 0.3s, opacity .5s ease-out 0.3s;
	transition:transform .5s ease-out 0.3s, opacity .5s ease-out 0.3s;
	-webkit-transform:translate(0, 50px);
	-moz-transform:translate(0, 50px);
	-ms-transform:translate(0, 50px);
	-o-transform:translate(0, 50px);
	transform:translate(0, 50px);
	opacity: 0;
}
.transitionFadeInBottomDelay2,
.colThree.transitionFadeInBottomDelay2{
	-webkit-transition:transform .5s ease-out 0.6s, opacity .5s ease-out 0.6s;
	-moz-transition:transform .5s ease-out 0.6s, opacity .5s ease-out 0.6s;
	-ms-transition:transform .5s ease-out 0.6s, opacity .5s ease-out 0.6s;
	-o-transition:transform .5s ease-out 0.6s, opacity .5s ease-out 0.6s;
	transition:transform .5s ease-out 0.6s, opacity .5s ease-out 0.6s;
	-webkit-transform:translate(0, 50px);
	-moz-transform:translate(0, 50px);
	-ms-transform:translate(0, 50px);
	-o-transform:translate(0, 50px);
	transform:translate(0, 50px);
	opacity: 0;
}
.transitionFadeInBottomDelay3,
.colThree.transitionFadeInBottomDelay3 {
	-webkit-transition:transform .5s ease-out 0.9s, opacity .5s ease-out 0.9s;
	-moz-transition:transform .5s ease-out 0.9s, opacity .5s ease-out 0.9s;
	-ms-transition:transform .5s ease-out 0.9s, opacity .5s ease-out 0.9s;
	-o-transition:transform .5s ease-out 0.9s, opacity .5s ease-out 0.9s;
	transition:transform .5s ease-out 0.9s, opacity .5s ease-out 0.9s;
	-webkit-transform:translate(0, 50px);
	-moz-transform:translate(0, 50px);
	-ms-transform:translate(0, 50px);
	-o-transform:translate(0, 50px);
	transform:translate(0, 50px);
	opacity: 0;
}
.transitionFadeInBottom.show,
.transitionFadeInBottomDelay.show,
.transitionFadeInBottomDelay2.show,
.transitionFadeInBottomDelay3.show  {
	-webkit-transform:translate(0, 0);
	-moz-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	-o-transform:translate(0, 0);
	transform:translate(0, 0);
	opacity: 1;
}


/* POP HOVER EFFECT */

@-webkit-keyframes pop {
	50% {
		-webkit-transform:scale(1.05);
		transform:scale(1.05)
	}
	100% {
		-webkit-transform:scale(1);
		transform:scale(1)
	}
}

@keyframes pop {
	50% {
		-webkit-transform:scale(1.05);
		-ms-transform:scale(1.05);
		transform:scale(1.05)
	}
	100% {
		-webkit-transform:scale(1);
		-ms-transform:scale(1);
		transform:scale(1)
	}
}

.pop {
	display: block;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}
.pop:hover {
	-webkit-animation-name: pop;
	animation-name: pop;
	-webkit-animation-duration: .2s;
	animation-duration: .2s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}