/**
 * Parallax Scrolling Joomla module
 * Author: Amr Mero
 * Amr_elngm6@yahoo.com   
 */
.mod_parallax {
	overflow:hidden
}

.mod_parallax #para {
	background-attachment:fixed;
	background-position:center center; 
	height: auto;
	min-height:300px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
	z-index:0;
	padding:0 0 65px 0;
	text-align:center;
}
.mod_parallax #para p {
	padding:0;
	margin:0
}

.mod_parallax.rotation_up:before {
	background:#fff;
	z-index:1;
	content:"";
	height:80px;
	overflow:hidden;
	position:relative;
	top:40px;
	left:-2px;
	display:block;
	transform: translate(2px) rotate(2deg);
	width: 102%;
}

.mod_parallax.rotation_down:after {
	background:#fff;
	z-index:1;
	content:"";
	height:80px;
	overflow:hidden;
	position:relative;
	bottom:30px;
	left:-2px;
	display:block;
	transform: translate(0px) rotate(2deg);
	width: 102%;
}

.mod_parallax.rotation_both:after {
	background:#fff;
	z-index:1;
	content:"";
	height:80px;
	overflow:hidden;
	position:relative;
	bottom:30px;
	left:-2px;
	display:block;
	transform: translate(0px) rotate(2deg);
	width: 102%;
}

.mod_parallax.rotation_both:before {
	background:#fff;
	z-index:1;
	content:"";
	height:80px;
	overflow:hidden;
	position:relative;
	top: 40px;;
	left:-2px;
	display:block;
	transform: translate(2px) rotate(2deg);
	width: 102%;
}


/* Introduction */
.mod_parallax #para div {position: relative; max-width:1170px; padding:50px 30px 0 }
.mod_parallax #para img {max-width:100%; height:auto}