@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700|Philosopher&subset=latin,cyrillic-ext);
* {
	margin: 0;
	padding: 0;
}
html {height: 100%}
body {font-family: 'PT Sans', sans-serif;width: 100%;height: 100%;background:#0a0d0f;background-position:50% 0;	color:#fff;font-size:12px;	
	}
	.bg {background:#0d0907;}
a {color:#fff;outline: none;text-decoration:none ;
}
a:hover { text-decoration:none;color:#fff;
}
img { border: none;
}
p { padding:0px;}
input {outline:none; border:none}
input[type=text], input[type=password], select { background:#171e21; border:none; outline:none; color:#fff;height:34px;width:300px}
.wrapper {width:1000px; margin: 0 auto;background-position:center;position:relative;}

#headers { height:560px; background:url(../images/header.jpg) no-repeat center top fixed;}
#headers #tops { height:137px; background:url(../images/top_bg.png) no-repeat center;}
#headers #tops #navi { display:inline-block; vertical-align:top;width:80%}

#headers #tops #navi ul li { list-style:none; display:inline-block; vertical-align:top; padding:20px 10px 0 10px}
#headers #tops #navi ul li a { color:#588dfb; text-transform:uppercase; font-size: 14px; font-weight:700; padding-bottom:8px; -webkit-transition:all 0.4s ease;
                   -moz-transition:all 0.4s ease;
                    -ms-transition:all 0.4s ease;
                     -o-transition:all 0.4s ease;
                        transition:all 0.4s ease; border-bottom:3px rgba(0,0,0,0) solid }
#headers #tops #navi ul li a:hover { border-bottom:3px #588dfb solid; padding-bottom:8px}
#headers #tops #langs  { display:inline-block; vertical-align:top; padding:17px 0 0 10px}
#headers #tops #langs a.ru { width:24px; height:24px; background:url(../images/ru.png) no-repeat center; display:inline-block; vertical-align:top; padding-right:8px}
#headers #tops #langs a.en { width:24px; height:24px; background:url(../images/en.png) no-repeat center; display:inline-block; vertical-align:top}
#headers #tops #langs a { opacity:0.4;margin: 0 7px;}
#headers #tops #langs a.active { opacity:1}
#headers #bottom { height:251px; background:url(../images/bottom_bg.png) no-repeat center;margin:330px 0 0 0}
#headers #start { width:187px; height:45px; background:rgba(0,0,0,.5); color:#a2d7f2; font-weight:700; font-size:16px; text-transform:uppercase; display:block; position:absolute; top:350px;text-align:center; line-height:45px;left:440px}

.logo { background:url(../images/logotype.png?1); width:354px; height:45px; display:block; margin:20px auto; position:relative; top:260px; left:30px }
.logo:after { content:''; background:url(../images/logotype.png?1); width:354px; height:45px; position:absolute; left:0; top:0; -webkit-transform:scale(1.5); -moz-transform:scale(1.5); -o-transform:scale(1.5);transform:scale(1.5); -webkit-transition:all 0.8s ease; -moz-transition:all 0.8s ease; -o-transition:all 0.8s ease; transition:all 0.8s ease; visibility:hidden; opacity:0; }
.logo:hover:after { -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1); opacity:1; visibility:visible; }


#container { width:1000px; }

#container #leftbar { width:649px; display:inline-block; vertical-align:top}
#container #leftbar .news { margin-bottom:40px; opacity:0.5; -webkit-transition:all 0.4s ease;
                   -moz-transition:all 0.4s ease;
                    -ms-transition:all 0.4s ease;
                     -o-transition:all 0.4s ease;
                        transition:all 0.4s ease; }
