/*Other*/
.home{
	top:20px;
	left:20px;
	opacity:0.5;
	position:absolute;
	background:url(img/home.png);
	width:20px;
	height:20px;
	z-index:100;
}
.home:hover{
	background:url(img/homeh.png);
}




/*Left menu*/
.faqv2{


  position: relative;
  left: -557px;
  width: 612px;
  height: 470px;
  background: #000;
  margin-top: 5px;
  transition: left .3s linear;
  transition: all 0.3s ease;
  z-index: 1000000;
  z-index: 1000000;
  top:22%;
  position: fixed;
  background-color: transparent;
  background-image: url(img/left_menu/faqv2-6.png);
  opacity:0.9;
}
.openf{
	background-image:url(img/left_menu/btn.png);
	right:18px;
	  position: relative;
	bottom:-15px;
	float:right;
	width:38px;
	height:38px;
}
.openf:hover{
	background-image:url(img/left_menu/btn_hov.png);
	width:38px;
	height:38px;
    
}
.closef{
	background-image:url(img/left_menu/cross.png);
	right:-25px;bottom:-15px;
	  position: relative;
	opacity:0.7;
	float:right;
	width:15px;
	height:15px;
}
.closef:hover{
	opacity:1;
}
.langrmenu{
    top: -252px;
    position: relative;
    left: 51px;
}
.langl{
	margin-top:70px;
	margin-left:400px;
}
.en{background-image:url(img/left_menu/EN_Grey.png); width:20px;height:20px;float:left;}
.en:hover{background-image:url(img/left_menu/EN_White.png);}
.enp{background-image:url(img/left_menu/EN_White.png);width:20px;height:20px;float:left;}

.ua{background-image:url(img/left_menu/UA_Grey.png);width:20px;height:20px;float:left;margin-left:5px;}
.ua:hover{background-image:url(img/left_menu/UA_White.png);}
.uap{background-image:url(img/left_menu/UA_White.png);width:20px;height:20px;float:left;margin-left:5px;}

.rup{background-image:url(img/left_menu/RU_Grey.png);width:20px;height:20px;float:left;margin-left:5px;}
.rup:hover{background-image:url(img/left_menu/RU_White.png);}
.ru{background-image:url(img/left_menu/RU_White.png);width:20px;height:20px;float:left;margin-left:5px;}

.enrmenu{position: relative;
    background-image: url(img/left_menu/EN_Grey.png);
    width: 20px;
    height: 20px;
    float: left;
    top: -252px;
    left: 49px;}
.enrmenu:hover{background-image:url(img/left_menu/EN_White.png);}
.enprmenu{position: relative;
    background-image: url(img/left_menu/EN_White.png);
    width: 20px;
    height: 20px;
    float: left;
    top: -252px;
    left: 49px;}

.uarmenu{left: 50px;
    position: relative;
    background-image: url(img/left_menu/UA_Grey.png);
    width: 20px;
    height: 20px;
    float: left;
    margin-left: 5px;
    top: -252px;}
.uarmenu:hover{background-image:url(img/left_menu/UA_White.png);}
.uaprmenu{left: 50px;
    position: relative;
    background-image: url(img/left_menu/UA_White.png);
    width: 20px;
    height: 20px;
    float: left;
    margin-left: 5px;
    top: -252px;}

.ruprmenu{background-image: url(img/left_menu/RU_White.png);
    width: 20px;
    height: 20px;
    float: left;
    margin-left: 5px;}
.ruprmenu:hover{background-image:url(img/left_menu/RU_White.png);}
.rurmenu{background-image: url(img/left_menu/RU_Grey.png);
    width: 20px;
    height: 20px;
    float: left;
    margin-left: 5px;}
/*----------------------------------------------------------------------------------------------------------------*/
.track_1{margin-left:200px;margin-bottom:-5px;margin-top:0px; background:url(img/left_menu/track_1G.png); height:33px;width:265px;}
.track_1:hover{background:url(img/left_menu/track_1W.png);}
.1{}

.track_2{margin-left:200px;margin-bottom:0px;margin-top:-12px;background:url(img/left_menu/track_2G.png);height:33px;width:201px;}
/*.track_2:hover{background:url(img/left_menu/track_2W.png);}
.2{}*/

.track_3{margin-left:200px;margin-bottom:0px;margin-top:-12px;background:url(img/left_menu/track_3G.png);height:33px;max-width:104px;}
/*.track_3:hover{background:url(img/left_menu/track_3W.png);}
.3{}*/

