table.yiiLog {
    display: none !important;
}

* {
    margin: 0px;
    padding: 0px;
    outline: none;
}

body {
    font-family: calibri;
    background: #080300;
    color: #ffeedb;
    font-size: 12px;
}

a {
    -webkit-transition:all 0.3s ease; 
    -o-transition:all 0.3s ease; 
    -moz-transition:all 0.3s ease; 
    transition:all 0.3s ease;
    text-decoration: none;
    cursor: pointer;
    color: #ffeedb;
}


input, select {
    border: none;
    outline: none;
    padding: 0px;
    font-family: calibri;
    color: #fbf9f3;
    font-size: 14px;
}

::-webkit-input-placeholder { 
    color:#fbf9f3; 
    -webkit-transition:all 0.3s ease; 
    -moz-transition:all 0.3s ease; 
    -o-transition:all 0.3s ease; 
    transition:all 0.3s ease; 
}
:-moz-placeholder { 
    color:#fbf9f3; 
    -webkit-transition:all 0.3s ease; 
    -moz-transition:all 0.3s ease; 
    -o-transition:all 0.3s ease; 
    transition:all 0.3s ease; 
}
::-moz-placeholder { 
    color:#fbf9f3;  
    -webkit-transition:all 0.3s ease; 
    -moz-transition:all 0.3s ease; 
    -o-transition:all 0.3s ease; 
    transition:all 0.3s ease; 
}
:-ms-input-placeholder { 
    color:#fbf9f3; 
    -webkit-transition:all 0.3s ease; 
    -moz-transition:all 0.3s ease; 
    -o-transition:all 0.3s ease; 
    transition:all 0.3s ease; 
}

input:focus::-webkit-input-placeholder { 
    -webkit-transform:scale(0.9); 
    -moz-transform:scale(0.9); 
    -o-transform:scale(0.9); 
    transform:scale(0.9); 
    opacity:0; 
}
input:focus:-moz-placeholder { 
    -webkit-transform:scale(0.9); 
    -moz-transform:scale(0.9); 
    -o-transform:scale(0.9);
    transform:scale(0.9); 
    opacity:0; 
}
input:focus::-moz-placeholder { 
    -webkit-transform:scale(0.9); 
    -moz-transform:scale(0.9); 
    -o-transform:scale(0.9); 
    transform:scale(0.9); 
    opacity:0; 
}
input:focus:-ms-input-placeholder { 
    -webkit-transform:scale(0.9); 
    -moz-transform:scale(0.9); 
    -o-transform:scale(0.9); 
    transform:scale(0.9); 
    opacity:0;
}

@font-face {
    font-family: calibri;
    src: url("../css/fonts/calibri.eot");
    src: url("../css/fonts/calibri.eot?#iefix") format("embedded-opentype"),
    url("../css/fonts/calibri.woff2") format("woff2"),
    url("../css/fonts/calibri.woff") format("woff"),
    url("../css/fonts/calibri.ttf") format("truetype"),
    url("../css/fonts/calibri.svg#calibri") format("svg");
}

@font-face {
    font-family: calibrib;
    src: url("../css/fonts/calibrib.eot");
    src: url("../css/fonts/calibrib.eot?#iefix") format("embedded-opentype"),
    url("../css/fonts/calibrib.woff2") format("woff2"),
    url("../css/fonts/calibrib.woff") format("woff"),
    url("../css/fonts/calibrib.ttf") format("truetype"),
    url("../css/fonts/calibrib.svg#calibrib") format("svg");
}

@font-face {
    font-family: calibril;
    src: url(../css/fonts/calibril.ttf);
}

b, th, strong, h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-family: calibrib;
	font-size: 16px;
}

@font-face {
    font-family: PTSansNarrow;
    src: url(../css/fonts/PTSansNarrow.ttf);
}

@font-face {
    font-family: PTSansNarrowBold;
    src: url(../css/fonts/PTSansNarrowBold.ttf);
}

@font-face {
    font-family: PTSansRegular;
    src: url(../css/fonts/PTSansRegular.ttf);
}


@font-face {
    font-family: PalatinoLinotype;
    src: url(../css/fonts/PalatinoLinotype.ttf);
}


@font-face {
    font-family: PalatinoLinotypeBold;
    src: url(../css/fonts/PalatinoLinotypeBold.ttf);
}
@font-face {
    font-family: Philosopher-Regular;
    src: url(../css/fonts/Philosopher-Regular.ttf);
}
/*=========================================================================*/
/*=========================================================================*/
/*=========================================================================*/
#general {
    position: relative;
    display: block;
    width: 100%;
    max-width: 2560px;
    min-width: 1200px;
    height: 2400px;
    margin: 0 auto;
    background: url(../images/bg1.jpg) no-repeat center top 0px,
                url(../images/bg2.jpg) no-repeat center top 600px,
                url(../images/bg3.jpg) no-repeat center top 1200px,
                url(../images/bg4.jpg) no-repeat center top 1800px;
    overflow: hidden;
}

#general .wrapper {
    position: relative;
    display: block;
    width: 1200px;
    height: 2400px;
    margin: 0 auto;
}

#general .wrapper .inner {
    position: relative;
    display: block;
    width: 1200px;
    margin: 0 auto;
}
/*=========================================================================*/
/*=========================================================================*/
/*=========================================================================*/
.animation-1 {
    position: absolute;
    display: block;
    width: 33px;
    height: 33px;
    top: 317px;
    left: 176px;
    background: url(../images/gif-1.gif) no-repeat;
}

