body {
    background: #152331 url(/images/bg/main.png) repeat;
    /*background-image: linear-gradient(to bottom, #ffffff16 10%, #00000012 40%), url(/images/bg/newyear_clipart_top.png), url(/images/bg/newyear_clipart_bottom.png), url(/images/bg/patternbg.jpg);
    background-repeat: repeat, repeat-x, repeat-x, repeat;
    background-position: 0 0, top, bottom, 0 0;*/
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

a {
    transition: color 0.2s;
}

a span:hover, a strong:hover, a img:hover {
    cursor: pointer;
}

hr {
    background-color: rgba(0, 0, 0, 0.18);
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    width: 100%;
    height: 2px;
    margin: 5px auto;
    clear: both;
}

#loadGame {
    background-color: #2a3948;
    width: 350px;
    height: 60px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    line-height: 57px;
    font-size: 20px;
    text-align: center;
    box-shadow: 0 0 8px rgba(19, 24, 25, 0.8);
    text-transform: uppercase;
    z-index: 99;
    overflow: hidden;
}

#loadGame > div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 1%;
    height: 60px;
    background: #006588;
    transition: width 1.5s;
}

#loadGame > div.load {
    width: 100%;
}

#loadGame > span {
    position: absolute;
    left: 0;
    right: 0;
}

#loadMask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

.clear {
	clear: both;
}

.page_item {
    height: 100%;
    width: 100%;
    overflow-y: auto;
}

#main {
    /*width: 100%;
    height: 100%;
    max-width: 1004px;
    max-height: 764px;*/
    width: 1004px;
    height: 764px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

/*@media (min-height: 764px) {

    #main {
        margin: auto;
    }

}

@media (min-height: 900px) {

    #main {
        margin-top: 4%;
    }

}

@media (min-height: 1050px) {

    #main {
        margin-top: 2%;
        zoom: 1.3;
    }

}*/


.content_wrapper {
    position: relative;
    width: 100%;
    height: calc(100% - 100px);
    background:  url(/images/bg/content_men.png) no-repeat right bottom #0f1c23;
}

#content {
    width: 100%;
    height: 100%;
    display: none;
}

.load_old_fb_data {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #22384af2;
    z-index: 98;
    display: none;
}

.load_old_fb_data button {
    position: absolute;
    top: -80px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 300px;
    height: 60px;
}

img.mini_chip {
    width: 20px;
    margin-left: 7px;
}

/***** Header Bar *****/

#header {
    position: relative;
    width: 100%;
    height: 60px;
    background-color: #253846;
    border-bottom: 2px solid #008bbb;
    z-index: 9;
}

#footer {
    position: relative;
    height: 40px;
    width: 100%;
    background: #1c3242;
    overflow: hidden;
}

.headbar_profile {
    position: absolute;
    top: 7px;
    right: 6px;
    z-index: 2;
}

.headbar_profile div {
    float: right;
}

.profile_head_info {
    font-weight: bold;
    height: 43px;
    margin-top: 1px;
}

.profile_head_info a {
    height: 100%;
    padding: 4px 7px;
    display: block;
    transition: 0.3s;
}

.profile_head_info a:hover {
    background-color: #ffffff15;
    border-radius: 5px;
}

.profile_head_info img {
    width: 34px;
    height: 34px;
    margin-left: 7px;
    margin-bottom: 4px;
    border-radius: 50%;
}

.head_chips {
    font-size: 20px;
    color: white;
    height: 38px;
    margin: 4px 5px 0 5px;
    padding: 0 8px;
    cursor: default;
}

.head_chips img {
    width: 32px;
    height: 32px;
    margin: 4px 8px 5px -3px;
}

.head_buychips, .head_bonuspackages, .head_freechips, .head_vip {
    margin: 6px 5px 0 0;
    height: 35px;
}

.head_bonuspackages, .head_freechips {
    width: 51px;
    padding: 0 2px;
    transition: width .2s;
}

.head_bonuspackages:hover {
    width: 149px;
}

.head_freechips:hover {
    width: 173px;
}

.head_buychips a, .head_bonuspackages a, .head_freechips a {
    padding: 9px 11px;
    height: 35px;
    display: block;
    overflow: hidden;
    text-transform: uppercase;
}

.head_buychips a img, .head_bonuspackages a img, .head_freechips a img {
    width: 24px;
    height: 24px;
    margin-bottom: -1px;
    margin-top: -4px;
    margin-right: 13px;
}

.head_buychips a {
    padding: 9px 8px;
}

.head_buychips a img {
    margin-right: 9px;
}

.head_fortune {
    background-image: url(/images/fortune_icon.svg);
    width: 38px;
    height: 38px;
    margin: 4px 8px 0 0;
    float: right;
    transition: 0.3s;
    display: none;
}

.head_fortune:hover {
    transform: rotate(360deg);
}

.head_settings {
    background-repeat: no-repeat;
    background-position: center;
    width: 42px;
    height: 42px;
    margin: 1px 5px 0 5px;
    cursor: pointer;
    transition: 0.2s ease-out;
    z-index: 4;
}

.head_settings {
    background-image: url(/images/head_settings_icon.svg);
}

.head_notifications {
    background-image: url(/images/head_notification_icon.svg);
}

/*.head_logout {
    background-image: url(/images/head_exit_icon.svg);
    width: 39px;
    margin-right: 2px;
}*/

.head_settings:hover {
    background-color: #ffffff15;
    border-radius: 5px;
}

.head_vip {
    background-color: #812759;
    font-weight: bold;
    font-size: 18px!important;
    padding: 10px 7px !important;
    margin: 6px 9px 0 3px;
}

/*.head_settings img, .head_notifications img, .head_friends img, .head_logout img {
    height: 24px;
    opacity: 0.9;
}

.head_settings img:hover, .head_notifications img:hover, .head_friends img:hover, .head_logout img:hover {
    opacity: 1;
}*/

.headbar_login {
    overflow: hidden;
    text-transform: uppercase;
}

.headbar_login a {
    height: 40px;
    margin: 10px 15px 0 0;
    display: block;
    float: right;
    opacity: 0.9;
}

.headbar_login a {
    padding-left: 12px;
}

.headbar_login a img {
    height: 24px;
    margin: 8px 5px 10px 0;
}

.headbar_login a:hover {
    opacity: 1;
}

.go_to_lobby {
    background: url(/images/icon_lobby.svg) 7px center no-repeat;
    background-size: 28px;
    text-transform: uppercase;
    position: absolute;
    padding: 7px 8px 6px 42px;
    left: 7px;
    top: 8px;
    transition: background-color 0.3s;
    line-height: 29px;
    z-index: 1;
}

.go_to_lobby:hover {
    background-color: #ffffff15;
    border-radius: 5px;
}

/***** Main Games Page *****/

.main_page {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.game_blotclassic_icon a {
    /*filter: grayscale(0.9);*/
    
}

.game_blotclassic_icon a:hover {
    /*filter: grayscale(0);*/
    cursor: help;
}

/***** Authorization *****/

.socButton {
    text-align:center;
    padding:35px 10px 20px 10px;
    width: 100%;
    height: 100%;
    border-radius:3px;
    box-shadow: 0px 0px 10px 2px #161718; 
    -webkit-transition:0.5s ease;
    -moz-transition:0.5s ease;
    -o-transition:0.5s ease;
    -ms-transition:0.5s ease;
    transition:0.5s ease;
    cursor: pointer;
}

@media (max-width: 764px) {

    .socButton {
        
    }

}

#loginform {
    font-family:verdana;
    width: 100%;
    margin: auto;
    max-width: 580px;
}

#loginform #fb {
    background:#365195 url(/images/socicon_fb.png?v=2) center 30px no-repeat;
    background-size: 50%;
}

#loginform #vk {
    background:#4C75A3 url(/images/socicon_vk.png?v=1) center 30px no-repeat;
    background-size: 50%;
}

#loginform #ok {
    background:#EE8208 url(/images/socicon_ok.png?v=1) center 30px no-repeat;
    background-size: 42%;
}

#loginform #gp {
    background:#D6492F url(/images/socicon_gp.svg?v=1) center 30px no-repeat;
    background-size: 45%;
}


#loginform #fb:hover {
    box-shadow: 0px 0px 0px 0px #161718;
    -webkit-transition:0.5s ease;
    -moz-transition:0.5s ease;
    -o-transition:0.5s ease;
    -ms-transition:0.5s ease;
    transition:0.5s ease;
}

#loginform a {
    color:#88887a;
    text-decoration:none;
    -webkit-transition:0.5s ease;
    -moz-transition:0.5s ease;
    -o-transition:0.5s ease;
    -ms-transition:0.5s ease;
    transition:0.5s ease;
    font-size: 13px;
}

#loginform a:hover {
    color:#fff;
    margin-left:5px;
    -webkit-transition:0.5s ease;
    -moz-transition:0.5s ease;
    -o-transition:0.5s ease;
    -ms-transition:0.5s ease;
    transition:0.5s ease;
}