.track_4{margin-left:200px;margin-bottom:0px;margin-top:-12px;background:url(img/left_menu/track_4G.png);height:33px;max-width:236px;}
/*.track_4:hover{background:url(img/left_menu/track_4W.png);}
.4{}*/
.track_5{margin-left:200px;margin-bottom:0px;margin-top:-12px;background:url(img/left_menu/track_5G.png);height:33px;max-width:166px;}
/*.track_5:hover{background:url(img/left_menu/track_5W.png);}
.5{}*/

.track_6{margin-left:200px;margin-bottom:0px;margin-top:-12px;background:url(img/left_menu/track_6G.png);height:33px;max-width:187px;}
/*.track_6:hover{background:url(img/left_menu/track_6W.png);}
.6{}*/

.track_7{margin-left:200px;margin-bottom:0px;margin-top:-12px;background:url(img/left_menu/track_7G.png);height:33px;max-width:160px;}
.track_7:hover{background:url(img/left_menu/track_7W.png);}
.img_7{margin-left:-200px;}

.track_8{margin-left:200px;margin-bottom:0px;margin-top:-12px;background:url(img/left_menu/track_8G.png);height:33px;max-width:139px;}
/*.track_8:hover{background:url(img/left_menu/track_8W.png);}
.8{}*/

.track_9{margin-left:200px;margin-bottom:0px;margin-top:-12px;background:url(img/left_menu/track_9G.png);height:33px;max-width:240px;}
/*.track_9:hover{background:url(img/left_menu/track_9W.png);}
.9{}*/

.track_10{margin-left:200px;margin-bottom:0px;margin-top:-12px;background:url(img/left_menu/track_10G.png);height:33px;max-width:155px;}
/*.track_10:hover{background:url(img/left_menu/track_10W.png);}
.10{}*/

.track_11{margin-left:200px;margin-bottom:0px;margin-top:-12px;background:url(img/left_menu/track_11G.png);height:33px;max-width:240px;}
/*.track_11:hover{background:url(img/left_menu/track_11W.png);}
.11{}*/


.back{background-image: url(img/left_menu/arrow_grey.png); width:20px; height:20px;}
.back:hover{background-image: url(img/left_menu/Arrow_White.png);}
.desc{
	position:relative;
}
.shapedl {
    /* shape-outside: circle(50%); */
	-moz-shape-outside: polygon(120px -12px, 27px 407px, 150px 407px );
    shape-outside: polygon(120px -12px, 27px 407px, 150px 407px );
    shape-margin: 12px;
    width: 135px;
    height: 407px;
	float: right;
}
.shaped{
    /*shape-outside: circle(50%);*/
    -moz-shape-outside: polygon(0px 0px, 0px 487px, 150px 487px );
    shape-outside: polygon(0px 0px, 0px 487px, 150px 487px );
    shape-margin: 12px;
    width: 150px;
    height: 487px;
    float: left;
}
.leftmenu_p{
	text-align:justify;
	text-overflow:clip;
	font-family:Back2TheFutureRIGHT;
	font-size:14px;
	color:white;
	opacity:0.7;
	margin-top:-200px;
	margin-left:200px;
}

.download{
	background:url(img/left_menu/download.png); width:105px;height:32px; margin-top:107px;
	margin-left:200px;
}

.itunesd{
	background-image:url(img/left_menu/itunes_Grey.png); width:20px;height:20px;margin-left:138px; margin-top:-19px; float:left;
}
.itunesd:hover{
	background-image:url(img/left_menu/itunes_White.png); width:20px;height:20px;margin-left:138px; margin-top:-19px;
}

.beatportd{
     background-image:url(img/left_menu/beatport_Grey.png); width:20px;height:20px;margin-left:100px;
}
.beatportd:hover{
     background-image:url(img/left_menu/beatport_White.png); width:20px;height:20px;margin-left:100px;
} 


.spotifyd{
     background-image:url(img/left_menu/spotify_Grey.png); width:20px;height:20px;margin-left:173px; margin-top:-20px;float:left;
}
.spotifyd:hover{
     background-image:url(img/left_menu/spotify_White.png); width:20px;height:20px;margin-left:173px; margin-top:-20px;
}
.faqv2 a{text-decoration: none;}