.animation-2 {
    position: absolute;
    display: block;
    width: 33px;
    height: 33px;
    top: 325px;
    left: 220px;
    background: url(../images/gif-2.gif) no-repeat;
}

.animation-3 {
    position: absolute;
    display: block;
    width: 140px;
    height: 190px;
    top: 741px;
    left: -36px;
    background: url(../images/gif-3.gif) no-repeat;
}

.animation-4 {
    position: absolute;
    display: block;
    width: 140px;
    height: 190px;
    top: 741px;
    right: -39px;
    background: url(../images/gif-4.gif) no-repeat;
}

.animation-5 {
    position: absolute;
    display: block;
    width: 100px;
    height: 140px;
    top: 750px;
    left: 627px;
    background: url(../images/gif-7.gif) no-repeat;
}

.animation-6 {
    position: absolute;
    display: block;
    width: 100px;
    height: 140px;
    top: 750px;
    left: 837px;
    background: url(../images/gif-8.gif) no-repeat;
}
/*=========================================================================*/
/*=========================================================================*/
/*=========================================================================*/
.navi {
    height: 120px;
}

/*.navi ul.nav {
    position: relative;
    display: inline-flex;
    width: 1130px;
    height: 70px;
    padding: 25px 0;
    align-items: center;
    justify-content: space-between;
}*/

.navi ul.nav {
    position: relative;
    display: inline-grid;
    width: 100%;
    height: 70px;
    padding: 28px 0 22px;
    grid-template-columns: repeat(5, auto);
}

.navi ul.nav li {
    position: relative;
    display: inline-grid;
    height: 70px;
    float: left;
}

.navi ul.nav li:before {
    content: '';
    position: absolute;
    display: block;
    width: 3px;
    height: 100%;
    background: url(../images/nav-line.png) no-repeat center;
    top: 2px;
    right: -2px;
}

.navi ul.nav li:last-child:before {
    background: none;
}

.navi ul.nav li a {
    position: relative;
    display: grid;
    height: 70px;
    padding-left: 15px;
    grid-template-columns: auto 1fr;
    grid-gap: 3px;
    align-self: center;
}

.navi ul.nav li a:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, #2b1712 30%, #412219 70%, #663c26);
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition:all 0.2s ease; 
    -o-transition:all 0.2s ease; 
    -moz-transition:all 0.2s ease; 
    transition:all 0.2s ease;
}

.navi ul.nav li a:hover:before {
    visibility: visible;
    opacity: 0.5;
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    transform: scale(1.0);
}

.navi ul.nav li a .ico {
    position: relative;
    display: block;
    align-self: center;
    -webkit-transition:all 0.2s ease; 
    -o-transition:all 0.2s ease; 
    -moz-transition:all 0.2s ease; 
    transition:all 0.2s ease;
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    transform: scale(1.0);
}

