@font-face {
font-family: "Kimberley";
src: url('/assets/epk/fonts/SERRIGRU.eot');
    src: url('/assets/epk/fonts/SERRIGRU.eot?#iefix') format('embedded-opentype'),
    url('/assets/epk/fonts/SERRIGRU.woff') format('woff'),
    url('/assets/epk/fonts/SERRIGRU.ttf') format('truetype'),
    url('/assets/epk/fonts/SERRIGRU.svg#SERRIGRU') format('svg');
}
a:link {color:#f2f2f2;}      
a:visited {color:#f2f2f2;} 
a:hover {color:#f2f2f2;}  
a:active {color:#f2f2f2;} 
/* HEADER */
body.full-page #wrap-inner{
  overflow: auto;
  position: relative;
}
body.full-page #middle-body{
  overflow: visible;
}
#header_bg2{
	display: block;
}
#header_bg{
	display: none;
}
#header{       
    position: relative;
    width:100%;
    height:0px;
    margin: 0 auto;    
    float: none;
}
#right-header{
	width:auto;
	float: left;
	position: relative;
	margin-left: -10px;
	min-height: 380px;
	max-width: 220px;
	position: absolute;	
}

#left-header{
	float: right;
	width: 100%;
	margin: 0 auto;
	max-width: 1020px;	
}
#middle-left{
	padding-left:220px;	
}
#epk-logo{
	float:left;
	text-align:center;	
}
#epk-logo img{
	top:10px;
  max-width: 80%;
}
#menu{	
	position: relative;	
    width: 100%;
}		
#menu ul.major{
	float: right;
    height: auto;
    overflow: hidden;
    padding-left: 0px;
    padding-right: 0px;
    white-space: normal;
    max-width:220px; 
    width: auto	;  
}	
#menu ul.major li{
	display: list-item;
	float:none;
	height:30px;
	margin: 3px 0;
}
#menu ul.major .active-nav-item{
	
}

#menu ul.major li a,#more-text span{	
	line-height: 30px;
    padding-left: 20px;
    padding-right: 10px;
    height:30px;    
    float: right;
    text-align: right;  
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 190px;
    position: relative;    
}	

#menu ul.major li a:hover,#menu ul.major .active-nav-item a,#more-text.act span,#more-text.more-active span{	
	line-height: 30px;	
	
}
#more ul li a{	
	line-height: 30px;	
}
#more ul{
	width:auto;
	position:absolute;
	z-index:10;
	height:auto;
	right:0px;
}
	
/* end HEADER */
#menu .more{
	display: none;
}

#mq2{
	position:absolute;
	top:-10px;
	width:5px;
	height:5px;
	left:-10px;
	display: block;
}
.base-body{			
	color:#c4c4c4;	
}
.base-body_bg{	
	opacity:0.7;
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    background-color: #000000;
}

#bg-music{
	background:url('/assets/epk/equalizer_white.gif') center bottom no-repeat;
}
#bg-music.stop{	
	background:url('/assets/epk/equalizer_stop_white.png') center bottom no-repeat;
}

#footer{
	width:100%;		
	height:33px;
}
.social-links {
    float: left;    
}

/* end FOOTER */
#rigth-body,#mob-photo{
	float: left;
}
#left-body{
	float: right;
	margin-right: -13px;
}
#menu ul.major li a .after_bg{
	position: absolute;
	top: 0px;
	left: 10px;
	width: 250px;
	height: 100%;
	-moz-transform: skew(-20deg); 
    -ms-transform: skew(-20deg); 
    -webkit-transform: skew(-20deg); 
    -o-transform: skew(-20deg); 
    transform: skew(-20deg);
    z-index: -1;
}
#menu ul li a:hover, #menu .active-nav-item a, .more-active, #more ul li a:hover, #more .active-nav-item a{
	background: none;
}
#menu a,#more-text,#label-menu {	
	margin-left: 2px;
	margin-right: -2px;
}

#menu a:hover,#menu .active-nav-item a,#more-text.act span,#more-text.more-active span{
	margin-left: 0px;
	margin-right: 0px;
}
#rigth-body{
	width: 40%;
}
/* scroll */
.scrollbar1ed .track, .page-content .track{
	padding: 10px 0;
	margin-top: -10px;
	background: #272727;
	background: rgba(0,0,0,0.8);
	width: 12px;
}
.scrollbar1ed .track after, .page-content .track after,
.scrollbar1ed .track:after, .page-content .track:after{
	content: "";
	position: absolute;
	bottom: 2px;
	left: 2px;
	border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #aaaaaa;
}
.scrollbar1ed .track before, .page-content .track before,
.scrollbar1ed .track:before, .page-content .track:before{
	content: "";
	top: 2px;
	position: absolute;
	left: 2px;	
	border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 6px solid #aaaaaa;
}
.scrollbar1ed .thumb, .page-content .thumb{
	width: 10px;
	background: #aaaaaa;
	left: 1px;
	margin: 10px 0;
}
.news-columns .scrollbar1ed .scrollbar, .shows-columns .scrollbar1ed .scrollbar{
	width: 6%;
}
#page-wrap{
  width: 98%;
}
#menu a:hover,#menu .active-nav-item a,#more-text.act span,#more-text.more-active span{
  background: none;
}
body.scrollLeft #page-wrap,
body.scrollLeft #page-wrap{
	width: 96%;
}
@media screen and (max-width: 1350px) {
    .base-body{
		width:auto;			
	}
}

