background: linear-gradient(-63deg, #a4a4a5 51%, #a8a8a8 50%);

/*оформление таблицы*/
.forumroletable{
  height: 180px;width: 980px;
  margin:20px 0px 0px 0px;
  text-align:justify;
}

.forumroletabs{
  position:absolute;
  z-index:1;
}

.tabs label{
  position:absolute;
  z-index:11!important;
  opacity:1!important;
  color:#aaaaaa;
  -webkit-transition:.5s;
  transition:.5s;-ms-transition:.5s;
  -o-transition:.5s;
  -moz-transition:.5s;}

.tabs [type=radio]{display:none;
}
.tabs1{
  width:900px;
  height:200px;
  margin: 50px 0px 0px 50px;
  position:absolute;
  z-index:0;opacity:0;
  -webkit-transition:.5s;
  transition:.5s;
  -ms-transition:.5s;
  -o-transition:.5s;
  -moz-transition:.5s;
  }

[type=radio]:checked~label{
color:#82bf8d;
}
[type=radio]:checked~label~.tabs1{
  opacity:1;
position:absolute;
z-index:10;
}

.tabsname{
  font: 15px Comfortaa;
  line-height:20px;
  width:195px;
  margin-left: 255px;
  margin-top:35px;
  position:absolute;
  z-index:1;
  border-bottom: 1px solid #eee !important;
  }

.tabsname h2{
  font:bold 10px Montserrat;
  line-height:15px;
  margin-left: 0px;
  text-transform:uppercase;
color:#aaaaaa;
position:relative;
z-index:1;
}

.tabsname1{
position:absolute;
  height:2px;
  width:10px;
  background-color:#82bf8d;
  opacity:0;transform:scale(0.5);
  -webkit-transform:scale(0.5);
  -moz-transform:scale(0.5);
  border-radius:0%;
  margin: 10px -15px;
  -webkit-transition:.3s;
  transition:.3s;
  -ms-transition:.3s;-o-transition:.3s;-moz-transition:.3s;
  }

.tabsname:hover .tabsname1{
opacity:.55;
transform:scale(1.2);
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
}

/*Приветствие*/
.word{
  font:bold 45px Roboto;
  font-weight:900!important;
  letter-spacing:-3px;
  font-style:italic;
  text-transform:lowercase;
  padding:30px 0px 10px 0px;
  line-height:40px;
  color:#dea02c;
}

.welcome2{
  margin:0px 50px 10px 520px;
  background-color:#e3e3e3;
  font:bold 10px Roboto;
  letter-spacing:1px;
  line-height:10px;
  padding:15px;
  }

.welcome3{
  color:#dea02c;
font:bold 25px Roboto;
font-weight:900!important;
text-transform:uppercase;
letter-spacing:-1.5px;
}
.welcome3 a{
  font:bold 25px Roboto;
font-weight:900!important;
color:#444444 !important;
}

/*Приветствие картинки*/
.welcome4{
margin-top:8px;
}
.welcome4 div{
  float:left;
  height:23px;
  width:65px;
  margin-right:10px;
  border:solid 4px #e3e3e3;}

.welcome41{
  transform:scale(1);
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -moz-transform:scale(0.5);
  -webkit-transition:.2s;
  transition:.2s;
  -ms-transition:.2s;
  -o-transition:.2s;
  -moz-transition:.2s;}

.welcome4 div img{
  height:23px;
  width:65px;
  filter: grayscale(100%) brightness(1) !important;
  }
  .welcome4 div img:hover{
  height:23px;
  width:65px;
  filter: grayscale(0%) brightness(1) !important;
  }
 
.welcome41:hover{
  transform:scale(1.2);
  -webkit-transform:scale(1.2);
  -moz-transform:scale(1.2);
}

.event{
margin:10px 10px 0px 10px;
float:left;
border: 2px solid #d1d1d1;
background-color:#f7f7f7;
width:200px;
height:80px;
}

.event img{
height:80px;
width:200px;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
}
.updates{
font-size: 9px;
font-family: comfortaa;
text-transform: uppercase;
    font-weight: bold;
line-height:35px;
color:#82bf8d;
}

.updates1 div{
height:1px;
width:40px;
margin:5px 12px 5px 0px;
background-color:#e3e3e3;
float:left;}

.updates2{
font-family: Montserrat;
font-size: 11px;
width:520px;
line-height:15px;
height:80px;
overflow:auto;
padding-right:10px;
margin:0px 0px 0px 0px;
}
.updates2 a{
font: bold 12px Roboto;
line-height:15px;}

.faction h1{
font:35px Roboto;
font-weight:900!important;
letter-spacing:-2.5px;
line-height:30px;
text-transform:
lowercase;
font-style:italic;
position:relative;
}
.faction h2{font:bold 12px Roboto;
line-height:10px;
padding-bottom:17px
;margin-left:-3px;
padding-top:2px;}
.faction h2 b{color:#aaaaaa;
padding:0px 3px;
}
.auction{float:right;width:525px;height:160px;margin:40px;margin-left:0px;}
.auction table{height:100%;}
.auction1{font:15px Roboto;font-weight:900!important;line-height:10px;padding-bottom:10px;padding-left:7px;}
.auction2{padding:10px;background-image:url(https://image.ibb.co/dMFuMc/flower.png);background-repeat:no-repeat;background-position:right bottom;}
.cred{float:right;line-height:30px;margin:133px 40px 0px 20px;}
.cred1{font:40px Roboto;line-height:35px;font-weight:900!important;font-style:italic;color:#dea02c;padding:35px 0px 15px 40px;}
.cred2{font:12px Roboto;padding-left:40px;line-height:17px;letter-spacing:.3px;}

/*администрация*/
.rolestaff{
padding:25px;
letter-spacing:.5px;
}
.rolestaff1{
height:34px;
width:34px;
padding:5px;
background-color:rgb(130, 191, 141);
float:left;
}
.rolestaff1 img{
height:30px;
width:30px;
padding:2px;
background-color:#f9f9f9;
filter:grayscale(100%);
-webki-filter:grayscale(100%)
-moz-filter:grayscale(100%);
}
.rolestaff h1{
border-bottom: solid 1px #82bf8d;
font-weight: bold;
font-size: 10px;
font-family: comfortaa;
text-transform: uppercase;
line-height:20px;
color:#82bf8d;
padding:10px 0px 2px 62px;
}
.rolestaff h2{
background-color:#82bf8d;
font:bold 9px Roboto;
line-height: 5px;
padding: 1px 0px 5px 17px;
float:left;
width:100px;
}
.rolestaff h3{
background-color:#f5f5f5;
font:bold 9px Roboto;
line-height:10px;
padding:10px 10px 10px 0px;
margin-bottom:5px;
text-align:right;
}

.persons {position: absolute;
text-align: center;
margin-left:460px;
width: 400px}

.persons img {
transition: all .3s ease-in-out 0s;
border-radius: 0%;
filter: grayscale(100%);
border: 2px solid #e3e3e3;
width:65px;
height:23px;
margin: 0 5px}

.persons img:hover {filter: grayscale(0) brightness(1);
transform: scale(1.1);
}

.bestgame {
width: 800px;
height: 120px;
border-top: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
overflow: hidden;
position: absolute;
margin-left: 40px;
top: 30px}

inf {
position: absolute;
    font-family: Comfortaa;
    font-size: 12px;
    color: #444444;
    font-weight: bold;
    text-align: center;
    top: 130px;
    margin-left: 560px !important;
    width: 200px;
    text-transform: lowercase;
    display: block;
    line-height: 15px;
}

.title-textblock {
position: absolute;
top: 10px;
width: 355px;
height: 100px;
background: rgba(243, 243, 243, 0.77);
color: #393939;
}

.title-textblock span {
display: block;
font-weight: bold;
font-size: 10px;
font-family: comfortaa;
text-transform: uppercase;
margin-bottom: 2px
}

.title-textblock text {
text-align: justify;
display: block;
padding: 2px;
overflow-y: auto;
font-family: Montserrat;
font-size: 11px;
height: 85px
}

.title-textblock dat {
    background-color: #82bf8d !important;
font-family: roboto;
    color: #fafafa;
    padding: 1px 4px;
    border-radius: 2px;
}
/*ññûëêè*/
.nav {
z-index: 99;
position: relative;
top: 160px;
width:900px;
margin-left: 25px!important;
}

.nav li {
  float: left; /*1*/
}

.nav > li a {
  display: block; /*1*/
  padding: 10px 20px; /*2*/
  text-decoration: none; /*3*/
color: #cbcbcb !important; /*4*/
font-family: roboto;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    font-weight: bold;
  border-bottom: 1px solid #eee !important;
  transition: all ease .5s!important;
}

.nav:hover > li a {
  opacity: .5;
  transition: all ease .8s!important;
}

.nav > li:hover a {
  opacity: 1;
  color: #82bf8d !important;
  border-color: #82bf8d  !important;
}