.navi ul.nav li a:hover .ico {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

.navi ul.nav li a .ico img {
    position: relative;
    display: block;
}

.navi ul.nav li a .text {
    position: relative;
    display: block;
    align-self: center;
}

.navi ul.nav li a .text span {
    position: relative;
    display: block;
    color: #ffdf87;
    font-size: 14px;
    font-family: calibrib;
    text-shadow: 1px 1px 1px #000;
    -webkit-transition:all 0.3s ease; 
    -o-transition:all 0.3s ease; 
    -moz-transition:all 0.3s ease; 
    transition:all 0.3s ease;
}

.navi ul.nav li a .text p {
    position: relative;
    display: block;
    color: #d8d8d8;
    font-size: 12px;
    font-family: calibri;
    margin-top: -3px;
    text-shadow: 1px 1px 1px #000;
    -webkit-transition:all 0.3s ease; 
    -o-transition:all 0.3s ease; 
    -moz-transition:all 0.3s ease; 
    transition:all 0.3s ease;
}
/*=========================================================================*/
/*=========================================================================*/
/*=========================================================================*/
.navi ul.lang {
    position: absolute;
    display: grid;
    width: 70px;
    height: 70px;
    padding: 28px 0 22px;
    top: 0;
    right: 0;
}

.navi ul.lang .block {
    position: relative;
    display: block;
    width: 28px;
    align-self: center;
    justify-self: center;
}

.navi ul.lang .block li {
    position: relative;
    display: block;
    margin: 1px auto;
}

.navi ul.lang .block li a {
    position: relative;
    display: block;
    opacity: 0.4;
}

.navi ul.lang .block li a:hover,
.navi ul.lang .block li.active a {
    opacity: 1;
}
/*=========================================================================*/
/*=========================================================================*/
/*=========================================================================*/
.header {
    height: 465px;
}

.header .logo {
    position: absolute;
    display: grid;
    width: 100%;
    top: 130px;
    left: 0;
}

.header .logo a {
    position: relative;
    display: block;
    align-self: start;
    justify-self: center;
    left: -9px;
}

.header .logo a img {
    position: relative;
    display: block;
    margin: 0 auto;
}

.header .logo a:hover {
    -webkit-filter:contrast(150%); 
    -moz-filter:contrast(150%); 
    -o-filter:contrast(150%); 
    filter:contrast(150%);
}

.header .register {
    position: absolute;
    display: block;
    width: 267px;
    height: 97px;
    top: 334px;
    left: 337px;
    color: #fff;
    font-family: PTSansNarrowBold;
    font-size: 14px;
    text-align: center;
    line-height: 97px;
    z-index: 1;
}

.header .cabinet {
    position: absolute;
    display: block;
    width: 267px;
    height: 97px;
    top: 334px;
    left: 593px;
    color: #fff;
    font-family: PTSansNarrowBold;
    font-size: 14px;
    text-align: center;
    line-height: 97px;
    z-index: 1;
}

.header .register:before {
    content: '';
    position: absolute;
    display: block;
    width: 267px;
    height: 97px;
    background: url(../images/btn-reg.png) no-repeat;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-filter:contrast(150%); 
    -moz-filter:contrast(150%); 
    -o-filter:contrast(150%); 
    filter:contrast(150%);
    -webkit-transition:all 0.3s ease; 
    -o-transition:all 0.3s ease; 
    -moz-transition:all 0.3s ease; 
    transition:all 0.3s ease;
    visibility: hidden;
    opacity: 0;
}

.header .cabinet:before {
    content: '';
    position: absolute;
    display: block;
    width: 267px;
    height: 97px;
    background: url(../images/btn-cab.png) no-repeat;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-filter:contrast(150%); 
    -moz-filter:contrast(150%); 
    -o-filter:contrast(150%); 
    filter:contrast(150%);
    -webkit-transition:all 0.3s ease; 
    -o-transition:all 0.3s ease; 
    -moz-transition:all 0.3s ease; 
    transition:all 0.3s ease;
    visibility: hidden;
    opacity: 0;
}

.header .register:hover:before,
.header .cabinet:hover:before {
    visibility: visible;
    opacity: 1;
}
/*=========================================================================*/
/*=========================================================================*/
/*=========================================================================*/
.about {
    height: 71px;
    padding: 17px 0 23px;
}

.about .about-list {
    position: relative;
    display: grid;
    padding: 0 50px;
    height: 71px;
    grid-template-columns: repeat(3, 1fr);
}

.about .about-list li {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 9px;
    align-self: center;
    justify-self: center;
}

.about .about-list .ico {
    position: relative;
    display: block;
    align-self: center;
}

.about .about-list .ico img {
    position: relative;
    display: block;
}

.about .about-list li .text {
    position: relative;
    display: block;
    align-self: center;
}

.about .about-list li .text span {
    position: relative;
    display: block;
    color: #ffd87a;
    font-size: 14px;
    font-family: calibrib;
    text-shadow: 1px 1px 1px #000;
    margin-bottom: 2px;
}

.about .about-list li .text p {
    position: relative;
    display: block;
    color: #ede9df;
    font-size: 12px;
    font-family: calibri;
}
/*=========================================================================*/
/*=========================================================================*/
/*=========================================================================*/
.info {
    height: 230px;
}

.info .job {
    position: absolute;
    display: block;
    width: 900px;
    height: 110px;
    top: 54px;
    left: 275px;
}

.info .job_text {
    position: absolute;
    display: block;
    width: 365px;
    height: 110px;
}

.info .job_text span {
    position: relative;
    display: block;
    margin: 0 auto;
    color: #ffcc00;
    font-size: 18px;
    font-family: PTSansNarrowBold;
}

.info .job_text p {
    position: relative;
    display: block;
    margin: 5px auto;
    color: #f9f5e5;
    font-size: 14px;
    font-family: PTSansNarrow;
}

.info .job_text a {
    position: relative;
    display: inline-block;
    color: #c9e415;
    font-size: 14px;
    font-family: PTSansNarrow;
    text-decoration: underline;
}

.info .job_text a:hover {
    text-decoration: none;
}

.info .job_count {
    position: absolute;
    display: block;
    width: 200px;
    height: 70px;
    top: 17px;
    left: 407px;
}

.info .job_count span {
    position: relative;
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #ffcc00;
    font-size: 36px;
    font-family: PTSansNarrowBold;
}

.info .job_count p {
    position: relative;
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #fff8dc;
    font-size: 18px;
    font-family: PTSansNarrowBold;
    top: -3px;
}

.info .give_money {
    position: absolute;
    display: block;
    width: 240px;
    height: 97px;
    top: 6px;
    left: 645px;
    line-height: 94px;
    color: #fff6d4;
    font-size: 14px;
    text-align: center;
    z-index: 1;
}

.info .give_money span {
    position: relative;
}

.give_money:before {
    content: '';
    position: absolute;
    display: block;
    width: 240px;
    height: 97px;
    background: url(../images/btn-money.png) no-repeat;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transition:all 0.3s ease; 
    -o-transition:all 0.3s ease; 
    -moz-transition:all 0.3s ease; 
    transition:all 0.3s ease;
}

.info .give_money:hover:before {
    -webkit-filter:contrast(150%); 
    -moz-filter:contrast(150%); 
    -o-filter:contrast(150%); 
    filter:contrast(150%);
}
/*=========================================================================*/
/*=========================================================================*/
/*=========================================================================*/
.content {
    height: 1225px;
}

.content .grid-block {
    position: relative;
    display: grid;
    width: 100%;
    height: 1225px;
    grid-template-columns: 1fr 323px;
}

.content .grid-block .left-content {
    position: relative;
    display: block;
    width: 718px;
    height: 1200px;
    padding-top: 25px;
    padding-left: 82px;
}

.content .grid-block .left-content .page-container {
    position: relative;
    display: block;
    width: 100%;
    height: 1049px;
}

.content .grid-block .left-content .page-container .container {
    position: relative;
    display: block;
    width: 670px;
    height: 1049px;
    margin: 0 auto;
}
/*=========================================================================*/
/*=========================================================================*/
/*=========================================================================*/
.content .left-content .news {
    position: relative;
    display: grid;
    width: 100%;
    margin: 35px auto 0;
    padding-bottom: 33px;
    background: url(../images/news-line.png) no-repeat center bottom;
    grid-template-columns: 162px 1fr;
    grid-gap: 15px;
}

.content .left-content .news:first-child {
    margin-top: 0;
}

.content .left-content .news .frame {
    position: relative;
    display: block;
    width: 162px;
    height: 162px;
    background: url(../images/news-frame.png) no-repeat;
    align-self: start;
}

.content .left-content .news .frame .img {
    position: relative;
    display: block;
    width: 160px;
    height: 160px;
    margin: 1px;
    overflow: hidden;
}

.content .left-content .news .frame .img img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    min-height: 100%;
    -webkit-transition:all 0.5s ease; 
    -o-transition:all 0.5s ease; 
    -moz-transition:all 0.5s ease; 
    transition:all 0.5s ease;
}

