/*

 Design & Coded: Balbesskin (Kirill)
 E-mail: balbesskin@mail.ru
 Skype: balbesskin
 VKontakte: vk.com/balbesskin

*/

/*== MAIN STYLES ==*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline;}

:focus {outline:none;}

@font-face {
    font-family: Pompadur; /* Гарнитура шрифта */
    src: url(fonts/pompadur.ttf); /* Путь к файлу со шрифтом */
}

table {border-collapse: collapse; border-spacing: 0;}

a img, img {border: 0 none;}

ol, ul {list-style: none;}

p {margin: 16px 0;}

html, body {
	background: url(/images/fon.jpg) top center no-repeat,url(/images/fon_backing.jpg) top center repeat-y;
    margin: 0;
    padding: 0;
    font: 16px/18px 'Lato';
    color: #fff;
}
html {background: #2E77EA;}

a {color: #fff; text-decoration: none;}
a:hover {color: #fff; text-decoration: none;}

hr {height: 1px; border: 0 none; background: #ededed; color: transparent;}

h1, h2, h3, h4, h5, h6 {display: block; margin: 0; padding: 0; font-family: 'Lato'; font-weight: normal;}
h1 {font-size: 20px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 10px;}

.loading{    font-size: 20px;
    margin: 20px 350px;}


.left {float: left;}
.right {float: right;}
.hidden {overflow: hidden;}
.none {display: none!important;}
.clear {clear: both;}

.width {width: 800px; margin: 0 auto;}
.content {width: 1240px; margin: 0 auto;}
.leftbar {
    width: 170px;
    margin-top: -132px;
    float: left;
}
.rightbar {
    margin-left: 13px;
    /* margin-right: 210px; */
    /* background: #4e5d6c; */
    width: 1041px;
    margin-bottom: 72px;
    float: left;
}

/* ======= */


/*== HEADER ==*/

header .top {
	width: 1008px;
    height: 277px;
    background: url(/images/head_fon.png) no-repeat;
    margin: 0 auto;
    position: relative;
}

header .top a.logotype {
	background: url(/images/joke_phrase.png) no-repeat;
    width: 310px;
    height: 90px;
    line-height: 20px;
    position: absolute;
    top: 5px;
    left: 90px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    text-shadow: 1px 4px 2px #000;
    display: block;
}
header .top a.logotype2 {
    background: url(/images/logo.png) no-repeat;
    width: 250px;
    height: 244px;
    line-height: 20px;
    position: absolute;
    top: 5px;
	left: 390;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    text-shadow: 1px 4px 2px #000;
    display: block;
}

header .top .profile {margin-top: 23px;}
header .top .profile .avatar {margin-top: 3px;}
header .top .profile .avatar img {width: 64px; height: 64px; float: left;}
header .top .profile .name {
	    color: red;
    line-height: 36px;
    margin: 3px 5px 0 15px;
    font-size: 18px;
}
header .top .profile .name:hover {
text-decoration: underline; /* Добавляем подчеркивание */
}
header .top .profile .menu {background: url('images/profile-menu-icon.png') no-repeat 10px 11px; border: 2px solid #253646; border-radius: 4px; width: 40px; height: 36px; position: relative;}
header .top .profile .menu:hover {background: url('images/profile-menu-icon.png') no-repeat 10px 11px #253646;}
header .top .profile .menu:hover ul, header .top .profile .menu:hover .hollow {display: block;}
header .top .profile .menu .hollow {display: none; width: 44px; height: 5px; position: absolute; top: 38px; right: -2px;}
header .top .profile .menu ul {display: none; background: #253646; border-radius: 3px; width: 159px; position: absolute; top: 43px; right: -2px; overflow: hidden;}
header .top .profile .menu ul li:nth-of-type(1) a {background: url('images/profile-page.png') no-repeat 16px 9px;}
header .top .profile .menu ul li:nth-of-type(4) a {background: url('images/profile-inventar.png') no-repeat 16px 9px;}
header .top .profile .menu ul li:nth-of-type(2) a {background: url('images/profile-settings.png') no-repeat 16px 9px;}
header .top .profile .menu ul li:nth-of-type(3) a {background: url('images/profile-exit.png') no-repeat 16px 9px;}
header .top .profile .menu ul li:hover {background: #304354;}
header .top .profile .menu ul li a {display: block; line-height: 34px; padding-left: 40px; font-size: 14px;}

/* ==============================SETTINGS================================ */
.rightbar-settings {
    margin-left: 22px;
    /* margin-right: 210px; */
    /* background: #4e5d6c; */
    width: 1041px;
    margin-bottom: 20px;
    float: left;
}

.block_settings {
    margin-left: 3px;
    width: 1050px;
    height: 200px;
    background: url(/images/settings_fon.png) center -2px no-repeat;
}

.block_settings .head {
    margin-left: 57px;
    font-size: 18px;
    height: 37px;
    line-height: 37px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}

.block_settings .info {
    margin-left: 56px;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    font-weight: 400;
    color: #fff;
}

.block_settings .info a {
    font-weight: 400;
    text-transform: none;
    text-decoration: underline;
    margin-left: 20px;
    font-size: 14px;
    color: #0079ff;
}

.block_settings form {
    display: block;
    margin-top: 0em;
}

.block_settings form button {
    width: 245px;
    height: 67px;
    background: url(/images/btn_add_link.png) 0 5px no-repeat;
    float: right;
    color: #fff;
    border: none;
    cursor: pointer;
    margin-right: 35px;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-shadow: 1px 2px 2px #000,0 0 2px #000;
}

.block_settings form input[type=text], body.cgjp-layout .page .page-content .page-body .content-block .block_settings form input[type=email] {
    width: 660px;
    height: 40px;
    border: none;
    background: url(/images/form_input_long.png) 0 6px no-repeat;
    padding-left: 40px;
    margin-top: 5px;
    margin-left: 67px;
    font-weight: 400;
    line-height: 45px!important;
    font-style: italic;
    color: #727272;
}

.block_settings form>div {
    font-weight: 700;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    padding-left: 87px;
}

.block_settings form>div a {
    font-weight: 400;
    text-decoration: underline;
    color: #fff;
}

.block_settings form>div span {
    color: #00acff;
}
/* ====================================================================== */
/* ==================================TOP================================= */

.top-players-head {
    margin-left: 30px;
    width: 1025px;
    height: 63px;
    background: url(/images/top_players_head_fon.png) center -2px no-repeat;
}

.top-players-head span.place {
    float: left;
    margin-top: 17px;
    margin-left: 89px;
}

.top-players-head span.nick {
    float: left;
    margin-top: 17px;
    margin-left: 229px;
}

.top-players-head span.count {
    float: left;
    margin-top: 17px;
    margin-left: 128px;
}

.top-players-head span.win {
    float: left;
    margin-top: 17px;
    margin-left: 87px;
}

.top-player-other {
    background: url(/images/top_player_other_fon.png) 20px 0 no-repeat;
}

.top-player span.place {
    width: 200px;
    height: 64px;
    text-align: left;
    vertical-align: middle;
}

.top-player .nick {
    width: 260px;
    color: #00a7ff;
    font-size: 14px;
    padding-top: 5px;
}

.top-player span.count {
    width: 200px;
    color: #fff;
    font-size: 14px;
    padding-top: 5px;
}

.top-player span.win {
    width: 200px;
    color: #ffd800;
    font-size: 14px;
    font-weight: 700;
}
/* ====================================================================== */
/* ==================================ABOUT=============================== */
.block-about-head {
    margin-top: -10px;
    margin-left: 149px;
    width: 880px;
    height: 698px;
    background: url(/images/about_head_fon.png) repeat-y;
    padding-left: 100px;
    padding-right: 80px;
}

.block-about-head>.head {
    display: block;
    line-height: 54px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    text-align: left;
}

.block-about-head>.title {
    margin-top: 10px;
    line-height: 22px;
    font-size: 18px;
    font-weight: 700;
    color: #ffd800;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
}

.block-about-head .info .title {
    margin-top: 10px;
    line-height: 30px;
    font-size: 18px;
    font-weight: 700;
    color: #00a1ff;
    text-transform: uppercase;
}

.block-about-head .info .description {
    margin-top: 5px;
    line-height: 20px;
    font-size: 16px;
    color: #fff;
    text-shadow: 1px 2px 2px #000,0 0 2px #000;
}

.block-about-head .info .description span.text {
    color: #fff;
    display: block;
    padding-left: 10px;
}

.numbersss {
	color: #ffd800;
    float: left;
    width: 20px;
    text-align: right;
    padding-right: 5px;
    margin-left: -15px;
}

.block-about .info .description span.text {
    color: #fff;
    display: block;
    padding-left: 10px;
}

.block-red {
    width: 820px;
    height: 120px;
    margin-top: 40px;
    margin-left: -20px;
    padding-left: 20px;
    padding-right: 40px;
    background: url(/images/red_fon.png) no-repeat;
}

.block-red .head {
    padding-top: 10px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
}

.block-red .body {
    margin-top: 10px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}

.block-about {
    margin-left: 149px;
    width: 880px;
    background: url(/images/about_fon.png) 0 90px repeat-x;
    padding-left: 100px;
    padding-right: 80px;
    padding-bottom: 130px;
    margin-top: -90px;
}

.block-about .title {
    padding-top: 10px;
    line-height: 30px;
    font-size: 18px;
    font-weight: 700;
    color: #00a1ff;
    text-transform: uppercase;
}

.block-about .button-bet {
    width: 745px;
    height: 78px;
    background: url(/images/btn_about.png) 0 3px no-repeat;
    text-align: center;
    color: #fff;
    border: none;
    cursor: pointer;
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-shadow: 1px 2px 2px #000,0 0 2px #000;
    margin-left: 30px;
    margin-right: auto;
    display: block;
    line-height: 78px;
    text-decoration: none;
    /* height: 20px; */
}

.block-about .info .description {
    margin-top: 5px;
    line-height: 20px;
    font-size: 16px;
    color: #fff;
    text-shadow: 1px 2px 2px #000,0 0 2px #000;
}

.block-about .button-bet:hover {
    background: url(/images/btn_about_hover.png) 0 3px no-repeat;
}
/* ====================================================================== */
header .top a.login {
	float: right;
    width: 270px;
    height: 55px;
    background: url(/images/skin_btn.png) 0 5px no-repeat;
    background-size: 100% 100%;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    border: none;
    cursor: pointer;
    font-family: 'Open Sans',sans-serif;
    text-shadow: 1px 2px 2px #000;
    margin-right: -35px;
    margin-top: 15px;
    text-decoration: none;
    text-align: center;
    line-height: 59px;
}

.logout {
color: #fff;
    border: none;
    cursor: pointer;
    font-family: 'Open Sans',sans-serif;
    text-shadow: 1px 2px 2px #000;
    text-decoration: none;
    text-align: center;
    line-height: 1;
    position: absolute;
    float: right;
    top: 60px;
    right: 180px;
    /* bottom: 10px; */
    background: 0 0;
    font-size: 15px;
}

.logout:hover{
    text-decoration: underline; /* Добавляем подчеркивание */
}

.menuka {
    position: absolute;
    top: 142px;
    left: 104px;
    width: 798px;
    height: 55px;
    background: url(/images/menu_fon.png) center center no-repeat;
}
.menuka ul li.right {
font-size: 19px;
    font-weight: 300;
    color: #fff;
    font-family: 'Open Sans',sans-serif;
    margin-right: 40px;
    margin-top: 15px;
    float: right;
}

.menuka ul li.left {
        font-size: 19px;
    font-weight: 300;
    color: #fff;
    font-family: 'Open Sans',sans-serif;
    margin-left: 70px;
    margin-top: 15px;
    float: left;
}

.menuka ul li:hover {
    background: url(/images/menu_item_fon_hover.png) no-repeat;
    background-size: 100% 100%;
}

.star {
    width: 29px;
    height: 29px;
    margin-top: 8px;
    background: url(/images/star.png) center center no-repeat;
    display: block;
}

.settings_tech {
    position: absolute;
    top: 100px;
    left: 110px;
    width: 300px;
    height: 30px;
    padding-top: 10px;
}

.settings {
    color: #fff;
    font-family: 'Open Sans',sans-serif;
    text-shadow: 1px 2px 2px #000;
    font-size: 14px;
    text-decoration: none;
    height: 25px;
    display: block;
    float: left;
    margin-right: 20px;
}

.settings:hover {
	text-decoration: underline; /* Добавляем подчеркивание */
}
	

.settings i {
    display: block;
    float: left;
    height: 23px;
    width: 23px;
    background: url(/images/icon_settings.png) no-repeat;
}

.tech {
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    font-family: 'Open Sans',sans-serif;
    text-shadow: 1px 2px 2px #000;
    display: block;
    float: left;
}

.tech:hover {
	text-decoration: underline; /* Добавляем подчеркивание */
}

.tech i {
    display: block;
    float: left;
    height: 23px;
    width: 23px;
    margin-right: 5px;
    background: url(/images/icon_tech.png) no-repeat;
}

.top_phrase {
    /* width: 530px; */
    height: 35px;
    line-height: 35px;
    text-transform: uppercase;
    margin: -10px auto 0;
    position: absolute;
    bottom: 20px;
    left: 240px;
    color: #ffd800;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    text-shadow: 1px 4px 2px #000;
}

.top_phrase i {
        margin-top: 7px;
    display: block;
    float: left;
    height: 29px;
    width: 29px;
    margin-left: 50px;
    background: url(/images/star.png) center center no-repeat;
}

.top_phrase .star {
float: right;
    width: 29px;
    height: 29px;
    background: url(/images/star.png) center center no-repeat;
    display: block;
    margin-right: -8px;
}

/* ======= */
.skin-main {
    width: 1046px;
    height: 127px;
    margin-left: 17px;
    /* margin-top: 2px; */
}

.info-block-count {
    /* margin-top: 270px; */
    margin-left: 155px;
    width: 1018px;
    height: 134px;
    background: url(/images/info_block_count_fon.png) center bottom no-repeat;
}

.info-block-count .games {
    height: 134px;
    width: 200px;
    float: left;
    margin-left: 10px;
}

.info-block-count .games .title {
    font-size: 16px;
    color: #fff;
    padding-top: 15px;
    padding-left: 15px;
}

.info-block-count .gamers {
    height: 134px;
    width: 200px;
    float: left;
    margin-left: 17px;
}

.info-block-count .gamers .title {
    line-height: 1.5;
    font-size: 16px;
    color: #fff;
    padding-top: 15px;
    padding-left: 15px;
}

.info-block-count .things {
    height: 134px;
    width: 240px;
    float: left;
    margin-left: 17px;
}

.info-block-count .things .title {
    font-size: 16px;
    color: #fff;
    padding-top: 15px;
    padding-left: 15px;
}

.info-block-count .max-gain {
    height: 134px;
    width: 270px;
    float: left;
    margin-left: 15px;
}

.info-block-count .max-gain .title {
    font-size: 16px;
    color: #fff;
    padding-top: 15px;
    padding-left: 20px;
}

.number {
    font-size: 54px;
    color: #ffd800;
    padding-left: 40px;
    margin-top: 30px;
    text-align: center;
    font-weight: 700;
    text-shadow: 1px 2px 2px #000,0 0 2px #000;
    display: block;
    font-family: 'Open Sans';
}

.number-rub {
    font-size: 30px;
    color: #ffd800;
    padding-left: 40px;
    margin-top: 30px;
    text-align: center;
    font-weight: 700;
    text-shadow: 1px 2px 2px #000,0 0 2px #000;
    display: block;
    font-family: 'Open Sans';
}
/*== Авторизируйся, чтобы испытать удачу ==*/
.jack_pot {
    width: 1060px;
    height: 195px;
    background: url(/images/jack_pot_fon.png) center bottom no-repeat;
    margin: 0 auto;
}

.jack_pot .head {
    width: 700px;
    height: 55px;
    margin: 0 auto;
    padding-top: 10px;
}

.jack_pot .body {
    line-height: 53px;
    width: 900px;
    height: 50px;
    margin: 10px auto 0;
    text-align: right;
}

.jack_pot .fotter {
    width: 930px;
    height: 50px;
    margin: 0 auto;
    padding-top: 10px;
    font-size: 14px;
    color: #fff;
}

.jack_pot .body .button{
    float: right;
    width: 607px;
    height: 50px;
    background: url(/images/btn_jack_pot.png) 0 5px no-repeat;
    color: #fff;
    border: none;
    cursor: pointer;
    font-family: 'Open Sans',sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 1px 2px 2px #000,0 0 2px #000;
    text-align: center;
    text-decoration: none;
    line-height: 50px;
}

.jack_pot .head .title {
    width: 465px;
    height: 51px;
    float: left;
    padding-left: 16px;
    padding-top: 3px;
    background: url(/images/jack_pot_title.png) center bottom no-repeat;
}

.jack_pot .head .counter {
    width: 245px;
    height: 52px;
    padding-left: 483px;
    padding-top: 3px;
    background: url(/images/counter_dollar.png) 470px 0 no-repeat;
}

.jack_pot .head .counter span {
    letter-spacing: 20px;
    margin-top: 14px;
    padding-left: 13px;
    width: 40px;
    height: 48px;
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    text-shadow: 1px 2px 2px #000,0 0 2px #000;
    color: #e70000;
    /* padding-top: 7px; */
    display: block;
    float: left;
}

/*== LEFTBAR ==*/
.banner-bonus {
    width: 217px;
    height: 310px;
    background: url(/images/banner_bonus_fon.png) center bottom no-repeat;
}

.banner-bonus .head {
    padding-top: 10px;
    font-size: 25px;
    font-weight: 700;
    color: #d70500;
    text-transform: uppercase;
    margin-left: 15px;
    /* margin-bottom: 10px; */
    display: block;
    text-decoration: none;
}

.banner-bonus .body {
    margin-left: 15px;
    font-size: 18px;
    color: #fff;
    line-height: 20px;
}

.banner-bonus .body .lg-text {
    font-size: 26px;
    line-height: 32px;
}

.banner-bonus .body .percent {
    color: #ffd800;
}

.banner-bonus .body a {
    text-decoration: none;
    color: #00a6ff;
}

.banner-bonus .fotter {
    color: #0080c5;
    font-size: 10px;
    margin-left: 15px;
    width: 160px;
    text-align: center;
}

.leftbar .block {background: #4e5d6c; margin-bottom: 21px; overflow: hidden;}
.leftbar .block .title {background: #485563; line-height: 39px; padding-left: 16px;}
.leftbar .block .menu ul {line-height: 42px;}
.leftbar .block .menu ul li {border-left: 3px solid transparent;}
.leftbar .block .menu ul li:hover {border-left: 3px solid #52be56; background: #485563;}
.leftbar .block .menu ul li a {display: block; padding-left: 37px; font-size: 15px;}

.leftbar .bonus {line-height: 22px; padding-bottom: 34px; text-align: center;}
.leftbar .bonus img {margin: 34px 0 21px;}
.leftbar .bonus span {font-size: 20px; color: #51bc55;}

.leftbar .chat .form textarea {background: #3d4e5e; border: 0 none; width: 194px; height: 18px; padding: 12px 15px 10px; font: 14px 'Lato'; color: #fff; float: left;}
.leftbar .chat .form input[type="submit"] {background: url('images/chat-form-submit.png') no-repeat; border: 0 none; width: 39px; height: 40px; float: right; cursor: pointer;}
.leftbar .chat .scroll {height: 438px; margin-right: 6px; overflow: auto;}
.leftbar .chat .short {margin-right: 6px;}
.leftbar .chat .scroll::-webkit-scrollbar-track {margin: 6px 0;}
.leftbar .chat .short:nth-of-type(2n+1) {background: #455565;}
.leftbar .chat .short .top {border-bottom: 2px solid #415160;}
.leftbar .chat .short .top .avatar {margin: 9px 10px 9px 15px;}
.leftbar .chat .short .top .avatar img {width: 34px; height: 34px; float: left;}
.leftbar .chat .short .top ul {line-height: 14px; margin-top: 14px; float: left;}
.leftbar .chat .short .top ul li:first-child {
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 170px;
    text-overflow: ellipsis;
}
.leftbar .chat .short .top ul li:last-child {font-size: 10px;}
.leftbar .chat .short .message {padding: 10px 15px; font-size: 12px;word-wrap: break-word;}
.leftbar .chat .bottom {background: #4a5968; border-top: 1px solid #4e5d6c; line-height: 38px; padding-left: 16px; font-size: 13px;}
.leftbar .chat .bottom a {display: block; width: 29px; height: 29px; margin: 4px 5px 0 0; float: left;}
.leftbar .chat .bottom a.smiles {background: url('images/chat-smiles.png') no-repeat;}
.leftbar .chat .bottom a.edit {background: url('images/chat-edit.png') no-repeat;}

.leftbar .contacts {background: #51bc55; font-size: 14px;}
.leftbar .contacts .text {padding: 14px 27px; text-align: center;}
.leftbar .contacts .icons {background: #45a849; padding: 12px 0 12px 77px; text-align: center; overflow: hidden;}
.leftbar .contacts .icons a {display: block; width: 23px; height: 23px; margin-right: 4px; float: left;}
.leftbar .contacts .icons a.vk {background: url('images/vk.png') no-repeat;}
.leftbar .contacts .icons a.twitter {background: url('images/twitter.png') no-repeat;}
.leftbar .contacts .icons a.facebook {background: url('images/facebook.png') no-repeat;}
.leftbar .contacts .icons a.youtube {background: url('images/youtube.png') no-repeat;}

.last-winner {
	width: 217px;
    height: 233px;
    margin-top: -4px;
    background: url(/images/banner_last_winner_fon.png) center bottom no-repeat;
    z-index: 3;
    position: relative;
}
.last-winner img {
    margin-top: -140px;
    margin-left: 15px;
    position: relative;
    z-index: 1;
    width: 110px;
    height: 110px;
    top: 30px;
}

.last-winner .head {
    font-size: 14px;
    color: #fff;
    margin-left: 10px;
    height: 33px;
    line-height: 33px;
    padding-top: 5px;
    text-shadow: 1px 2px 2px #000,0 0 2px #000;
}

.last-winner .fotter {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin-top: 110px;
    padding-left: 15px;
}

.last-winner .fotter span {
    color: #ffd800;
}

.last-winner .name {
	    margin-left: 15px;
	display: block;
    position: relative;
    z-index: 2;
    height: 40px;
    padding-left: 15px;
    padding-right: 20px;
    color: #00abff;
    font-weight: 600;
    font-size: 14px;
    background: url(/images/last_winner_photo_fon.png) center bottom no-repeat;
    background-size: 100% 100%;
    margin-top: -15px;
    width: 75px;
    line-height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
}

.last-winner .name a {
    font-family: 'Open Sans',sans-serif;
    /* display: block; */
    /* position: relative; */
    /* z-index: 2; */
    /* height: 40px; */
    /* padding-left: 15px; */
    /* padding-right: 20px; */
    color: #00abff;
    /* font-weight: 600; */
    /* font-size: 14px; */
    /* background: url(/images/last_winner_photo_fon.png) center bottom no-repeat; */
    background-size: 100% 100%;
    margin-top: -15px;
    width: 75px;
    line-height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
}

.itemnamexxx{
	float: left;
}

.last-winner ul {background: #485563; line-height: 22px; padding: 20px 25px; font-size: 15px; text-align: left;}

/* ======= */
/*== РУЛЕТКА ==*/
.before_drawing {
    width: 992px;
    height: 212px;
    /* margin-left: 25px; */
    /* margin-top: -207px; */
    background: url(/images/before_drawing_fon.png) top left no-repeat;
    position: relative;
    z-index: 2;
}

.before_drawing .head {
    height: 50px;
    position: relative;
}

.before_drawing .head .game_number {
    color: #fff;
    font-size: 14px;
    line-height: 59px;
    width: 140px;
    position: absolute;
    left: 30px;
}

.before_drawing .head .title {
    width: 612px;
    height: 50px;
    margin: 0 auto;
    text-align: center;
}

.before_drawing .head .title span.text1 {
    width: 380px;
    height: 50px;
    background: url(/images/before_drawing_title.png) 0 3px no-repeat;
    margin: 0 auto;
    display: inline-block;
}

.before_drawing .head .volume {
    color: #fff;
    font-size: 14px;
    line-height: 50px;
    width: 160px;
    margin-top: -50px;
    position: absolute;
    right: 10px;
}
.before_drawing .body .block_timer {
    height: 55px;
    margin-top: 10px;
}

.before_drawing .body {
    height: 178px;
    width: 1010;
}

.before_drawing .body .block_timer .timer {
    height: 50px;
    width: 263px;
    padding-left: 670px;
    background: url(/images/timer.png) right 7px no-repeat;
}

.before_drawing .body .block_timer .timer .label {
    float: left;
    color: #fff;
    font-size: 14px;
    line-height: 60px;
    text-shadow: 1px 2px 2px #000;
    vertical-align: middle;
    display: inline-block;
    /* margin-top: -32px; */
    width: 82px;
    text-align: center;
}

.before_drawing .body .block_timer .timer .ten_min {
    text-shadow: 0px 2px 3px rgb(0, 0, 0);
    font-size: 4em;
    /* text-shadow: 1px 1px 3px #666, -1px -1px 3px #FFF, 1px 1px #666, -1px -1px #FFF; */
    color: #ddcca3;
    margin-right: 1px;
    letter-spacing: 14px;
    float: right;
    color: #00a1f0;
    font-size: 35px;
    /* line-height: 60px; */
    font-weight: 800;
    width: auto;
    text-align: center;
    height: 36px;
    margin-top: 22px;
    /* padding-top: 20px; */
    /* padding-left: 21px; */
}

.before_drawing .body .at-stake {
    height: 68px;
    width: 826px;
    background: url(/images/at_stake.png) no-repeat;
    margin: 10px auto 0;
    line-height: 50px;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 1px 2px 2px #000,0 0 2px #000;
    display: block;
    text-decoration: none;
}

.before_drawing .body .at-stake span {
    color: #ffd800;
    font-size: 34px;
    line-height: 50px;
    font-weight: 700;
    text-transform: uppercase;
    margin-left: 5px;
}

/* =======РУЛЕТКА КРУТИТЬСЯ ЛАВЕХА МУТИТЬСЯ========= */
.defeated_player {
	width: 992px;
    height: 212px;
    /* margin-left: 25px; */
    /* margin-top: -207px; */
    position: relative;
    z-index: 2;
    background: url(/images/defeated_player_fon.png) top left no-repeat;
}
.defeated_player .head {
    height: 50px;
    position: relative;
}
.defeated_player .head .title {
    width: 612px;
    height: 50px;
    margin: 0 auto;
    text-align: center;
}
.defeated_player .head .title span.text2 {
    width: 235px;
    height: 50px;
    background: url(/images/defeated_player.png) 0 3px no-repeat;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
}
.defeated_player .head .game_number.two-line {
    margin-left: 35px;
    line-height: 15px;
    padding-top: 18px;
    float: left;
}
.defeated_player .head .title span.name.not-done {
    font-size: 0;
}
.defeated_player .head .title span.name {
    height: 50px;
    line-height: 53px;
    font-size: 26px;
    font-weight: 700;
    margin: 0 auto;
    display: inline-block;
    color: #00acff;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px;
}
.defeated_player .body {
    height: 178px;
    width: 1010;
}
.defeated_player .body .scroll_winner {
    width: 850px;
    height: 80px;
    margin-left: 60px;
    margin-top: 5px;
    overflow: hidden;
    position: relative;
}
.defeated_player .body .scroll_winner .players {
    width: 20000px;
    height: 80px;
    position: absolute;
    left: 0;
    z-index: 1;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: -webkit-transform 10s ease 0s;
    transition: transform 10s ease 0s;
}
.defeated_player .body .scroll_winner .scroll-arrow {
    width: 846px;
    height: 41px;
    background: url(/images/scroll_arrow.png) -3px 0 no-repeat;
    position: absolute;
    bottom: 0;
    z-index: 2;
}
.defeated_player .body .block-info {
    height: 70px;
}
.defeated_player .body .block-info .left-block {
    float: left;
    height: 70px;
    width: 420px;
    text-align: center;
}
.defeated_player .body .block-info .left-block .title {
    font-size: 25px;
    font-weight: 600;
    color: #fff;
    text-shadow: 1px 2px 2px #000,0 0 2px #000;
}
.defeated_player .body .block-info .left-block .text {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-shadow: 1px 2px 2px #000,0 0 2px #000;
}

.volume{
    float: right;
    margin-top: -33px;
    margin-right: 53px;
}

.defeated_player .selector-confirm {
    margin-top: -10px;
    float: right;
    width: 224px;
    height: 57px;
    background: url(/images/btn_add_deposit.png) 0 5px no-repeat;
    color: #fff;
    border: none;
    cursor: pointer;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-shadow: 1px 2px 2px #000,0 0 2px #000;
    display: inline-block;
    text-decoration: none;
    line-height: 57px;
    text-align: center;
    margin-right: 68px;
}


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


/*==ВЫ ВНЕСЛИ==*/
.investments {
    width: 975px;
    height: 150px;
    margin-left: 22px;
    margin-top: -4px;
    background: url(/images/investments_fon.png) top left no-repeat;
}

.investments .head {
    padding-top: 20px;
}

.investments .head .left-block {
    float: left;
    width: 430px;
    height: 48px;
    margin-left: 43px;
    margin-top: -4px;
    background: url(/images/deposit_title_fon.png) top left no-repeat;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-shadow: 1px 2px 2px #000,0 0 2px #000;
    text-transform: uppercase;
    line-height: 40px;
    text-align: center;
}

.investments .head .right-block {
    height: 48px;
    text-align: right;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-right: 60px;
    text-shadow: 1px 2px 2px #000,0 0 2px #000;
}

.investments .head .right-block span {
    color: #00acff;
    font-size: 30px;
    font-weight: 600;
}
/* == */

.investments .body {
    display: block;
}

.investments .body .left-block {
    float: left;
    width: 630px;
    height: 48px;
    margin-top: 10px;
}

.investments .body .left-block a{
    display: inline-block;
    width: 137px;
    height: 40px;
    background: url(/images/btn_read_more.png) 0 7px no-repeat;
    color: #fff;
    border: none;
    cursor: pointer;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-shadow: 1px 2px 2px #000,0 0 2px #000;
    vertical-align: middle;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
}

.investments .body .left-block span {
    width: 430px;
    height: 48px;
    margin-left: 56px;
    margin-top: -4px;
    font-size: 18px;
    color: #fff;
    line-height: 23px;
    display: inline-block;
    vertical-align: middle;
}



.investments .body .right-block a{
    width: 217px;
    height: 58px;
    background: url(/images/btn_add_deposit.png) 0 5px no-repeat;
    color: #fff;
    border: none;
    cursor: pointer;
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-shadow: 1px 2px 2px #000,0 0 2px #000;
    margin-left: 50px;
    display: inline-block;
    text-decoration: none;
    line-height: 58px;
    text-align: center;
}

.investments .body .right-block {
    display: block;
}

.investments .body .right-block button {
    width: 217px;
    height: 58px;
    background: url(/images/btn_add_deposit.png) 0 5px no-repeat;
    color: #fff;
    border: none;
    cursor: pointer;
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-shadow: 1px 2px 2px #000,0 0 2px #000;
    margin-left: 50px;
    display: inline-block;
    text-decoration: none;
    line-height: 58px;
    text-align: center;
}
/*==ESCROW IN INDEX==*/

.game-escrow {
    width: 1014px;
    height: 58px;
    /* margin-left: 25px; */
    background: url(/images/game_escrow_fon.png) top left no-repeat;
}

.game-escrow:hover {
text-decoration: underline; /* Добавляем подчеркивание */
}

.game-escrow .body {
    padding-top: 10px;
    line-height: 35px;
    font-size: 17px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    text-shadow: 1px 2px 2px #000,0 0 2px #000;
}

.begin-game {
    width: 1014px;
    height: 108px;
    margin-left: 1px;
    background: url(/images/begin_game_fon.png);
}

.begin-game .body {
    padding-top: 50px;
    line-height: 35px;
    font-size: 17px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    text-shadow: 1px 2px 2px #000,0 0 2px #000;
}


/*=============УВЕДОМЛЕНИЯ==============*/

.cgjp-queue {
    width: 1014px;
    height: 58px;
    margin-left: 0px;
    background: url(/images/fon_queue_ru.png) top left no-repeat;
    padding-top: 50px;
    line-height: 35px;
    font-size: 17px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    text-shadow: 1px 2px 2px #000,0 0 2px #000;
}

.game-over {
    width: 1014px;
    height: 108px;
    margin-left: 1px;
    background: url(/images/game_over_fon.png) top left no-repeat;
}

.game-over .body {
    padding-top: 50px;
    line-height: 35px;
    font-size: 17px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    text-shadow: 1px 2px 2px #000,0 0 2px #000;
}

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


/*== RIGHTBAR ==*/


.rightbar .game-number {line-height: 65px; font-size: 20px; text-transform: uppercase; text-align: center;}

.rightbar .middle-game {background: #3d4e5e; padding: 35px 0;    position: relative;}

.rightbar .timer {font-size: 16px; text-align: center;}
.rightbar .timer div {
    /* margin-top: 12px; */
    /* font-size: 25px; */
}

.rightbar .progress {
    background: rgb(170, 170, 170);
    background: -moz-linear-gradient(269deg, rgb(170, 170, 170) 30%, rgb(226, 226, 226) 70%);
    background: -webkit-linear-gradient(269deg, rgb(170, 170, 170) 30%, rgb(226, 226, 226) 70%);
    background: -o-linear-gradient(269deg, rgb(170, 170, 170) 30%, rgb(226, 226, 226) 70%);
    background: -ms-linear-gradient(269deg, rgb(170, 170, 170) 30%, rgb(226, 226, 226) 70%);
    background: linear-gradient(359deg, rgb(170, 170, 170) 30%, rgb(226, 226, 226) 70%);
    float: left;
    /* background: #AEADAD; */
    width: 608px;
    height: 39px;
    /* margin: 35px auto 0; */
    overflow: hidden;
    margin-left: 52px;
    margin-top: 9px;
}

.rightbar .progress .line {
    background: #25A2E6;
    line-height: 50px;
    /* margin: 4px; */
    text-align: center;
    -webkit-background-size: 30px 30px;
    -moz-background-size: 30px 30px;
    background-size: 30px 30px;
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-animation: animate-stripes 3s linear infinite;
    -moz-animation: animate-stripes 3s linear infinite;
}

.rightbar .sum {margin: 28px auto 0; font-size: 16px; text-align: center; position: relative; overflow: hidden;}
.rightbar .sum:before {content: ''; background: rgba(255, 255, 255, 0.15); width: 1px; height: 33px; position: absolute; top: -6px; left: 50%;}
.rightbar .sum .percent {width: 185px; margin: 0 0 0 14px; text-align: right;    white-space: nowrap;}
.rightbar .sum .dollar {width: 200px; margin: 0 0 0 24px; text-align: left;    white-space: nowrap;}
.rightbar .sum div {display: inline-block; width: 1px; height: 33px; margin: 0 24px -14px 0;}
.hiddenes {
    display: none!important;
}
.leftbar .chat .form textarea {
    background: #3d4e5e;
    border: 0 none;
    width: 194px;
    height: 18px;
    padding: 12px 15px 10px;
    font: 14px 'Lato';
    color: #fff;
    float: left;
    box-sizing: content-box;
}
.rightbar .roulette {
    width: 887px;
    height: 103px;
    /* padding-top: 30px 0; */
    position: relative;
    backface-visibility: hidden;
    overflow: hidden;
    margin-left: 51px;
}
.rightbar .roulette:before {
    z-index: 99;
    content: '';
    width: 860px;
    height: 39px;
    position: absolute;
    top: 52px;
    left: 2px;
    background: url(/images/scroll_arrow.png) -3px 0 no-repeat;
}
.rightbar .roulette .inbox {width: 780px; text-align: center; white-space: nowrap; margin-left: 39px;}
.rightbar .roulette .inbox img {
    width: 75px;
    height: 75px;
    margin-left: 1px;
}
.rightbar .inform {background: #51bc55; height: 86px; padding: 0 40px; overflow: hidden;}
.rightbar .inform .text {line-height: 22px; margin-top: 22px; color: #a8deaa; font-size: 14px; float: left;}
.rightbar .inform .text div {font-size: 16px; color: #fff;}
.rightbar .inform .chance {line-height: 86px; margin-right: 30px; font-size: 18px;}
.rightbar .inform a.add-item {display: block; background: url('images/add-item.png') no-repeat 23px 15px #fff; height: 46px; line-height: 44px; margin-top: 20px; padding: 0 23px 0 55px; color: #000;}

.rightbar .game-end {
    /* background: #d5584f; */
    /* height: 86px; */
    /* padding: 0 40px; */
    /* overflow: hidden; */
}

.rightbar .game-end .text {
    transform: skewX(15deg);
    width: 1014px;
    height: 58px;
    margin-left: 6px;
    background: #B60606;
    padding-top: 3px;
    line-height: 35px;
    font-size: 17px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    text-shadow: 1px 2px 2px #000,0 0 2px #000;
    padding-bottom: 22px;
    border-color: black;
    border-style: solid;
}
.rightbar .game-end .text div {font-size: 16px; color: #fff;}
.rightbar .game-end a.add-item {display: block; background: url('images/add-item.png') no-repeat 23px 15px #fff; height: 46px; line-height: 44px; margin-top: 20px; padding: 0 23px 0 55px; color: #000;}

.rightbar .choice-winner {background: #e96931; height: 86px; padding: 0 40px; overflow: hidden;}
.rightbar .choice-winner .text {line-height: 22px; margin-top: 22px; color: #f4bead; font-size: 14px; float: left;}
.rightbar .choice-winner .text div {font-size: 16px; color: #fff;}
.rightbar .choice-winner a.add-item {display: block; background: url('images/add-item.png') no-repeat 23px 15px #fff; height: 46px; line-height: 44px; margin-top: 20px; padding: 0 23px 0 55px; color: #000;}

.rightbar .users-add {text-align: center; position: relative;}
.rightbar .users-add .block {display: inline-block; margin: 25px 3px; position: relative;}
.rightbar .users-add .block div {background: rgba(0, 0, 0, 0.5); width: 76px; height: 20px; line-height: 23px; font-size: 13px; text-align: center; position: absolute; right: 0; bottom: 0;}
.rightbar .users-add .block img {width: 76px; height: 76px; float: left;}


.rightbar .users-asd {text-align: center; position: relative;}
.rightbar .users-asd .block {display: inline-block; margin: 25px 3px; position: relative;}
.rightbar .users-asd .block div {background: rgba(0, 0, 0, 0.5); width: 76px; height: 20px; line-height: 23px; font-size: 13px; text-align: center; position: absolute; right: 0; bottom: 0;}
.rightbar .users-asd .block img {width: 76px; height: 76px; float: left;}

.rightbar .settings-game {position: absolute; top: -15px; right: -15px;}
.rightbar .settings-game .button {background: url('images/settings-game-icon.png') no-repeat; width: 30px; height: 30px; position: relative;}
.rightbar .settings-game .button:before {display: none; content: ''; border-width: 8px 0 8px 8px; border-style: solid; border-color: transparent #51bc55; position: absolute; top: 7px; right: 38px;}
.rightbar .settings-game .button:hover .sub, .rightbar .settings-game .button:hover:before, .rightbar .settings-game .button:hover .hollow {display: block;}
.rightbar .settings-game .button .hollow {display: none; width: 15px; height: 55px; position: absolute; top: -12px; right: 30px;}
.rightbar .settings-game .button .sub {display: none; background: #51bc55; border-radius: 3px; width: 135px; height: 55px; font-size: 12px; text-align: center; position: absolute; top: -12px; right: 45px; z-index: 1;}
.rightbar .settings-game .button .sub div {margin-top: 5px;}
.rightbar .settings-game .button .sub a {display: inline-block; background: #fff; border-radius: 2px; width: 56px; line-height: 20px; margin-top: 4px; color: #51bc55;}

.rightbar .added-short {
	/* background: #3d4e5e;  */
	position: relative;
}
.rightbar .added-short .bg-shorts {
    /* height: 241px; */
    margin: 0 15px 0 35px;
    overflow: auto;
}
.rightbar .added-short .bg-shorts::-webkit-scrollbar-track {margin: 26px 0 29px;} 
.rightbar .short {
    /* border-bottom: 3px solid #394959; */
    margin-right: 34px;
    padding: 2px 0 4px;
    overflow: hidden;
}
.rightbar .short .avatar {
    width: 70px;
    margin-left: 94px;
    /* margin-right: 20px; */
    position: relative;
    margin-top: 13px;
}

.sub {
    float: right;
    margin-top: -39px;
    margin-right: 53px;
}

.sub i {
    background: url(/images/icon_volume.png) 0 15px no-repeat;
}


.rightbar .short .avatar img {width: 70px; height: 70px; float: left;}
.rightbar .short .items div .info {background: url('images/rightbar-short-info.png') no-repeat; width: 14px; height: 14px; position: absolute; top: -5px; right: -5px;}
.rightbar .short ul {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #00abff;
    text-shadow: 1px 2px 2px #000,0 0 2px #000;
}
.rightbar .short ul li:first-child {
    margin-bottom: 4px;
    font-size: 16px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    /* width: 170px; */
    text-overflow: ellipsis;
    float: left;
    margin-left: 20px;
}
.rightbar .short ul li span {color: #51bc55;}

.rightbar .short .items {
    width: 977px;
    /* background: url(/images/rate_event_fon-L.png); */
}

.itemsfon {
    width: 922px;
	/* background: url(/images/rate_event_fon-L.png);  */
}

/* .rightbar .short .items:nth-child(odd) {
    width: 922px;
	background: url(/images/rate_event_fon.png); 
} */

.rightbar .short .items div {
    background: url(/images/rate_event_fon-L2.png) no-repeat;
    right: 40px;
    top: 0;
    /* background: #374756; */
    width: 880px;
    height: 96px;
    margin: 0px 26px 0 643px;
    text-align: center;
    float: right;
    position: relative;
}

.rightbar .short .items div:nth-of-type(2n){
    background: url(/images/rate_event_fon-L.png) no-repeat;
    right: 40px;
    top: 0;
    /* background: #374756; */
    width: 880px;
    height: 96px;
    margin: 0px 26px 0 643px;
    text-align: center;
    float: right;
    position: relative;
}


.4exol {
    margin-bottom: 4px;
    font-size: 16px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    /* width: 170px; */
    text-overflow: ellipsis;
    float: left;
    margin-left: 20px;
}

.rightbar .short .items div img {
    float: right;
    height: 94px;
    /* margin-top: 8px; */
    margin-right: 56px;
}

.rightbar .short .items div a {
    /* float: left; */
    height: 40px;
    line-height: 94px;
    text-align: center;
    font-size: 22px;
    text-shadow: 1px 2px 2px #000,0 0 2px #000;
    color: #ffd800;
    margin-top: 25px;
    margin-left: 66px;
}

.rightbar .short .items div span {display: block; background: rgba(0, 0, 0, 0.1); width: 117px; height: 22px; line-height: 25px; font-size: 12px; position: absolute; right: 0; bottom: 0;}

.rightbar .game-start {background: #51bc55; height: 81px; text-align: center; overflow: hidden;}
.rightbar .game-start .title {margin: 17px 0 7px; font-size: 18px;}
.rightbar .game-start .fair {display: inline-block; background: #45a849; width: 95px; line-height: 23px; margin-right: 10px; font-size: 10px; text-transform: uppercase; text-align: center;}
.rightbar .game-start .hash {display: inline-block; font-size: 12px; text-transform: uppercase;}

.rightbar .top-statistics {background: url('images/top-statistics.png') no-repeat; height: 86px;}
.rightbar .top-statistics .block {width: 27%; line-height: 24px; margin-top: 21px; font-size: 13px; text-align: center; float: left;}
.rightbar .top-statistics .block:nth-of-type(4) {width: 19%;}
.rightbar .top-statistics .block div {font-size: 16px;}

.rightbar .table .list {
    height: 76px;
    background: url(/images/top_player_other_fon.png) 20px 0 no-repeat;
    line-height: 54px;
    overflow: hidden;
}

.rightbar .table .list div {font-size: 14px; text-align: center; float: left;}
.rightbar .table .list img {vertical-align: -11px;    margin-top: 5px;}
.rightbar .table .list .tb1 {width: 15%;}
.rightbar .table .list .tb1 span {
    display: inline-block;
    width: 20px;
    height: 70px;
    font-size: 20px;
    line-height: 79px;
    font-weight: 700;
    text-shadow: 1px 2px 2px #000,0 0 2px #000;
    color: #fff;
    vertical-align: middle;
}
.rightbar .table .list .tb2 {
    margin-top: 12px;
    width: 15%;
}
.rightbar .table .list .tb3 {
    margin-top: 10px;
    width: 30%;
}
.rightbar .table .list .tb4 {margin-top: 10px; width: 20%;}
.rightbar .table .list .tb5 {margin-top: 10px; width: 20%;}

.rightbar .settings-info {background: #51bc55; line-height: 24px; padding: 20px 40px;}
.rightbar .settings-info div:nth-of-type(2) {font-size: 14px; color: #a8deaa;}
.rightbar .settings-url {padding: 34px 40px;}
.rightbar .settings-url .left {line-height: 41px; font-size: 13px;}
.rightbar .settings-url .right {position: relative;}
.rightbar .settings-url .right input[type="text"] {background: #374756; border: 0 none; width: 560px; height: 41px; margin: 0; padding: 0 15px; font: 13px/42px 'Lato'; color: #fff;}
.rightbar .settings-url .right input[type="submit"] {background: url('images/settings-url-submit.png') no-repeat; border: 0 none; width: 41px; height: 41px; position: absolute; top: 0; right: 0; cursor: pointer;}
.rightbar .settings-text {background: url('images/settings-text.png') no-repeat 35px 11px #d5584f; line-height: 47px; padding-left: 73px; font-size: 13px;}

.rightbar .histoty-short {
    display: inline-table;
    margin-top: 13px;
    margin-left: 42px;
    width: 961px;
    height: 170px;
    background: url(/images/history_game_last_head_fon.png) no-repeat;
    border-left: solid 1px red;
    border-right: solid 1px red;
    border-top: solid 1px red;
    position: relative;
}

.rightbar .histoty-short .top .blanks {
    background: #344352;
    line-height: 45px;
    text-align: center;
    font-size: 15px;
    padding: 0 22px 0 10px;
    float: right;
    right: 35px;
    position: absolute;
    top: 50px;
}
.rightbar .histoty-short .top {margin-bottom: 14px; overflow: hidden;}
.rightbar .histoty-short .top .avatar {
    margin-right: 12px;
    margin-left: 30px;
    margin-top: 27px;
}
.rightbar .histoty-short .top .avatar img {width: 76px; height: 76px; float: left;}
.rightbar .histoty-short .top ul {
    width: 623px;
    /* line-height: 25px; */
    margin-top: 46px;
    font-size: 13px;
    float: left;
}
.rightbar .histoty-short .top ul li:first-child {
    font-size: 18px;
    color: #fff;
    line-height: 38px;
    float: left;
    margin-right: 20px;
}
.rightbar .histoty-short .top ul li span {
    /* margin: 6px 0 -7px; */
    font-size: 16px;
    color: #ffd800;
}
.rightbar .histoty-short .top ul li:first-child a {
    margin-right: 20px;
    color: #008FDC;
}
.rightbar .histoty-short .top .number {
    margin-top: 9px;
    font-size: 15px;
    color: #FFFFFF;
    text-transform: uppercase;
    float: right;
    margin-right: 111px;
}
.rightbar .histoty-short .block-red {
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    height: 30px;
    margin-top: 40px;
    padding-left: 50px;
}
.rightbar .histoty-short .items {
    /* margin-left: 22px; */
    width: 961px;
    border-left: solid 1px red;
    border-right: solid 1px red;
    border-bottom: solid 1px red;
    background: url(/images/history_game_first_body_fon.png) repeat-y;
    box-shadow: 0 3px 6px #000;
    /* background: #425363; */
    /* border-left: 3px solid #51bc55; */
    margin-right: -3;
    padding-top: 10px;
    margin-top: 7px;
}
.rightbar .histoty-short .items div {
    /* background: #374756; */
    width: 115px;
    height: 75px;
    margin: 0 0 10px 10px;
    text-align: center;
    float: left;
    position: relative;
}
.rightbar .histoty-short .items div img {
    height: 60px;
    margin-top: 8px;
}
.rightbar .histoty-short .items div span {display: block; background: rgba(0, 0, 0, 0.1); width: 117px; height: 22px; line-height: 25px; font-size: 12px; position: absolute; right: 0; bottom: 0;}

.rightbar .profile-info {background: #3d4e5e; padding: 35px;}
.rightbar .profile-info .left-info .top {margin-bottom: 14px; overflow: hidden;}
.rightbar .profile-info .left-info .top .avatar {margin-right: 20px;}
.rightbar .profile-info .left-info .top .avatar img {width: 76px; height: 76px; float: left;}
.rightbar .profile-info .left-info .top ul {font-size: 13px; float: left;}
.rightbar .profile-info .left-info .top ul li:first-child {margin-top: 6px;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    width: 65px;
    text-overflow: ellipsis;}
.rightbar .profile-info .left-info .top ul li:nth-of-type(2) {margin-bottom: 8px; color: #51bc55;}
.rightbar .profile-info .left-info .top ul li:last-child {background: url('images/friends-icon.png') no-repeat left; padding-left: 22px;}
.rightbar .profile-info .left-info a {display: block; background: #384858; width: 211px; line-height: 35px; margin-top: 7px; font-size: 14px; text-align: center;}
.rightbar .profile-info .right-info {background: #374756; border-left: 3px solid #51bc55; width: 532px; height: 167px; position: relative;}
.rightbar .profile-info .right-info .blanks {background: #344352; width: 167px; line-height: 45px; text-align: center; font-size: 15px; transform: rotate(90deg); position: absolute; top: 61px; right: -61px;}
.rightbar .profile-info .right-info ul {margin: 14px 15px; font-size: 14px;}
.rightbar .profile-info .right-info ul:nth-of-type(2) {margin-top: 30px;}
.rightbar .profile-info .right-info ul:nth-of-type(2) li:last-child {color: #51bc55;}
.rightbar .profile-items {background: #3d4e5e;}
.rightbar .profile-items .scroll {background: transparent; width: auto; height: 800px; margin-right: 20px; padding: 26px 20px 6px 30px; overflow: auto; float: none;}
.rightbar .profile-items .scroll::-webkit-scrollbar-track {margin: 26px 0 16px;} 
.rightbar .profile-items div {background: #374756; width: 117px; height: 75px; margin: 0 0 10px 10px; text-align: center; float: left; position: relative;}
.rightbar .profile-items div img {height: 38px; margin-top: 8px;}
.rightbar .profile-items div span {display: block; background: rgba(0, 0, 0, 0.1); width: 117px; height: 22px; line-height: 25px; font-size: 12px; position: absolute; right: 0; bottom: 0;}

.rightbar .copyright {background: #394959; line-height: 54px; font-size: 14px; text-align: center;}

/* ======= */

.avastavka {
    background: url(/images/rate_head_fon.png) no-repeat;
    right: 40px;
    top: 0;
    /* background: #374756; */
    width: 937px;
    height: 96px;
    margin: 0 -55px 0 0;
    text-align: center;
    float: right;
    position: relative;
}

.avastavka div a {
    /* float: left; */
    height: 40px;
    line-height: 94px;
    text-align: center;
    font-size: 22px;
    text-shadow: 1px 2px 2px #000,0 0 2px #000;
    color: #ffd800;
    margin-top: 25px;
    margin-left: 66px;
}

.avastavka div img {
    float: right;
    height: 94px;
    /* margin-top: 8px; */
    margin-right: 56px;
}

.titlexuuuuuu {
    margin-left: 11px;
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #00abff;
    text-shadow: 1px 2px 2px #000,0 0 2px #000;
}



/*== SCROLL ==*/

::-webkit-scrollbar-track {background: transparent;} 
::-webkit-scrollbar-thumb {      background: #DD180D;}
::-webkit-scrollbar-thumb:hover {background: #b00000;}
::-webkit-resizer {width: 5px;} 
::-webkit-scrollbar {width: 5px;}

/* ======= */


/*== SCROLL ==*/

.tipsy {background: url('images/tipsy.gif'); line-height: 16px; padding: 5px; font: 11px/15px 'Lato'; opacity: 0.5;}
.tipsy-inner {padding: 4px 9px; background: #000; color: #fff; max-width: 113px; text-align: left;}
.tipsy-inner {border-radius: 3px;}
.tipsy-north {background-position: top center;}
.tipsy-south {background-position: bottom center;}
.tipsy-east {background-position: right center;}
.tipsy-west {background-position: left center;}

/* ======= */

.history-item-prize{    text-decoration: none;
    display: block;}
.history-item-prize img {
    max-width: 80px;
    max-height: 60px;
}
.history-item-prize-drop {
    position: absolute;
    left: 0;
    top: 0;
    width: 500px;
    color: #fff;
    z-index: 50;
    display: none;
}
.history-item-prize-drop:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -12px;
    border-top: 10px solid #213137;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
.history-item-prize-drop-top {
    background: #213137;
      min-height: 104px;
}
.history-item-prize-drop-top-inner {
    padding: 10px;
}
.history-item-prize-drop-left {
    float: left;
    margin: 0 14px 0 0;
    width: 105px;
    height: 90px;
    background: #C92CB0;
    margin: 7px;
    border-radius: 3px;
    overflow: hidden;
}
.history-item-prize-drop-title {
    line-height: 22px;
    padding: 0 0 10px;
    font-size: 16px;
}
.history-item-prize-drop-image {
    width: 105px;
    height: 90px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.history-item-prize-drop-image img {
    max-width: 100%;
    max-height: 100%;
}
.history-item-prize-drop-price {
    color: #fff;
    font-weight: bold;
}
.history-item-prize-drop-bottom {
    background: #213137;
    padding: 10px 21px 23px;
    border-radius: 0 0 3px 3px;
    font-size: 14px;
    line-height: 21px;
}



#emoji_box {
       position: absolute;
    margin-left: 10px;
    background: rgb(43, 57, 72);
    margin-top: 240px;
    padding: 0px 5px 0px 5px;
    z-index: 999999;
    height: 185px;
	display:none;
}
#emoji_list {
    position: absolute;
    top: 0px;
    width: 260px;    margin-bottom: 10px;
}#emoji_list {
    position: absolute;
    top: 0px;
    width: 207px;
}#emoji_box .itemk.over {
    background: rgba(0,0,0,0.3);
}#emoji_box .itemk {
    padding: 5px;
    border-radius: 2px;
    display: inline-block;
    cursor: pointer;
}.emoji_scroll_wrap {
    width: 217px;
    position: relative;
}.emoji_scroll_wrap .scroll_slider, .emoji_scroll_wrap .scroll_slider_wrap {
    border-radius: 5px;
    position: absolute;
    position: absolute;
    right: 0px;
    width: 7px;
    transition: background 200ms ease;
}.emoji_scroll_wrap .scroll_slider_wrap {
    top: 0px;
    height: 100%;
    background: rgba(255,255,255,0.1);
    cursor: pointer;
}.emoji_scroll_wrap .scroll_slider, .emoji_scroll_wrap .scroll_slider_wrap {
    border-radius: 5px;
    position: absolute;
    position: absolute;
    right: 0px;
    width: 7px;
    transition: background 200ms ease;
}.emoji_scroll_wrap .scroll_slider {
    background: rgba(255,255,255,0.2);
    height: 100px;
}.emoji_arrow {
    position: absolute;
    bottom: -16px;
    right:37px;
    border: 8px solid transparent;
    border-top-color: rgba(0,0,0,0.7);
}
#smile{    width: 16px !important;
    height: 16px !important;
    border: 0;
    background: url('/styles/images/chat/im_emoji.png') no-repeat;
    vertical-align: top;
   }
#smile img{    width: 16px !important;
    height: 16px !important;
    border: 0;
    background: url('/styles/images/chat/im_emoji.png') no-repeat;
    vertical-align: top;
 }

/*== ABOUT ==*/

.rightbar .about {padding: 12px 34px 30px; font-size: 13px;}
.rightbar .about .title-page {background: #658fe7; border-radius: 50px; width: 190px; line-height: 46px; margin: 0 auto 25px; text-align: center; overflow: hidden;}
.rightbar .about p.title {font-size: 15px;}
.rightbar .about ol {margin: 15px 0 0 30px; list-style: square outside; list-style-type: decimal;}
.rightbar .about .inform-about {border: 2px solid #51bc55; margin: 20px 0; padding: 12px 14px;}
/* ======= */

.feedback_button {
    position: fixed;
    left: -29px;
    top: 47%;
    padding: 10px 15px;
    font-weight: bold;
    font-size: 13px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    color: #fff;
    background: rgb(69, 145, 69);
    border-radius: 2px 2px 0 0;
    cursor: pointer;
}



.gamestartinfo2 {
    overflow: hidden;
    text-align: center;
    height: 25px;
    background: #374654;
    padding: 0 10px;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 26px;
}

img.flag {
      width: 27px;
    margin-left: 10px;
    margin-top: 35px;}
	
	
	@-webkit-keyframes animate-stripes{0%{background-position:0 0;}100%{background-position:60px 0;}}@-moz-keyframes animate-stripes{0%{background-position:0 0;}100%{background-position:60px 0;}}}