#loginform .logintitle {
    background: #22384a url(/images/head_login_icon.png) 10px center no-repeat;
    background-size: 25px;
    width: 100%;
    height: 40px;
    padding: 10px 0 0 50px;
    margin-bottom: 30px;
    border-radius: 3px;
    font-weight: bold;
    box-shadow: 0px 0px 10px 2px #161718; 
}

#loginform #connect {
    font-weight: bold;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding-top: 100px;
    cursor: pointer;
}

#loginform .or {
    position:absolute;
    top: 15px;
    background:#061423;
    text-shadow:0 2px 0px #121212;
    color:#999999;
    width:40px;
    height:40px;
    text-align:center;
    border-radius:50%;
    font-weight:bold;
    line-height:38px;
    font-size: 11px;
    z-index: 1;
}

#loginform .or1 {
    left: 155px;
}

#loginform .or2 {
    left: 335px;
}

#loginform .or3 {
    left: 515px;
}

@media (max-width: 520px) {

    #loginform #connect {
        padding-top: 60px;
    }

}

/***** Sign In / Up Page *****/

.auth_title {
    font-size: 30px;
    text-align: center;
    width: 100%;
}

.social_auth {

}

/***** Buttons *****/

.btn {
    color: #fff;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    outline: 0;
    font-size: 1em;
    line-height: 1em;
    text-align: center;
    text-decoration: none;
    padding: .85em 1.1em;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.22), inset 0 0 0 1px rgba(255,255,255,0.15);
    border-radius: 5px;
    transition: box-shadow .2s;
}

.btn:hover {
    box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.32), inset 0 0 0 1px rgba(255,255,255,0.15);
    color: white;
}

.btn:active {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.7);
}

.btn.disabled {
    opacity: 0.9;
    text-indent: -9999px;
    white-space: nowrap;
}

.btn.disabled::after {
    content: url('/images/button_loader.gif');
    width: 90%;
    height: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-indent: 0;
    white-space: normal;
}

.btn_blue {
    background-color: #016b90;
}

.btn_green {
    background-color: #478100;
}

.btn_red {
    background-color: #981c1c;
}

.btn_gray {
    background-color: #62288c;
}

.btn_yellow {
    background-color: #d09103;
}

.btn_orange {
    background-color: #d07503;
}

.btn_lite {
    background-color: #01904c;
}

/***** Social Buttons *****/

.socila_button {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    padding: 12px 9px;
    border-radius: 2px;
    margin:	5px 3px;
    width: calc(50% - 8px);
}

/*@media screen and (max-width: 1320px){

.socila_button {
    width: calc(50% - 8px);
}

}*/

.socila_button:hover {
    color: white;
    cursor: pointer;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.6);
}

.socila_button img {
    height: 14px;
    margin: 0px 5px -2px 0;
}

#social_vk{
    background-color: #4C75A3;
}

#social_fb {
    background-color: #3b5998;
}

#social_ok {
    background-color: #EE8208;
}

#social_gp {
    background-color: #D6492F;
}


/***** Footer *****/

.footer_left {
    position: absolute;
    left: 1%;
    line-height: 39px;
    font-size: 12px;
    cursor: default;
}

.footer_left a {
    display: inline-block;
    margin-left: 15px;
}

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

.footer_right {
    position: absolute;
    right: 1%;
}

.footer_right ul {
    float: right;
    height: 40px;
    text-transform: uppercase;
}

.footer_right ul li {
    height: 40px;
    line-height: 39px;
    display: block;
    float: left;
    margin-left: 15px;
}

/***** Notification Window *****/

#notification {
    position: absolute;
    top: -55px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: #32434e;
    border: 5px solid #0000002e;
    box-shadow: 2px 2px 5px 1px rgba(0,0,0,.4);
    border-radius: 8px;
    color: #cbe5f3;
    z-index: 6;
    font-size: 15px;
    width: 320px;
    height: fit-content;
    padding: 10px;
    text-align: center;
    transform: scale(0);
    transition: all .3s;
    cursor: default;
}

#notification.show, #information.show {
    transform: scale(1);
}

/*#notification > div {
    display: inline-block;
}*/

#notification .notif_close {
    position: absolute;
    right: 6px;
    top: 6px;
    color: #962525;
    font-size: 30px;
    font-weight: bold;
    cursor: pointer;
    background: url(/images/icon_close.svg) center no-repeat;
    width: 18px;
    height: 18px;
    transition: opacity 0.3s ease;
    z-index: 1;
    display: block;
    overflow: hidden;
}

#notification .notif_close:hover {
    color: #c11c1c;
}

#notification button {
    float: left;
    margin: 15px 3% 10px 3%;
}

#notification .notif_onebut {
    width: 94%;
}

#notification .notif_minbut {
    width: 35%;
}

#notification .notif_maxbut {
    width: 53%;
}

#notification img.mini_chip {
    width: 18px;
    margin: -2px 3px 0px 6px;
}

/***** Payment Popup Window *****/

#payment_popup {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: #132738 url(/images/bg/popup_pattern.png) repeat;
    border: 5px solid #0000002e;
    box-shadow: 0 0 7px 2px rgba(0,0,0,.4);
    border-radius: 8px;
    color: #fff;
    z-index: 6;
    font-size: 17px;
    width: 700px;
    height: fit-content;
    padding: 20px;
    text-align: center;
    overflow: hidden;
    transform: scale(0);
    transition: all .3s;
}

#payment_popup > .paymeth_title {
    background: url(/images/paymeth_title.png) no-repeat left center;
    margin-bottom: 15px;
    margin-left: 11px;
    padding-left: 70px;
    color: #cbe5f3;
    font-size: 19px;
    font-weight: bold;
    text-align: left;
}

#payment_popup > .paymeth_item {
    background: #a22b2b;
    border-radius: 5px;
    margin: 11px;
    width: 194px;
    height: 60px;
    font-size: 18px;
    padding-top: 18px;
    cursor: pointer;
    float: left;
    text-shadow: 1px 1px 1px #00000059;
    box-shadow: 1px 1px 2px 1px #00000047;
}

#payment_popup > .paymeth_item span {
    font-size: 12px;
}

.paymeth_title > .buying_title {
    font-weight: normal;
    font-size: 16px;
}

.paymeth_content {
    color: #cbe5f3;
    width: 100%;
    padding: 40px 15px;
    position: relative;
    top: 20px;
    margin-bottom: 30px;
    border: 1px dashed #6fa1bb;
    display: none;
}

.paymeth_content > .red_text {
    color: #b90505;
}

#paymethNotAM {
    display: none;
}

/***** Profile Popup Window *****/

#profile_popup {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: #364956 url(/images/bg/popup_pattern.png) repeat;
    border: 5px solid #0000002e;
    box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.46);
    border-radius: 8px;
    color: #fff;
    z-index: 6;
    font-size: 17px;
    width: 420px;
    height: 280px;
    padding: 4px;
    text-align: center;
    transform: scale(0);
    transition: all .3s;
    cursor: default;
}

#congrate_popup {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: url(/images/bg/congrate_purchase.png) repeat;
    background-size: cover;
    box-shadow: 0 0 7px 1px rgba(0,0,0,.8);
    border-radius: 20px;
    color: #fff;
    z-index: 6;
    font-size: 17px;
    width: 682px;
    height: 300px;
    padding: 4px;
    text-align: center;
    transform: scale(0);
    transition: all .3s;
    cursor: default;
}

#level_upgrade_congrate_popup {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: url(/images/bg/level_type_up_congrats.jpg) no-repeat;
    background-size: cover;
    box-shadow: 0 0 7px 1px rgba(0,0,0,.8);
    border-radius: 20px;
    color: #fff;
    z-index: 6;
    font-size: 17px;
    width: 552px;
    height: 450px;
    padding: 4px;
    text-align: center;
    transform: scale(0);
    transition: all .3s;
    cursor: default;
}

#level_upgrade_congrate_popup > .congrate_body {
    position: relative;
    top: 196px;
    width: 100%;
    height: 50px;
    text-align: center;
    color: #901414;
    text-shadow: 0 0 1px #ccc;
    font-size: 20px;
    font-weight: bold;
}

#level_upgrade_congrate_popup > .congrate_body.amateur {
    color: #386501;
}

#level_upgrade_congrate_popup > .congrate_body.professional {
    color: #901414;
}

#new_gift_congrate_popup {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: url(/images/bg/new_gift_congrate_popup.jpg) no-repeat;
    background-size: cover;
    box-shadow: 0 0 7px 1px rgba(0,0,0,.8);
    border-radius: 20px;
    color: #fff;
    z-index: 7;
    font-size: 17px;
    width: 532px;
    height: 280px;
    padding: 4px;
    text-align: center;
    transform: scale(0);
    transition: all .3s;
    cursor: default;
}

#new_gift_congrate_popup > .congrate_body {
    position: relative;
    top: 40px;
    width: 100%;
    height: 50px;
    text-align: center;
    color: #b91111;
    text-shadow: -1px -1px 0 #190202b0;
    font-size: 23px;
    font-weight: bold;
}

#bonusopen_popup {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: url(/images/bonus_open.jpg) repeat;
    box-shadow: 0 0 7px 1px rgba(0,0,0,.8);
    border-radius: 20px;
    z-index: 6;
    width: 411px;
    height: 350px;
    transform: scale(0);
    transition: all .3s;
    cursor: default;
}