/*.content .left-content .news .frame a.more:hover ~ .img img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}*/

.content .left-content .news .frame a.more {
    position: absolute;
    display: block;
    width: 120px;
    height: 44px;
    background: url(../images/btn-more.png) no-repeat;
    bottom: -22px;
    left: 0;
    right: 0;
    margin: auto;
    line-height: 42px;
    text-align: center;
    color: #ffffff;
    font-family: PTSansRegular;
    font-size: 12px;
    z-index: 1;
}

.content .left-content .news .frame a.more:hover {
    -webkit-filter:contrast(130%); 
    -moz-filter:contrast(130%); 
    -o-filter:contrast(130%); 
    filter:contrast(130%);  
}

.content .left-content .news .block {
    position: relative;
    display: block;
    align-self: start;
}

.content .left-content .news .block .title {
    position: relative;
    display: block;
    color: #ffba41;
    font-size: 18px;
    font-family: calibrib;
    text-align: left;
}

.content .left-content .news .block .date {
    position: relative;
    display: block;
    color: #8e8e8e;
    font-size: 12px;
    font-family: calibri;
    margin: 4px 0 10px;
}

.content .left-content .news .block .text {
    position: relative;
    display: block;
    color: #ffeedb;
    font-size: 12px;
    font-family: calibri;
    line-height: 16px;
}
/*=========================================================================*/
/*=========================================================================*/
/*=========================================================================*/
.content .left-content ul.pagine {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 20px auto 0;
}

.content .left-content ul.pagine li {
    position: relative;
    display: inline-block;
    float: left;
    margin: 4px 2px 0;
}

.content .left-content ul.pagine li a {
    position: relative;
    display: block;
    width: 22px;
    height: 28px;
    background: #000;
    border: 1px solid rgb(255,255,255,0.1);
    border-radius: 4px;
    line-height: 28px;
    text-align: center;
    color: #a1a1a1;
    font-size: 15px;
}

.content .left-content ul.pagine li a:hover,
.content .left-content ul.pagine li.active a {
    color: #ffba41;
    border: 1px solid rgb(255,255,255,0.2);
}
/*=========================================================================*/
/*=========================================================================*/
/*=========================================================================*/
.content .left-content .stream-list {
    position: relative;
    display: grid;
    width: 670px;
    height: 144px;
    grid-template-columns: 154px 154px 154px 1fr;
    grid-gap: 15px;
    grid-template-rows: 102px;
    border-top: 1px solid #3a4248;
    padding-top: 17px;
    margin: 15px auto 0;
}

.content .left-content .stream-list .item {
    position: relative;
    display: block;
    width: 152px;
    height: 100px;
    align-self: center;
}

.content .left-content .stream-list .item:before {
    content: '';
    position: absolute;
    display: block;
    width: 196px;
    height: 144px;
    background: url(../images/stream-frame.png) no-repeat;
    top: -22px;
    left: -22px;
}

.content .left-content .stream-list .item iframe {
    position: relative;
    display: block;
    width: 152px;
    height: 100px;
    margin: 0 auto;
}

.content .left-content .stream-list .text {
    position: relative;
    display: block;
    padding-top: 0;
    align-self: start;
}

.content .left-content .stream-list .text span {
    position: relative;
    display: block;
    color: #ffe3c8;
    font-size: 14px;
    font-family: 'calibrib';
    margin-bottom: 6px;
}

.content .left-content .stream-list .text p {
    position: relative;
    display: block;
    color: #978471;
    font-size: 12px;
    font-family: 'calibri';
}
/*=========================================================================*/
/*=========================================================================*/
/*=========================================================================*/
.content .right-content {
    position: relative;
    display: block;
    width: 268px;
}

.content .right-content .side-block {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto 25px;
}

.content .right-content .side-block:last-child {
    margin-bottom: 0;
}

.content .right-content .side-block .side-title {
    position: relative;
    display: grid;
    width: 214px;
    height: 35px;
    margin: 16px auto 35px;
    z-index: 1;
}

.content .right-content .side-block .side-title:before {
    content: '';
    position: absolute;
    display: block;
    width: 252px;
    height: 68px;
    background: url(../images/side-title.png) no-repeat;
    top: -14px;
    left: -19px;
    z-index: -1;
}

.content .right-content .side-block .side-title .text {
    position: relative;
    display: block;
    align-self: center;
    justify-self: center;
    text-align: center;
}

.content .right-content .side-block .side-title .text span {
    position: relative;
    display: block;
    color: #ffbb31;
    font-size: 14px;
    font-family: 'calibrib';
}

