/* CSS Document */

.page-intro{
	width:486px;
	height:367px;
	padding-right:483px;
	padding-left:49px !important;
	padding-top:45px !important;
	background:url(../repository_images/new/cinematic-video.jpg) no-repeat top right;
}

/* TAKE OUT PADDING WHEN IN MOBILE */
.reduceMargin{
	padding-right: 0px!important; 
    padding-left: 0px!important;
}

@media (min-width:1201px) {
	.bgintro{
		width: 100%;
		height: 430px;
		padding-right: 483px;
		padding-left: 49px !important;
		padding-top: 45px !important;
		background: url(../repository_images/new/cinematic-video.jpg) no-repeat top;
		background-size: 100%;
	}
}
@media (max-width:1200px) and (min-width:1px) {
	.responsive1200{
		text-align: center;
	}
	.bgintro {
		width: 100%;
		padding-top: 45px;
		background: url(../repository_images/new/cinematic-video.jpg) no-repeat right;
	}
}

.wrapper .page-intro p{
	text-align:justify;
}

.page-intro .preview{
	font-size:14px;
	color:white;
	line-height:25px;
	letter-spacing: 1px;
	margin-top:50px;
}

.preview-player{
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-292px;
	margin-top:-190px;
	z-index:1005;
	width:585px;
	height:381px;
	border:3px solid #414244;
}

.modal-bg{
	display:none;
	position:fixed;
	height:100%;
	width:100%;
	top:0px;
	left:0px;
	background-color:black;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	z-index:1000;
}