#profile_popup.show, #payment_popup.show, #congrate_popup.show, #bonusopen_popup.show, #information_show, #level_upgrade_congrate_popup.show, #new_gift_congrate_popup.show {
    transform: scale(1);
}

#profile_popup .pp_close, #payment_popup .pp_close, #congrate_popup .pp_close, #bonusopen_popup .pp_close, #information .pp_close, #level_upgrade_congrate_popup .pp_close, #new_gift_congrate_popup .pp_close {
    background: url(/images/icon_close.svg) center no-repeat;
    position: absolute;
    right: 13px;
    top: 11px;
    cursor: pointer;
    width: 22px;
    height: 22px;
    z-index: 1;
}

.congp_title {
    position: absolute;
    top: 20px;
    right: 40px;
    color: #40403f;
    font-weight: bold;
    width: 350px;
    height: 50px;
    padding: 4px 0 10px 0;
    font-size: 23px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: -1px 0 1px rgba(0, 0, 0, 0.23);
}

.congp_text {
    position: absolute;
    top: 190px;
    right: 40px;
    color: #457506;
    font-weight: bold;
    width: 330px;
    height: 90px;
    padding: 4px 0 10px 0;
    font-size: 23px;
    text-align: center;
    text-shadow: -1px 0 1px rgba(0, 0, 0, 0.23);
}

.bonop_chips {
    position: absolute;
    top: 190px;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #385460;
    font-size: 28px;
    width: 350px;
    height: 50px;
    font-weight: bold;
    text-align: center;
    text-shadow: -1px -1px 2px rgba(255, 255, 255, 0.75);
    text-transform: uppercase;
    transform: scale(0);
    transition: all 1s;
}

.bonop_chips.opened {
    top: 116px;
    transform: scale(1);
}

.bonop_chips > span {
    font-size: 35px;
}

.pp_avatar {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
}

#profile_popup > .vip .pp_avatar::after {
    content: 'VIP';
    width: 100%;
    height: 22%;
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #942459d4;
}

.pp_avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border-color: #ffffff85;
    border-style: solid;
    border-width: 7px;
    transition: border-width .1s;
}

#profile_popup > .vip .pp_avatar img {
    border-color: #8a2e5a;
}

.pp_avatar img:hover {
    border-width: 1px;
}

.pp_name {
    position: absolute;
    top: 10px;
    left: 180px;
    font-weight: bold;
    width: 222px;
    padding: 4px 0 10px 0;
    font-size: 17px;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
}

.pp_level_type {
    position: absolute;
    top: 61px;
    right: 15px;
    width: 223px;
    height: 42px;
    line-height: 40px;
    padding-left: 30px;
    cursor: pointer;
}

#level1 {
    background: rgb(193, 138, 11) url(/images/icon_level1.svg) 15px center no-repeat;
}

#level2 {
    background: rgb(80, 144, 42) url(/images/icon_level2.svg) 15px center no-repeat;
}

#level3 {
    background: rgb(160, 40, 40) url(/images/icon_level3.svg) 15px center no-repeat;
}

.pp_level_text {
    position: absolute;
    top: 115px;
    left: 172px;
    color: #f19926;
    font-size: 15px;
    font-weight: bold;
}

.pp_level {
    position: absolute;
    top: 110px;
    right: 14px;
    width: 52px;
    height: 52px;
    background: url(/images/level_bg.svg) no-repeat;
    line-height: 58px;
    color: white;
    text-shadow: -1px -1px 0px rgba(14, 14, 14, 0.21);
}

.pp_rating_bar {
    position: absolute;
    top: 143px;
    left: 172px;
    width: 160px;
    height: 16px;
    background: #c0c9cc;
    border-radius: 5px;
    overflow: hidden;
    cursor: help;
}

.pp_ratbar_front {
    position: absolute;
    width: 1%;
    height: 100%;
    background: #ff9f32;
    transition: 1.2s;
}

.pp_ratbar_percents {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 15px;
    z-index: 1;
    font-size: 13px;
    color: #6d3b01;
}

.pp_wins, .pp_loses, .pp_quits {
    position: absolute;
    top: 170px;
    width: 127px;
    height: 95px;
    padding-top: 63px;
    font-weight: bold;
    font-size: 20px;
    border-radius: 5px;
}


.pp_wins {
    left: 9px;
    background: #00000040 url(/images/icon_wins.svg?v=1) center 10px no-repeat;
    color: #98d44d;
}

.pp_loses {
    left: 142px;
    background: #00000040 url(/images/icon_loses.svg?v=1) center 10px no-repeat;
    color: #f15454;
}

.pp_quits {
    left: 275px;
    background: #00000040 url(/images/icon_quits.svg?v=1) center 5px no-repeat;
    color: #52bae4;
}

/***** Blot Servers *****/

.srvrs_main {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 0.5% 0;
}

.srvrs_main > div {
    float: left;
}

.srvrs_block, .create_table_block {
    background: #6887a038;
    display: block;
    position: relative;
}

.srvrs_block {
    width: 80%;
    height: 100%;
    overflow: hidden;
    border-right: 1px solid #ffffff0d;
} 

.create_table_block {
    width: 20%;
}

.srvrs_title {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #ffffff21;
    padding: 15px;
}

.srvrs_title h1 {
    font-weight: bold;
    font-size: 15px;
}

.srvrs_refresh {
    background: url(/images/refresh_icon.svg) no-repeat;
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    top: 9px;
    right: 15px;
    opacity: 0.8;
    transition: opacity 0.2s;
}    

.srvrs_refresh:active {
    transform: rotate(180deg);
}

.srvrs_refresh:hover {
    opacity: 1;
}

tbody {
    display: block;
    overflow: auto;
}
thead, tbody tr {
    display: table;
    width: 100%;
    height: 35px;
    table-layout: fixed;
}

table.tb_servers {
    border-collapse: collapse;
    background-color: transparent;
    width: 100%;
    height: calc(100% - 50px);
}

table.tb_servers thead tr {
    background-color: rgba(0,0,0,.3);
}

table.tb_servers thead tr th {
    padding: 10px 8px;
    text-align: center;
    font-size: 13px;
}

table.tb_servers thead tr th:first-child, table.tb_servers tbody tr td:first-child {
    width: 9%;
}

table.tb_servers thead tr th:last-child, table.tb_servers tbody tr td:last-child {
    width: 15%;
}

table.tb_servers thead tr th:nth-child(2), table.tb_servers tbody tr td:nth-child(2) {
    width: 10%;
}

table.tb_servers thead tr th:nth-child(3), table.tb_servers tbody tr td:nth-child(3) {
    width: 16%;
    text-align: left;
    padding: 0 0 0 18px;
}

table.tb_servers thead tr th:nth-child(4), table.tb_servers tbody tr td:nth-child(4) {
    width: 18%;
}

table.tb_servers thead tr th:nth-child(5), table.tb_servers tbody tr td:nth-child(5) {
    width: 8%;
}

table.tb_servers thead tr th:nth-child(6), table.tb_servers tbody tr td:nth-child(6) {
    width: 8%;
}

table.tb_servers thead tr th:nth-child(7), table.tb_servers tbody tr td:nth-child(7) {
    width: 8%;
}

table.tb_servers thead tr th:nth-child(8), table.tb_servers tbody tr td:nth-child(8) {
    width: 8%;
}

table.tb_servers tbody {
    height: calc(100% - 35px);
}

table.tb_servers tbody tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    height: 48px;
    width: 100%;
    transition: 0.2s;
}

table.tb_servers tbody tr:nth-child(even) {
    background-color: rgba(0,0,0,.1);
}

table.tb_servers tbody tr:hover {
    background-color: rgba(0,0,0,.2);
    cursor: pointer;
}

table.tb_servers tbody tr td {
    padding: 6px 8px;
    text-align: center;
}

table.tb_servers tbody tr td a.btn {
    width: 100px;
    height: 38px;
    display: block;
}

/***** Create a blot table *****/

.create_table_cont {
    margin: 8px;
}

.create_table_cont hr {
    margin: 10px auto;
}

.crt_tbl_pointscount {
    float: left;
    width: 48%;
}

.crt_tbl_playtime {
    float: right;
    width: 48%;
}

.create_table_cont input {
    cursor: pointer;
}

.create_table_cont label {
    cursor: pointer;
    position: relative;
    top: 2px;
    left: 2px;
}

.create_table_cont .nice-select {
    margin: 10px auto;
}

#create_table_submit {
    width: 100%;
}

.not_found_404 {
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}

.but_defaults {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.7);
    text-align: center;
    padding: 5px;
    color: #efefef;
    cursor: pointer;
    opacity: 1;
    vertical-align: middle;
    text-transform: uppercase;
    text-shadow: -1px 0 1px rgba(0, 0, 0, 0.5);
    transition: opacity .15s, box-shadow .15s, transform .15s;
}

.but_defaults:hover {
    color: #e4e4e4;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.7);
    /*opacity: 1;
    transform: scale(1.02);*/
}