.content .right-content .side-block .side-title .text p {
    position: relative;
    display: block;
    color: #e1e1e1;
    font-size: 12px;
    font-family: 'calibri';
    margin-top: -2px;
}
/*=========================================================================*/
/*=========================================================================*/
/*=========================================================================*/
.content .right-content .status {
    position: relative;
    display: block;
    width: 252px;
    margin: 0 auto;
}

.content .right-content .status .item {
    position: relative;
    display: block;
    width: 252px;
    margin: 0 auto 15px;
    background: url(../images/status-line.png) no-repeat center bottom;
    padding: 0px 0 20px;
}

.content .right-content .status .item .title {
    position: relative;
    display: block;
    width: 252px;
    text-align: center;
}

.content .right-content .status .item .title span {
    position: relative;
    display: block;
    color: #ffcc00;
    font-size: 14px;
    font-family: calibrib;
}

.content .right-content .status .item .title p {
    position: relative;
    display: block;
    color: #e8e8e8;
    font-size: 12px;
    font-family: calibri;
    top: -1px;
}

.content .right-content .status .item .sonline {
    display: none;
}

.content .right-content .status .item .load {
    position: relative;
    display: block;
    width:252px; 
    height:41px; 
    background: url(../images/null.png) no-repeat;
    margin: -5px auto -3px;
}

.content .right-content .status .item .load .line {
    position: absolute;
    display: block;
    width:0;
    height:20px; 
    background: url(../images/full.png) no-repeat; 
    top: 11px;
    left: 4px;
}

.content .right-content .status .item .link {
    position: relative;
    display: table;
    margin: 0 auto;
    color: #a7bd17;
    font-size: 12px;
    text-decoration: underline;
}

.content .right-content .status .item .link:hover {
    text-decoration: none;
}
/*=========================================================================*/
/*=========================================================================*/
/*=========================================================================*/
.content .right-content .forum {
    position: relative;
    display: block;
    width: 255px;
    margin: 0 auto;
}

.content .right-content .forum .item {
    position: relative;
    display: block;
    width: 200px;
    height: 50px;
    background: url(../images/forum-bg.png) no-repeat center;
    padding-left: 55px;
    margin: 0 auto;
    padding-bottom: 2px;
    transition: all 0.5s cubic-bezier(0.44, 0.27, 0.13, 1.53);
}

.content .right-content .forum .item:before {
    content: '';
    position: absolute;
    display: block;
    width: 55px;
    height: 50px;
    top: 0;
    left: 0;
    background: url(../images/ico-forum.png) no-repeat center;
    -webkit-transition:all 0.3s ease; 
    -o-transition:all 0.3s ease; 
    -moz-transition:all 0.3s ease; 
    transition:all 0.3s ease;
}

.content .right-content .forum .item:hover:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.content .right-content .forum .item .title {
    position: relative;
    display: block;
    margin: 0 auto 1px;
    color: #ffd668;
    font-size: 12px;
    font-family: calibrib;
    padding-top: 11px;
    text-align: left;
}

.content .right-content .forum .item.disable {
    opacity: 0.5;
}

.content .right-content .forum .item .title a {
    position: relative;
    display: table;
    color: #ffd668;
    font-size: 12px;
    font-family: calibrib;
}

.content .right-content .forum .item .title a:hover {
    text-decoration: underline;
}

.content .right-content .forum .item .desc {
    position: relative;
    display: block;
    margin: 0 auto;
    color: #c0bfa7;
    font-size: 12px;
    font-family: calibri;
}

.content .right-content .forum .item .desc span {
    color: #a89676;
}   
/*=========================================================================*/
/*=========================================================================*/
/*=========================================================================*/
.content .right-content .vk-block {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
}

.content .right-content .vk-block img.vk-img {
    position: relative;
    display: block;
    margin: 0 auto;
}

.content .right-content .coolness {
    position: absolute;
    display: block;
    width: 90px;
    height: 24px;
    background: url(../images/coolness.png) no-repeat;
    bottom: 24px;
    right: 15px;
}

.content .right-content .coolness:hover {
    opacity: 0.7;
}
/*=========================================================================*/
/*=========================================================================*/
/*=========================================================================*/
.footer {
    height: 155px;
    padding-top: 95px;
}

.footer .grid-block {
    position: relative;
    display: grid;
    width: 100%;
    margin: 0 auto;
    grid-template-columns: auto auto auto 1fr;
    grid-gap: 30px;
}

.footer .grid-block ul.list {
    position: relative;
    display: block;
    padding-left: 30px;
}

.footer .grid-block ul.list .title {
    position: relative;
    display: block;
    color: #ffc600;
    font-size: 21px;
    font-family: PalatinoLinotypeBold;
    margin: 0 auto 15px;
}

.footer .grid-block ul.list li {
    position: relative;
    display: block;
    margin: 0 auto;
}

.footer .grid-block ul.list li a {
    position: relative;
    display: inline-block;
    color: #f2f9fc;
    font-family: Philosopher-Regular;
    font-size: 14px;
    line-height: 24px;
}

.footer .grid-block ul.list li a span {
    text-decoration: underline;
}

.footer .grid-block ul.list li a:hover span {
    text-decoration: none;
}

.footer .grid-block ul.banners {
    position: relative;
    display: inline-block;
    padding-right: 55px;
    justify-self: end;
}

.footer .grid-block ul.banners li {
    position: relative;
    display: block;
    margin-bottom: 1px;
}

