* { margin:0; padding:0; }

body { font-family: 'PT Sans'; color:#fff7e6; font-size:14px; line-height: 18px; min-width:1240px; background-color: #010101; }

h1,h2,h3,h4,h5,h6,b,strong { font-family:'PT Sans'; font-weight:bold; }
p { margin-bottom: 10px; }
.clear{ clear:both; }
.container { margin:0 auto; max-width:1240px; min-width:1240px; width:100%; position:relative; }
a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;transition: all 0.3s ease; cursor:pointer; color:#ffffff; text-decoration: underline; }
a:hover { text-decoration:none; }
ul { list-style: none; }

div.header { background: url(../images/header.jpg) no-repeat center top; height:732px; margin-bottom:0px; }
.inner div.header { background:url(../images/header-inner.jpg) no-repeat center top; height:552px; }
.content { background:url(../images/content.jpg) no-repeat center; height:1153px; margin:-2px 0; overflow: hidden; }
.inner .content { background-image:url(../images/content-inner.jpg);}
.footer { background:url(../images/footer.jpg) no-repeat center; height:615px; margin-top:-1px; position: relative; }
.inner .footer { background-image: url(../images/footer-inner.jpg); }

.top-bar { text-align: left; position: relative; height: 263px; }
.top-bar .languages { float: left; padding-top: 40px; }
.top-bar .languages .item { font-size:16px; color:#fea300; font-family:'PT Sans', sans-serif; font-style: italic; margin-bottom:10px; display: block; background: url(../images/lang-bg.png) 50% 0 no-repeat; width: 116px; height: 30px; padding-top: 8px; opacity: 0.30; }
.top-bar .languages .item a { font-size:16px; color:#b0965a; font-family:'PT Sans', sans-serif; font-style: italic; text-decoration:none; vertical-align:middle; display: block; background-position: 12px 0px; background-repeat: no-repeat; padding-left: 50px; height: 21px; line-height: 20px; transition: all 0.3s ease-in-out; }
.top-bar .languages .item .ru { background-image: url(../images/ru.png); }
.top-bar .languages .item .en { background-image: url(../images/en.png); }
.top-bar .languages .item.active { opacity: 1; }
.top-bar .languages .item:hover { opacity: 1; }

.logo { width:380px; padding-top: 65px; height:25px; float: right; background: url(../images/logo.png) 50% 10px no-repeat; color: #e1fff1; margin: 65px 220px 0 0; text-align: center; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.75); font-size: 18px; font-family: 'Copperplate', sans-serif; text-decoration: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;transition: all 0.5s ease; }
.logo:hover { -webkit-filter:brightness(1.5); -moz-filter:brightness(1.5); -o-filter:brightness(1.5); filter:brightness(1.5); transform: scale(1.05); }

.ico-home { display: inline-block; background: url(../images/home.png) -24px 0 no-repeat; width: 24px; height: 23px; }
.nav { padding-top: 8px; height:60px; width:100%; position:relative; }
.nav ul { list-style:none; text-align:left; width:100%; font-size: 0px; }
.nav ul li { display:inline-block; background:url(../images/nav-r.png) no-repeat right center; }
.nav ul li:first-child { background: none; padding-right: 355px; }
.nav ul li:last-child { background:none; }
.nav ul li a { cursor:pointer; color:#281f19; font-size:22px; font-family:'PT Sans'; font-weight: bold; text-decoration:none; padding: 0 15px; display:block; height:54px; line-height:52px; position:relative; z-index:1; text-shadow: -1px -1px 0px rgba(255, 255, 255, 0.75); }
.nav ul li a:hover { color: #4b423c; }
.nav ul li:last-child a { padding-right: 0; }
.nav ul li:first-child a:hover:after { display: none; }
.nav ul li:first-child a:hover .ico-home { background-position: 0 0; }


.header .block {
  width: 100%;
  text-align: center;
  position: relative;
  height: 290px;
}
.inner .header .block {
  height: 110px;
}
.start {
  background: url("../images/start.png") 0 -7px no-repeat;
  display: inline-block;
  height: 80px;
  text-align: center;
  text-decoration: none;
  width: 358px;
  font-size: 36px;
  letter-spacing: -3px;
  line-height: 60px;
  color: #281f19;
  text-transform: uppercase;
  font-family: "Copperplate";
  font-weight: 700;
  margin-top: 5px;
  margin-left: 400px;
  text-shadow: -1px -1px 0px rgba(255,255,255,0.75);
  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;transition: all 0.5s ease;
}
.start:hover { -webkit-filter:brightness(1.5); -moz-filter:brightness(1.5); -o-filter:brightness(1.5); filter:brightness(1.5); }

.btns { padding: 35px 0 0; }
.btns ul { list-style: none; overflow: hidden; }
.btns li { float: left; width: 335px; }
.btns li:first-child { padding-left: 50px; padding-right: 80px; }
.btns li:last-child { padding-left: 105px; }
.btns li a { color: #fef6eb; font-size: 36px; font-family: 'Copperplate', sans-serif; font-weight: 700; text-decoration: none; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
.btns li a p { color: #ffcb96; font-size: 18px; font-family: 'PT Sans', sans-serif; font-style: italic; font-weight: 400; }
.btns li a:hover { color: #FDF24B; }


.servers { position:relative; background: url(../images/status-bg.png) 50% bottom no-repeat; font-size: 0px; text-align: center; padding: 20px 0; margin-bottom: 10px; }
.servers .server {
  line-height: 22px;
  color: #ffffff;
  position: relative;
  width: 30%;
  font-family:'PT Sans';
  font-weight: bold;
  display: inline-block;
}
.servers .server:after { content: ''; position: absolute; left: -5px; top: -5px; bottom: -5px; right: 0; background-color: rgba(0, 0, 0, 0.4); z-index: -1; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;transition:all 0.3s ease; opacity: 0; visibility: hidden; transform: scale(0); }
.servers .server:hover:after { opacity: 1; visibility: visible; transform: scale(1); }
.servers .time { color: #b0965a; font-size: 14px; font-family: 'PT Sans'; font-weight: normal; font-style: italic; text-align: left; }
.servers .name { color: #ffffff; font-size: 18px; text-align: left; }
.servers .name a { color: #ffffff; font-size: 18px; text-decoration:none; }
.servers .icon { float: left; margin-right: 10px; background:url(../images/status-icon-bg.png); width:71px; height:70px; vertical-align:middle; }
.servers .icon img { border-radius: 15px; }
.servers .online { color:#e6f4ff; text-align:left; font-family: 'PT Sans', sans-serif; font-weight: bold; font-size: 16px; }


#page-content {
  padding-top: 5px;
}
#page-content input[type=text], #page-content input[type=password] { background-color: #ccc7b2; height: 25px; color: #090807; font-size: 14px; padding: 5px 10px; border: 0; }
#page-content textarea {  background-color: #ccc7b2; padding: 10px; border: 0; color: #090807; font-size: 14px; }
#page-content h3 { font-size: 18px; margin: 10px 0; }

.maintitle { font-family:'PT Sans', sans-serif; font-weight: bold; color:#ffffff; font-size:30px; text-align:center; margin:0px 0 15px; line-height: 30px; position: relative;  }
.maincontent { width:768px; float:right; padding-right: 37px; }
.sideblock { width:406px; float:left; padding-top:21px; }

.page { background: rgba(0,0,0,0.50); width:709px; position:relative; border-radius: 15px; padding: 20px 30px; color: #b2ccc5; }
.page h3 { font-size: 16px; margin-bottom: 10px; color: #e6fff8; }
.maincontent p { margin-bottom: 0; }
.image-bordered { width:689px; height:110px; padding: 10px; margin-bottom: 10px; background: url(../images/news-image-bg.png) 0 0 no-repeat; }
.image-bordered img { width: 100%; height: 100%; }
.hr { background: url(../images/hr.png) 50% 0 no-repeat; width: 100%; height: 1px; margin: 15px 0; }

.news .maintitle { text-align: left; }

.news { background: rgba(0,0,0,0.50); width:314px; float:left; position:relative; margin-bottom:19px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; border-radius: 15px; padding: 20px 30px; }
.news:nth-child(odd) { float: right; }
.news:first-child { float: none; width: 709px; }
.news .image { width:294px; height:110px; padding: 10px; background: url(../images/news-image-bg-small.png) 0 0 no-repeat; margin-bottom: 10px; }
.news:first-child .image { width:689px; height:110px; padding: 10px; background: url(../images/news-image-bg.png) 0 0 no-repeat; }
.news .image img { width: 100%; height: 100%; }
.news .title, .news .text { }
.news .text small { color: #ccc7b2; font-size: 12px; }
.news .title, .news .title a { color:#ffffff; font-size:20px; font-family:'PT Sans'; font-weight: bold; margin-bottom:10px; text-decoration:none; }
.news:first-child .title, .news:first-child .title a { font-size: 30px; }

.news .more { background:url(../images/more.png); width:104px; height:36px; float: left; color: #b0965a; font-family: 'PT Sans', sans-serif; font-weight: bold; text-decoration: none; line-height: 35px; text-align: center; margin-top: 5px; font-size: 16px; }
.news .more a {
  text-decoration: none;
  font-size: 16px;
  color: #b0965a;
}
.news .more:hover { opacity:0.6; }
.news .date {  font-family:'PT Sans', sans-serif; font-style: italic; font-size:14px; line-height:28px; color:#7d6a40; background: url(../images/date.png) 0 0 no-repeat; width: 70px; height: 29px; text-align: center; float: right; margin-top: 8px; }
.news .maintitle .date { margin-top: 0; }
.news.pasive { -webkit-filter:grayscale(1); -moz-filter:grayscale(1); -o-filter:grayscale(1); filter:grayscale(1); opacity:0.7 !important; }
.news.active { opacity:1; }
.news .image img { -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
.news:hover .image img { -webkit-filter:brightness(1.5); -moz-filter:brightness(1.5); -o-filter:brightness(1.5); filter:brightness(1.5); }
.inner .news .more { margin-top: 15px; font-size: 16px; }


.side-title { font-size:24px; font-weight: 700; font-family:'Copperplate'; color: #b0965a; text-align:center; margin-bottom:5px; } 
.side-title span { color:#fff7e6; }
.tshadow { text-shadow: -1px -1px 0px rgba(232, 213, 170, 0.75); }
.side-content { background: url(../images/b-main.png) 50% 0 repeat-y; width: 336px; position: relative; margin: 37px auto; padding: 5px 0; }
.side-content:before { background: url(../images/b-top.png) 50% 0 no-repeat; width: 336px; height: 37px; position: absolute; left: 0; top: -37px; content: ''; }
.side-content:after { background: url(../images/b-bottom.png) 50% 0 no-repeat; width: 336px; height: 37px; position: absolute; left: 0; bottom: -37px; content: ''; }


.war-top { list-style: none; width: 307px; margin: 0 auto 5px; }
.war-top li { background: url(../images/sidebar-row-small.png) 0 0 no-repeat; width: 307px; height: 36px; margin: 0 0 4px; color: #ffffff; font-size: 14px; font-family: 'PT Sans', sans-serif; font-weight: bold; line-height: 35px; }
.war-top li .col { float: left; }
.war-top li .col:first-child { width: 105px; padding-left: 20px; }
.war-top li .col:nth-child(2) { width: 110px; }
.war-top li span { font-weight: normal; color: #ccc7b2; }
.war-top li span small { font-size: 10px; }
.war-top li span:first-child { font-style: italic; }

.screens-block { background: url(../images/screen-bg.png) 50% 0 no-repeat; width: 336px; height: 323px; margin: 0 auto; padding-top: 80px; position: relative; }
.screens { width: 307px; height: 187px; overflow: hidden; margin: 15px auto 0; position: relative; }
.screens .carousel { width: 10000px; font-size: 0px; position: absolute; left: 0; }
.screens .carousel img { display: inline-block; border-left: 2px solid rgba(176, 150, 90, 0.2); border-right: 2px solid rgba(176, 150, 90, 0.2); opacity: 0.7; width: 303px; height: 187px; }
.slide-prev { position: absolute; display: block; background: url(../images/slide-prev.png) 0 0 no-repeat; width: 17px; height: 32px; left: 12px; top: 50%; margin-top: -16px; opacity: 0.55; transition: all 0.5s ease-in-out; }
.slide-next { position: absolute; display: block; background: url(../images/slide-next.png) 0 0 no-repeat; width: 17px; height: 32px; right: 12px; top: 50%; margin-top: -16px; opacity: 0.55; transition: all 0.5s ease-in-out; }
.slide-prev:hover, .slide-next:hover { opacity: 0.9; }

.clear-style { list-style:none; }


.forum { padding-top: 70px; height: 205px; }
.forum .item { width:25%; height:66px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;transition:all 0.5s ease; float: left; position: relative; }
.forum .item:hover { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05); }
.forum .item:after { content: ''; position: absolute; left: -5px; top: -5px; bottom: 0; right: -5px; background-color: rgba(0, 0, 0, 0.4); z-index: -1; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;transition:all 0.3s ease; opacity: 0; visibility: hidden; transform: scale(0); }
.forum .item:hover:after { opacity: 1; visibility: visible; transform: scale(1); }
.forum .item .image { width:61px; height:60px; float:left; overflow:hidden; margin:0 10px 0 0; background: url(../images/avatar-bg.png) 0 0 no-repeat; text-align: center; }
.forum .item .image img { width: 43px; height: 43px; margin-top: 8px; }
.forum .item .title { padding-top:7px; }
.forum .item .title a { color:#c6d0db; font-size:18px; font-family:'PT Sans'; font-weight: bold; text-decoration:underline; }
.forum .item .title a:hover { text-decoration: none; }
.forum .item .info { font-size:13px; color:#5672c0; font-weight:normal; font-family:'PT Sans'; }
.forum .item .info a { font-size:13px; color:#5672c0; font-weight:normal; font-family:'PT Sans'; text-decoration: underline; }
.forum .item .info a:hover { text-decoration: none; }

.footer .container { height: 100%; position: relative; }
.footer .row { position: absolute; left: 0; top: 525px; width: 100%; }
.footer .lcol { width:50%; float:left; }
.footer .copyright { color:#788494; float:left; font-size: 12px; font-family: 'PT Sans', sans-serif; width: 460px; line-height: 12px; }
.footer .copyright a { color:#c6d4db; text-decoration: underline; }
.footer .copyright span { color:#434b59; font-size: 10px; text-transform: uppercase; }
.footer .rcol { float:right; width: 50%; }
.footer .devs { float:right; display:inline-block; vertical-align:middle;  padding:25px 0 0 0; margin:0 0 0 20px; }
.footer .devs a img { opacity:0.4; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
.footer .devs a:hover img { opacity:1; }
.footer .counters { padding-top:25px; float: right; }
.footer .counters a img { display:inline-block; vertical-align:middle; opacity:0.2; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
.footer .counters a:hover img { opacity:1; }


h1 { color:#661618; font-size:48px; font-family:'Candara Bold'; text-align:center; text-shadow:-1px -1px 0px rgba(255,255,255,0.4); margin-bottom:25px; }
h2 { color:#661618; font-family:'Candara Bold'; text-shadow:-1px -1px 0px rgba(255,255,255,0.4); margin-bottom:10px }


table { width:100%; border-collapse:separate; border-spacing: 0px 3px; border: 0; }
table th { padding:0 20px; background:rgba(204, 199, 178, 0.30); color:#ccc7b2; height:37px; font-size:14px; line-height:35px; text-align: left; border: 0; }
table td { padding:0 20px; background:rgba(204, 199, 178, 0.15); color:#ffffff; font-size:14px; font-family:'PT Sans'; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; height: 37px; border: 0; }
table tr:hover td { background:rgba(204, 199, 178, 0.25); }
table td img { margin-left:3px; }


input[type="checkbox"] { display:none; }
input[type="checkbox"] + label span { display:inline-block; width:16px; height:16px; vertical-align:middle; margin-top:-3px; position:relative; margin-right:10px; cursor:pointer; }
input[type="checkbox"] + label span:after { content:''; width:100%; height:100%; padding:1px; position:absolute; left:-3px; top:-3px; border:2px solid #c69771; }
input[type="checkbox"]:checked + label span { background:#661618; }


.inner1 .news { font-size:14px; }
.inner1 .news { background:url(../images/inner-content.png) repeat-y; padding:0 15px; margin:40px 0; position:relative; z-index:1; min-height:100px; height: auto; width: 1210px; float: none; }
.inner1 .news:before { content:''; background:url(../images/inner-content-header.png); width:1240px; height:95px; position:absolute; left:0; top:-15px; z-index:-1; }
.inner1 .news:after { content:''; background:url(../images/inner-content-footer.png); width:1240px; height:95px; position:absolute; left:0; bottom:-15px; z-index:-1; }
.inner1 .news .image { width:317px; display:inline-block; vertical-align:top; margin: 0 15px 0 0; position:relative; float: left; }
.inner1 .news .date { top: 0; }
.inner1 .news .title { display: inline-block; width: 870px; color:#a72e20; font-size:24px; font-family:'Candara Bold'; margin-bottom:7px; line-height:26px; }
.inner1 .news .title a { text-decoration:none; color:#a72e20; }
.inner1 .news .text { display: inline-block; width: 870px; height: auto; }
.inner1 .news .more { display: none; }



#paginator { text-align:center; background: url(../images/pager-bg.png) 50% 0 no-repeat; padding-top: 20px; }
.navigation { text-align:center; font-family: 'PT Sans', sans-serif; font-weight: bold; }
.navigation a, .navigation span { display:inline-block; padding:4px 8px; font-size:18px; }
.navigation a { text-decoration:underline; color:#c6d4db; }
.navigation a:hover, .navigation a.active { font-size: 24px; color: #ffffff; text-decoration: none; }
.navigation span { background:#FFF7E3; color:#661618; }
.navigation a.prev, .navigation a.next { background: url(../images/pager.png) 0 0 no-repeat; width: 104px; height: 28px; font-size: 16px; color: #b0965a; text-align: center; text-decoration: none; font-family: 'PT Sans', sans-serif; line-height: 25px; padding-left: 0; padding-right: 0; }
.navigation a.prev:hover, .navigation a.next:hover { font-family: 'PT Sans', sans-serif; font-weight: bold; color: #ccab60; }

.buttons a {
  display: inline-block;
  background-color: rgba(118, 95, 54, 0.5);
  padding: 2px 5px;
  margin: 0 10px 0 0;
  text-decoration: none;
}
.buttons a:hover {
  background-color: rgba(118, 95, 54, 1);
}