.but_defaults:active {
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2);
}

.lobby_topbanner {
    position: relative;
    top: 10px;
    display: block;
    margin: 0 auto;
    width: 935px;
}

.tables_rightbanner {
    width: 190px;
    margin: 5px;
    margin-top: 20px;
    display: block;
}

.lobby_topbanner img, .tables_rightbanner img {
    width: 100%;
}

.lobby_btn {
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 100px;
    width: 450px;
    height: 23%;
    position: relative;
    float: left;
    top: 7px;
    margin-left: 35px;
    margin-top: 1.8%;
    font-size: 30px;
    font-weight: bold;
    border-radius: 8px;
    overflow: hidden;
}

.lobby_btn::after {
    content: "";
    position: absolute;
    width: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 7px;
    transition: width .2s ease-in;
}

.lobby_btn:hover::after {
    width: 100%;
    background-color: #00000040;
}

.lobby_btn .lbtn_c1 {
    position: absolute;
    top: 32px;
    left: 150px;
    font-size: 22px;
    text-align: left;;
}

.lobby_btn .lbtn_c2 {
    position: absolute;
    top: 28px;
    right: 20px;
    font-size: 30px;
    text-align: right;
}

.lobby_btn .lbtn_c3 {
    position: absolute;
    top: 90px;
    left: 150px;
    width: 273px;
    font-size: 19px;
    font-weight: normal;
    text-transform: lowercase;
}

.lobby_btn .lbtn_c4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000a1 url(/images/chlevel_blocked.svg) no-repeat center 20px;
    background-size: 70px;
    font-size: 18px;
    padding-top: 105px;
    text-transform: none;
    font-weight: normal; 
    border-radius: 8px;
    display: none;
}

.lobby_btn .lbtn_c2 > img {
    width: 27px;
    margin: 0px 9px 5px 4px;
}

.lobby_btn .lbtn_c3_l {
    float: left;
    padding-top: 4px;
}

.lobby_btn .lbtn_c3_r {
    float: right;
    background-color: #00000026;
    border-radius: 5px;
    padding: 4px 7px;
}

.lobby_btn.blocked:hover .lbtn_c4 {
    display: block;
}

.lobby_btn .lbtn_c3 del {
    font-size: 18px;
}

.tournament_btn {
    background-image: url(/images/icon_tournament.png?v=1);
    background-position: 40px center;
    padding-top: 56px;
    padding-left: 90px;
    height: 24%;
}

.educational_btn {
    background-image: url(/images/icon_educational.png);
    padding-top: 56px;
    padding-left: 114px;
    height: 24%;
}

.chlvl1 {
    background-image: url(/images/buychips_icon_2.png);
}

.chlvl2 {
    background-image: url(/images/buychips_icon_3.png);
}

.chlvl3 {
    background-image: url(/images/buychips_icon_5.png);
}

.chlvl4 {
    background-image: url(/images/buychips_icon_4.png);
}

.chlvl5 {
    background-image: url(/images/buychips_icon_7.png);
}

.chlvl6 {
    background-image: url(/images/bet_mob_5.png);
}

/**************************************/

#lobbyPriceButs {
    width: 100%;
    height: 100%;
    padding: 3%;
}

#lobbyPriceButs > div {
    position: relative;
    top: 50px; left: 0; right: 0; bottom: 0;
    margin: auto;
    display: none;
}

#lobbyPriceButs > div > a {
    position: relative;
    width: 29%;
    height: 320px;
    margin: 2.16%;
    display: block;
    float: left;
    text-align: center;
    font-size: 75px;
    font-weight: bold;
    text-shadow: -1px -1px 3px #0000009e;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.7);
    transition: text-shadow .3s, transform .2s, box-shadow .2s;
    padding-top: 185px;
    border: 1px solid #cccccc1c;
    line-height: .4em;
}

#lobbyPriceButs > div > a span {
    color: #ccc;
    font-size: 15px;
}

#lobbyPriceButs > div[data-level="1"] > a {
    background-color: #35312cb8;
    color: #FF9800;
}

#lobbyPriceButs > div[data-level="2"] > a {
    background-color: #30352cb8;
    color: #478100;
}

#lobbyPriceButs > div[data-level="3"] > a {
    background-color: #352e2eb8;
    color: #981515;
}

#lobbyPriceButs > div > a:hover {
    transform: scale(1.05);
    box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.7);
}

#lobbyPriceButs > div > a > div {
    position: absolute;
    bottom: 122px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 60%;
    height: 190px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

#lobbyPriceButs > div > a:first-child > div {
    background-image: url(/images/buychips_icon_1.png);
}

#lobbyPriceButs > div > a:nth-child(2) > div {
    background-image: url(/images/buychips_icon_2.png);
}

#lobbyPriceButs > div > a:last-child > div {
    background-image: url(/images/buychips_icon_3.png);
}

/**************************************/

.buychips_desc {
    position: relative;
    width: 100%;
    /* height: 200px; */
    background: #c8c8c826 url(/images/buychips_desc_icon.png) no-repeat 30px 10px;
    background-size: auto 90%;
    margin: 20px auto 0 auto;
    padding: 20px 20px 20px 250px;
    font-size: 15px;
    text-shadow: -1px -1px 0px #0000009c;
    line-height: 1.7em;
}

.buychips_item {
    position: relative;
    width: 15.33%;
    height: 50%;
    max-height: 340px;
    background-color: #2C3844;
    background-repeat: no-repeat;
    background-position: center 15px;
    background-size: 80%;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
    float: left;
    margin: 25px 0.66%;
}

.buyitem_bg1 {
    background-image: url(/images/buychips_icon_1.png);
}

.buyitem_bg2 {
    background-image: url(/images/buychips_icon_2.png);
}

.buyitem_bg3 {
    background-image: url(/images/buychips_icon_3.png);
}

.buyitem_bg4 {
    background-image: url(/images/buychips_icon_4.png);
}

.buyitem_bg5 {
    background-image: url(/images/buychips_icon_5.png);
}

.buyitem_bg6 {
    background-image: url(/images/buychips_icon_6.png);
}

.buychips_count, .buychips_count_sale {
    position: absolute;
    top: 167px;
    text-align: center;
    width: 100%;
    font-size: 35px;
    color: #00bcff;
    text-shadow: 1px 1px 1px #0000009e;
    font-weight: bold;
}

.buychips_count_sale {
    display: none;
}

.buychips_count img, .buychips_count_sale img {
    width: 30px;
    margin: 0 0 -2px 9px;
}

.buychips_amount {
    position: absolute;
    bottom: 70px;
    text-align: center;
    width: 100%;
    font-size: 20px;
    color: #fff;
    text-shadow: 1px 1px 1px #111;
    font-weight: bold;
}

.buychips_but {
    position: absolute;
    bottom: 7px;
    text-align: center;
    width: 86%;
    margin: 0 7%;
    padding: 5px 0;
    font-weight: bold;
}

.buychips_but button {
    width: 100%;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.7);
}

.payment_methods {
    position: absolute;
    bottom: 20px;
    width: 100%;
    height: 52px;
    background: rgba(255, 255, 255, 0.59) url(/images/payment_methods.png?1) no-repeat 98% center;
    padding: 15px 20px;
    color: #1e2e3c;
    font-size: 17px;
}

/************ Language Flags *****************/

.flags {
    position: relative;
}

.flags > div {
    position: absolute;
    top: 4px;
    right: 0;
    transition: right .3s;
    cursor: pointer;
}

.flags > div img {
    height: 30px;
}

.flags > div.current, .flags > div.opened {
    z-index: 1;
}


.fortune_inform {
    background: #2b3f50;
    width: 260px;
    height: 475px;
    margin: auto 0;
    position: absolute;
    top: 0;
    right: 50px;
    bottom: 0;
    box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, 0.3);
}

.wheel_fortune {
    background-color: rgb(52, 78, 91);
    width: 500px;
    height: 500px;
    margin: auto 0;
    position: absolute;
    top: 0;
    left: 70px;
    bottom: 0;
    border-radius: 50%;
    box-shadow: 0 0 9px 4px rgba(0, 0, 0, 0.34);
}

.fortune_triangle {
    background: url(/images/fortune_triangle.png) no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 224px;
    top: -22px;
}

#spin_button {
    position: absolute;
    top: 171px;
    left: 171px;
    width: 154px;
    height: 154px;
    background: #14A5A0;
    border: 12px solid #fff;
    text-align: center;
    line-height: 131px;
    font-weight: bold;
    font-size: 25px;
    border-radius: 50%;
    color: white;
    cursor: pointer;
    text-shadow: -1px 0 1px #213804;
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.23);
    transition: 0.2s;
}

#spin_button:hover {
    background: #0c8e89;
    border: 12px solid #14A5A0;
}

.finform_title {
    width: 100%;
    height: 50px;
    line-height: 49px;
    font-size: 20px;
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 1px 0 0px rgba(0, 0, 0, 0.11);
}

.finform_content {
    margin: 10px;
    font-size: 15px;
    line-height: 1.4em;
}

.finform_won {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    margin: 0 auto;
    width: 90%;
    height: 215px;
    background-color: #455765;
    box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.24);
}