.footer .grid-block ul.banners li a {
    position: relative;
    display: block;
}

.footer .grid-block ul.banners li img {
    position: relative;
    display: block;
}
/*=========================================================================*/
/*=========================================================================*/
/*=========================================================================*/
.content .left-content .page-title {
    position: relative;
    display: block;
    margin: 0 auto 35px;
}

.content .left-content .page-title span {
    position: relative;
    display: block;
    color: #ffcd00;
    font-size: 24px;
    font-family: calibrib;
}

.content .left-content .page-title p {
    position: relative;
    display: block;
    color: #78756d;
    font-size: 14px;
    font-family: calibri;
    padding-top: 2px;
}
/*=========================================================================*/
/*=========================================================================*/
/*=========================================================================*/
.content .left-content .page-form {
    position: relative;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    margin: 0 auto;
    grid-gap: 10px;
}

.content .left-content .page-form .item {
    position: relative;
    display: block;
    width: 100%;
    align-self: center;
}

.content .left-content .page-form .item input {
    position: relative !important;
    display: block !important;
    width: calc(100% - 80px) !important;
    height: 53px !important;
    padding: 0 8px 0 70px !important;
    border: 1px solid #251f1d !important;
    background: #010000 !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    font-family: calibri !important;
    color: #fbf9f3 !important;
    font-size: 14px !important;
    text-align: left !important;
}

.content .left-content .page-form .item select {
    width: 100% !important;
    height: 55px !important;
    padding: 0 8px 0 25px !important;
    text-align-last: left !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    font-family: calibri !important;
    color: #fbf9f3 !important;
    font-size: 14px !important;
}

.content .left-content .page-form .item.code input {
    width: calc(100% - 135px) !important;
    padding: 0 8px 0 125px !important;
}

.content .left-content .page-form .item label {
    position: absolute;
    display: block;
    width: 70px;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition:all 0.3s ease; 
    -o-transition:all 0.3s ease; 
    -moz-transition:all 0.3s ease; 
    transition:all 0.3s ease;
}

.content .left-content .page-form .item label.login {
    background: url(../images/ico-inp-1-1.png) no-repeat center;
}
.content .left-content .page-form .item label.mail {
    background: url(../images/ico-inp-2-1.png) no-repeat center;
}
.content .left-content .page-form .item label.password {
    background: url(../images/ico-inp-3-1.png) no-repeat center;
}

.content .left-content .page-form .item input:focus + label.login {
    background: url(../images/ico-inp-1-2.png) no-repeat center;
}
.content .left-content .page-form .item input:focus + label.mail {
    background: url(../images/ico-inp-2-2.png) no-repeat center;
}
.content .left-content .page-form .item input:focus + label.password {
    background: url(../images/ico-inp-3-2.png) no-repeat center;
}

.content .left-content .page-form .item.errors,
.content .left-content .page-form .alert.alert-danger,
.content .left-content .page-form .item.btn {
    grid-column-start: 1;
    grid-column-end: 3;
}

.content .left-content .page-form .item.btn {
    display: grid;
    grid-template-columns: 1fr auto;
}

.content .left-content .page-form .item button {
    position: relative;
    display: grid;
    width: 159px;
    height: 59px;
    cursor: pointer;
    background: none;
    border: none;
    color: #ffffff;
    font-size: 14px;
    font-family: calibrib;
    text-shadow: 1px 1px 0 #000;
    margin-top: 12px;
    align-self: center;
}

.content .left-content .page-form .item button span {
    position: relative;
    display: block;
    align-self: center;
    justify-self: center;
    text-align: center;
}

.content .left-content .page-form .item button:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/btn.png) no-repeat;
    top: 0;
    left: 0;
    -webkit-transition:all 0.3s ease; 
    -o-transition:all 0.3s ease; 
    -moz-transition:all 0.3s ease; 
    transition:all 0.3s ease;
}

.content .left-content .page-form .item button:hover:before {
    -webkit-filter: contrast(185%); 
    -moz-filter: contrast(185%); 
    -o-filter: contrast(185%); 
    filter: contrast(185%); 
}

.content .left-content .page-form .item.btn a {
    position: relative;
    display: inline-block;
    align-self: center;
    margin-top: 12px;
    font-size: 14px;
    color: #ffd668;
    text-decoration: underline;
    align-self: center;
    justify-self: end;
}

.content .left-content .page-form .item.btn a:hover {
    text-decoration: none;
}
/*=========================================================================*/
/*=========================================================================*/
/*=========================================================================*/
.content .left-content .page-text {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    font-size: 14px;
    line-height: 21px;
}

.content .left-content .page-text a {
    position: relative;
    display: inline-block;
    color: #c9e415;
    font-size: 14px;
    font-family: PTSansNarrow;
    text-decoration: underline;
}

.content .left-content .page-text a:hover {
    text-decoration: none;
}

.content .left-content .page-text img {
    max-width: 100%;
}

.content .left-content .page-text ul {
    margin-left: 10px;
}
/*=========================================================================*/
/*=========================================================================*/
/*=========================================================================*/

/*=========================================================================*/
/*=========================================================================*/
/*=========================================================================*/

/*=========================================================================*/
/*=========================================================================*/
/*=========================================================================*/
/**************************************************/
/**************************************************/
                /***формы***/
/**************************************************/
/**************************************************/
label {
    font-size: 12px;
}

.smart_content_title span {
    position: relative;
    display: block;
    font-weight: normal;
    font-size: 12px;
    color: rgba(214,200,165,1);
    margin-bottom: 15px;
}

