/**
 * @copyright	Copyright (C) 2015 Cedric KEIFLIN alias ced1870
 * http://www.joomlack.fr
 * http://www.template-creator.com
 * Module Custom Parallax CK
 * @license		GNU/GPL
 * */

.customparallaxck {
	position: relative;
	overflow: hidden;
}

.customparallaxck > div.customparallaxck {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 2em;
	overflow: hidden;
}

.customparallaxck_content_cont {
	position: absolute;
	font-size: 1em;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
}

/* Text animation and style */

.customparallaxck .customparallaxck_title {
	font-family: Segoe UI;
	font-size: 3em;
	font-weight: 300;
	letter-spacing: -0.05em;
	line-height: 1em;
	padding: 15px 0;
	color: rgba(255,255,255,1);
}

.customparallaxck .customparallaxck_content {
	font-family: Segoe UI;
	font-size: 1.2em;
	font-weight: 300;
	padding: 5px 0;
	color: rgba(255,255,255,0.8);
}

/*----------------------
 * Fade animation
 *-----------------------*/

.customparallaxck .fade {
	-webkit-transition: opacity 0.4s;
	transition: opacity 0.4s;
	opacity: 0;
}

.customparallaxck.animateck .fade {
	opacity: 1;
}

/*----------------------
 * From left animation
 *-----------------------*/

.customparallaxck .fromleft {
	-webkit-transform: translate3d(-40px,0,0);
	transform: translate3d(-40px,0,0);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
	opacity: 0;
}

.customparallaxck.animateck .fromleft {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}

/*----------------------
 * From right animation
 *-----------------------*/

.customparallaxck .fromright {
	-webkit-transform: translate3d(40px,0,0);
	transform: translate3d(40px,0,0);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
	opacity: 0;
}

.customparallaxck.animateck .fromright {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}


/*----------------------
 * From top animation
 *-----------------------*/

.customparallaxck .fromtop {
	-webkit-transform: translate3d(0,-40px,0);
	transform: translate3d(0,-40px,0);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
	opacity: 0;
}

.customparallaxck.animateck .fromtop {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}

/*----------------------
 * From bottom animation
 *-----------------------*/

.customparallaxck .frombottom {
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
	opacity: 0;
}

.customparallaxck.animateck .frombottom {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}


/*----------------------
 * Responsive behavior
 *-----------------------*/
/*@media screen and (max-width: 524px) {
	.customparallaxck_content_cont {
		font-size: 0.8em;
		width: 90% !important;
		left: 5% !important;
		right: 5% !important;
	}
}*/