.finform_won_title {
    position: absolute;
    width: 100%;
    height: 30px;
    line-height: 29px;
    text-align: center;
    font-size: 17px;
    background: #ffffff1a;
}

.finform_won_award {
    position: absolute;
    width: 100%;
    height: 50px;
    top: 40px;
    text-align: center;
    line-height: 45px;
    font-size: 19px;
    font-weight: bold;
    display: none;
}

.fortune_timer {
    position: absolute;
    width: 100%;
    height: 65px;
    top: 90px;
    text-align: center;
    line-height: 30px;
    font-size: 15px;
    font-weight: bold;
    display: none;
}

.fortune_open_award {
    position: relative;
    top: 165px;
    text-align: center;
    display: none;
}

.fortune_open_award a {
    width: 200px;
}

.finform_won_award img {
    width: 20px;
    margin-top: -5px;
}

.fortune_timer #fortune_timer {
    font-size: 25px;
}

.settings_back {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.settings_back {
    z-index: 4;
}

.faq_button, .messenger_button {
    position: fixed;
    right: -189px;
    /* right: 0; */
    width: 240px;
    height: 50px;
    border-radius: 8px 0 0 8px;
    border-right: none;
    box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.25);
    text-shadow: -1px 0 1px rgba(0, 0, 0, 0.54);
    cursor: pointer;
    transition: 0.2s;
    white-space: nowrap;
    color: white;
    padding: 15px 0 0 55px;
    z-index: 11;
    opacity: 0.6;
}

/*.complaint_button {
    background: #7b2222 url(/images/complaint.svg) no-repeat 5px center;
    border: 1px solid #753c3c;
    top: 35%;
}*/

.faq_button {
    background: #278440 url(/images/faq_button.svg) no-repeat 8px center;
    top: calc(35% - 65px);
}

.messenger_button {
    background: #0c76e0 url(/images/messenger_button_icon.svg) no-repeat 8px center;
    border: 1px solid #0d4073;
    /*top: calc(35% + 65px);*/
    top: 35%;
    background-size: 36px;
    color: white;
}

.faq_button:hover, .messenger_button:hover {
    right: 0;
    color: white;
    opacity: 1;
}

.inroom_player_icon img {
    width: 21px;
    height: 21px;
    position: relative;
    margin-left: 3px;
    top: 2px;
}

/*********************************/

/*.settings_arrow_up {
    background: url(/images/settings_top_arrow.png) no-repeat;
    width: 25px;
    height: 15px;
    position: absolute;
    top: 0;
    right: 6px;
    background-size: 20px;
}*/

.settings_content {
    z-index: 5;
    position: relative;
    min-width: 160px;
    top: 54px;
    right: 0;
    display: none;
}

.settings_content ul {
    background: #3c5263;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.27);
}

.settings_content ul li {
    width: 100%;
    border-bottom: 1px solid #ffffff1c;
    padding: 10px 12px;
    transition: background-color 0.2s;
    overflow: hidden;
    cursor: pointer;
}

.settings_content ul li:last-child {
    border-bottom: none;
}

.settings_content ul li:hover {
    background-color: #4d677b;
}

.settings_content ul li .stngs_key {
    float: left;
    color: #ced7e8;
}

.settings_content ul li .stngs_val {
    float: right;
    color: #ff8183;
}

.settings_content ul li .stngs_val img {
    height: 18px;
    margin-bottom: -4px;
}

#information {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: #2e4048 url(/images/bg/popup_pattern.png) repeat;
    border: 5px solid #0000002e;
    box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.39);
    border-radius: 8px;
    color: #eef9ff;
    z-index: 6;
    font-size: 15px;
    width: 800px;
    height: fit-content;
    padding: 14px;
    padding-top: 10px;
    text-align: left;
    transform: scale(0);
    transition: all .3s;
    cursor: default;
}

.inform_title {
    background: url(/images/inform_title_icon.svg) no-repeat 0 center;
    font-size: 16px;
    font-weight: bold;
    color: #90eeff;
    padding: 5px 0 9px 45px;
}

.inform_item {
    overflow: hidden;
}

.inform_item_left {
    float: left;
    width: 70%;
    padding: 18px 0 10px 0;
}

.inform_item_right {
    float: right;
    width: 30%;
}

.inform_item_right .pp_level_type {
    position: inherit;
    margin-top: 23px;
    width: 210px;
    height: 42px;
    float: right;
    text-align: center;
    color: white;
    cursor: default;
}

.inform_wins {
    position: absolute;
    margin-top: 70px;
    margin-left: 20px;
    line-height: 41px;
    padding-left: 52px;
    width: 103px;
    height: 42px;
    font-weight: bold;
    font-size: 17px;
    opacity: 1;
    transition: 0.3s ease;
    background: #c1ff9c url(/images/icon_wins.svg?v=1)10px center no-repeat;
    background-size: 30px;
    color: #3c6b01;
}

.inform_level {
    position: absolute;
    margin-top: 70px;
    right: 16px;
    line-height: 41px;
    padding-left: 57px;
    width: 103px;
    height: 42px;
    font-weight: bold;
    font-size: 17px;
    opacity: 1;
    transition: 0.3s ease;
    background: #ffe1c1 url(/images/level_bg.svg?v=1)10px center no-repeat;
    background-size: 30px;
    color: #d0740b;
}

.faq_title {
    background: url(/images/faq_icon.svg?v=1) no-repeat 0 center;
    font-size: 20px;
    font-weight: bold;
    color: #33a8d2;
    padding: 12px 0 12px 60px;
    text-shadow: -1px 0 0 #171e1f;
}

.faq_item {
    width: 100%;
    background: rgba(211, 248, 253, 0.02);
    padding: 0 5px 10px 5px;
    transition: 0.4s;
    margin-top: 4px;
    cursor: help;
}

.faq_item:hover {
    background: rgba(211, 248, 253, 0.05);
}

.faq_item_question {
    background: url(/images/inform_title_icon.svg) no-repeat 0 center;
    padding: 7px 0 7px 38px;
    margin-bottom: 2px;
    background-size: 25px;
    font-size: 15px;
    color: #2db1c3;
    text-shadow: -1px 0 0 #171e1f;
}

.faq_item_answer {
    padding-left: 38px;
    font-size: 13px;
    line-height: 1.8em;
}


/*************************** Nice Select ********************/