.share{
	
	background:url(img/left_menu/share.png); width:67px;height:32px; margin-top: 30px;
	margin-left:200px;
}
.facebooks{
	background-image:url(img/left_menu/FB_Grey.png); width:20px;height:20px;margin-left:98px; 
}
.facebooks:hover{
	background-image:url(img/left_menu/FB_White.png); width:20px;height:20px;margin-left:98px; 
}

.twitters{
     background-image:url(img/left_menu/Twitter_Grey.png); width:20px;height:20px;margin-left:135px;margin-top:-20px;
}
.twitters:hover{
     background-image:url(img/left_menu/Twitter_White.png); width:20px;height:20px;margin-left:135px;margin-top:-20px;
} 


.instas{
     background-image:url(img/left_menu/Instagram_Grey.png); width:20px;height:20px;margin-left:170px; margin-top:-20px;
}
.instas:hover{
     background-image:url(img/left_menu/Instagram_White.png); width:20px;height:20px;margin-left:170px; margin-top:-20px;
}






/*Right Menu*/



.close1{background-image: url(img/right_menu/Close-Cross.png); width:30px; height:30px;opacity:0.5;margin-top:10px; margin-right:-1px;}
.close1:hover{opacity:1;}
.open1{background-image: url(img/right_menu/asd.png); width:30px; height:30px; opacity:0.5; margin-top:10px; margin-right:15px;}
.open1:hover{opacity:1;}
.gamburger1 {position: fixed;    z-index: 9999;    top: 0px;    right: 0px; 	}
.gamburger1 i.gamburger3 {    color: #fff;    width: 30px;    height: 30px;    text-align: center;    font-size: 34px;        background-color: transparent;    padding-top: 4px;    cursor: pointer;   z-index:100; }
.gamburger1 i.gamburger3:hover {  opacity:1;  }
.gamburger2 {overflow: hidden;}
.gamburger3 {float: left; z-index:100; }
.gamburger4 {float: left;    margin-right: -1000px;    visibility: hidden;    transition: all 0.3s ease;    -webkit-transition: all 0.3s ease;    background-image: url(img/right_menu/menu-div2.png);    padding: 15px 20px; width:387px; height:560px;}
.gamburger5 {list-style-type: none;    margin: 0px;    padding: 0px;}
.gamburger5 li {margin-bottom: 5px;}
.gamburger5 li a {font-size: 17px;    color: #dc0056;    text-decoration: none;}
.gamburger5 li a:hover {color: #222;}
.About{background:url(img/right_menu/About.png); margin-top:15px; width:84px; height:25px;}
.About:hover{background:url(img/right_menu/About_B.png);}

.Album{background:url(img/right_menu/Album.png);margin-left:15px; margin-top:15px; width:85px; height:25px;}
.Album:hover{background:url(img/right_menu/Album_B.png);}

.Contact{background:url(img/right_menu/Contact.png); margin-left:25px; margin-top:15px; width:112px; height:25px;}
.Contact:hover{background:url(img/right_menu/Contact_B.png);}


.nextprev{
    width: 195px;
    position: absolute;
    top: 523px;
    right: 0;
    margin: 3px;
}


.nextp{background: url(img/right_menu/Arrows1.png); margin-right:15px; width:16px;height:12px;float:right;}
.nextp:hover{background: url(img/right_menu/Arrows1L.png);}
.prev{background: url(img/right_menu/Arrows2.png); width:15px;height:12px;margin-left:10px;float:left;}
.prev:hover{background: url(img/right_menu/Arrows2L.png);}

.text_about{
	font-family: Back2TheFutureLEFT;
    font-size: 14px;
    color: white;
    opacity: 0.7;
    margin-top: -10px;
    margin-right: 21px;
    margin-left: 18px;
    text-align: justify;
}

/*Background*/




.pln1{
	background-image:url(img/planet-1.png);
		width:350px;
	height:350px;
		z-index:75;
		left:-2%;
		top:-10%;
		position:fixed;
		transition: all 1s ease;

}
.pln1:hover{
	transform: scale(1.06);
	transition: all 1s ease;
}
.pln2{
	overflow:hidden;
	background-image:url(img/planet-2.png);
	z-index:76;
	width:602px;
	height:603px;
	right:-165px;
	bottom:120px;
	position:fixed;
	transition: all 1s ease;
}
.pln2:hover{
	transform: scale(1.06);
	transition: all 1s ease;
}
.pln3{
	background-image:url(img/planet-3.png);
	z-index:80;
	width:250px;
	height:250px;
	right: 260px;
    top: 282px;
	position:fixed;
	transition: all 1s ease;
}
.pln3:hover{
	transform: scale(1.18);
	transition: all 1s ease;
}
.ship{
	background-image:url(img/Spaceship&Fire.png);
	z-index:83;
	width:500px;
	height:500px;
	left:0%;
	bottom:20%;
	position:fixed;
	transition: all 1s ease;
}
.ship:hover{
	transform: scale(1.16);
	transition: all 1s ease;
}
/*.cover1{*/
	/*background-image:url(img/300.png);*/
	/*z-index:87;*/
	/*width:300px;*/
	/*height:263px;*/
	/*right:36%;*/
	/*bottom:43%;*/
	/*position:fixed;*/
	/*transition: all 1s ease;*/
/*}*/
/*.cover1:hover{
	transform: scale(0.5);
	transition: all 1s ease;
}*/
.astr{
	background-image:url(img/astronaut.png);
	width:200px;
	height:200px;
	z-index:81;
	right:10%;
	position:fixed;
	bottom:650px;
	transition: all 1s ease;
}

.astr:hover{
	transform: scale(1.25);
	transition: all 1s ease;
}
.nebula{
	position: absolute;
	background-image:url(img/nebula.png);
	z-index:70;
	width:800px;
	height:1000px;
	right: 690px;
	opacity:0.2;
	bottom:-10px;
	transition: all 1s ease;
	transition: all 1s ease;
}
.milky{
	position:absolute;
	float:right;
	background-image:url(img/milky-way2.png);
	z-index:71;
	width:1132px;
	height:1066px;
	    left: 300px;
    bottom: 100px;
	opacity:0.4;
	left:30;
	transition: all 1s ease;
}
.ugol{
    position: absolute;
    background-image: url(img/ugol.png);
    z-index:2;
    width: 926px;
    height: 904px;
    left: 45px;
    bottom: 380px;
    opacity: 0.4;
	transition: all 1s ease;
}
.Background3{
    position: absolute;
    background-image: url(img/background/Background3.gif);
    z-index:90;
    opacity: 0.4;
}
body {
    margin: 0;
    background-image: url(img/background/Background3.gif);
	background-color: transparent;
	
	border:none;
	-moz-background-size: 100%;
    -webkit-background-size: 100%; 
    -o-background-size: 100%;
    background-size: 100%;
	
}


img{
	outline:none;
}

a{color:transparent;}

* {
    margin: 0;
    box-sizing: border-box;
}



.list {
    width: 15%;
    min-height: 400px;
    position: absolute;
    right:20px;
    top:300px;
    cursor: pointer;
    z-index: 100;
}

ul {
        list-style-type: none;
}


/*fonts*/

@charset "UTF-8";

@font-face {
	/* Entypo pictograms by Daniel Bruce — www.entypo.com */
	font-family: 'entypo';
	src: url("font/entypo.eot");
	src: url("font/entypo.eot#iefix") format('embedded-opentype'),
		url("data:font/woff;base64,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") format('woff'),
		url("font/entypo.ttf") format('truetype'),
		url("font/entypo.svg#entypo") format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face{
	font-family: Back2TheFutureLEFT;
	src: url(fonts/Back2TheFutureLEFT.ttf);
	
}
@font-face{
	font-family: Back2TheFutureRIGHT;
	src: url(fonts/Back2TheFutureRIGHT.ttf);
	font-size:5pt;
}



/*Footer*/


/*footer {     position: fixed;*/
    /*!*top: 90%;*!*/
    /*!*padding-top: 20px;*!*/
    /*!*margin-top: 40px;*!*/
    /*z-index: 100;*/
    /*background-color: black;*/
    /*color: white;*/
    /*width: 100%;*/
    /*height: 80px;}*/
/*footer > .container {!*max-width: 1300px;*!z-index: 100;}*/
footer h4{ font-size: 12px; z-index: 100;}
footer h3{ font-size: 15px;z-index: 100;}
.partners{    position: relative;
    top: -5px;}
.partners a {text-decoration: none !important;z-index: 100;}
.partners img {opacity:0.7; animation: all 1s;z-index: 100; margin:5px;}
.partners img:hover{opacity:1;z-index: 100;}
/*.footer-socials {text-align: left !important; margin-left: -12px; margin-top: 10px;z-index: 100;}*/
.socials {background: url(../img/socials.png) top left no-repeat; width: 33px; height: 33px; display: inline-block; margin:1px;z-index: 100;}
.socials-beatport {background-position: 0px -33px;z-index: 100;}
.socials-beatport:hover {background-position: 0px 0px;z-index: 100;}

.socials-itunes {background-position: -33px -33px;z-index: 100;}
.socials-itunes:hover {background-position: -33px 0px;z-index: 100;}

.socials-facebook {background-position: -66px -33px;z-index: 100;}
.socials-facebook:hover {background-position: -66px 0px;z-index: 100;}

.socials-youtube {background-position: -99px -33px;z-index: 100;}
.socials-youtube:hover {background-position: -99px 0px;z-index: 100;}

.socials-ra {background-position: -132px -33px;z-index: 100;}
.socials-ra:hover {background-position: -132px 0px;z-index: 100;}

.socials-vk {background-position: -165px -33px;z-index: 100;}
.socials-vk:hover {background-position: -165px 0px;z-index: 100;}


.socials-soundcloud {background-position: -198px -33px;z-index: 100;}
.socials-soundcloud:hover {background-position: -198px 0px;z-index: 100;}

.socials-as {background-position: -231px -33px;z-index: 100;}
.socials-as:hover {background-position: -231px 0px;z-index: 100;}

.socials-rss {background-position: -264px -33px;z-index: 100;}
.socials-rss:hover {background-position: -264px 0px;z-index: 100;}

.socials-twitter {background-position: -297px -33px;z-index: 100;}
.socials-twitter:hover {background-position: -297px 0px;z-index: 100;}

.socials-instagram {background-position: -330px -33px;z-index: 100;}
.socials-instagram:hover {background-position: -330px 0px;z-index: 100;}

.socials-discogs {background-position: -363px -33px;z-index: 100;}
.socials-discogs:hover {background-position: -363px 0px;z-index: 100;}

.socials-spotify {background-position: -396px -33px;z-index: 100;}
.socials-spotify:hover {background-position: -396px 0px;z-index: 100;}

.socials-myspace {background-position: -429px -33px;z-index: 100;}
.socials-myspace:hover {background-position: -429px 0px;z-index: 100;}

/*.socialmed{*/
	/*position:relative;*/
	/*!*top:-20px;*!*/
	/*!*left:-40px;*!*/


/*}*/

.socialmed a{
		opacity:0.7;
	text-decoration:none!important;
		margin-left:2.5px;
}
.socialmed a:hover{
	opacity:1;
}


/*Player*/

/*

.play {
        z-index: 100;
        position: relative;
        bottom: 10px;
        left:50%;
        width:64px;
        height:64px;
        background-image: url(img/play.png);
        background-repeat: no-repeat;
        float:center;
        cursor:pointer;
      }
.pause {
        z-index: 100;
        position: relative;
        bottom: 10px;
        left:50%;
        width:64px;
        height:64px;
        background-image: url(img/pause.png);
        background-repeat: no-repeat;
        float:center;
        cursor:pointer;
      }*/
.is_overlay{ 
    display: block; 
    width: 100%; 
    height: 100%; 
}
#trailer {
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: 5;
}

#trailer > video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



 @media (min-aspect-ratio: 16/9) {
     #trailer > video { height: 300%; top: -100%; }
 }
 @media (max-aspect-ratio: 16/9) {
     #trailer > video { width: 300%; left: -100%; }
 }
/*.player_123 {*/
    /*!*color:white;*!*/
    /*z-index: 90;*/
    /*position: absolute!important;*/
    /*!*top:80%;*!*/
	/*left:3%;*/
	/*right:5%;*/


		/*!*width:1263px;*!*/
		/*!*height:90px;*!*/





/*}*/


/*










audio{
	width: 420px;
}
.track_div{
	padding-top: 10px;	
	border-bottom: solid black 2px;
}
.track span{
	font-size: 11px;
	font-weight: normal;
}
.full{
	text-align: right;
	color: red;
	display: block;
}




.HELLO{
	font-family:"Back2TheFutureLEFT";
}

.jp-audio {
	border-radius: 7px;
    /*background-color: rgba(255,255,255, 0.2);*//*
	position: relative;
	width: 99%;
	height: 90px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	line-height: 64px;
	text-align: left;
	margin: 0;
	padding: 0;
	
	/* Hide iOS touch highlight *//*
	-webkit-tap-highlight-color: rgba(0,0,0,0);
/*
	/* Disable selection *//*
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* define your text color here *//*
	color: #ffffff;
    font-size:11px;
}

.jp-controls {
    background:url(img/Play_Background1.png);
    position: absolute;
    top:0;
    left: -50px;
	width:89px;
	height:90px;
    /*
	float: left;
    border-radius: 7px;
	width: 32px;
	height: 100%;

*/
	/* define your pause/play button background color here */
	/*background-color: #c7c7c7;*/
    /*border-right:solid 1px black;*//*
}

.jp-play,
.jp-pause {
    padding-left:30px;
	text-decoration: none;
	font-size: 30px;
	text-align: center;
	cursor: pointer;
    left:30px;
	/* define your pause/play button icon color here *//*
	color: rgba(255,255,255, 0.4);
}

.jp-pause {
	display: none;
}

.jp-pause:before,
.jp-play:before {
	display: inline-block;

	font-family: 'entypo';
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	font-variant: normal;
	text-transform: none;
	speak: none;

	width: 32px;
	line-height: 95px;

	text-align: center;
	opacity: 1.0;
}

.jp-pause:before {
	content: '\2016';
}
.jp-play:before {
	content: '\25b6';
}
/*width 1280px*//*
.jp-bar {
    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	border-radius: 7px;
    margin-left: 32px;
	position: absolute;
	top: 0;
	left: 55px;
	width: 1150px;
	height: 90px;
	margin: 0;
	padding: 0;
	overflow:hidden;
	

	/* define your unplayed progress bar background color here */
	/*background-color: #ccc;*//*
    background-size: 100% 96%;
}

.jp-seek-bar {
	background:url(img/Wawe_Background1.png);
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	margin: 0;
	padding: 0;
	cursor: pointer;
    opacity:0.3;
    filter:alpha(opacity=30); /* For IE8 and earlier *//*
}

.jp-play-bar {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	margin: 0;
	padding: 0;

	/* define your played progress bar background color here *//*
	background-color: rgb(72, 72, 72);
}

.jp_info{
	position: absolute; 
	top: -22px;
	color: black;
}

.jp-duration {
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    padding-left:10px;
	position: absolute;
    line-height:22px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
	left:1000px;

}

div.jp-current-time,
div.jp-duration, div.jp-time-break {
     font-family: Arial, Verdana, sans-serif;
    line-height:22px;
    position:absolute;
    color:white;
}

div.jp-time-break{   
    position: absolute;
    left: 1000px;
    }
div.jp-current-time {
    position:absolute;
    left: 970px;
}

.jp-no-solution {
	position: absolute;
	top: 0;
	left: 64px;
	width: 316px;
	height: 48px;
	margin: 0;
	padding: 8px 0;

	line-height: 24px;
	font-size: 16px;
	text-align: center;
	display: none;

	/* define your error message text color here *//*
	color: #000000;

	/* define your error message background color here *//*
	background-color: #b28282;
}

/* @group volume controls *//*

div.jp-audio div.jp-type-single a.jp-mute,
div.jp-audio div.jp-type-single a.jp-unmute {
	margin-left: 210px;	
}
div.jp-audio div.jp-type-playlist a.jp-mute,
div.jp-audio div.jp-type-playlist a.jp-unmute {
	margin-left: 154px;
}

div.jp-audio-stream div.jp-type-single a.jp-mute,
div.jp-audio-stream div.jp-type-single a.jp-unmute {
	margin-left:10px;
}

div.jp-audio a.jp-volume-max,
div.jp-audio-stream a.jp-volume-max {
	margin-left: 56px;	
}

div.jp-volume-bar {
	position: absolute;
	overflow:hidden;
	background-color:rgba(255,255,255, 0.2);
	width:100px;
	height:5px;
	cursor: pointer;
	
}
div.jp-audio div.jp-volume-bar {
	top:6px;
	left:1040px;
}
div.jp-audio-stream div.jp-volume-bar {
	top:37px;
	left:92px;
}
div.jp-video div.jp-volume-bar {
	top:17px;
	left:72px;
}
/*div.jp-volume-bar-value {
	/*background-color: #8bb9b9;*//*
	width:0px;
	height:10px;
	background: #ff0000;
	box-shadow: 0 -100px 100px -120px #ff0000 inset;
	animation: background 5s infinite alternate;
}

.hiding { text-overflow:ellipsis; }


@keyframes background {
  50% {
    background: #77003c;
    box-shadow: 0 -100px 100px -100px #77003c inset;
  }
}