html, body{
    position: absolute;
    background: #f4f4f4;
    color: #000;
    font-family: Verdana, sans-serif;
    font-weight: normal;
    font-size: 12px!important;
    line-height: 1.1;
    width: 100%;
    height: 100%;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    margin: 0;
    min-width: 900px;
}
@keyframes snow {
 0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
::-webkit-scrollbar { width: 5px; height: 3px;}
::-webkit-scrollbar-button { background-color: #dee5ef; }
::-webkit-scrollbar-track { background-color: #999;}
::-webkit-scrollbar-track-piece { background-color: #dee5ef;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #6c99ca; border-radius: 3px;}
::-webkit-scrollbar-corner { background-color: #999;}
::-webkit-resizer { background-color: #666;}

@font-face {
			font-family: "card";
			src: url("../fonts/TroikaRegular/TroikaRegular.eot");
			src: url("../fonts/TroikaRegular/TroikaRegular.eot?#iefix")format("embedded-opentype"),
			url("../fonts/TroikaRegular/TroikaRegular.woff") format("woff"),
			url("../fonts/TroikaRegular/TroikaRegular.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
}
a{
	color: #0064bd;
}
a:hover{
	color: #478cac;
}
.payment {
    position: relative;
    width: 500px;
    top: 80%;
    left: 35%;
    font-family: card;
    font-size: 45px;
    color: #797575;
}
.Footer{
  height: 100px;
  background: #ededed;
  float: left;
  width: 100%;
  border-top: 1px solid #d7d5d5;
  margin-top: 50px;
}
.Footer > .Wrap > .Right{
  float: right;
width: 720px;
margin-top: 30px;
text-align: center;
line-height: 20px;
color: #505050;
}
.Footer > .Wrap > .Left > .Logo{
  width: 70px;
height: 60px;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
background-image: url(/img/logo.png);
-webkit-filter: grayscale(80%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
display: inline-block;
}
.Footer > .Wrap{
  width: 900px;
margin: 0 auto;
}
.Footer > .Wrap > .Left{
  float: left;
  text-align: center;
  margin-top: 8px;
}
.Footer > .Wrap > .Left > .Text{
  font-family: card;
font-size: 20px;
color: #575757;
}
.InfoBlock{
  padding: 10px;
border-left: 2px solid #a1662b;
color: #494949;
line-height: 15px;
}
.NameBlock{
  font-size: 20px;
  font-family: card;
  color: #919191;
  margin-bottom: 10px;
}
.Content{
      width: 100%;
}
.Content > .Wrap{
  width: 900px;
  margin: 0 auto;
  padding: 10px;
}
.Content > .Wrap > .Registration > .Inputs{
	width: 58%;
	display: inline-block;
	text-align: center;
	margin-left: 20%;
}
.Content > .Wrap > .Registration > .Inputs > form > .Step{
	margin: 15px 0px 15px 0px;
}
.Content > .Wrap > .Registration > .Big{
	width: 70% !important;
}
.Content > .Wrap > .Registration > .Inputs > form > .Step > textarea{
	width: 100%;
    padding: 10px;
    border-radius: 3px;
    border: 1px solid #b9b9b9;
    background: #fbfbfb;
    min-height: 200px;
    font-family: sans-serif;
}
.Content > .Wrap > .Registration > .Inputs > form > .Step > label{
	padding: 5px;
    display: block;
    text-align: left;
    font-family: card;
    font-size: 15px;
    color: #505050;
}
.Content > .Wrap > .Registration > .Inputs > form > .Step > input{
    width: 100%;
    padding: 10px;
    border-radius: 3px;
    border: 1px solid #b9b9b9;
    background: #fbfbfb;
}
.Content > .Wrap > .Registration > .Inputs > form > .Step > .Sub{
	font-size: 11px;
    text-align: center;
    margin-top: 5px;
    color: #6f6f6f;
}
.Content > .Wrap > .Registration > .Avatar{
	display: inline-block;
	width: 30%;
	vertical-align: top;
	margin-left: 5%;
}
.Content > .Wrap > .Registration > .Avatar > .AvatarConstruct{
    width: 325px;
    height: 650px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.Content > .Wrap > .Registration > .Inputs > form > .Step > .Head{
	margin-top: 20px;
	font-size: 11px;
	color: #787878;
}
.Content > .Wrap > .Registration > .Inputs > .Thx{
  padding: 20px;
    font-family: card;
    font-size: 20px;
    margin-top: 20px;
    color: #868686;
}
.Content > .Wrap > .Registration > .Inputs > form > .Step > .Gender > .Arrow{
  cursor: pointer;
    font-size: 20px;
    vertical-align: middle;
}
.Content > .Wrap > .Registration > .Inputs > form > .Step > .Gender > span{
  margin: 0px 10px;
  vertical-align: middle;
  font-family: card;
  font-size: 20px;
  color: #6c6c6c;
  display: inline-block;
}
.Content > .Wrap > .Registration > .Inputs > form > .GoReg{
  padding: 10px;
  width: 200px;
  background: #6c99ca;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  cursor: pointer;
}
.Content > .Wrap > .Registration > .Inputs > form > .GoReg:hover{
  opacity: .9;
}
.Content > .Wrap > .Rules{
  line-height: 20px;
    color: #676767;
}
.Content > .Wrap > .Rules > .Info, .Content > .Wrap > .Registration > .Info{
  padding: 20px;
  margin: 10px 0px;
  color: #aa5019;
  border-left: 3px solid;
}
.Content > .Wrap > .Nav{
      padding: 5px;
}
.Content > .Wrap > .Nav > a{
  text-decoration: none;
  color: #5788b3;
  padding-bottom: 3px;
}
.Content > .Wrap > .Nav > i{
  display: inline-block;
  margin: 0px 5px;
  color: #747474;
}
.Content > .Wrap > .Nav > span{
  color: #929292;
      display: inline-block;
}
.Content > .Wrap > .Other{
  float: right;
  width: 38%;
  margin-left: 2%;
}
.Content > .Wrap > .Other > .Block:before{
  /* content: url('/img/arts/snorl.png'); */
  position: absolute;
  top: -80px;
  right: -68px;
}
.Content > .Wrap > .Other > .Block{
  margin: 20px 0px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 1px 1px 1px #e6dfdf;
  position: relative;
}
.Content > .Wrap > .Other > .Block > .Name{
  padding: 10px;
  color: #969696;
  font-weight: bold;
}
.Content > .Wrap > .Other > .Block > .Cnt > .Fight{
  background: #a66161;
}
.Content > .Wrap > .Other > .Block > .Cnt > .Fight > .TrenBlock{
    border: 5px solid #985454;
}
.Content > .Wrap > .Other > .Block > .Cnt > .Fight > .Icon{
  background: #a66161;
}
.Content > .Wrap > .Other > .Block > .Cnt > .Dex{
    background: #61a68d;
}
.Content > .Wrap > .Other > .Block > .Cnt > .Dex > .Icon{
  background: #61a68d;
}
.Content > .Wrap > .Other > .Block > .Cnt > .Dex > .TrenBlock{
    border: 5px solid #538d78;
}
.Content > .Wrap > .Other > .Block > .Cnt > .Clan{
    background: #6173a6;
}
.Content > .Wrap > .Other > .Block > .Cnt > .Clan > .Icon{
  background: #6173a6;
}
.Content > .Wrap > .Other > .Block > .Cnt > .Clan > .TrenBlock{
    border: 5px solid #4e5c83;
}
.Content > .Wrap > .Other > .Block > .Cnt > .Rating{
  padding: 10px;
  border-radius: 3px;
  margin: 5px 0px;
  position: relative;
}
.Content > .Wrap > .Other > .Block > .Cnt > .Rating > .Icon{
  position: absolute;
  top: 0px;
  right: -24px;
  padding: 13px;
  /* font-size: 16px; */
  color: #fff;
  border-radius: 0px 100px 100px 0px;
  z-index: 1;
}
.Content > .Wrap > .Other > .Block > .Cnt > .Rating > .TrenBlock{
  padding: 5px;
  background: #fbfbfb;
  border-radius: 100px;
}
.Content > .Wrap > .Other > .Block > .Cnt{
      padding: 5px;
}
.Content > .Wrap > .Other > .Block > .Cnt > .Rating > .Text{
  color: #e6e6e6;
  padding: 5px;
}
.Content > .Wrap > .Other > .Block > .Cnt > .Drazdo{
  margin: 5px 0px;
position: relative;
padding: 5px;
}
.Content > .Wrap > .Other > .Block > .Cnt > .Drazdo > .Prize{
  position: absolute;
  font-family: card;
  font-size: 17px;
  top: 8px;
  right: 5px;
  color: #616161;
  counter-reset: subsection;
  width: 120px;
  text-align: right;
  border-left: 1px solid #cac6c6;
}
.Content > .Wrap > .Other > .Block > .Cnt > .Drazdo > .Prize > span{
  display: block;
    font-size: 13px;
}
.Content > .Wrap > .Other > .Block > .Cnt > .sob{
  text-decoration: none;
  margin: 5px 0px;
  display: block;
  overflow: auto;
  padding: 10px;
  border-radius: 100px;
  background-color: #f1f1f1;
  box-shadow: 1px 1px 1px #e0dede;
  background-size: 35px;
  background-position: 10px center;
  background-repeat: no-repeat;
}
.Content > .Wrap > .Other > .Block > .Cnt > .sob:hover{
  background-color: #eae9e9;
}
.Content > .Wrap > .Other > .Block > .Cnt > .sob > .Text{
  width: 250px;
margin-left: 50px;
}
.Content > .Wrap > .Other > .Block > .Cnt > .sob > .Text > div{
  margin-bottom: 5px;
  color: #5d5d5d;
}
.Content > .Wrap > .Other > .Block > .Cnt > .sob > .Text > span{
  font-size: 11px;
  color: #969696;
}
.trn{
  background-image: url(https://icon-icons.com/icons2/548/PNG/512/1455554751_line-89_icon-icons.com_53371.png);
}
.hell{
  background-image: url(/img/index/events/hell.png);
}
.konk{
  background-image: url(/img/index/events/konk.png);
}
.ng{
  background-image: url(/img/index/events/ng.png);
}
.twitch{
  background-image: url(/img/index/events/twitch.png);
}
.event{
  background-image: url(/img/index/events/event.png);
}
.Content > .Wrap > .News{
  float: left;
    width: 60%;
}
.Content > .Wrap > .News > .Buttons > a{
  padding: 10px;
width: 100px;
background: #6c99ca;
text-align: center;
text-decoration: none;
border-radius: 3px;
color: #fff;
}
.Content > .Wrap > .News > .Buttons > a:hover{
  opacity: .9;
}
.Content > .Wrap > .News > .Buttons > .Left{
  float: left;
}
.Content > .Wrap > .News > .Buttons > .Right{
  float: right;
}
.Content > .Wrap > .News > .New{
  background: #fff;
  margin: 20px 0px;
  box-shadow: 1px 1px 1px #e6dfdf;
  border-radius: 3px;
}
.Content > .Wrap > .News > .New > .User{
    padding-left: 30px;
}
.Content > .Wrap > .News > .New > .User > .Avatar{
  display: inline-block;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  margin-top: -8px;
  border: 5px solid #fff;
  vertical-align: top;
}
.Content > .Wrap > .News > .New > .User > .Text{
  display: inline-block;
    margin-top: 4px;
}
.Content > .Wrap > .News > .New > .User > .Text > .Date{
  font-size: 10px;
color: #828282;
margin-top: 2px;
}
.Content > .Wrap > .News > .New > .Text > .FixAtk {
  overflow: auto;
padding: 5px;
border-radius: 3px;
background: #f5f5f5;
margin: 5px 0px;
}
.Content > .Wrap > .News > .New > .Text > .FixAtk > .Move{
  width: 180px;
      background: #fbfbfb;
      border-radius: 3px;
      border: 1px solid #e4e4e4;
      height: 40px;
      cursor: default;
      margin: 1px 0px;
      float: left;
}
.Content > .Wrap > .News > .New > .Text > .FixAtk > .Move > img{
  float: left;
      width: 34px;
      height: 34px;
      margin-top: 2.5px;
      margin-left: 2px;
      border-radius: 3px;
}
.Content > .Wrap > .News > .New > .Text > .FixAtk > .Move > .MoveInfo{
  float: left;
  height: 45px;
  width: 135px;
  text-align: left;
}
.Content > .Wrap > .News > .New > .Text > .FixAtk > .Move > .MoveInfo > .Name{
  width: 100%;
  height: 25px;
  margin-top: 5px;
  margin-left: 4px;
  text-align: left;
  color: #797979;
}
.Content > .Wrap > .News > .New > .Text > .FixAtk > .Move:hover{
  background: #ebeff0;
}
.Content > .Wrap > .News > .New > .Text > .FixAtk > span{
  float: left;
width: 60%;
margin-left: 10px;
margin-top: 5px;
color: #6d8d23;
}
.MoveCategory1{
	color: #a64646 !important;
}
.MoveCategory2{
	color: #5995b9 !important;
}
.MoveCategory3{
	color: #b062b4 !important;
}
.Content > .Wrap > .News > .New > .Text{
  margin-top: 5px;
  padding: 10px;
  text-align: justify;
  color: #777;
  line-height: 16px;
  overflow: auto;
}
.Content > .Wrap > .News > .New > .Text > .More{
  float: right;
  padding: 5px;
  background: #6c99ca;
  text-decoration: none;
  color: #fff;
  border-radius: 3px;
  margin-top: 5px;
}
.Content > .Wrap > .News > .New > .Text > .More:hover{
  opacity: .9;
}
.Content > .Wrap > .News > .New > .Text > img{
  float: right;
margin: 5px;
}
.TopMenu{
  position: relative;
  height: 41%;
  top: -1px;
  background-image: url(/header.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
  background-color: #f1f1f1;
  filter: grayscale(15%);
}
.TopMenu > .snow{
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(/img/snow/1.png), url(/img/snow/2.png), url(/img/snow/3.png);
  -webkit-animation: snow 20s linear infinite;
  -moz-animation: snow 20s linear infinite;
  -ms-animation: snow 20s linear infinite;
  animation: snow 20s linear infinite;

}
.TopMenu > .InfoProject{
  margin: 55px auto 0px auto;
  width: 900px;
  text-align: center;
}
.TopMenu > .InfoProject > .Logo{
  width: 80px;
height: 80px;
background-image: url(/img/logo.png);
background-size: 100%;
background-repeat: no-repeat;
margin: 0 auto;
background-position: center;
opacity: .7;
}
.TopMenu > .InfoProject > .Name{
  font-size: 50px;
  font-family: card;
  color: #d7d7d7;
}
.TopMenu > .InfoProject > .About{
  color: #c2c2c2;
  padding-left: 50px;
  margin-top: -12px;
  font-size: 13px;
}
.TopMenu > .Stats{
  width: 900px;
margin: 0 auto;
padding-top: 25px;
}
.TopMenu > .Stats > .Soc{
  float: right;
padding: 5px;
background: #202020;
opacity: .8;
border-radius: 100px;
}
.TopMenu > .Stats > .Soc > a{
  font-size: 20px;
  margin: 0px 10px;
  text-decoration: none;
}
.TopMenu > .Stats > .Soc > a:hover{
  opacity: .9;
}
.TopMenu > .Stats > .Soc > .vk{
  color: #78a2d8;
}
.TopMenu > .Stats > .Soc > .youtube{
    color: #b04949;
}
.TopMenu > .Stats > .Soc > .twitch{color: #7d5acf;}
.TopMenu > .Stats > .Online{
  float: left;
  padding: 5px;
  background: #202020;
  opacity: .8;
  border-radius: 100px;
}
.TopMenu > .Stats > .Online > div{
  color: #ffffff;
  font-family: card;
  font-size: 20px;
  margin: 0px 10px;
  display: inline-block;
}
.TopMenu > .Stats > .Online > div > span{
  display: inline-block;
margin-left: 5px;
vertical-align: middle;
font-size: 12px;
}
.TopMenu > .Menu{
  position: absolute;
  width: 100%;
}
.TopMenu > .Menu > .Wrap{
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.TopMenu > .Menu > .Wrap > a{
  margin: 0px 10px;
  /* padding: 5px; */
  font-size: 14px;
  color: #f1f1f1;
  text-decoration: none;
  /* border-bottom: 3px solid #ac7e7e; */
  font-family: card;
}
.TopMenu > .Menu > .Wrap > a:hover{
  color: #e0dfdf;
}
.Auth{
  position: relative;
  width: 100%;
  background: #ececec;
  height: 62px;
  top: -1px;
}
.Auth > .AuthNow{
  text-align: center;
    padding: 22px;
    color: #8f8282;
}
.Auth > .Wrap{
  width: 900px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  padding: 15px 10px 10px 10px;
}
.Auth > .Wrap > .AuthError{
  font-size: 11px;
margin-top: -8px;
margin-bottom: 5px;
color: #965858;
}
.Auth > .Wrap > form > input{
  padding: 8px;
border-radius: 3px;
border: 1px solid #dfdddd;
}
.Auth > .Wrap > form > button{
  padding: 7px;
    border-radius: 3px;
    background: #69a562;
    color: #fff;
    cursor: pointer;
    border: none;
}
.Auth > .Wrap > form > button:hover{
  opacity: .9;
}
.Auth > .Wrap > form > a{
  padding: 7px;
border-radius: 3px;
background: #a59a62;
color: #fff;
cursor: pointer;
border: none;
text-decoration: none;
}
.Auth > .Wrap > form > a:hover{
  opacity: .9;
}
.Auth > .Wrap > .User{
  display: inline-block;
}
.Auth > .Wrap > .Buttons{
  display: inline-block;
margin-left: 20px;
padding-left: 10px;
border-left: 1px solid #d0cece;
}
.Auth > .Wrap > .Buttons > a{
  padding: 10px;
  color: #999999;
  text-decoration: none;
  display: inline-flex;
  margin: 0px 5px;
}
.Auth > .Wrap > .Buttons > a:hover{
    color: #4e82a2;
}
.TrenBlock > .Text{
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
.TrenBlock > .Text > span{
  display: block;
      margin-top: 5px;
      font-size: 11px;
      color: #737373;
}
.TrenBlock > .Avatar{
  width: 35px;
  height: 35px;
  background-size: 100%;
  background-repeat: no-repeat;
  border-radius: 100%;
  border: 1px solid #e2dfdf;
  vertical-align: middle;
  display: inline-block;
}
.u-100{
  color: #be6d25; /* Strannik */
	display: inline-block;
}
.u-1{
	color: #2f7c10; /* Admin */
	display: inline-block;
}
.u-2{
	color: #972626; /* Police */
	display: inline-block;
}
.u-3{
	color: #2563be; /* Moder */
	display: inline-block;
}
.u-4{
	color: #8624d3; /* Nastavnik */
	display: inline-block;
}
.u-5{
    color: #b6a21e; /* GYM */
    display: inline-block;
}
.u-6{
	color: #6b6b6b; /* User */
	display: inline-block;
}
.u-7{
	color: #c48585; /* Zackluch */
	display: inline-block;
}
.u-8{
	color: #c48585; /* Zabanen */
	display: inline-block;
}
.leagueClan {
    margin: 20px 0px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 1px 1px 1px #e6dfdf;
    position: relative;
    text-align: center;
    height: 207px;
}

.diamond {
    width: 35px;
    height: 35px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 65%;
    border: 1px solid #d9d6d6;
    vertical-align: middle;
    display: inline-block;
    margin: 6%;
    margin-right: 7%;
}

.gold {
    width: 35px;
    height: 35px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 65%;
    border: 1px solid #d9d6d6;
    vertical-align: middle;
    display: inline-block;
    margin: 6%;
    margin-right: 7%;
}

.silver {
    width: 35px;
    height: 35px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 65%;
    border: 1px solid #d9d6d6;
    vertical-align: middle;
    display: inline-block;
    margin: 6%;
    margin-right: 7%;
}

.bronze {
    width: 35px;
    height: 35px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 65%;
    border: 1px solid #d9d6d6;
    vertical-align: middle;
    display: inline-block;
    margin: 6%;
    margin-right: 7%;
}

span#toponel {
    position: relative;
    background: #ffffff;
    color: #4d4d4d;
    padding: 4px;
    bottom: 12px;
    font-family: card;
    font-size: 20px;
    border-radius: 8px;
    border: 1px solid #e9e4e4;
}

span#diamond {
    color: #399ba6;
    border-top: 2px solid #399ba6;
    border-bottom: 2px solid #399ba6;
    border-radius: 14%;
    margin: 5px;
}

span#gold {
    color: #bdba42;
    border-top: 2px solid #bdba42;
    border-bottom: 2px solid #bdba42;
    border-radius: 14%;
    margin: 5px;
}

span#silver {
    color: #989898;
    border-top: 2px solid #989898;
    border-bottom: 2px solid #989898;
    border-radius: 14%;
    margin: 5px;
}

span#bronze {
    color: #cb8a44;
    border-top: 2px solid #cb8a44;
    border-bottom: 2px solid #cb8a44;
    border-radius: 14%;
    margin: 5px;
}

.leagueName {
    font-family: card;
    font-size: 20px;
    margin: 5px;
}

div#a1 {
    width: 35px;
    height: 35px;
    background-size: contain;
    background-repeat: no-repeat;
}

div#a2 {
    width: 35px;
    height: 35px;
    background-size: contain;
    background-repeat: no-repeat;
}

div#a3 {
    width: 35px;
    height: 35px;
    background-size: contain;
    background-repeat: no-repeat;
}

div#a4 {
    width: 35px;
    height: 35px;
    background-size: contain;
    background-repeat: no-repeat;
}

div.a1 {
    color: #cb8a44;
    font-family: card;
    font-size: 14px;
    position: relative;
    top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.a2 {
    color: #989898;
    font-family: card;
    font-size: 14px;
    position: relative;
    top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.a3 {
    color: #bfbc4b;
    font-family: card;
    font-size: 14px;
    position: relative;
    top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.a4 {
    color: #429fa9;
    font-family: card;
    font-size: 14px;
    position: relative;
    top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

span#info {
    line-height: 0;
    font-family: monospace;
    font-size: 12px;
    position: relative;
    padding: 9px;
    color: #aa5019;
    border-left: 3px solid;
    top: 38px;
}


/* hell */

.Hell-News > .Name {
  width: 500px;
height: 120px;
background-image: url(/img/hl/hl.png);
margin: 0 auto;
}
.Hell-News > .Sub {
  font-size: 20px;
    margin: 15px 0px 2px 0px;
    font-family: card;
    color: #9e704a;
}
.Hell-News > .ImageRight {
  float: right;
width: 100px;
border-radius: 100%;
margin-left: 5px;
}