* { margin:0; padding:0; }

/*@font-face { font-family:'Candara Bold'; src:url(../fonts/Candarab.woff) format('woff'); font-weight:normal; font-style:normal; }
@font-face { font-family:'PT Sans'; src:url(../fonts/PTSans.woff) format('woff'); font-weight:normal; font-style:normal; }
@font-face { font-family:'PT Sans Bold'; src:url(../fonts/PTSansbold.woff) format('woff'); font-weight:normal; font-style:normal; }*/

body { font-family: 'PT Sans'; color:#23383f; font-size:13px; min-width:1240px; max-width:1920px; }

h1,h2,h3,h4,h5,h6,b,strong { font-family:'PT Sans Bold'; font-weight:normal; }

.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:#661618; }
a:hover { text-decoration:none; }
div.header { background: url(../images/header.jpg) no-repeat center top; height:1100px; margin-bottom:0px; }
.inner div.header { background:url(../images/header-inner.jpg) no-repeat  center top; height:620px; }

.content { background:url(../images/content.jpg) no-repeat center; height:1100px; margin:-2px 0; }
.inner .content { background:url(../images/content-inner.jpg) no-repeat top center, url(../images/content-repeat.jpg) repeat-y center; height:auto; min-height:460px; margin:-1px 0 0; padding:0px 0 50px;}
.start { background:url(../images/start.jpg) no-repeat center; height:800px; }
.footer { background:url(../images/footer.jpg) no-repeat center; height:300px; margin-top:-1px; }
.inner .footer { background-image: url(../images/footer-inner.jpg); height: 290px; }

.top-bar { background:url(../images/top-bar.png) no-repeat center top; height:50px; opacity:0.30; z-index:1; 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; text-align: left; }
.top-bar:hover { opacity:1 !important; }
/*.top-bar .container { max-width:none; }*/
.top-bar .item { float:right; margin-right:20px; font-size:14px; color:#c4aa90; font-family:'PT Sans', sans-serif; margin-top:12px; display: inline-block; }
.top-bar .input-f { background:url(../images/input-f.png); width:184px; height:23px; border:none; outline:none; padding:0 10px; margin-left:5px; }
.top-bar .button1 { background:url(../images/button.png); width:109px; height:24px; font-size:16px; color:#fee6ab; line-height:24px; text-align:center; font-weight:700; font-family:Candara; text-decoration:none; display:inline-block; margin-right:5px; }
.top-bar .button { background: url(../images/button.png) 0 0 no-repeat; color: #ffcfa5; display: inline-block; font-size: 16px; font-weight: 700; height: 26px; line-height: 24px; margin-right: 5px; text-align: center; text-decoration: none; width: 140px; font-family: 'PT Sans', sans-serif; text-shadow: 1px 1px 0px rgba(0,0,0,0.5); }
.top-bar .reg { display:inline-block; color:#ffcfa5; font-size: 14px; font-family: 'PT Sans', sans-serif; font-weight:400; }
.top-bar .reg a { color:#ffcfa5; }
.top-bar .button:hover { -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); transform:scale(1.07); }
.top-bar .item.btns { margin-right: 115px; }
.top-bar .item.languages { float:left;  font-size:12px; margin-right:10px; opacity: 0.7; }
.top-bar .item.languages a { color:#fff; text-decoration:none; vertical-align:middle; text-shadow: 1px 1px 0px rgba(0,0,0,0.75); display:inline-block ;padding:3px 20px 3px 35px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; }
.top-bar .item.languages .ru { background:rgba(254,254,254,0) url(../images/ru.png) no-repeat 15px 4px; }
.top-bar .item.languages .ru.active { background:rgba(254,254,254,0.2) url(../images/ru.png) no-repeat 15px 4px; }
.top-bar .item.languages .ru:hover { background:rgba(254,254,254,0.3) url(../images/ru.png) no-repeat 15px 4px; }
.top-bar .item.languages .en { background:rgba(254,254,254,0) url(../images/en.png)no-repeat 15px 4px; }
.top-bar .item.languages .en.active { background:rgba(254,254,254,0.2) url(../images/en.png) no-repeat 15px 4px; }
.top-bar .item.languages .en:hover { background:rgba(254,254,254,0.3) url(../images/en.png) no-repeat 15px 4px; }

/*.logo { background:url(../images/logo.png) 0 0 no-repeat; width:480px; height:330px; position:absolute; top:0px; right:0px; }*/
.logo { background:url(../images/logo.jpg) 0 0 no-repeat; width:480px; height:330px; position:absolute; top:0px; right:0px; }
.inner .logo { background: none; right: auto; left: 480px; width: 280px;  }

/*
.servers { position:absolute; top:400px; left:10px;  text-align:center;text-shadow:1px 2px 1px #000000; }
.servers .servers-mheight {  }
.servers .server { background:url(../images/serv-back.png) no-repeat; width:550px;  padding:14px 0 5px; height:43px; font-size:48px; font-family:'Candara Bold'; color:#ffc994; text-align:center;  margin:15px 0 5px; position:relative; }
.servers .server.last:after { background:url(../images/serv-back.png) no-repeat; width:550px;  height:43px; content:''; position:absolute; bottom:-60px; left:0; }
.servers .name { display:inline-block; width:210px; text-align:right; }
.servers .name a {color:#ffc994; text-decoration:none; }
.servers .on { display:inline-block; background:url(../images/on.png); width:89px; height:90px; vertical-align:middle; }
.servers .off { display:inline-block; background:url(../images/off.png); width:89px; height:90px;vertical-align:middle; }
.servers .online { display:inline-block; color:#fff; width:220px; text-align:left; }
.servers .total { color:#94d3ff; font-size:22px; text-align:center; width:520px; margin-top:-80px; line-height:28px; position:relative; }
.servers .total span { font-size:36px; color:#ffffff; font-family:'Candara Bold'; }

*/

.servers { position:absolute; top:289px; right: 45px; text-align:center; text-shadow: 1px 1px 0px rgba(0,0,0,0.75); }
.inner .servers { top: 20px; }
/*.servers .server { background:url(../images/serv-back-small.png) no-repeat; width:328px;  padding:12px 0 3px; height:22px; font-size:33px; font-family:'Candara Bold'; color:#ffc994; text-align:center;  margin:15px 0 5px; position:relative; }
.servers .server.last:after { background: url(../images/serv-back-small.png) no-repeat; width:328px;  height:30px; content:''; position:absolute; bottom:-43px; left:0;}*/
.servers .server {
  background: url("../images/serv-back.png") no-repeat 0 0;
  color: #ffc994;
  font-size: 40px;
  height: 25px;
  margin: 20px 0 5px;
  padding: 25px 0 0px;
  position: relative;
  text-align: center;
  width: 430px;
  font-family:'Candara Bold';
  line-height: 25px;
}
.servers .server.last::after {
  background: url("../images/serv-back.png") no-repeat 0 0;
  bottom: -60px;
  content: "";
  height: 43px;
  left: 0;
  position: absolute;
  width: 430px;
}
.servers .name { display:inline-block; text-align:right; }
.servers .name a {color:#ffc994; text-decoration:none; }
.servers .on { display:inline-block; background:url(../images/on.png); width:60px; height:60px; vertical-align:middle; background-size:100% 100%; }
.servers .off { display:inline-block; background:url(../images/off.png); width:60px; height:60px;vertical-align:middle; background-size:100% 100%; }
.servers .online { display:inline-block; color:#fff; width:50px; text-align:left; }
.servers .total { color:#ffc994; font-size:18px; text-align:center; width:420px; left:0px; margin-top:50px; line-height:25px; position:relative; font-family: 'PT Sans', sans-serif; font-weight: 700; }
.servers .total span { font-size:28px; color:#ffffff; font-family:'Candara Bold'; }
.servers .download { margin-left:-148px; margin-bottom:-100px; }

.servers-small { position:absolute; top:0px; right:0px;  text-align:center;text-shadow:1px 2px 1px #000000; }
.servers-small .server { background:url(../images/serv-back-small.png) no-repeat; width:328px;  padding:12px 0 3px; height:22px; font-size:33px; font-family:'Candara Bold'; color:#ffc994; text-align:center;  margin:15px 0 5px; position:relative; }
.servers-small .server.last:after { background: url(../images/serv-back-small.png) no-repeat; width:328px;  height:30px; content:''; position:absolute; bottom:-43px; left:0;}
.servers-small .name { display:inline-block; text-align:right; }
.servers-small .name a {color:#ffc994; text-decoration:none; }
.servers-small .on { display:inline-block; background:url(../images/on.png); width:60px; height:60px; vertical-align:middle; background-size:100% 100%; }
.servers-small .off { display:inline-block; background:url(../images/off.png); width:60px; height:60px;vertical-align:middle; background-size:100% 100%; }
.servers-small .online { display:inline-block; color:#fff; width:50px; text-align:left; }
.servers-small .total { color:#94d3ff; font-size:15px; text-align:center; width:328px; margin-top:40px; line-height:18px; position:relative; }
.servers-small .total span { font-size:25px; color:#ffffff; font-family:'Candara Bold'; }

.block {
  left: 0px;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 760px;
}
.inner .block {
  top: 448px;
}

#page-content {
  padding-top: 5px;
}

.download {
  background: rgba(0, 0, 0, 0) url("../images/download.png") repeat scroll 0 0;
  display: block;
  height: 69px;
  text-align: center;
  text-decoration: none;
  width: 299px;
  font-size: 28px;
  color: #e0f3f4;
  font-family: "Candara Bold";
  padding-top: 44px;
  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;
}
.download:hover { -webkit-filter:brightness(1.5); -moz-filter:brightness(1.5); -o-filter:brightness(1.5); filter:brightness(1.5); }
/*.download { background: url(../images/download.png); width:650px; height:318px; display:block; margin-left:-60px; margin-top:-50px; }
.download a:after { background: url(../images/download2.png); width:374px; height:144px; content:''; position: absolute; top:-10px; left:-19px; opacity:0; visibility:hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;transition: all 0.3s ease; }
.download a:hover:after { opacity:1; visibility:visible; }
.download a { width:340px; height:120px; display:block; margin:0 auto; position:relative; top:100px; }

.download-small { background:url(../images/download-small.png); width:353px; height:184px; position:absolute; left:18px; top:152px; z-index:1; cursor:pointer; }
.download-small a { display:block; width:234px; height:70px; position:absolute; top:60px; left:54px; }
.download-small a:after { content:''; background:url(../images/download-small2.png); position:absolute; left:-10px; top:-13px; width:254px; height:96px; opacity:0; visibility:hidden; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
.download-small a:hover:after { opacity:1; visibility:visible; }*/


.nav { height:85px; width:100%; position:absolute; top:698px; }
.nav ul { list-style:none; text-align:center; width:100%; }
.nav ul li { display:inline-block; background:url(../images/line.png) no-repeat left center; }
.nav ul li:first-child { background:none; }
.nav ul li a { cursor:pointer; color:#ffc994; font-size:24px; font-family:'Candara Bold'; text-decoration:none; padding:0 32px; display:block; height:85px; line-height:85px; background-position:bottom; position:relative; z-index:1; }
/*.nav ul li .down { background:url(../images/down.png) no-repeat center; width:69px; text-indent:-9999px; z-index:2; opacity:0.7; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none; }
.nav ul li .down:hover { opacity:1; }
.nav.actives ul li .down { background:url(../images/up2.png) no-repeat center; }
.nav ul li a:not(.down):after { content:''; background:url(../images/nav-active.png) bottom repeat-x; height:100%; width:100%; position:absolute; left:2px; top:0; z-index:-1; opacity:0; visibility:hidden; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }*/
.nav ul li a::after {
  background: rgba(102, 82, 50, 0.3) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 102%;
  z-index: -2;
}
.nav ul li a:hover:after { opacity:1; visibility:visible; }
.nav ul li a:hover { color:#fff; }


.fixed-nav { width:100%; position:fixed; top:-115px; left:0; background:url(../images/fixed-navi.png) 50% -14px no-repeat; height:99px; z-index:990; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
.fixed-nav.active { top:0px; }
.fixed-nav.active-bottom { top:auto; bottom:-14px; }
/*.fixed-nav.active-bottom:after { content:''; background:url(../images/nav-line-top.png) no-repeat; height:12px; width:100%; position:absolute; left:0; top:-9px; }*/
.fixed-nav ul { list-style:none; text-align:center; width:100%; }
.fixed-nav ul li { display:inline-block; background:url(../images/line.png) no-repeat left center; }
.fixed-nav ul li:first-child { background:none; }
.fixed-nav ul li a {  cursor:pointer; color:#ffc994; font-size:24px; font-family:'Candara Bold'; text-decoration:none; padding:0 32px; display:block; height:85px; line-height:85px; background-position:bottom; position:relative; z-index:1; }
/*.fixed-nav ul li .down { background:url(../images/down.png) no-repeat center; width:69px; text-indent:-9999px; z-index:2; opacity:0.7; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none; }
.fixed-nav ul li .down:hover { opacity:1; }
.fixed-nav.active .down { background:url(../images/up2.png) no-repeat center; }
.fixed-nav ul li a:not(.down):after { content:''; background:url(../images/nav-active.png) bottom repeat-x; height:100%; width:100%; position:absolute; left:2px; top:0; z-index:-1; opacity:0; visibility:hidden; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }*/
.fixed-nav ul li a::after {
  background: rgba(102, 82, 50, 0.3) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 102%;
  z-index: -2;
}
.fixed-nav ul li a:hover:after { opacity:1; visibility:visible; }
.fixed-nav ul li a:hover { color:#fff; }

.inner .nav { top:387px; }
/*.inner .nav li a { padding:0 32px 0 33px; }*/

.maintitle { font-family:'Candara Bold'; color:#a72e20; font-size:60px; text-align:center; margin:0px 0 5px; line-height: 60px;  }
.maincontent { width:710px; float:left; padding-top:20px; }
.sideblock { width:440px; float:right; padding-top:40px; }


.news { background:url(../images/news.png); width:346px; height:428px; float:left; position:relative; margin-bottom:14px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
.news:nth-child(even) { margin-right:14px; }
.news .date {
    position: absolute;
    font-family: 'Candara Bold';
    font-size: 30px;
    line-height: 25px;
    color: #23383f;
    top: 14px;
    left: 14px;
    background: url(../images/news-date.png) 0 0 no-repeat;
    min-width: 75px;
    min-height: 70px;
    z-index: 99;
}
.news .date span { font-size:14px; vertical-align:top; position:relative; top:-2px; left:2px;}
.news .image { width:317px; height:147px; margin:14px auto; }
.news .title, .news .text { width:285px; margin:0 auto; }
.news .title, .news .title a { color:#a72e20; font-size:24px; font-family:'Candara Bold'; margin-bottom:5px; text-decoration:none; }
.home .news .text { font-size:13px; line-height:16px; height: 190px; overflow: hidden; }
.news .more { background:url(../images/more.png); width:48px; height:44px; position:absolute; bottom:13px; right:14px; opacity:0.7; }
.news .more:hover { opacity:1; }
.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); }


.show-more { background:url(../images/show-more-news.png); width:700px; height:70px; line-height:70px; text-align:center; text-decoration:none; display:none; margin-left:-1px; font-family:'Candara Bold'; color:#553d25; font-size:24px; }
.show-more.active { display:block; }
.show-more.big { width:1240px; background:url(../images/show-more-news-big.png); }
.show-more span { position:relative; }
.show-more span:after { content:'';border-bottom:1px dotted #553d25; width:100%; position:absolute; left:0; bottom:1px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
.show-more:hover { opacity:0.5 !important; }
.ico-arrow { background:url(../images/ico-arrow.png); width:20px; height:20px; display:inline-block; vertical-align:middle; opacity:0.5; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; margin-left:5px; }

.side-title { font-size:36px; font-family:'Candara Bold'; text-align:center; margin-bottom:5px; } 
.side-title.green { color:#5f6b26; }
.side-title.blue { color:#334a6b; }
.side-title.brown { color: #8a7756; }
.tshadow { text-shadow: -1px -1px 0px rgba(232, 213, 170, 0.75); }
.side-content { margin-bottom:40px; }

.forum { }
.forum .item { background:url(../images/forum-item.png); width:440px; height:66px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;transition:all 0.3s ease; }
.forum .item:hover { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05); }
.forum .item .image { width:64px; height:52px; float:left; -webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; border-radius:15px; overflow:hidden; margin:7px 10px 0 7px; }
.forum .item .title { padding-top:13px; }
.forum .item .title a { color:#5f6b26; font-size:18px; font-family:'Candara Bold'; text-decoration:none; }
.forum .item .info { font-size:12px; color:#4d4032; font-weight:normal; font-family:'PT Sans'; }
.forum .item .info a { font-size:12px; color:#4d4032; font-weight:normal; font-family:'PT Sans'; text-decoration: none; }
.forum .item .info b { padding-left:10px; }

.play { background:url(../images/play.png); width:450px; height:280px; margin:0 auto 10px; display:block; position:relative; left:-10px; }
.play:after { content:''; background:url(../images/play.png); width:450px; height:280px; position:absolute; left:0; top:0; opacity:0; visibility:hidden; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;  -webkit-filter:brightness(1.2); -moz-filter:brightness(1.2); -o-filter:brightness(1.2); filter:brightness(1.2); }
.play:hover:after { opacity:1; visibility:visible; }

.video { text-align:center; padding-bottom:25px; font-size:14px; margin-bottom:0px; color: #2d1a05; }


.share { padding-top: 635px; float: right; padding-right: 50px;   }
.share .title { color:#725940; font-size:24px; font-family:'PT Sans Bold'; text-align:center; margin-bottom:10px; }
.share .list-share { list-style:none; text-align:center; }
.share .list-share li { display:inline-block; vertical-align:middle; background:url(../images/frame-sety.png); width:74px; height:74px; padding:7px 0 0 7px; margin:0 2px; text-align:left;}
.share .list-share li a { width:69px; height:69px; overflow:hidden; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; border-radius:100%; }
.share .list-share li a img { -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
.share .list-share li a:hover img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); }


.how-to-start { width:669px; float:left; padding-top:85px; }
.how-to-start .maintitle { color:#f3ffe2; text-shadow:1px 1px 0px rgba(0,0,0,0.75); }


.steps { color:#fff; font-size:14px; line-height:14px; font-family: 'PT Sans', sans-serif; }
.steps a { color:#ffc600; }
.steps .step { cursor:pointer; margin-bottom:30px; position:relative; z-index:1; }
.steps .step .image { float:left; width:84px; margin-right:5px; }
.steps .step .info { float:left; width:555px; margin-top:5px; }
.steps .step .pre-title { font-size:18px; font-family:'Candara Bold'; line-height:18px; }
.steps .step .title { font-size:32px; color:#ffc600; font-family:'Candara Bold'; text-shadow:1px 1px 0px rgba(0,0,0,0.75); line-height:26px; margin-bottom:4px; }
.steps .step .title span { position:relative; z-index:1; }
.steps .step .title span:after { content:''; position:absolute; bottom:5px; left:0; width:100%; border-bottom:1px dotted #f4d63c; z-index:-1; opacity:0.5; }
.steps .step .short-desc { color:#ddd4c0; text-shadow:1px 1px 0px rgba(0,0,0,0.75); }
.steps .step .full-desc { display:none; margin-top:25px;  min-height:164px; text-shadow:1px 1px 0px rgba(0,0,0,0.75); }
.steps .step.active .short-desc { display: none; }
.steps .step.active .full-desc { display:block; }
.steps .step .full-desc a { font-family: 'PT Sans Bold', sans-serif; }
.steps .step.active .ico-step-arrow { background-position:bottom; }
.steps .step.active .image { opacity:0.6; }
.steps .step.active:after, .steps .step.active:before { display:block; }
.steps .step.active {  background: url(../images/step-back.png) repeat-y; padding:0 10px; width:669px; left:0px;}
.steps .step.active:before { background:url(../images/step-top.png) top; width:667px; height:15px; content:''; top:-15px; left:1px; position:absolute; }
.steps .step.active:after { background:url(../images/bottom-step.png) bottom; width:667px; height:15px; content:''; bottom:-15px; left:0px; position:absolute; }


.ico-step-arrow { background:url(../images/step-arrows.png); width:20px; height:20px; display:inline-block; vertical-align:middle; opacity:0.5; margin-left:7px; }
.clear-style { list-style:none; }

.footer .container { padding-top:50px; }
.inner .footer .container { padding-top: 40px; }
.footer .lcol { width:545px; float:left; }
.footer .copy { background: url(../images/copy-bottom.png) 50% bottom no-repeat; padding: 15px 29px 40px; width: 545px; position: relative; left: -29px; }
.inner .footer .copy { padding-top: 0; }
.footer .copyright { color:#948678; float:left; font-size: 13px; }
.footer .copyright a { color:#dbd1c6; }
.footer .copyright span { color:#504841; }
.footer .devs { float:right; }
.footer .devs .item { display:inline-block; vertical-align:middle;  padding:0; height:auto; margin:0 0 0 10px; 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 .item:hover { opacity:1; }
.footer .devs .unsimple { display:inline-block; margin:0px 0px 0 17px; }
.footer .counters { padding-top:48px; margin-top:-30px; }
.footer .counters .item { display:inline-block; vertical-align:middle; opacity:0.3; -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 .item:hover { opacity:1; }
.footer .up { background:url(../images/up.png); width:61px; height:60px; cursor:pointer; position:absolute; left:50%; margin-left:-30px; top:170px; opacity:0.3; -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.3 !important; }
.footer .up:hover { opacity:1 !important; }
.footer .rcol { float:right; width: 550px; }
.footer .col { width:175px; float:left; margin-left:5px; color:#948678; font-size:14px; }
.footer .col .title { font-family:'Candara Bold'; font-size:24px; text-shadow:1px 1px 0px rgba(0,0,0,0.75); margin-bottom:10px; color: #8a4732; }
.footer .col a { color:#dbd1c6; }
.footer .col li { margin-bottom:10px; }


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 }

.inner-content { background:url(../images/inner-content.png) repeat-y; padding:0 45px; margin:55px 0; position:relative; z-index:1; min-height:100px; }
.inner-content:before { content:''; background:url(../images/inner-content-header.png); width:1240px; height:95px; position:absolute; left:0; top:-35px; z-index:-1; }
.inner-content:after { content:''; background:url(../images/inner-content-footer.png); width:1240px; height:95px; position:absolute; left:0; bottom:-35px; z-index:-1; }
.important { font-size:18px; }


table { width:100%; border-collapse:collapse; }
table#l2top th, table.l2stat th, table#l2castle th, table#l2 th, table#l2char th { padding:0 30px; background:#c0a67e; color:#2d1a05; height:49px; font-size:14px; line-height:49px; text-shadow:-1px -1px 0px rgba(255,255,255,0.4); border-right:1px solid #fff; border-bottom:1px solid #fff; }
table#l2top td, table.l2stat td, table#l2castle td, table#l2 td, table#l2char td { padding:6px 30px; background:#e4d4b8; color:#2d1a05; font-size:18px; font-family:'PT Sans Bold'; border-right:1px solid #fff; border-bottom:1px solid #fff; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
table#l2top tr:hover td, table.l2stat tr:hover td, table#l2castle tr:hover td, table#l2 tr:hover td { background:#F6ECD7 !important; }
table td img { margin-left:3px; }
.server-name { display:inline-block; color:#661618; line-height:12px; margin:0px 0 0 10px; position:relative; top:-17px; }
.server-name span { font-size:30px; }

.register-content { background:url(../images/register-content.png); width:1170px; height:435px; padding:35px 0 0 45px; }

.input { width:390px; padding:0 10px; height:35px; outline:none; border:2px solid #c69771; color:#2d1a05; font-size:18px; font-family:'PT Sans Bold'; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;E78331 }
.input:focus { border-color:#E78331; }
.reg-btn { display:block; text-decoration:none; text-shadow:1px 1px 0px rgba(0,0,0,0.7); background:url(../images/reg-btn.png); width:213px; height:68px; line-height:64px; text-align:center; color:#ffb85c; font-size:30px; font-family:'PT Sans Bold'; outline:none; border:none; cursor:pointer; }
.reg-btn:hover { background:url(../images/reg-btn-active.png); }

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; }

.ref-code { color:#661618; font-size:18px; font-family:'PT Sans Bold'; position:relative;  display:inline-block; }
.ref-code span { position:relative; cursor:pointer; }
.ref-code span:after { content:''; width:100%; position:absolute; bottom:0; left:0; border-bottom:1px dotted #661618; }

.reg-form { }
.reg-form .heading { font-size:18px; font-family:'PT Sans Bold'; margin-bottom:3px; }
.reg-form .item { margin-bottom:21px; }
.reg-form label { font-size:14px; }
.reg-form label a { font-family:'PT Sans Bold'; }


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


.icons { float:right; }
.icons > * { display:inline-block; margin-left:3px; vertical-align:middle; }

.lader td { padding:12px 30px; font-family:'PT Sans'; }
.lader tr:nth-child(even) td { background:#ede0c6; }
.lader .num { display:inline-block; width:30px; }
.lader a { color:#661618; font-family:'PT Sans Bold'; }
.lader .green { font-family:'PT Sans Bold'; color:#496700; }
.lader .red { font-family:'PT Sans Bold'; color:#ff0000; }

.variations { padding:0 20px; margin-bottom:15px; }
.variations a { color:#2d1a05; font-family:'Candara Bold'; font-size:30px; text-decoration:none; float:left; width:33.33%; }
.variations a span { position:relative; z-index:1; }
.variations a span:after { content:''; width:100%; border-bottom:1px dotted #2d1a05; position:absolute; left:0; bottom:0; z-index:-1; }	
.variations a span:hover:after { display:none; }
.variations a:nth-child(2) { text-align:center; }
.variations a:nth-child(3) { text-align:right; }

h3 { font-size:18px; }

.donate-content { background:url(../images/donate-content.png); height:435px; padding:35px 500px 0 45px; }

.help { background:url(../images/donate-inner-bg.png); width:713px; height:117px; margin:15px 0; }
.help .item { width:33.33%; float:left; height:100%; position:relative; text-decoration:none; font-size:18px; font-family:'PT Sans Bold';  }
.help .item .ico { width:75px; height:75px; position:absolute; top:21px; left:18px; background:url(../images/ico-help.png); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
.help .item:hover .ico { -webkit-filter:brightness(1.5); -moz-filter:brightness(1.5); -o-filter:brightness(1.5); filter:brightness(1.5); }
.help .item.video-guide .ico { background-position:center; }
.help .item.support .ico { background-position:bottom; }
.help .item span { width:105px; position:absolute; left:103px; top:22px; }

.bonus-content { background:url(../images/bonus-content.png); height:555px; padding:35px 500px 0 45px; }

.banner { display:inline-block; padding:1px; }
.banner img { vertical-align:bottom; }

.bonus-content h2 { color:#661618; font-size:24px; }

.inner-form { min-height:20px; margin:45px 0; position:relative; background:url(../images/inner-form-repeat.png); width:673px; padding:0 20px; z-index:1; }
.inner-form:before { content:''; background:url(../images/inner-form-heading.png); height:25px; width:713px; position:absolute; left:0; top:-25px; }
.inner-form:after { content:''; background:url(../images/inner-form-footer.png) bottom; height:25px; width:713px; position:absolute; left:0; bottom:-25px; }


.vote-info.top { margin-bottom:20px; }
.vote-info { width:280px; float:left; font-size:18px; }
.vote-info:nth-child(2n) { float:right; }
.vote-info .image { float:left; margin-right:10px; }
.vote-info .vote-desc { float:left; width:195px; }
.vote-info .vote-desc b { color:#65503b; }
.vote-info .vote-desc b span { color:#2d1a05; }

.overlay { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:998; opacity:0; visibility:hidden; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease; }
.overlay.active { opacity:1; visibility:visible; }
.popup { width:853px; height:480px; position:fixed; top:50%; left:50%; margin:-240px 0 0 -426px; z-index:999; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); transform:scale(0); opacity:0; visibility:hidden; }
.popup.active { opacity:1; visibility:visible; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1); }

#paginator { text-align:center; margin-bottom:10px; }
.navigation { text-align:center; }
.navigation a, .navigation span { display:inline-block; padding:4px 8px; font-size:16px; }
.navigation a { background:#efe8d8; text-decoration:none; color:#2d1a05; opacity:0.7; }
.navigation a:hover { opacity:1; }
.navigation span { background:#FFF7E3; color:#661618; }
@media (max-width: 1239px) {
  .nav ul li a, .fixed-nav ul li a { padding:0 13px; }
	
	.maincontent { width:630px; }
	.sideblock { width:355px; margin-right:5px; }
	.news { width:306px; height:378px; background-size:100% 100%; }
	.news .image { width:277px; height:147px;  }
	.news .image img { width:100%; height:100%; }
	.news .title, .news .text { width:275px;}
	.news .text { height:130px; overflow:hidden; }
	.forum .item { background-size:100% 100%; width:355px; }
	.play { width:355px; height:225px; background-size:100% 100%; margin-right:-8px; }
	.play:after { width:355px; height:225px; background-size:100% 100%; }
	.footer .col { width:165px; font-size:13px;  }
	.inner .nav li a { padding:0 20px; }
	.inner .fixed-nav li a { padding:0 10px; }
	
	.inner-content { background:url(../images/inner-content.png) repeat-y; padding:0 45px; background-size:100% 100%; width:910px; margin:55px 0; position:relative; z-index:1; min-height:100px; }
	.inner-content:before { content:''; background:url(../images/inner-content-header.png); width:1000px; height:95px; background-size:100% 100%; position:absolute; left:0; top:-35px; z-index:-1; }
	.inner-content:after { content:''; background:url(../images/inner-content-footer.png); width:1000px; height:95px; background-size:100% 100%; position:absolute; left:0; bottom:-35px; z-index:-1; }
}
.shop_block {
	width: 900px;
	margin: 0 auto;
	height: 500px;
}
.img_shop {
	float: left;
	margin: 10px;
}
.info_block {
	float: left;
	width: 500px;
	font-weight: 800;
}
.name_block {
	margin-top: 20px;
	background: #e4d4b8;
	border-radius: 20px;
	width: 300px;
	height: 36px;
	padding-top: 10px;
	color: #F44336;
	font-size: 18px;
}
.income2 {
    margin-top: 20px;
    background: #85e085;
    width: 200px;
    height: 20px;
    color: #000000;
    font-size: 14px;
}
.income {
    margin-top: 20px;
    background: #9E9E9E;
    border-radius: 20px;
    width: 300px;
    height: 36px;
    padding-top: 10px;
    color: #000000;
    font-size: 18px;
}
.value {
    margin-top: 20px;
    background: #ffc994;
    border-radius: 20px;
    width: 300px;
    height: 36px;
    padding-top: 10px;
    color: #000000;
    font-size: 18px;
}
.path-dot {
	position: absolute;
	z-index: 1;
	width: 4px;
	height: 4px;
	font: 0px;
	background-color: #dca3a3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: inline;
}

.mover {
	position: absolute;
	z-index: 5;
	width: 60px;
	height: 60px;
	/*background-color: #4f4faf;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;*/
	background:url("/img/434.gif");
	background-size: 100%;
}
.path-dot2 {
	position: absolute;
	z-index: 6;
	width: 30px;
	height: 30px;
	font: 0px;
	background:url("/img/zz.png");
	background-size: 100%;
	display: inline;
}

.path-dot3 {
	position: absolute;
	z-index: 6;
	width: 20px;
	height: 20px;
	font: 0px;
	background:url("/img/zz.png");
	background-size: 100%;
	display: inline;
}

.boom{
	position: absolute;
	z-index: 5;
	width: 120px;
	height: 120px;
	background-size: 100%!important;
}

.b1{
	background: url("/img/boom/1.png");
}

.b2{
	background: url("/img/boom/2.png");
}

.b3{
	background: url("/img/boom/3.png");
}

.b4{
	background: url("/img/boom/4.png");
}

.b5{
	background: url("/img/boom/5.png");
}

.b6{
	background: url("/img/boom/6.png");
}
#good {border-color: #489E12;}
#error {border-color: #EC5E0B;}
.alert{color: #650202;margin: 5px 0;padding: 8px 35px 8px 14px;text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);background-color: #F5CE9D;border: 2px solid #3Aa73D;border-radius: 2px;}
input.mybut{
adding: 3px 20px;
/* height: 40px; */
background: #8d6342;
box-sizing: border-box;
border-radius: 5px;
border: 0px;
color: #231812;
font-weight: bold;
/* text-transform: uppercase; */
font-size: 18px;
font-family: cuprum_regular;
outline: none;
cursor: pointer;
padding:5px 10px;
}
input.mybut:hover {
background: #613E23;
color: rgb(255, 156, 67);
}