/*EPK NAV*/
.epk-nav{
	position: absolute;
	top: -50px;
	right: 2px;
	z-index: 3500;
}

.epk-nav .epk-nav-item{
	
	width: 2000px;
	height: 50px;	
	position: absolute;
	background: #2b2a2b;	
}

.epk-nav .epk-nav-item .epk-box{	
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-0.5773502691896246, M21=0, M22=1, SizingMethod='auto expand')";
	-moz-transform:skewX(-30deg);
	transform:skewX(-30deg);
	-webkit-transform:skewX(-30deg);
	cursor: pointer;
	width: 100px;
	height: 100px;
	position: absolute;	
	left: -29px;
}

.epk-nav .epk-nav-item.open .epk-box{
	left:-15px;
}
.epk-nav .epk-nav-item.open .epk-text{
	left:16px;
}

.epk-nav .epk-nav-item .epk-close{	
	display: none;
	width: 100px;
	height: 100px;
	position: absolute;	
	left: -40px;
	background: #2b2a2b;
	background-image: url('../img/epk/close.png');	
	background-repeat: no-repeat;
	background-position: 10px 4px;	
}
.epk-nav .epk-nav-item.open .epk-close{
	cursor: pointer;
	display: block;
}

.epk-nav .epk-nav-item.about{
	right: -1738px;
}
.epk-nav .epk-nav-item.about .epk-box{	
	background: #395062;	
}

.epk-nav .epk-nav-item.tickets
{
	right: -1838px;
}
.epk-nav .epk-nav-item.tickets .epk-box{	
	background: #588487;
}

.epk-nav .epk-nav-item.videos{
	right: -1938px;
}
.epk-nav .epk-nav-item.videos .epk-box{	
	background: #588487;
}


.epk-nav .epk-nav-item.comic{
	right: -1938px;
}
.epk-nav .epk-nav-item.comic .epk-box{	
	background: #7f8c8d;
}

.epk-nav .epk-nav-item .epk-text{	
	cursor: pointer;
	font-family: "Lato";
	font-size: 15px;	
	color: #FFF;
	position: relative;
	top: 8px;
	width: 100px;
	line-height: 17px;
}

.epk-nav .epk-nav-item.comic .epk-text{	
	color:#000;
}

ul.epk-links{
	position: relative;
	width: 100%;
	top: -58px;
	margin-left: 50%;
	left: -455px;	
	list-style: none;
}

ul.epk-links li{
	cursor: pointer;
	font-family: "Lato";
	float: left;
	color: #ababac;
	margin-right: 40px;
}

ul.epk-links li.open{
	color: #FFF;
}

/*EPK CONTENT*****************************************************************************/

.epk-container{
	background: #000;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 3000;
}

.epk-section{
	width: 100%;
	height: 100%;
	position: absolute;
	display:none;
}

.epk-section.open{
	display: block;
}

.epk-bg{	
	background-repeat:no-repeat;
	background-size: contain;	
	height: 100%;
	width: 100%;
	position: absolute;

}

/*ABOUT*/
.epk-section.about .epk-bg{
	background-image: url("../img/epk/about/background.jpg");
}

.epk-about{
	width: 100%;
	height: 100%;
	position: absolute;	
	margin-left: 50%;
	left:0px;	
}
.epk-about-container{
	font-family: "Open Sans";
	font-size:14px;
	line-height: 20px;
	color: #fdf9f9;
	font-weight: 300;
	margin-top: -230px;
	margin-left: 160px;
	position: absolute;
	bottom: 18%;
	width:340px;	
}

.main-container .epk-about-box{
	background:#171d22;
	 -moz-transform:skewX(-30deg);
	transform:skewX(-30deg);
	-webkit-transform:skewX(-30deg);
	cursor: pointer;
	width: 100%;
	height: 100%;
	position: absolute;	
}
.epk-about-text-container{
	height: 400px;
}

.epk-about-text{
	color:#fdf9f9;
}

.epk-about-title{
	font-family: "Lato";
	font-size: 18px;
	color:#fdf9f9;
	font-weight: bold;
	margin-bottom: 15px;
	margin-left: 0px;
}

.epk-about .jspDrag{
	background:#21272d !important;
}

.epk-about .jspTrack{
	background:#575858 !important;
}



/*CAST*/
.epk-section.cast .epk-bg{
	background-image: url("../img/epk/cast/background.jpg");
}

.epk-bio-list{
	font-family: "Lato";
	color: #FFF;
	margin-top: 70px;
	left: 50px;
	position: absolute;
	bottom: 18%;
	width:485px;	
}

.epk-bio-list ul{
	list-style: none;
}

.epk-bio-list ul li{
	cursor: pointer;
	font-family: "Lato";
	float: left;
	color: #ababac;
	margin-right: 40px;
}

.epk-bio-list span.name{
	width: 165px;
	font-weight: bold;
	text-decoration: underline;
	display: inline-block;
}

.epk-bio-list .open span.name{
	color: #FFF;
}

.main-container .epk-bio-box{
	background:#171d22;
	-moz-transform:skewX(-30deg);
	transform:skewX(-30deg);
	-webkit-transform:skewX(-30deg);
	cursor: pointer;
	width: 100%;
	height: 100%;
	position: absolute;	
}

.epk-bio{
	width: 100%;
	height: 100%;
	position: absolute;	
	margin-left: 50%;
	left:0px;	
}
.epk-bio-container{
	font-family: "Open Sans";
	font-size:14px;
	line-height: 20px;
	color: #fdf9f9;
	margin-top: -230px;
	margin-left: 160px;
	font-weight:300;
	position: absolute;
	bottom: 18%;
	width:30%;	
}

.epk-bio-text-container{
	height: 400px;
}

.epk-bio-text{
	margin-right: 20px;
	color:#fdf9f9;
	
}

.epk-bio-title{
	font-family: "Lato";
	font-size: 18px;
	color:#fdf9f9;
	font-weight: bold;
	margin-bottom: 15px;
	margin-left: 0px;
	text-transform: uppercase;
}

.epk-bio .jspDrag{
	background:#21272d !important;
}

.epk-bio .jspTrack{
	background:#575858 !important;
}


/*GALLERY*/
.epk-section.gallery .epk-bg{
	background:#191818;	
}
/*DOWNLOADS*/
.epk-section.downloads .epk-bg{
	background:#191818;	
}

/*VIDEOS*/
.epk-section.videos .epk-bg{
	background:#191818;	
}