* { margin:0; padding:0; }

/*font-family: 'Russo One', sans-serif;*/

body { font-family: 'Roboto', sans-serif; color:#fffede; font-size:14px; line-height: 18px; min-width:1240px; background-color: #050505; }

h1,h2,h3,h4,h5,h6,b,strong { }
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; }

.header { background: url(../images/bg_01.jpg) no-repeat center top; height:992px; margin-bottom:0px; }
.main { background:url(../images/bg_02.jpg) no-repeat center; height:1258px;  }


.top-bar { text-align: left; position: relative; height: 365px; padding-top: 65px; }

.language { position: absolute; top: 60px; left: 15px; }
.language a { display: block; background-position: 50% 50%; background-repeat: no-repeat; height: 50px; width: 50px; transition: all 0.3s ease-in-out; }
.language a.ru { background-image: url(../images/ru.png); }
.language a.en { background-image: url(../images/vk3.png); }

.buy-coin { position: absolute; left: 114px; top: 73px; width: 165px; text-align: center; }
.buy-coin a { color: #fff; font-size: 18px; text-decoration: none; font-weight: bold;  }
.buy-coin a:hover {color: #f4ffad;}

.logo { display: block; width:240px; height:165px; margin: 0 auto; -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); }


.header .block {
  width: 100%;
  text-align: center;
  position: relative;
  padding-top: 40px;
  height: 70px;
}
.start {
  display: inline-block;
  text-decoration: none;
  font-size: 32px;
  line-height: 1;
  color: #fffede;
  text-transform: uppercase;
  font-family: "Russo One", sans-serif;
  -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 { color: #f4ffad; }

.block-text {
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  color: #503d32;
  font-weight: 600;
}
.block-text a {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  color: #503d32;
}


.nav { padding-top: 15px; height:65px; width:100%; position:relative; }
.nav ul { list-style:none; text-align:left; font-size: 0px; padding-left: 255px; }
.nav ul li { display:inline-block; background:url(../images/razd.png) no-repeat right center; padding: 12px 6px; }
.nav ul li:last-child, .nav ul li.last { background:none; }
.nav ul li a { cursor:pointer; color:#f4ffad; font-size:18px; font-weight: bold; text-decoration:none; padding: 5px 15px; display:inline-block; line-height:1; position:relative; text-shadow: 0px 0px 5px rgba(0,0,0,0.75); z-index:1; border-radius: 5px; }
.nav ul li a.active, .nav ul li a:hover { color: #fff; }


.servers {
  text-align: center;
  font-size: 0px;
  padding-top: 64px;
  height: 230px;
}
.servers .server {
  width: 141px;
  height: 141px;
  color: rgba(157,197,56,0.80);
  display: inline-block;
  position: relative;
  margin: 0 30px;
  border-radius: 100%;
}
.servers .server canvas {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.servers .server .progress-radial {
  position:absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size:36px;
  text-align:center;
}
.servers .server .rate {
  color: #fffede;
  font-size: 36px;
  font-family: 'Russo One', sans-serif;
  z-index:1;
  line-height: 1;
  width:100%;
  text-align: center;
  margin-top: 40px;
}
.servers .server .tiptip {
  width: 100%;
  text-align: center;
  font-size: 12px;
  font-family: 'Roboto', sans-serif;
  color: #fffede;
  font-weight: normal;
  text-transform: uppercase;
}
.servers .server .tiptip span {
  font-weight: bold;
}


.forum { padding-top: 40px; }
.forum .item { width:25%; -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; z-index: 1; }
.forum .item:after { content: ''; position: absolute; left: 0px; 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); }
.forum .item:hover:after { opacity: 1; visibility: visible; transform: scale(1); }
.forum .item .image { width:120px; height:125px; float:left; overflow:hidden; margin:0; background: url(../images/avatar-bg.png) 50% 0 no-repeat; text-align: center; }
.forum .item .image img { width: 85px; height: 85px; margin-top: 20px; margin-left: 4px; border-radius: 50%; }
.forum .item .title { padding-top:30px; }
.forum .item .title a { color:#fffede; font-size:16px; font-family:'Russo One'; text-decoration:none; }
.forum .item .title a:hover { color: #f4ffad; }
.forum .item .info { font-size:12px; color:#959481; font-weight:normal; }
.forum .item .info a { font-size:14px; color:#ff876b; font-weight:bold; text-decoration: underline; }
.forum .item .info a:hover { text-decoration: none; }


.content { padding-top: 25px; height: 615px; overflow: hidden; }

.news { width:520px; padding: 0 50px; float:left; position:relative; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
.news .image { width:520px; height:225px; }
.news .image img { width: 100%; height: 100%; }
.news .title, .news .title a { line-height: 1.1; color:#d77e69; font-size:24px; font-family:'Russo One'; text-decoration:none; }
.news .date {  font-size:14px; line-height:1.1; color:#959481; text-align: left; margin-bottom: 15px; }
.news .text { padding-top: 15px; }
.news .more { text-align: center; background:url(../images/more.png); width:216px; height:41px; color: #b0965a; display: inline-block; }
.news .more a { color: #ffffff; font-size: 16px; line-height: 40px; font-family: 'Russo One', sans-serif; text-decoration: underline; }
.news .more a:hover { text-decoration: none; }
.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); }


.navigation { position: relative; width: 100%; height: 60px; }
.navigation a { display:inline-block; background-color: rgba(0,0,0,0.20); border: 1px solid rgba(221,211,171,0.20); text-decoration: none; color: rgba(221,211,171,0.50); font-family: 'Russo One', sans-serif; position: absolute; top: 15px; line-height: 38px; padding: 0 10px; text-transform: uppercase; font-size: 18px; }
.navigation a:hover { color: rgba(221,211,171,1); text-decoration: none; }
.navigation a.prev { left: 0; }
.navigation a.next { right: 0; }

.before-footer { height: 455px; }

.promo { text-align: center; margin-bottom: 50px; }
.promo a { color: #282525; font-size: 18px; font-family: 'Russo One', sans-serif; display: inline-block; padding-top: 65px; opacity: 0.8; height: 20px; line-height: 1; }

.about-block { height: 185px; text-align: center; color: #282828; font-size: 14px; font-weight: bold; width: 440px; margin: 0 auto; }
.about-block h3 { line-height: 1; color: #791700; font-size: 30px; font-family: 'Russo One', sans-serif; font-weight: normal; margin-bottom: 15px; }

.before-footer .block { text-align: center; padding-top: 30px; }

.footer { overflow: hidden; }
.footer .row { position: relative; }
.footer .row:after { clear: both; content: ''; display: table; }
.footer .col { width:33.3333%; float:left; }

.footer .copyright { color:#fffede; font-size: 12px; line-height: 1; width: 310px; }
.footer .copyright a { color:#fffede; text-decoration: none; font-weight: bold; }
.footer .copyright p { color:#b0ab89; font-size: 10px; padding-top: 15px; }

.footer .devs { text-align: center; padding-top: 30px; }

.footer .counters { padding-top:35px; text-align: right; }
.footer .counters a img { display:inline-block; margin: 0 3px; vertical-align:middle; opacity:0.7; -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; }
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; }
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; }
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; }