.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: rgba(0, 0, 0, 0.4);
  border: solid 1px rgba(232, 232, 232, 0.42);
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.08);
  border: solid 1px rgba(255, 255, 255, 0.19);
  border-radius: 5px;
  clear: both;
  cursor: url(/images/cursor_pointer.svg), auto;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 35px;
  line-height: 35px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: auto; }
  .nice-select:hover {
    border-color: #ffffff87; }
  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #999; }
  .nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
            transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px; }
    .nice-select span {
      cursor: url(/images/cursor_pointer.svg), auto;
    }
  .nice-select.open:after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg); }
  .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); }
  .nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none; }
    .nice-select.disabled:after {
      border-color: #cccccc; }
  .nice-select.wide {
    width: 100%; }
    .nice-select.wide .list {
      left: 0 !important;
      right: 0 !important; }
  .nice-select.right {
    float: right; }
    .nice-select.right .list {
      left: auto;
      right: 0; }
  .nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px; }
    .nice-select.small:after {
      height: 4px;
      width: 4px; }
    .nice-select.small .option {
      line-height: 34px;
      min-height: 34px; }
  .nice-select .list {
    background-color: #495867;
    color: #d3eeff;
    box-shadow: 0 0 4px 1px rgba(14, 14, 14, 0.4);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; }
    .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }
  .nice-select .option {
    cursor: url(/images/cursor_pointer.svg), auto;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
        color: #eee;
    background-color: #3c4e5f;}
    .nice-select .option.selected {
      font-weight: bold; }
    .nice-select .option.disabled {
      background-color: transparent;
      color: #999;
      cursor: default; }

.no-csspointerevents .nice-select .list {
  display: none; }

.no-csspointerevents .nice-select.open .list {
  display: block; }

/*******************************************************************/

.fortune_page, .buychips_page, .bonus_packages_page, .free_chips_page, .faq_page, .tournaments_page {
    background-color: #ffffff0d;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    height: 100%;
    width: 100%;
    /*padding: 1% 1.5%;*/
    overflow-y: auto;
    overflow-x: hidden;
}

.fortune_page {
    background: #273744 url(/images/bg/fortune_pattern.png);
}

.bonus_packages_title {
    background: url(/images/bonus_packages_title.svg) no-repeat 0 center;
    font-size: 20px;
    font-weight: bold;
    color: #33a8d2;
    padding: 12px 0 12px 60px;
    text-shadow: -1px 0 0 #171e1f;
    margin: 10px;
}

.bonuspack_item {
    overflow: hidden;
    float: left;
    width: 49%;
    height: 150px;
    margin: 7px 0.5%;
    background: rgba(204, 204, 204, 0.05);
    transition: 0.3s;
    cursor: pointer;
}

.bonuspack_item:hover {
    background: rgba(204, 204, 204, 0.1);
}

.bonpackitem_left {
    float: left;
    width: 150px;
    height: 150px;
}

.bonpackitem_left img {
    width: 100%;
    height: 100%;
}

.bonpackitem_right {
    float: right;
    width: calc(100% - 150px);
    padding: 0 7px;
}

.bonpackitem_title {
    font-size: 17px;
    height: 32px;
    line-height: 30px;
    color: #fdc650;
}

.bonpackitem_desc {
    height: 114px;
    font-size: 13px;
    overflow: hidden;
    line-height: 1.6em;
}

.bonuspack_item.active .bonpackitem_price {
    display: none;
}

.bonuspack_item.active .bonpackitem_active {
    display: block;
}

.bonpackitem_price, .bonpackitem_active {
    position: relative;
    top: -33px;
    width: 150px;
    height: 33px;
    line-height: 32px;
    text-align: center;
    color: white;
    font-size: 16px;
    font-weight: bold;
}

.bonpackitem_price {
    background-color: rgba(0, 0, 0, 0.5);
}

.bonpackitem_active {
    background-color: #399e31e0;
    display: none;
}


.inform_bonus_packages {
    width: 550px !important;
    height: 355px !important;
}

.inform_bonus_packages > .inform_title {
    background: url(/images/bonus_packages_title.svg) no-repeat 0 center;
    color: #ffdb57;
    margin-bottom: 5px;
}

.inform_bonus_packages > .inform_cont {
    padding: 2px;
    overflow: hidden;
}

.inform_bonus_packages .inform_left {
    float: left;
    width: 180px;
}

.inform_bonus_packages .inform_right {
    float: left;
    width: calc(100% - 180px);
}

.inform_bonus_packages .inform_desc {
    padding-left: 12px;
}

.inform_bonus_packages .inform_img {
    width: 180px;
    height: 180px;
}

.inform_bonus_packages .inform_buy {
    width: 180px;
    margin-top: 9px;
    display: none;
}

.inform_bonus_packages .inform_price {
    width: 180px;
    height: 40px;
    margin-top: 7px;
    background: #f9db93;
    text-align: center;
    line-height: 38px;
    font-size: 20px;
    font-weight: bold;
    color: #69531d;
}

.inform_bonus_packages .inform_img img {
    width: 100%;
    height: 100%;
}

.inform_bonus_packages .inform_buyinginfo {
    width: 180px;
    height: 40px;
    margin-top: 9px;
    background: #d7fda6 url(/images/bonpackitem_had.svg) no-repeat 10px center;
    background-size: 25px 25px;
    border: 1px dashed #74b323;
    text-align: center;
    line-height: 38px;
    font-size: 20px;
    font-weight: bold;
    color: #44610d;
    padding-left: 25px;
    display: none;
}

.inform_bonus_packages .inform_buyingcancel {
    width: 180px;
    margin-top: 6px;
    background: #2c8bad no-repeat center;
    background-size: 25px 25px;
    border: 1px dashed #156480;
    text-align: center;
    font-size: 13px;
    color: #ffffff;
    padding: 3px 2px;
    display: none;
}

.inform_bonus_packages .inform_buyingopen {
    width: 180px;
    margin-top: 9px;
    display: none;
}

.congp_text  .inform_buyingopen {
    width: 330px;
    margin-top: 6px;
}

#bonusPacksBut {
 transition: all .6s;
}

#bonusPacksBut.coloring {
    background-color: #9507ad;
}

#notif_penalty_info_1, #notif_penalty_info_2 {
    display: none;
}

#notif_penalty_info_1.show, #notif_penalty_info_2.show {
    display: block;
}

.penalty_chip_icon {
    width: 20px;
    margin: -2px 0 -4px 0;
}

table.tb_servers tbody:after {
    content: " ";
    display: block;
    background: linear-gradient(180deg,hsla(0, 0%, 100%, 0) 0,rgba(0, 0, 0, 0.5));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#ffffff",GradientType=0);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 90px;
    pointer-events: none;
}

#bannerPopup {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    width: 87%;
    height: 67%;
    z-index: 10;
    box-shadow: 0 0 20px 8px rgba(0, 0, 0, 0.65);
    transform: scale(0);
    transition: all .3s;
    cursor: pointer;
}

#bannerPopup.show {
    transform: scale(1);
}

#bannerPopup .banner_close {
    background: url(/images/icon_close.svg) center no-repeat;
    position: absolute;
    right: 13px;
    top: 11px;
    cursor: pointer;
    width: 25px;
    height: 25px;
    transition: opacity 0.3s ease;
    z-index: 1;
}

 #bannerPopup .banner_close:hover {
    opacity: 0.92;
 }


/********************************************************************/

.free_chips_title {
    background: url(/images/free_chips_title_icon.svg) no-repeat 0 center;
    font-size: 20px;
    font-weight: bold;
    color: #d29509;
    padding: 12px 0 12px 60px;
    text-shadow: -1px 0 0 #171e1f;
    margin: 10px;
}

.freechips_item {
    width: 100%;
    overflow: hidden;
    background-color: #ffffff0f;
    padding: 10px;
    border-bottom: 1px solid #cccccc14;
    transition: background-color .3s;
}

.freechips_item:hover {
    background-color: #ffffff1a;
}

.freechips_item > div {
    float: left;
}

.freechips_item .fchi_1 {
    width: 8%;
    height: 50px;
}

.freechips_item .fchi_2 {
    width: 58%;
    line-height: 45px;
}

.freechips_item .fchi_2.two_lines {
    line-height: 24px;
}

.freechips_item .fchi_3 {
    width: 13%;
    height: 40px;
    margin: 0 2%;
    margin-top: 5px;
    background: #567598;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    color: #fff;
    border-radius: 2px;
    text-shadow: -1px 0 1px #294654;
}

.freechips_item .fchi_4 {
    width: 17%;
    height: 35px;
}

.freechips_item .fchi_1 img {
    width: 50px;
    height: 50px;
    border-radius: 5px;
    margin-left: 8px;
}

.freechips_item .fchi_3 img {
    width: 26px;
    margin-top: -6px;
}

.freechips_item .fchi_4 a {
    width: 90%;
    margin: 0 5%;
    margin-top: 7px;
    padding: .85em 0;
}

.freechips_item .fchi_4.fch_done {
    background: #5ea723 url(/images/free_chips_done_icon.svg) no-repeat center;
    height: 38px;
    width: 15%;
    margin: 5px 1%;
    border-radius: 5px;
}

.freechips_item .fchi_4.fch_done a {
    display: none;
}

/*.freechips_item#fchi_offer {
    display: none;
}*/

/************************ Tournaments *******************************/

.tournaments_content {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 1% 1.5%;
    overflow-y: auto;
}

.trnmntlist_item {
    position: relative;
    width: 100%;
    background-color: #26323c;
    margin-bottom: 15px;
    height: 247px;
    border-radius: 8px;
    box-shadow: 1px 1px 6px 2px #00000033;
    float: left;
}

.trnmntlitem_left {
    position: relative;
    float: left;
    width: 70%;
    height: 100%;
    background-size: cover;
    background-position: right;
    border-radius: 8px 0 0 8px;
}

.trnmntlitem_right {
    position: relative;
    float: right;
    width: 30%;
    height: 100%;
}

.trnmntlitem_title {
    position: absolute;
    width: 100%;
    background: #00000085;
    padding: 10px;
    font-weight: bold;
    font-size: 15px;
    border-radius: 8px 0 0 0;
}

.trnmntlitem_title > img {
    width: 24px;
    margin-right: 8px;
}

.trnmntlitem_status {
    position: absolute;
    bottom: -10px;
    left: -10px;
    width: 120px;
    height: 120px;
    background-size: 100%;
    transform: rotate(180deg);
}

.trnmntlist_item.active .trnmntlitem_status {
    background-image: url(/images/trnmntlitem_status_icon_2.svg);
    color: #003e0c;
}

.trnmntlist_item.finished .trnmntlitem_status {
    background-image: url(/images/trnmntlitem_status_icon_1.svg);
    color: #131313;
}

.trnmntlist_item.coming .trnmntlitem_status {
    background-image: url(/images/trnmntlitem_status_icon_3.svg);
    color: #4c1400;
}

.trnmntlitem_status > div {
    transform: rotate(-135deg);
    position: absolute;
    top: 23px;
    right: -21px;
    text-align: center;
    width: 100%;
    height: 30px;
    text-shadow: 1px 1px 0 #ffffff2e;
}

.trnmntlitem_timer {
    position: relative;
    width: 100%;
    height: 40px;
    line-height: 39px;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    border-radius: 0 8px 0 0;
}

.trnmntlitem_timer > span {
    cursor: help;
}

.trnmntlist_item.active .trnmntlitem_timer {
    color: #24a33d;
}

.trnmntlist_item.finished .trnmntlitem_timer {
    font-size: 20px;
}

.trnmntlitem_timer_top {
    height: 20px;
    line-height: 19px;
    font-size: 11px;
    padding: 0;
}

.tournm_tournament_right.coming .trnmntlitem_timer_top {
    color: #358ba9;
}

