a.grey_button_new{
    display: inline-block;
    cursor: pointer;
    color: #aca79b;
    overflow: hidden;
}
.grey_button_new .center,
.grey_button_new .left,
.grey_button_new .right {
    float: left;
    /*height: 35px;*/
    /*line-height: 35px;*/
}
.grey_button .left {
     background: url(../img/buttons_4x35.png) 0 -35px;
     width: 4px;
 }
.grey_button .center {
    background: url(../img/buttons_4x35.png) 0 -70px;
}
.grey_button .right {
    background: url(../img/buttons_4x35.png) 0 -105px;
    width: 4px;
}



.grey_button{
    display: block;
	cursor: pointer;
	color: #aca79b;
}
.gold_button {
    display: block;
	cursor: pointer;
	color: #aca79b;
}
a.grey_button{
	color: #aca79b;
}
a.gold_button {
	color: #aca79b;
}
.grey_button .center,
.grey_button .left,
.grey_button .right {
    float: left;
    height: 35px;
    line-height: 35px;
}
.gold_button .center,
.gold_button .left,
.gold_button .right {
    float: left;
    height: 35px;
    line-height: 35px;
}
.gold_button .center span img {
	vertical-align: top; 
	margin-left: -4px;
} 
.grey_button .center span img {
	vertical-align: top; 
	margin-left: -4px;
} 
.gold_button .center .text {
	padding: 0 15px;
	font-size: 14px;
	color: #232323;
}
.grey_button .center .text {
	padding: 0 15px;
	font-size: 13px;
}
.grey_button .left {
    background: url(../img/buttons_4x35.png) 0 -35px;
    width: 4px;
}
.grey_button .center {
    background: url(../img/buttons_4x35.png) 0 -70px;
}
.grey_button .right {
    background: url(../img/buttons_4x35.png) 0 -105px;
    width: 4px;
}
.gold_button .left {
    background: url(../img/buttons_4x35.png) 0 -245px;
    width: 4px;
}
.gold_button .center {
    background: url(../img/buttons_4x35.png) 0 -280px;
    color: #f7ebd0;
    text-align: center;
}
.gold_button .right {
    background: url(../img/buttons_4x35.png) 0 -315px;
    width: 4px;
}
.header .private_office {
    position: absolute;
    right: 0;
    width: 372px;
    height: 110px;
}
.header .private_office .extract {
    color: rgb(233, 230, 223);
    font-size: 16px;
    width: 290px;
    left: 0;
    position: absolute;
    top: 10px;
}
.btn-exit {
    background: url("../img/icon-exit.png") no-repeat left top;
    font-size: 12px;
    position: absolute;
    color: #747381;
    cursor: pointer;
    padding: 0 0 0 15px;
    right: 0;
    height: 14px;
    width: 53px;
    text-align: right;
    top: 37px;
	text-decoration: none;
}
.header .private_office .extract .tr div {
    float: left;
    width: 50%;
    margin: 0 0 5px 0;
    text-align: right;
}
.btn-refill {
    color: green;
    font-size: 12px;
    text-decoration: underline;
    background: url("../img/privat-office/icon-arrows_19x14.png") no-repeat 0 2px transparent;
    padding-left: 20px;
    cursor: pointer;
}
.btn-withdraw {
    color: red;
    font-size: 12px;
    text-decoration: underline;
    background: url("../img/privat-office/icon-arrows_19x14.png") no-repeat left -14px transparent;
    padding-left: 20px;
    cursor: pointer;
}
.btn-question {
    float: left;
    background: url(../img/privat-office/question.png) 0 0 no-repeat;
    height: 17px;
    margin: 2px 0 -2px 2px;
    width: 17px;
    cursor: pointer;
}
.question:hover {
    background: url(../img/privat-office/question.png) 0 -17px no-repeat;
}
.promo.img .birthday {
    background: url(../img/promo-birthday/birthday.jpg) center no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
	width: 1920px;
	margin-left: -480px;
    height: 300px;
}
.promo.img  .button {
    height: 59px;
    width: 189px;
    background: url(../img/promo-birthday/birthday_button.png) top center no-repeat;
    position: absolute;
    z-index: 1;
    right: 8px;
    top: 233px;
    cursor: pointer;
}
.promo.img .button:hover {
    background: url(../img/promo-birthday/birthday_button.png) bottom center no-repeat;
}.promo .jackpot {
    float: left;
    width: 630px;
}
.promo .jackpot .img {
    float: left;
    padding: 30px 20px 0 0;
}
.promo .jackpot .counter {
    float: left;
    color: rgb(59, 61, 69);
    margin: 19px 0 0 0;
}
.promo .jackpot .counter .num {
    position: relative;
    width: 41px;
    height: 67px;
    float: left;
    margin: 4px 0 0 2px;
}
.promo .jackpot .counter .num div {
    position: absolute;
    width: 41px;
    height: 67px;
    top: 0;
    left: 0;
}
.promo .jackpot .counter .num .background {
    background: url(../img/promo-jackpot/num_back.png) 0 0;
}
.promo .jackpot .counter .num .border {
    background: url(../img/promo-jackpot/num_back.png) 0 -67px;
}
.promo .jackpot .counter .num .figure.one {
    background: url(../img/promo-jackpot/numbers.png) 6px -527px;
}
.promo .jackpot .counter .num .two {
    background: url(../img/promo-jackpot/numbers.png) 5px -461px;
}
.promo .jackpot .counter .num .three {
    background: url(../img/promo-jackpot/numbers.png) 5px -395px;
}
.promo .jackpot .counter .num .four {
    background: url(../img/promo-jackpot/numbers.png) 5px -329px;
}
.promo .jackpot .counter .num .five {
    background: url(../img/promo-jackpot/numbers.png) 4px -262px;
}
.promo .jackpot .counter .num .six {
    background: url(../img/promo-jackpot/numbers.png) 3px -194px;
}
.promo .jackpot .counter .num .seven {
    background: url(../img/promo-jackpot/numbers.png) 3px -131px;
}
.promo .jackpot .counter .num .eight {
    background: url(../img/promo-jackpot/numbers.png) 4px -65px;
}
.promo .jackpot .counter .num .nine {
    background: url(../img/promo-jackpot/numbers.png) 4px 1px;
}
.promo .jackpot .counter .num .zero {
    background: url(../img/promo-jackpot/numbers.png) 4px -592px;
}
.bonus-lucky {
    font-size: 14px;

    color: #555555;
    min-height: 189px;
    display: block;
    background: #e8e5de;

    border-radius: 6px;
    padding: 15px 10px;
}

