@font-face

{
font-family: disco;
src:url(../fonts/disco.ttf);
}
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.clear {clear:both;}
.table {display:table;}
.wrapper {width:100%; overflow:hidden;}
.relative {position:relative;}
.absolute {position:absolute;}

/* Global properties ======================================================== */
body, html {height:100%;}

body{  border:0; font: 12px Arial, Helvetica, sans-serif; color:#ced2e8; line-height:18px; min-width:980px; position:relative; overflow:hidden;}

.spinner{ position:absolute; z-index:99; background:url(../images/loader.gif) 50% 50% no-repeat #000000; width:100%; height:100%; top:0; left:0}



.extra {min-width:1000px;min-height:100%; height:auto !important; height:100%; margin: 0 auto -45px; overflow:hidden;}

.top1 { width:100%; height:46px; background:#000; position:relative}
.logo {}
.logo_img1 { position:absolute; top:10px; left:10px; z-index:1;}
.logo_img2 { position:absolute; top:60px; left:210px; z-index:2;font-family: disco;font-size:60px;}
.top2 { float:left}
.top3 { float: right}
.icons {overflow: hidden; padding: 5px 0 0px 0px;}
.icons > li {float: left; padding-right: 10px;}
.icons > li > a {display: block; position: relative;}
.icons .img_act {left: 0; top: 0; position: absolute;}


.main1 { width:1000px; height:526px; margin:0 auto; position:relative; z-index:10;}

.block {height:45px;}


.bot1 { width:100%; height:45px; position:relative;}
.bot2 { width:188px; height:45px; background:url(../images/bot1.png) top left no-repeat; position:absolute; z-index:1; left:50px; top:0;}
.tola { margin-left:10px;}
.bot3 { width:423px; height:45px; background:url(../images/bot2.png) top left no-repeat; position:absolute; z-index:2; left:215px; top:0;}
.copyright{ margin-top:15px; text-align:left; padding-left:20px; color:#939393;}
.copyright a { color:#f5f5f5;}


/* ============================= main menu ====================== */

video { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
 background: url('../video/video.jpg') no-repeat;
  background-size: cover;
  transition: 1s opacity;
}

#menu { padding-left:205px;}

#menu > li {position:relative; float:left; height:45px; margin-bottom:0px; font-family:'HelveticaNarrowRegular'; text-transform:uppercase;}
#menu > li > a{ display:inline-block; height:45px; text-decoration:none; position: relative; overflow:hidden; text-align:left; letter-spacing:0px;padding:0 7px;  }
#menu > li > a span{ font-size:18px; line-height:45px;text-decoration:none; font-weight:normal; color:#ad76de;position:relative; z-index:10;}
#menu > li > a:hover span, #menu > li.active > a span {color:#1aeeff}


.menu_splash { position:absolute; top:20px; left:0px; z-index:50;}

#menu_splash > li { position:absolute; width:328px; height:210px;}
#menu_splash > li > a{display:block; position:relative; width:328px; height:210px; background:url(../images/but1.png) top left no-repeat;font-weight:normal;text-decoration:none;}
#menu_splash > li > a > b { position: absolute; z-index:1; top:45px; left:14px;}
#menu_splash > li > a > strong { position: absolute; z-index:2; top:45px; left:14px; width:298px; height:150px; background:url(../images/shadow1.png) top left no-repeat;}
#menu_splash > li > a > span { position: absolute; z-index:10; top:13px; left:15px; font-size:20px; color:#FFFFFF; text-decoration:none; text-transform:uppercase;font-family:'HelveticaNarrowRegular'; font-weight:normal; text-shadow:-1px -1px #242a43;}


#menu_splash .nav1 { top:60px; left:-1500px; z-index:1}
#menu_splash .nav2 { top:130px; left:-1500px; z-index:3}
#menu_splash .nav3 { top:0px; left:-1500px; z-index:2}
#menu_splash .nav4 { top:30px; left:-1500px; z-index:4}
#menu_splash .nav5 { top:250px; left:-1500px; z-index:5}
#menu_splash .nav6 { top:280px; left:-1500px; z-index:7}
#menu_splash .nav7 { top:225px; left:-1500px; z-index:6}





/* ============================= main layout ====================== */

.title { position:absolute; top:15px; left:15px;font-size:20px; color:#9eabd7; text-decoration:none; text-transform:uppercase;font-family:'HelveticaNarrowRegular'; font-weight:normal; text-shadow:-1px -1px #242a43;}

.close { position:absolute; display:block; width:43px; height:43px; top:-15px; right:-2px; background:url(../images/close.png) top left no-repeat;}
.close:hover { background-position:right;}

#content{width:100%; height:526px; position:relative; z-index:1}
#content > ul{ width:100%; height:526px;}
#content > ul > li{ width:100%; height:526px;}


.box{ background:url(../images/content_bg.png) top left repeat; width:950px; height:446px; padding:80px 0 0 50px;}

.cols { width:2px; height:400px; background: url(../images/line1_px.png) top left repeat-y; margin-left:70px; margin-right:29px;}
.cols1 { width:2px; height:400px; background: url(../images/line1_px.png) top left repeat-y; margin-left:360px; margin-right:29px;}
.cols, .cols1, .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12, .col13   { float:left;}

.col1{ width:350px;}
.col2{ width:520px;}
.col3{ width:230px;}
.col4{ width:250px;}
.col5{ width:620px;}
.col6{ width:930px;}
.col7{ width:560px;}
.col8{ width:310px;}
.col9{ width:500px;}
.col10{ width:330px;}



.pad_left1{ padding-left:10px;}
.pad_left2{ padding-left:20px;}
.pad_left3{ padding-left:30px;}
.pad_left4{ padding-left:40px;}

.w1 { width:180px;}




a{ color:#fff; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}

h2{ font-family:'HelveticaNarrowRegular'; font-weight:normal; font-size:29px; color:#b2d7f1; line-height:34px; padding:10px 0 15px 0; letter-spacing:0px; }


.upper { text-transform:uppercase;}
.white { color:#FFFFFF;}


p.text { padding:5px 0;}

.border1 { border:6px solid #482abe;}
.shadow1{box-shadow: 0px 0px 5px #3f24ed; -moz-box-shadow: 0px 0px 5px #3f24ed; -webkit-box-shadow: 0px 0px 5px #3f24ed;}

.img0 {margin-left:5px;}
.img1 {margin-bottom:10px;}
.img2 {margin-bottom:10px; margin-right:20px; margin-left:5px;}



.button1{ display:inline-block; font-size:18px; text-transform:uppercase; color:#5c65c2; text-decoration:none; margin-top:10px; margin-bottom:10px;  font-family:'HelveticaNarrowRegular';letter-spacing:0px; }
.button1:hover { color:#fff!important; text-decoration:none;}

.disk{ background:url(../images/li_st1.png) 0px 13px no-repeat; color:#b2d7f1; font-weight:normal; padding-left:25px; text-decoration:none; font-size:20px; line-height:36px;font-family:'HelveticaNarrowRegular'; }
.disk a{text-decoration:none; color:#b2d7f1;}
.disk a:hover{ text-decoration:none; color:#fff;}

.blue_block {height:31px; width:31px; border:3px solid #505c92; line-height:16px; color:#333674; background:#fff; padding:5px; margin:5px 15px 5px 0; text-align:center;font-family:'HelveticaNarrowRegular'; font-size:25px;}
.blue_block span { font-size:18px!important;}

.gal1 { padding-bottom:20px; float:left; }

.photo1 {width:190px; height:144px; position:relative; }
.photo1 a img {position:relative; }
.photo1 a span{position:absolute;z-index:2; margin:0px 0 0 0px; top:0;left:0; background:url(../images/photo_over.png) 50% 50% no-repeat #000; width:100%; height:100%;}


.vid1 { padding-bottom:20px; float:left; width:212px;}

.video1 {width:190px; height:119px; position:relative; margin-bottom:10px; }
.video1 a img {position:relative; }
.video1 a span{position:absolute;z-index:2; margin:0px 0 0 0px; top:0;left:0; background:url(../images/video_over.png) 50% 50% no-repeat #000; width:100%; height:100%;}


.gmap { width:290px; height:300px;}

/*===================== Scroll =====================*/


.scroll{height:400px; width:900px; overflow:hidden; position:relative;}
.track{ background: #3a3a56; left:910px; top:0px; width:15px; position:absolute; height:400px; padding:0 0;}
.shuttle{ width:15px; height:83px; left:0px; background: url(../images/scroll_shuttle.jpg) 0 0 no-repeat;}
._up-butt{ width:15px; height:16px; margin:0px 0px 0px 0px; background: url(../images/scroll_up.jpg) 0 0 no-repeat;}
._down-butt{ width:15px; height:16px; margin-bottom:0px; background: url(../images/scroll_down.jpg) 0 0 no-repeat;}


#page_HOME .scroll {width:490px; }
#page_HOME .track {left:500px; }

#page_NEWS .scroll {width:590px; }
#page_NEWS .track {left:600px; }


#page_SHOWS .scroll {width:280px; }
#page_SHOWS .track {left:290px; }

#page_CLUB .scroll {width:490px; }
#page_CLUB .track {left:500px; }



/*================= Contacts =========================*/
.notification_error{ height: auto;width: 96%;padding: 2px; text-align: left; color:#f00;}
.notification_ok{ height: auto; width: 96%; padding: 2px; text-align: left; color:#fff;} 



/* Input, Textarea */
input{ margin: 0px; padding: 0px; float: left; border: 1px solid #353b53;  color: #ced2e8; background:#0a0923; font: 12px Arial, Helvetica, Arial, sans-serif; height:32px; width:320px; margin-bottom:5px;padding-left:5px}

.input{width:110px; text-align:center; padding-left:0px; margin-right:10px}

textarea{margin: 0px; padding: 0px; float: left; background:#0a0923; border: 1px solid #353b53; color: #ced2e8; font: 12px Arial, Helvetica, Arial, sans-serif; height:70px; width:320px;margin-bottom:5px ; padding-left:5px; padding-top:5px;}


.pinn { border:none; background: url(../images/submit.png) top left no-repeat; display:block; text-align:center; text-decoration:none; width:106px; height:43px; color:#5c65c2; font-size:18px;font-family:'HelveticaNarrowRegular'; cursor:pointer; text-transform:uppercase; }
.pinn:hover{ color:#FFFFFF;}








@font-face {
    font-family: 'HelveticaNarrowRegular';
    src: url('helvetica_nar-webfont.eot');
    src: url('helvetica_nar-webfont.eot?#iefix') format('embedded-opentype'),
         url('helvetica_nar-webfont.woff') format('woff'),
         url('helvetica_nar-webfont.ttf') format('truetype'),
         url('helvetica_nar-webfont.svg#HelveticaNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.player-icon {
	
	background-image: url(../images/play.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain ;
	width: 100px;
	height: 80px;
	cursor: pointer;
	
	filter: alpha(opacity = 80);
	float: left;
	
}
.player-box {
	position: fixed;
	width: 580px;
	height:80px;
	top: 100px;
	right: 0px;
	padding: 0px;
	z-index: 101;
	margin-right: 0px;
	
}
.player-text-box {
	background:linear-gradient(130deg, rgb(0, 0, 0, 0.6) 45%, rgb(0, 0, 255,0.6));
	border-radius: 0px 0px 0px 5px;
	-moz-border-radius: 0px 0px 0px 5px;
	-khtml-border-radius: 0px 0px 0px 5px;
	-webkit-border-radius: 0px 0px 0px 5px;
	width: 470px;
	height: 450px;
	float: left;
	top:-160px;
	padding: 5px;
	padding-left: 8px;
	padding-right: 2px;
	color: white;

	
}