form.smart_form {
    position: relative;
    display: block;
    width: 318px;
    margin: 0 auto;
}

.smart_div form.smart_form input[type="radio"] {
    position: relative;
    display: inline-block !important;
    width: 15px !important;
    height: 15px !important;
    top: 2px;
}

#sexchar.smart_div form.smart_form span {
    position: relative;
    display: block;
    text-align: center;
}

form.smart_form table, form.smart_form table tbody {
    display: block;
    width: 100%;
}

form.smart_form tr {
    position: relative;
    display: block;
    width: 100%;
    margin: 5px auto;
    text-align: center;
}

form.smart_form tr td {
    position: relative;
    display: block;
    width: 100%;
}

form.smart_form input, form.smart_form select {

}

#smart_content_menu_server {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 auto 10px;
}

#smart_content_menu_server a {
    position: relative;
    display: inline-block;
    color: rgba(214,200,165,0.5);
    background: #231f1e;
    border: 1px solid rgba(255,255,255,0.1);
    padding: 3px 7px;
}

#smart_content_menu_server a:hover, #smart_content_menu_server a.activ {
    color: rgba(214,200,165,0.9);
    border: 1px solid rgba(255,255,255,0.2);
}

.smart_table_inner {
    position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
}

.smart_table_inner tr {
    position: relative;
    display: inline-table;
    width: 100%;
}

.smart_rait span {
    color: #fff;
}

.smart_table_inner .l2left {
    position: relative;
    display: inline-block;
    width: 50%;
    text-align: right;
}

.smart_table_inner .l2right {
    position: relative;
    display: inline-block;
    width: 49%;
    text-align: left;
    padding-left: 1%;
}

.smart_table_stats {
    position: relative;
    width: 100% !important;
    margin: 0 auto !important;
}

.smart_table_stats tr td {
    text-align: center;
}

.smart_l2sec_code img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
/*========================================================*/
/*========================================================*/
/*========================================================*/
.smart_table_inner {
    position: relative;
    display: block;
    width: 100%;
}

.smart_table_inner tr {
    position: relative;
    display: inline-table;
    width: 100%;
}

.smart_rait span {
    color: green;
}

.smart_table_inner .l2left {
    position: relative;
    display: inline-block;
    width: 50%;
    text-align: right;
    color: #ffa40b;
}

.smart_table_inner .l2right {
    position: relative;
    display: inline-block;
    width: 49%;
    text-align: left;
    padding-left: 1%;
    color: #ff5e00;
}

table.smart_table_inner tbody {
    width: 100%;
    position: relative;
    display: block;
}
/*========================================================*/
/*========================================================*/
form.smart_form {
    position: relative;
    display: block;
    width: 367px;
    margin: 0 auto;
}

form.smart_form table {
    position: relative;
    z-index: 1;
}

.smart_div {
    position: relative;
    display: block;
    width: 300px;
    margin: 0 auto;
    text-align: center;
}

.smart_div label {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
}

.smart_div br {
    display: none;
}

.smart_div form.smart_form input[type="radio"] {
    position: relative;
    display: inline-block !important;
    width: 15px !important;
    height: 15px !important;
    top: 2px;
}

#sexchar.smart_div form.smart_form span {
    position: relative;
    display: block;
    text-align: center;
}

form.smart_form table, form.smart_form table tbody {
    display: block;
    width: 100%;
}

form.smart_form tr {
    position: relative;
    display: block;
    width: 100%;
    margin: 5px auto;
    text-align: center;
}

form.smart_form tr td {
    position: relative;
    display: block;
    width: 100%;
}

form.smart_form input, form.smart_form select {

}

div#alpha {
    position: relative;
    display: block;
    width: 100%;
    margin: 10px auto;
}

div#alpha a {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 2px 4px;
    background: rgba(255,255,255,0.1);
    color: #ccc;
    text-align: center;
    line-height: 20px;
}

div#alpha a:hover {
    color: #fff;
}

input, select {
    position: relative;
    display: block;
    width: calc(100% - 42px) !important;
    height: 48px !important;
    text-align: center !important;
    border: 1px solid #251f1d;
    background: #010000;
    height: 50px;
    padding: 0 20px;
    font-size: 14px;
    color: #fff;
}

select {
    position: relative;
    display: block;
    border: 1px solid #251f1d;
    background: #010000 url(../images/select.png) no-repeat center right 15px;
    width: 100% !important;
    height: 50px !important;
    text-align-last: center !important;
    padding: 0 20px;
    font-size: 14px;
    color: #fff;
    -webkit-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none !important;
    -moz-appearance: none;
}

option {
    background: #191411 !important;
}

textarea {
    width: calc(100% - 22px) !important;
    border: 1px solid #251f1d;
    background: #010000;
    outline: none;
    padding: 10px;
    color: #fff;
}

a.smart_btn_forget {
    position: relative;
    display: inline-block;
    font-size: 10px;
    left: 29px;
    top: 5px;
}

a.smart_btn_forget:hover {
    text-decoration: underline;
}

.special_for_lost_password a {
    color: #badf47;
    font-size: 12px;
    text-decoration: underline;
    position: relative;
    margin-top: 15px;
    display: inline-block;
}

.special_for_lost_password a:hover {
    text-decoration: none;
}

.smart_l2sec_code {
    position: absolute !important;
    top: 0px !important;
    left: 8px !important;
    display: inline-block !important;
    max-width: 100px;
    z-index: 1;
}

