/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/* Clearfix */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {clear:both;}
.cf { zoom:1;}


/* Base Style */
body {
    background-color: #000;
}

.social-share {
	margin: 40px;	
}

.menu {
z-index: 1000;
position: fixed;
top: 40%;
right: 0px;
	
	li span {
		display: block;
		width: 15px;
		height: 15px;
		background: url(../images/dot1.png) no-repeat center center;
	}
	li {
		margin: 15px 20px;
	}
	.active {
		background: url(../images/dot.png) no-repeat center center;
	}
}

.article{
    margin:0 auto;
    position:relative!important;
    z-index:20;
}

.player_block {
	width: 1240px;
	position: relative!important;
}

#jp_container_1 {
	margin-left: 260px!important;
	position: absolute;
	top: 90px;
}

.desc {
	width: 290px;
	font: 15px/26px Octava;
	position: absolute;
	margin: 364px 0 0 820px;
	z-index: 1000;
	color: #fff;
}

.album {
	font: italic 15px/26px Octava;
	color: #00F93E!important;
	margin: -45px 0 0 220px!important;
}

.links {
	width: 120px;
	height: 100px;
	border: 1px solid #00F93E;
	color: #fff;
	font: 13px/15px Futura;
	padding-top: 15px;
	position: absolute;
	margin: 480px 0 0 25px;
	
	a {
		color: #00F93E;
	}
	
	.fb {
		background: url(../images/fb.png) no-repeat center center;
		width: 44px;
		height: 43px;
		display: block;
		float: left;
		margin: 10px 0 0 16px;
	}
	.vk {
		background: url(../images/vk.png) no-repeat center center;
		width: 44px;
		height: 43px;
		display: block;
		float: left;
		margin-top: 10px;
	}
}

/* Sliding panels */
.curtains>li {
    background-color: rgb(255,255,255);
}
.cover-background{
    position:fixed;
    top:0;left:0;
    width: 100%;
}

/* Specific */
.section {
       background-size: cover!important;
}


/*iframe {
	position: absolute;
	z-index: 1000000000000000;
} */
.cover {
	margin-top: -45px;
}
    
html{
    height: 100%;
    overflow-x: hidden;
}

.curtains{
    width: 100%;
    z-index:1;
    position:relative;
}

.curtains>li{
    background: #1100BE;
    position: fixed;
    display:block;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    z-index:1;
}
.curtains>li.hidden{display:none;}
.curtains>li:first-child{z-index:2;}

.jp-controls,.jp-controls a{
	width: 101px!important;
	height: 101px!important;
}
.jp-play {
	background: url("../images/play.png") no-repeat!important;
}

.jp-play:hover {
	background: url("../images/play_hover.png") no-repeat!important;
}

.jp-pause {
	background: url("../images/pause.png") no-repeat!important;
}

.jp-pause:hover {
	background: url("../images/pause_hover.png") no-repeat!important;
}

.jp-playlist li{
	margin: 10px 0;
	padding-left: 30px!important;
	background: url(../images/pl.png) 0px 10px no-repeat;
}
.jp-playlist a{
	color: #fff!important;
	text-decoration: none!important;
	font: italic 15px/21px Octava;
	span {
		color: #00F93E!important;
		font: 15px/21px Octava;
		text-decoration: underline;
	}
}

.jp-playlist-current a{
	span {
		color: red!important;
	}
}
div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
	margin: 0!important;
}