.bonus-lucky .btn-take-bonus {
    background: url(../img/bonus-claim/bonus-claim__button.png) 0 0 no-repeat;
    height: 40px;
    width: 160px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    cursor: pointer;

    display: block;
    right: 10px;
    top: 27px;
}.v_day {
    width: 960px;
    height: 95px;
    position: relative;
    background: #000
}
.v_day .img {
    background: url(../img/v-day/v_day__img.png) center no-repeat;
    width: 940px;
    height: 95px;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
}
.v_day .content {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.v_day .one {
    background: url(../img/v-day/v_day__amount.png) 0 -88px;
}
.v_day .two {
    background: url(../img/v-day/v_day__amount.png) 0 -176px;
}
.v_day .three {
    background: url(../img/v-day/v_day__amount.png) 0 -264px;
}
.v_day .four {
    background: url(../img/v-day/v_day__amount.png) 0 -352px;
}
.v_day .five {
    background: url(../img/v-day/v_day__amount.png) 0 -440px;
}
.v_day .six {
    background: url(../img/v-day/v_day__amount.png) 0 -528px;
}
.v_day .seven {
    background: url(../img/v-day/v_day__amount.png) 0 -616px;
}
.v_day .eight {
    background: url(../img/v-day/v_day__amount.png) 0 -704px;
}
.v_day .nine {
    background: url(../img/v-day/v_day__amount.png) 0 -792px;
}
.v_day .zero {
    background: url(../img/v-day/v_day__amount.png) 0 0px;
}
.v_day .dollar {
    background: url(../img/v-day/v_day__amount.png) 0 -880px;
}
.v_day .amount div div {
    width: 76px;
    height: 83px;
    z-index: 2;
    float: left;
}
.v_day .ones .ones {
    margin-left: -35px;
}
.v_day .ones .tens {
    margin-left: -35px;
}
.v_day .ones .hundreds {
    margin-left: -20px;
}
.v_day .hundreds .ones {
    margin-left: -35px;
}
.v_day .amount {
    float: left;
    margin: 5px 0 0 110px;
    width: 255px;
}
.v_day .button {
    background: url(../img/v-day/v_day__button.png) 0 0 no-repeat;
    height: 40px;
    width: 160px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    cursor: pointer;
    float: left;
    margin: 27px 0 0 0;
    text-decoration: none;
}
.v_day .button:hover {
    background: url(../img/v-day/v_day__button.png) 0 -40px no-repeat;
    height: 40px;
    width: 160px;
}
.v_day .name {
    color: #fff;
    font-size: 22px;
    float: left;
    margin: 35px 0 0 0;
    width: 425px;
    text-align: center;
}/*регистрация/вход*/
.form-dark {
    background: #23232b;
    border-radius: 3px;
    padding: 10px 20px 15px;
    color: rgb(230, 227, 220);
    font-size: 12px;
    line-height: normal;
}

.form-dark .title {
    color: #e6e3dc;
    font-size: 16px;
    margin-bottom: 10px;
}
.form-dark p {
    margin-bottom: 10px;
}
.form-dark a {
    color: #ababab;
    font-size: 12px;
}
.input-icon {
    width: 43px;
    height: 40px;
    float: left;
    background-image: url(../img/input-back-43x42.png);
}
.input-icon-phone {
    background-position: 0 0;
}
.input-icon-password {
    background-position: 0 -42px;
}
.form-dark .input {
    margin-bottom: 10px;
    border-radius: 3px;
}
.form-dark INPUT[type=text],
.form-dark INPUT[type=password] {
    float: left;
    border: 0;
    height: 40px;
    padding: 0 15px;
    color: #464852;
    font-size: 15px;
    background-color: #e5eaee;
    width: 100%;
    border-radius: 0 3px 3px 0;
}

.btn-forgot_password {
    text-decoration: underline;
    cursor: pointer;
}
/*регистрация/вход*/
.form-dark INPUT[type=text]::-webkit-input-placeholder, .form-dark INPUT[type=password]::-webkit-input-placeholder,
.form-dark INPUT[type=text]::-moz-placeholder, .form-dark INPUT[type=password]::-moz-placeholder,
.form-dark INPUT[type=text]:-ms-input-placeholder, .form-dark INPUT[type=password]:-ms-input-placeholder {
    color: #a9a9a9;
}* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
html {
    overflow-x: hidden;
}
body {
    background: #171923;
    margin: 0;
    padding: 0;

    font-family: 'Nunito', sans-serif;
    font-style: normal;
    font-weight: 200;

    /*font-size: 14px;*/
    /*line-height: 22px;*/
    color: #FFFFFF;

    letter-spacing: 0.02em;
}

.title {
    font-family: Neucha, sans-serif;
}

wrapper {
    display: none;
}
img {
	border: 0;
}
a {
	color: #FFFFFF;
	text-decoration: underline;
    cursor: pointer;
}
p {
	margin-bottom: 15px;
}
h1 {
    font-size: 27px;
    font-weight: lighter;
    padding: 0 0 10px 0;
    margin: 0;
}
h2 {
    font-size: 18px;
    line-height: 20px;
    padding: 15px 0 10px 0;
	font-weight: bold;
}
.page {
    margin: 50px 0 100px 0;
    /*background: #eeeeee;*/
    border-radius: 5px;
    padding: 20px;
}


input:focus {
	outline: none
}
select:focus {
	outline: none
}
.box {
    overflow: hidden;
	position: relative;
}
.absbox {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

}
.container {
    max-width: 960px;
    margin: 0 auto;
}

.default-flex-column {
    display: flex;
    flex-direction: column;
    row-gap: 1em;
}

.default-flex-row {
    display: flex;
    flex-direction: row;
    column-gap: 1em;
}

.default-panel {
    background: #2B2F3F;
    border-radius: 0.2em;
    padding: 1em;
}

.pointer {
    cursor: pointer;
}

/*шапка*/



/*шапка*/
/*меню*/

.menu {
    color: #aca79b;
    padding: 10px 8px 0 8px;
}
.menu .grey_button {
    margin: 0 10px 10px 0;
    float: left;
	text-decoration: none;
}
/*меню*/


/*общее для всех промо-блоков*/
.promo {
    position: relative;
    z-index: 1;
    line-height: normal;
}
.promo.img {
    height: 300px;
}
.promo .bg {
	background: url(../img/bg-promo.png);
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 1;
	width: 1920px;
	margin-left: -480px;
}
.promo .container {
    position: relative;
    z-index: 2;
}
.promo .container .news {
    max-width: 640px;
    float: left;
    z-index: 2;
    width: 65%;
    padding: 34px 0 34px 10px;
}
.promo .container .news .h {
    font-size: 17px;
    padding-bottom: 11px;
    color: #3b3d45;
    line-height: 17px;
}
.promo .container .news .a {
    font-size: 14px;
    padding-bottom: 8px;
    color: #555555;
    display: block
}
.promo .container .news .p {
    font-size: 12px;
    color: #555555;
}
.promo .records {
    max-width: 320px;
    float: right;
    z-index: 2;
    width: 35%;
    padding: 34px 10px 34px 0;
}
.promo .records .h {
    font-size: 16px;
    padding-bottom: 11px;
    color: #3b3d45;
    line-height: 16px;
}
.promo .records .tr {
    border-bottom: 1px solid #555555;
    color: #3b3d45;
    font-size: 12px;
    line-height: 30px;
}
.promo .records .tr .left {
    width: 60%;
    float: left;
    padding-left: 12px;
}
.promo .records .tr .right {
    width: 40%;
    float: left;
    text-align: right;
    padding-right: 12px;
}
/*общее для всех промо-блоков*/
.bonus-claim {
	height: 95px;
	position: relative;
}
.bonus-claim .bg{
	position: absolute;
	left: 0;
	right: 0;
	height: 95px;
	background: url(../img/bonus-claim/bg.jpg)
}
.bonus-claim .icon {
	float: left;
}
.bonus-claim .amount {
	float: left;
	margin-left: 15px;
}
.bonus-claim .title {
	color: #fff;
    font-size: 22px;
	position: absolute;
	top: 35px;
	text-align: center;
	left: 435px;
	right: 170px;
}
.bonus-claim .digit {
    background: url(../img/bonus-claim/bonus-claim__amount.png);
	width: 76px;
    height: 83px;
    float: left;
    margin-left: -28px;
}
.bonus-claim .btn-take-bonus {
    background: url(../img/bonus-claim/bonus-claim__button.png) 0 0 no-repeat;
    height: 40px;
    width: 160px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 27px;
}
.bonus-claim .digit.one {
    background-position: 0 -88px;
}
.bonus-claim .digit.two {
    background-position: 0 -176px;
}
.bonus-claim .digit.three {
    background-position: 0 -264px;
}
.bonus-claim .digit.four {
    background-position: 0 -352px;
}
.bonus-claim .digit.five {
    background-position: 0 -440px;
}
.bonus-claim .digit.six {
    background-position: 0 -528px;
}
.bonus-claim .digit.seven {
    background-position: 0 -616px;
}
.bonus-claim .digit.eight {
    background-position: 0 -704px;
}
.bonus-claim .digit.nine {
    background-position: 0 -792px;
}
.bonus-claim .digit.zero {
    background-position: 0 0px;
}
.bonus-claim .digit.dollar {
    background-position: 0 -880px;
}

.gold_button:hover {
    opacity: 0.7;
}

.grey_button:hover {
    opacity: 0.7;
}

.login_signup {
    float: left;
    margin-left: 20px;
}

.game .buttons {
    /*padding: 7px 7px 0 7px;*/
}

.play .center {
    width: 119px;
}

.game {
    /*height: 260px;*/
    height: auto;
}

.game .prew{
    cursor: pointer;
}