.alert.alert-info {
    text-align: center;
}

.alert.alert-success, .alert.alert-danger {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 auto 5px;
    background: rgb(30, 6, 2);
    padding: 10px 0%;
    font-size: 14px;
}

.alert.alert-danger {
    position: relative;
    display: block;
    text-align: center;
}

.alert button {
    display: none;
}

.alert.alert-danger ul {
    position: relative;
    display: block;
    list-style: none;
    font-size: 14px;
}

button {
    border: none;
    outline: none;
}

button.button, .smart_btn {
    position: relative;
    display: block;
    border: none;
    cursor: pointer;
    -webkit-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    transition:all 0.3s ease;
    margin: 25px auto 0;
    text-transform: uppercase;
    background: url(../images/btn.png) no-repeat;
    width: 159px !important;
    height: 59px !important;
    color: #fff;
    font-family: PTSansNarrowBold;
    font-size: 14px;
    text-align: center;
    line-height: 59px;
    z-index: 1;
}

button.button:hover, .smart_btn:hover {
    -webkit-filter: contrast(185%); 
    -moz-filter: contrast(185%); 
    -o-filter: contrast(185%); 
    filter: contrast(185%); 
}

.title-min {
    position: relative;
    display: block;
    text-align: center;
    font-size: 16px;
    color: rgba(214,200,165,1);
    margin: 5px auto;
    text-transform: uppercase;
}
/*========================================================*/
/*========================================================*/
#error, .error {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.error::-webkit-input-placeholder { 
    color:red;
}
.error:-moz-placeholder { 
    color:red;
}
.error::-moz-placeholder { 
    color:red; 
}
.error:-ms-input-placeholder { 
    color:red;
}

#error::-webkit-input-placeholder { 
    color:red;
}
#error:-moz-placeholder { 
    color:red;
}
#error::-moz-placeholder { 
    color:red; 
}
#error:-ms-input-placeholder { 
    color:red;
}

.smart_table_stats_special_for_shop td, .smart_table_stats_special_for_shop th {
    position: relative;
    display: inline-block;
}

.smart_table_stats_special_for_shop tr {
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.control_special_for_shop input {
    width: 20px !important;
    height: 20px !important;
}

form.form-horizontal.smart_form {
    text-align: center;
    font-size: 13px;
}

ul.ul_special_for_answers {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    list-style: none;
}

ul.ul_special_for_answers li {
    position: relative;
    display: block;
    border: 1px solid rgba(0,0,0,1);
    background: rgb(25, 11, 3);
    margin: 0 auto 4px;
    padding: 5px 0;
}

ul.ul_special_for_answers li span.author {
    color: #ffae00;
}

ul.ul_special_for_answers li p.date {
    color: rgba(255,255,255,0.3);
    font-size: 10px;
}

ul.ul_special_for_answers li p.text {
    color: #bfb7a6;
    position: relative;
    display: block;
    margin: 5px auto 0;
    font-size: 13px;
}

ul.special_for_bonus_items {
    position: relative;
    display: block;
    text-align: center;
    list-style: none;
}

ul.special_for_bonus_items li {
    position: relative;
    display: block;
    margin: 0 auto 30px;
}

ul.special_for_bonus_items li h2 {
    font-size: 14px;
    color: #ffae00;
    background: rgba(100, 99, 99, 0.1);
    width: 99.8%;
    margin: 0 auto 2px;
    position: relative;
    display: block;
    padding: 8px 0;
}

.title-all {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 auto 20px;
    color: #ffe42e;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.title-all span {
    position: relative;
    display: block;
    font-size: 12px;
    color: #ccc;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
}

ul.tabs-all {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 10px auto;
    text-align: center;
}

ul.tabs-all li {
    position: relative;
    display: inline-block;
    margin: 0 1px 5px;
}

ul.tabs-all li a {
    position: relative;
    display: block;
    padding: 6px 10px;
    border: 1px solid rgba(255,255,255,0.2);
    background: #320c01;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

ul.tabs-all li.active a,
ul.tabs-all li a:hover {
    background: #531a00;
}

ul#pagination {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 25px 0 0;
}

ul#pagination li {
    position: relative;
    display: inline-block;
    margin-right: 5px;
}

ul#pagination li a {
    position: relative;
    display: block;
    width: 27px;
    height: 30px;
    border: 1px solid rgba(255,255,255,0.2);
    background: #320c01;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 30px;
    text-align: center;
}

ul#pagination li.page.active a, li.page.active a {
    background: #531a00 !important;
}

ul#pagination li a:hover {
    background: #531a00 !important;
}

ul#pagination li.previous,
ul#pagination li.next {
    display: none !important;
}

ul#pagination li.first, ul#pagination li.last {
    display: none !important;
}

.titles {
    position: relative;
    display: block;
    margin: 0 auto;
    font-size: 12px;
    color: #ffc600;
    text-align: center;
}

#l2top .status-offline:before {
    content: attr(title);
    position: relative;
    display: block;
    text-align: center;
    color: #ff4646;
}
#l2top .status-online:before {
    content: attr(title);
    position: relative;
    display: block;
    text-align: center;
    color: #39ff00;
}

p.help-block {
    font-size: 10px;
    margin-top: 5px;
}
a.js-password-generator {
    font-size: 12px;
}

payment_two {
	position: absolute;
	top: 150px;
}

#banners {
	position: absolute;
	left: 200px;
}

/*========================================================*/
/*========================================================*/
/*========================================================*/