#container #leftbar .news:hover { opacity:1}
#container #leftbar .topnews { height:39px; background:url(../images/top-news.png) no-repeat center}
#container #leftbar .rtpnews { background:url(../images/repeat-news.png) repeat-y center;}
#container #leftbar .btmnews { height:38px; background:url(../images/bottom-news.png) no-repeat center; margin-top:-30px}
#container #leftbar .title { color:#fff; text-transform:uppercase; font:18px 'Philosopher'; font-weight:700; margin-bottom:8px; padding-left:15px}
#container #leftbar .text { color:#a4b6c1; font-size:14px; margin-top:-50px; padding:20px}
#container #leftbar .info { color:#4b5a64; font-size:11px; text-transform:uppercase; padding:14px 0 0 0;}
#container #leftbar .info a{color:#4b5a64; float:right}
#container #rightbar { width:282px; display:inline-block; vertical-align:top;margin-left:50px}
#container #rightbar .block { width:282px; margin-bottom:30px; position:relative}
#container #rightbar .block .title { color:#fff; text-transform:uppercase; font:18px 'Philosopher'; font-weight:700; margin-bottom:8px; text-align:center}
#container #rightbar .block .in { background:#0f1417; padding:10px}
#container #rightbar .block .in .serv-block { margin:15px 0 25px 0}
#container #rightbar .block .in .serv-block .serv-im { background:url(../images/null.jpg); width:267px; height:41px; position:relative; top:10px; left:1px; display:inline-block; z-index:99}
#container #rightbar .block .in .serv-block .serv-im .scale { background:url(../images/full.jpg); width:0%;  height:41px;  -webkit-transition:all 5s ease; -moz-transition:all 5s ease; -o-transition:all 5s ease; transition:all 5s ease; }
#container #rightbar .block .in .serv-block .name { color:#bbc9d6; font:14px 'Philosopher'; padding-left:10px}
#container #rightbar .block .in .serv-block .status { float: left; color:#778490; font:10px Arial, Helvetica, sans-serif; text-transform:uppercase; margin-top:14px; margin-left:10px}
#container #rightbar .block .in .serv-block .server__link-info {
    float: right;
    font-size: 10px;
    margin-top: 14px;
    margin-left: 0;
    text-transform: uppercase;
}
#container #rightbar .block .in .serv-block.on { color:#539e71}
#container #rightbar .block .in .serv-block .off { color:#ab5928}
#container #rightbar .block .in #forum .topics { border-bottom:1px rgba(255,255,255,0.06) solid; padding:7px 0 }
#container #rightbar .block .in #forum .topics:last-child { border-bottom:none}
#container #rightbar .block .in #forum .topics:hover { background:rgba(0,0,0,.2)}
#container #rightbar .block .in #forum .topics .icon { width:35px; height:35px; background:url(../images/forum-icon.png) no-repeat left; display:inline-block; vertical-align:top}
#container #rightbar .block .in #forum .topics .info { width:200px; display:inline-block; vertical-align:top; margin-left:10px}
#container #rightbar .block .in #forum .topics .link a { color:#bbc9d6; font-size:14px;}
#container #rightbar .block .in #forum .topics .author { color:#747c83; font-size:10px; text-transform:uppercase; padding-top:3px}
#container #rightbar .block .in #forum .topics .author a { color:#8c9ba9;}
#container #rightbar .block .in .tops_players { width:282px;}
#container #rightbar .block .in #left_top { color:#6f7d89; font-size:13px; font-weight:700; display:inline-block; vertical-align:top;width:70%; text-transform:uppercase; text-indent:20px; padding-bottom:10px;}
#container #rightbar .block .in #right_top { color:#6f7d89; font-size:13px; font-weight:700; display:inline-block; vertical-align:top;width:25%; text-transform:uppercase; text-align:center; padding-bottom:10px}
#container #rightbar .block .in #tops_left { color:#6f7d89; font-size:13px;display:inline-block; vertical-align:top;width:70%; text-transform:uppercase; text-indent:10px; padding:4px 0}
#container #rightbar .block .in #tops_right { color:#6f7d89; font-size:13px; display:inline-block; vertical-align:top;width:25%; text-transform:uppercase; text-align:center; padding:4px 0}
.widget {

}

	.widget a {
	
	}
	
	.widget a:hover {
	
	}
.tabnav  { margin:auto;text-align:center;  margin-top:10px;}
	.tabnav li {
	display: inline; text-align:center;
	list-style: none;
	padding-right: 5px;
	}
	
		.tabnav li a {
		text-decoration: none;
		text-transform: uppercase;
		color: #6f7d89;
		padding: 6px 8px;
		border:1px #6f7d89 solid;
		border-radius:5px;
		outline: none;
		}
		
		.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
		font-weight:700; background:rgba(255,255,255,0.08);
		text-decoration: none;
		}
		
	.tabdiv {
	margin-top: 2px;
min-height:280px;
	padding: 5px;
	}
	
		.tabdiv li {
		list-style-image: url("star.png");
		margin-left: 20px;
		}

.ui-tabs-hide {
		display: none;
		}

		#featuredvid {
		text-align: center;
		}
		
			.fvid {
			margin-bottom: 5px;
			}
		
			.vidselector li {
			text-align: left;
			list-style: none;
			padding: 5px;
			background: #ffffff;
			border: 1px solid #dedbd1;
			text-transform: uppercase;
			margin-bottom: 5px;
			}


#footer { border-top:1px #35373a solid; padding-top:10px;}
#footer #copy {  padding:15px 0 25px 0;display:inline-block; vertical-align:top; width:200px; color:#414c52; font-size:10px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; line-height:15px}
#footer #banner { padding:15px 0 25px 0; width:400px; display:inline-block; vertical-align:top; margin-left:120px}
#footer #banner ul li { list-style:none; display:inline-block; vertical-align:top; padding:0 5px;opacity:0.2; -webkit-transition:all 0.4s ease;
                   -moz-transition:all 0.4s ease;
                    -ms-transition:all 0.4s ease;
                     -o-transition:all 0.4s ease;
                        transition:all 0.4s ease;}
#footer #banner ul li:hover { opacity:1}
#footer #studio { display:inline-block; vertical-align:top; width:120px; margin-left:100px;padding:15px 0 25px 0;opacity:0.2; -webkit-transition:all 0.4s ease;
                   -moz-transition:all 0.4s ease;
                    -ms-transition:all 0.4s ease;
                     -o-transition:all 0.4s ease;
                        transition:all 0.4s ease;}
#footer #studio:hover { opacity:0.9}

.timer {    position: absolute;
    top: 150px;
    left: 370px;
}
    .tabs__inner {
    	margin:  20px auto;display: flex;
    }
.tabs__inner a {
    flex: auto;
    margin: 0 10px;
    background: rgba(0,0,0,.26);
    padding: 6px 12px;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    border: 1px solid rgba(255,255,255,.16);
}

.tabs__inner a:hover,.tabs__inner a.active { background: rgba(0,0,0,.46);color: #6f7d89;}

.inner__panel,.panel {display: none}
.inner__panel:first-child,.panel:first-child {display: block}

ul.tabs {margin-top: 20px;display: flex}
ul.tabs li {flex: auto;list-style: none;padding: 0 7px}
ul.tabs li a {padding: 4px 10px;background: rgba(111,125,137,.4);color: #fff;text-transform: uppercase;font-size: 11px;display: block}
ul.tabs li a:hover,ul.tabs li.active a{background: rgba(111,125,137,.8);}