.tournm_tournament_right.active .trnmntlitem_timer_top {
    color: #24a33d;
}

.tournm_tournament_right.finished .trnmntlitem_timer_top {
    color: #de2626;
}

.trnmntlitem_timer_top, .trnmntlitem_timer_bottom {
    position: relative;
    width: 100%;
    height: 15px;
    line-height: 14px;
    background-color: #0000002e;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    padding: 0 15%;
}

.trnmntlitem_timer_bottom > div {
    position: relative;
    width: 33%;
    height: 100%;
    text-align: center;
    float: left;
}

.trnmntlitem_fond {
    position: relative;
    padding: 3px 0;
    line-height: 25px;
    text-align: center;
    border-bottom: 1px dashed #3c4346;
}

.trnmntlitem_fond b {
    font-size: 24px;
    color: #ebbc00;
}

.trnmntlitem_fond img {
    width: 22px;
    margin: -10px 0 0px 7px;
}

.trnmntlitem_date, .trnmntlitem_memberscount {
    position: relative;
    padding: 4px 0;
    line-height: 20px;
    text-align: center;
    border-bottom: 1px dashed #3c4346;
}

.trnmntlitem_date b, .trnmntlitem_memberscount b {
    font-size: 15px;
}

.trnmntlitem_date > b > span {
    padding: 6px 100px;
    cursor: help;
}

.trnmntlitem_price {
    position: relative;
    padding: 6px 0;
    text-align: center;
}

.trnmntlitem_price > b {
    font-size: 17px;
    margin-left: 5px;
}

.trnmntlitem_price > img {
    width: 18px;
    margin: -5px 0 0 7px;
}

.trnmntlitem_buttons {
    position: relative;
    width: 100%;
}

.trnmntlitem_buttons > button, .trnmntlitem_buttons > a {
    position: relative;
    left: 3%;
    margin: 3px 0;
    width: 94%;
}

.trnmntlist_item.finished {
    width: 49%;
    height: 197px;
}

.trnmntlist_item.finished_odd {
    margin-right: 2%;
}

.trnmntlist_item.finished .trnmntlitem_price, .trnmntlist_item.finished .trnmntlitem_date {
    display: none;
}

.trnmntlist_item.finished .trnmntlitem_fond {
    font-size: 13px;
    margin: 15px 0;
}

.trnmntlist_item.finished .trnmntlitem_fond img {
    width: 18px;
}

.trnmntlist_item.finished .trnmntlitem_fond b {
    font-size: 18px;
}

/*********************/

#information.tournaments_results {
    background: #161f27;
    border: none;
    box-shadow: 0 0 8px 2px rgba(0,0,0,.8);
    color: #ccc;
    width: 480px;
    height: 630px;
}

.inform_tourresults_title {
    color: #ebbc00;
    font-size: 16px;
    border-bottom: 1px dashed #3a3e40;
    padding: 0 0 14px 0;
    white-space: nowrap;
}

.inform_tourresults_title > img {
    width: 24px;
    margin-right: 10px;
}

table.tournament_results_list {
    border-collapse: collapse;
    background-color: transparent;
    width: 100%;
    margin-top: 15px;
}

table.tournament_results_list thead tr {
    background-color: rgba(0, 0, 0, 0.21);
}

table.tournament_results_list thead tr th {
    padding: 10px 8px;
    text-align: center;
    font-size: 13px;
}


table.tournament_results_list thead tr th:first-child, table.tournament_results_list tbody tr td:first-child {
    width: 10%;
    font-weight: bold;
}

table.tournament_results_list thead tr th:nth-child(2), table.tournament_results_list tbody tr td:nth-child(2) {
    width: 30%;
    text-align: left;
    padding-left: 20px;
}

/*table.tournament_results_list thead tr th:last-child, table.tournament_results_list tbody tr td:last-child {
    text-align: right;
}*/

.tournaments_results table.tournament_results_list tbody {
    height: 520px;
}

.tournaments_results table.tournament_results_list tbody > div.empty {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 10px;
    width: 90%;
    text-align: center;
    font-size: 17px;
}

table.tournament_results_list tbody tr {
    border-bottom: 1px solid #cccccc12;
    height: 48px;
    width: 100%;
    transition: 0.2s;
}

table.tournament_results_list tbody tr:nth-child(even) {
    background-color: rgba(0,0,0,.1);
}

table.tournament_results_list tbody tr:hover {
    background-color: rgba(0,0,0,.15);
}

table.tournament_results_list tbody tr td {
    padding: 6px 8px;
    text-align: center;
}

table.tournament_results_list tbody tr td.me {
    font-weight: bold;
    color: #d63b3b;
}

table.tournament_results_list tbody tr:first-child td:first-child {
    background-image: url(/images/medal_icon_1.png);
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: center 8px;
    text-indent: -9999px;
}

table.tournament_results_list tbody tr:nth-child(2) td:first-child {
    background-image: url(/images/medal_icon_2.png);
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: center 8px;
    text-indent: -9999px;
}

table.tournament_results_list tbody tr:nth-child(3) td:first-child {
    background-image: url(/images/medal_icon_3.png);
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: center 8px;
    text-indent: -9999px;
}

table.tournament_results_list img.mini_chip {
    width: 20px;
    margin-left: 7px;
}

.tournament_page {
    height: 100%;
}

.tournaments_tournament {
    background: #161f27;
    width: 100%;
    height: 100%;
}

.tournm_tournament_left {
    position: relative;
    float: left;
    width: 75%;
    height: 100%;
}

.tournm_tournament_right {
    position: relative;
    float: right;
    width: 25%;
    height: 100%;
    background-color: #242e38;
}

.tournm_tournament_right.active .trnmntlitem_timer {
    color: #329c4e;
}

.tournm_tournament_head {
    position: relative;
    margin-top: 5px;
    width: 100%;
    background-color: #1e2021;
    background-size: cover;
    background-position: right;
    height: calc(30% - 5px);
}

.tournm_tournament_title {
    color: #ebbc00;
    font-size: 20px;
    margin: 0 12px;
    padding: 15px 0;
}

.tournm_tournament_title > img {
    width: 24px;
    margin: 0 10px -4px 0;
}

.tournm_tournament_info {
    position: relative;
    top: 5px;
}

.tournm_tournament_info > .trnmntlitem_timer {
    height: 50px;
    line-height: 49px;
    font-size: 35px;
}

/*.tournaments_tournament[data-type="1"] .trnmntlitem_timer {
    line-height: 2.6em;
    font-size: 19px;
}*/

.tournm_tournament_info > .trnmntlitem_timer_bottom {
    padding: 0 4%;
}

/*.trnmntlist_item[data-type="1"] .trnmntlitem_timer_bottom > div, .tournaments_tournament[data-type="1"] .trnmntlitem_timer_bottom > div {
    display: none;
}*/

.tournm_tournament_info > .trnmntlitem_fond, .tournm_tournament_info > .trnmntlitem_date, .tournm_tournament_info > .trnmntlitem_price, .tournm_tournament_info > .trnmntlitem_memberscount {
    padding: 12px 0;
}

.tournm_tournament_prizes {
    position: relative;
    margin-top: 10px;
}

.tournm_tournament_prizes_title {
    position: relative;
    background-color: #0000004d;
    color: #ce422e;
    padding: 10px 0;
    text-align: center;
    font-weight: bold;
}

.tournm_tournament_prizes_item {
    position: relative;
    overflow: hidden;
    width: 100%;
    background-color: #00000021;
    height: 45px;
    line-height: 43px;
    border-bottom: 1px solid #cccccc14;
}

.tournm_tournament_prizes_item:nth-child(even) {
    background-color: #00000010;
}

.tournm_tournament_prizes_item:hover {
    background-color: #00000015;
}

.tournm_tournament_prizes_item > div:first-child {
    float: left;
    width: 30%;
    padding-left: 15px;
    font-weight: bold;
    color: #ccc;
    font-size: 16px;
}

.tournm_tournament_prizes_item > div:last-child {
    float: right;
    width: 70%;
    font-size: 18px;
    padding-right: 20px;
    text-align: right;
    
}

.tournm_tournament_prizes_item > div:first-child > img {
    width: 30px;
    margin-top: 7px;
}

.tournm_tournament_prizes_item img {
    width: 24px;
    margin-left: 6px;
}

.tournm_tournament_middle {
    position: relative;
    height: 50%;
}

.tournm_tournament_playing_fildes {
    position: absolute;
    width: 100%;
    height: 85%;
}

.tournm_tournament_playing_fildes > div {
    position: relative;
    float: left;
    margin-top: 4%;
    margin-left: 2%;
    width: 22.5%;
    height: 81%;
    background-color: #ffffff14;
    text-align: center;
    color: #ffffff2b;
    padding-top: 6%;
    font-size: 110px;
    font-family: fantasy;
    border-radius: 5px;
    box-shadow: 0 0 6px 2px #00000036;
    border: 1px solid #cccccc1a;
    transition: box-shadow .2s, transform .15s, color .3s, padding-top .3s, border .3s;
    text-shadow: 0 0 2px #00000075;
}