@media screen and (max-width: 1024px) {
  #epk-logo img{
    max-width: 45%;
  }
  #menu a .after_bg,
  #more-text .after_bg{
    display: none;
    height: 100%;
    right: auto;
    position: absolute;
    top: 0;
    left: 0;
    -moz-transform: skew(0deg);
    -ms-transform: skew(0deg);
    -webkit-transform: skew(0deg);
    -o-transform: skew(0deg);
    transform: skew(0deg);
    width: 100%;
  }
  #menu ul li a:hover,
  #menu .active-nav-item a,
  .more-active,#more ul li a:hover,#more .active-nav-item a{	
    background:transparent;
      filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#19000000,endColorStr=#19000000);
      -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000)";
      zoom: 1;
    background: rgba(0,0,0,0.1);	
  }
	#menu ul.major li a,#more-text span{
		max-width: none;
	}	
	#menu a:hover,#menu .active-nav-item a,#more-text.act span,#more-text.more-active span,
	#menu a,#more-text,#label-menu {		
		margin: 0px;		
	}	
	#middle-left{
		padding-left:0px;
	}
	#menu ul.major{
		width:auto;
		max-width: none;
	}
	#menu .more{
		display: block;
	}
	.base-body{
		width:90%;
	}
	#mq2{		
		display: none;
	}	
	.social-links {
	    margin-left: 0;
	    margin-top: 0;
	    position: relative;
	}
	#header{
		float: left;
	    height: 70px;
	    left: 0;
	    position: relative;
	    width: 100%;
	}
	#header_bg2{
		display: block;
	}
	#header_bg{
		display: none;
	}	
	#left-header {
	    float: left;
	    width: 45%;
	}	
	#right-header {
	    float: right;
	    width: 50%;
	    margin:0px;
	    min-height: 0;
	    position: relative;
	    max-width: none;
	}
	#menu{
		width:auto;
		float:right;
	}
	#menu ul.major{
		height:70px;
		position:relative;
		padding-left:0px;
		padding-right:0px;
		float:none;
	}
	#menu ul.major li{
		display: inline;
		height:70px;
		padding-bottom: 0px;
    	padding-right: 0px;
    	float:left;
    	background-image: none;
    	float:left;
    	margin: 0px;
	}
	#menu ul.major li a,#more-text span{		
		height: 70px;
		line-height: 70px;	
		padding-right:10px;
		overflow: visible;
		text-overflow: clip;
    white-space: normal; 
    padding-left: 10px;  
    float: none;  	 
	}
	
	#menu ul.major li a:hover,#more-text.more-active span,#menu ul.major .active-nav-item a,#more-text.act span{		
		line-height: 70px;
		font-weight: normal;		
	}
	#more ul li a{		
		line-height: 30px;		
	}	
	#more ul li a:hover,#more .active-nav-item a{		
		font-weight: normal;
		outline: none;	
	}	
	#more ul{
		width:auto;
		position:absolute;
		z-index:10;
		height:auto;
		right:0px;
	}
	#middle-left{
		padding-left: 0px;	
	}
}
@media screen and (max-width: 760px) {
	body.scrollTop #page-wrap,
	body.scrollLeft #page-wrap{
		height: auto;
	}
	body.scrollTop,body.scrollLeft{
		overflow-y: scroll;
	}
  #right-header{
    min-height: 0;
  }
	#epk-logo img{
		top:0px;
	}
	.backgrounds-slider {
	    display: none;	    
	} 
	.backgrounds-slider .slider-item {
	    display: none;	 
	}	
	#body-background{
		display: none;
	}
	input,textarea{
		width:150px;
	}
	#contact-info-text{
		padding-left:0px;
	}
	.info-request{
		padding-left:0px;
	}	
	.name_song{
		margin-left:2%;
		padding-top:3%;
		width:75%;		
		padding-bottom:4px;		
	}
	#jplayer_playlist{		
		max-width:365px;
		width:100%;		
	}
	.song_item{
		max-width:346px;
		width:100%;		
	}
	.song_item:hover{	
		background:url('/assets/epk/playlist.png') 50% 0px no-repeat;		
	}	
	#music-left-padding{
		padding-left:0px;
		width:97%;
	}
	#music-base-body{
		padding:0px;		
		width:95%;
	}
	#music-left-body{		
		width:100%;
		position:relative;		
	}
	#music-right-body{
		float:left;
		width:100%;		
	}
	#video-iframe{		
		padding-left:0px;
	}	
	.news-item-title a span,.shows-titles a span{
		width:90%;
		display: block;
	}	
	.news-item-title a,.shows-titles a{
		padding-bottom:10px;
		padding-top: 5px;	
		display:block;
		background: url("/assets/epk/btn.png") no-repeat 98% center;		
	}	
	#gallery-base-body a img,#photos-base-body a img{		
		width:80px;
	}
	#video-left-body{
		width:100%;		
		position:relative;
	}
	#video-right-body{		
		display: none;
	}	
	#epk-logo img{
		position:relative;
	}
	#menu ul.major{
		position:absolute;
		height:auto !important;
		z-index:10;
		width: 90%;
	}	
	#contact-left-body,
	#contact-rigth-body,
	#news-left-body,
	#news-right-body,
	#shows-left-body,
	#shows-right-body,
	#left-header,
	#right-header{	
		width:100%;			
	}		
	#header{
		height:auto;
	}
	#mq{
		display:none;
	}	
	#news-right-body,#shows-right-body{
		display:none;		
	}	
	.news-titles .active-nav-item,
	.news-titles .active-nav-item a,
	.news-titles .active-nav-item a:hover,
	.shows-titles .active-nav-item,
	.shows-titles .active-nav-item a,
	.shows-titles .active-nav-item a:hover,
	.news-item-title a:hover,
	.shows-item-title a:hover{
		font-weight: normal;
	}
	.base-body{		
		height:auto;
		float:left;		
		margin-left:20px;
		margin-bottom: 10px;
	}
	.base-body_bg{
		height:100%;
		padding-bottom: 0px;	
	}
	#mob-photo{
		display:block;
		width:50%;
		height:auto;
	}	
	#left-body{    	
    	float:left;
    	width:100%;
    }
    .line{
		display: block;
	}
	#menu ul.major li#menu-bg.line{
		display: block;
		height:100% !important;
	}
	#rigth-body{
    	display:none;    	
    }
    #menu ul.major li{
		list-style: none;		
		display:block;
		width:100%;
		height:40px !important;
		background-image: none;
	}
	#menu ul.major li a{		
		width:auto;
		display:block;
		padding: 5px 0px;		
		text-align:center;
		line-height:30px !important;
		height:auto;
		font-weight:bold;
	}
	#menu ul.major li a:hover,#menu ul.major .active-nav-item a{		
		line-height: 30px !important;
		font-weight: bold;		
	}	
	#more{
		display:none;
	}
	#label-menu{
		display: block;	
		margin: 0 auto;	
	}
	#menu{
		width:100%;
		float:left;
		/*color:#c4c4c4;
		font-size:14px;
		line-height: 30px;*/
	}	
	#menu ul.major{
		width:90%;
		display:none;		
		margin:0 5%;	
	}	
	#menu ul.major.actived{
		display:block;	
	}
	#epk-logo{		
		height:auto;
		text-align:center;
		width:90%;
		padding:0 5%;    	    
	}	
	.social-links{ 
		padding-bottom:5px;
	}
	#footer{
		height: auto !important;
	}
	#menu ul.major li a:hover,#more-text.more-active span,#menu ul.major .active-nav-item a,#more-text.act span{		
		line-height: 30px;			
	}
	body.scrollTop td.table-left,
	body.scrollLeft td.table-left{
		min-width: 115px;
	}
	body.scrollTop .base-body_bg,
	body.scrollLeft .base-body_bg{
		margin: -1%;
	}
	body.scrollTop .base-body,
	body.scrollLeft .base-body{
		vertical-align: top;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		height: 380px;
		margin-left: 0px;
		float: none;
		width: 98%;
		padding: 1%;
		clear: none;
	}	
	body.scrollTop .base-body.ct,
	body.scrollLeft .base-body.ct{
		height: auto;
	}
}
@media screen and (max-width: 480px) {
	body.scrollTop .base-body,
	body.scrollLeft .base-body{		
		margin-left: 0;	
	}
	.base-body{		
		margin-left:10px;		
	}	
}
@media screen and (max-height: 580px) and (min-width: 760px) {
  body.full-page #middle-body.height-page{
    height: auto !important;
  }
}


/*--- Builder Style ---*/
#header_bg,#header_bg2,#menu-bg,#menu-more-bg,
#menu a .after_bg {    
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    background-color: #000000;
}

#header_bg,#header_bg2{
	top:0px;
}
#footer-bg {
    background:#000000;   
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
   
}
#menu a,#more-text span{
	border:0px;
	border-style:solid;
	border-right-width:2px;	
	border-color: transparent;	
}

#menu a,#more-text,#label-menu {
	font-size: 16px;
	color:#ffffff;	
}

#menu a:hover,#menu .active-nav-item a,#more-text.act span,#more-text.more-active span{
	color:#91f8ff;
	border-color: #91f8ff;
}
#menu .active-nav-item a .after_bg,
#menu a:hover .after_bg{
	filter: alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}