.tournm_tournament_playing_fildes > div > span {
    display: none;
}

.tournm_tournament_playing_fildes > div > button {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 80%;
    padding: 15px 0;
    margin: 0 10%;
    font-size: 14px;
    text-transform: uppercase;
    font-family: Arial;
    display: none;
 }

 .tournm_tournament_playing_fildes > div > img.blocked {
    display: none;
 }

.tournm_tournament_playing_fildes > div.active {
    background-color: #9cff2212;
    border: 1px solid #655927;
    color: #c19c06;
    cursor: pointer;
    padding-top: 0;
    box-shadow: 0 0 17px 6px #00000073;
    transform: scale(1.05);
}

.tournm_tournament_playing_fildes > div.finished {
    background-color: #da5b5b1c;
    border: 1px solid #841a1a45;
    color: #8c1717;
    padding-top: 0;
}

.tournm_tournament_playing_fildes > div.blocked {
    padding-top: 0;
}

.tournm_tournament_playing_fildes > div.active > button.btn_green {
    display: block;
}

.tournm_tournament_playing_fildes > div.finished > button.btn_red {
    display: block;
    box-shadow: 0 0 0px 2px #fffefe17 inset;
    cursor: default;
    background-color: #8c1818;
}

.tournm_tournament_playing_fildes > div.blocked > img.blocked {
    display: block;
    height: 46px;
    margin: -2px auto 0 auto;
}

.tournm_tournament_playing_fildes > div.active > span.bet, .tournm_tournament_playing_fildes > div.blocked > span.bet {
    position: relative;
    top: -14px;
    display: block;
    font-size: 20px;
    text-align: center;
    width: 100%;
}

.tournm_tournament_playing_fildes > div.blocked > span.bet {
    color: #696969;
}

.tournm_tournament_playing_fildes > div.finished > span.points {
    position: relative;
    top: -10px;
    display: block;
    font-size: 20px;
    text-align: center;
    width: 100%;
    color: #d0d0d0;
}

.tournm_tournament_playing_fildes > div.active > span.bet > img {
    margin-bottom: 2px;
}

.tournm_tournament_playing_fildes > div.blocked > span.bet > img {
    opacity: 0.4;
    margin-bottom: 2px;
}

.tournm_tournament_middle_button {
    position: absolute;
    top: 4%;
    width: 100%;
    height: 80%;
    background-color: #ffffff0d;
}

.tournm_tournament_middle_button > button {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 300px;
    height: 60px;
    font-size: 19px;
    padding: 0;
    font-weight: bold;
    text-transform: uppercase;
}

.tournm_tournament_middle_button > button.long {
    color: #ccc;
    font-size: 14px;
    text-shadow: none;
    box-shadow: none;
    cursor: default;
    width: 600px;
    height: 50px;
    box-shadow: 1px 2px 2px 0px #0000005e;
}

.tournm_tournament_middle_button > button img {
    width: 14px;
    margin-top: -1px;
}

.tournm_tournament_score {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    height: 35px;
    line-height: 33px;
    padding: 0 15px;
    background-color: #395d40;
    color: white;
    overflow: hidden;
}

.tournm_tournament_score_points {
    float: left;
    width: 50%;
}

.tournm_tournament_score_place {
    float: right;
    width: 50%;
    text-align: right;
}

.tournm_tournament_results_button {
    position: relative;
    margin-top: 10px;
    margin-left: 3%;
    width: 94%;
    padding: 16px 0;
}

.tournm_tournament_return {
    position: absolute;
    bottom: 13px;
    left: 0;
    margin-left: 3%;
    width: 94%;
    background-color: #ffffff69;
    color: #222;
    font-weight: bold;
    text-shadow: -1px -1px 0 #ffffff2e;
}

.tournm_tournament_return:hover {
    color: #151515;
}

.tournm_tournament_rules {
    position: relative;
    height: 20%;
    padding: 0 10px;
    line-height: 19px;
}


.turnm_novelty {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 120px;
    height: 120px;
    background-size: 100%;
    background-image: url(/images/trnmntlitem_status_icon_3.svg);
    color: #4c1400;
}

.turnm_novelty > div {
    transform: rotate(45deg);
    position: absolute;
    top: 30px;
    right: -15px;
    text-align: center;
    width: 100%;
    height: 30px;
    text-shadow: 1px 1px 0 #ffffff2e;
    font-size: 15px;
}

/*******************************************************************/

.inform_buy_vip {
    width: 620px !important;
    height: 485px !important;
}

.inform_buy_vip > .inform_title {
    background: url(/images/user_vip.svg) no-repeat 0 2px;
    background-size: 30px;
    color: #ff86ca;
    font-size: 17px;
    padding: 0 0 10px 45px;
    height: 40px;
    line-height: 30px;
}

.inform_buy_vip > .inform_cont {
    overflow: hidden;
}

.inform_cont > span {
    margin-bottom: 16px;
    display: block;
}

.inform_vip_item {
    margin-top: 5px;
    border-bottom: 1px solid #ffffff0a;
    overflow: hidden;
    font-size: 13px;
}

.inform_vip_item > div:first-child {
    float: left;
    width: 30px;
    margin: 6px;
}

.inform_vip_item > div:last-child {
    float: right;
    width: calc(100% - 60px);
    padding-bottom: 6px;
    line-height: 34px;
}

.inform_vip_item img {
    width: 100%;
}

.inform_vip_buybuts {
    position: relative;
    width: 100%;
    height: 140px;
    margin-top: 10px;
}

.inform_vip_buybuts > div {
    position: relative;
    float: left;
    width: 23%;
    height: 120px;
    margin: 1%;
    background-image: linear-gradient(to bottom, #fdce25 35%, #dead00 70%);
    box-shadow: 2px 2px 6px 1px #00000063;
    cursor: pointer;
}

.inform_vip_buybuts > div:hover {
    background-image: linear-gradient(to bottom, #fdce25 35%, #e6b400 70%);
}

.inform_vip_buybuts > div > div:first-child {
    position: absolute;
    top: 18px;
    width: 100%;
    text-align: center;
    color: #B46113;
    font-size: 16px;
    padding: 0 10px;
    font-weight: bold;
}

.inform_vip_buybuts > div > div:last-child {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 20px;
    text-shadow: 1px 1px 1px #584600;
}

.inform_vip_info {
    font-size: 13px;
}

.inform_vip_current {
    position: relative;
    width: 100%;
    height: 40px;
    line-height: 39px;
    font-size: 12px;
    color: #30580b;
    background-color: #9ccc78;
    padding-left: 20px;
    margin: 10px 0;
    display: none;
}

.inform_buy_vip.current {
    height: 560px !important;
}

.inform_buy_vip.current .inform_vip_current {
    display: block;
}

/**********************************************/

.buychips_page.sale .buychips_count {
    text-decoration: line-through;
    font-size: 17px;
    text-align: right;
    padding-right: 45px;
    margin-top: -2px;
    color: #6e9fb1;
}

.buychips_page.sale .buychips_count_sale {
    display: block;
    padding-top: 12px;
}

.buychips_gift {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 120px;
    height: 120px;
    background-size: 100%;
    background-image: url(/images/trnmntlitem_status_icon_3.svg);
    color: #4c1400;
}

.buychips_gift > div {
    transform: rotate(44deg);
    position: absolute;
    top: 30px;
    right: -13px;
    text-align: center;
    width: 100%;
    height: 30px;
    text-shadow: 1px 1px 0 #ffffff2e;
}

.lds_ring_mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #25384670;
    z-index: 999;
    display: none;
}

.lds_ring_mask.show {
    display: block;
}

.lds_ring {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 64px;
    height: 64px;
}
.lds_ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #fff;
  border-radius: 50%;
  animation: lds_ring 0.8s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds_ring div:nth-child(1) {
  animation-delay: -0.30s;
}
.lds_ring div:nth-child(2) {
  animation-delay: -0.20s;
}
.lds_ring div:nth-child(3) {
  animation-delay: -0.10s;
}
@keyframes lds_ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


@-moz-document url-prefix() {

  #notification {
    height: 130px;
  }

  #payment_popup {
    height: 350px;
  }

}

@media (max-height: 764px) {

    #main {
        position: relative;
    }

}

.notif_firends {
    padding: 25px;
}

.notif_firends_input {
    float: left;
    width: 180px;
    height: 37px;
}

.notif_firends_join_but {
    float: right !important;
    margin: 0 !important;
    width: 130px;
}

.notif_firends_create_but {
    width: 320px;
    margin: 20px 0 !important;
}

/************** Landing **********************/

.land {
    color: #606468;
    font-size: 14px;
    line-height: 1.5em;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.land .btn {
    padding: 18px;
    min-width: 200px;
    font-size: 16px !important;
    font-weight: bold;
}

.land .btn > i {
    font-size: 18px !important;
    margin-right: 6px;
}

.land_icon {
    padding: 30px 0;
}

.land_title {
    font-size: 28px;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.land_screenshots {
    margin: 0;
    max-width: 500px;
}

.land_screenshots img {
    width: 100%;
}

.land_pay_name {
    color: white;
    font-size: 18px;
}

.land_pay_product {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}