@charset "UTF-8";
body, html {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: top;
    background: 0 0;
    font-size: 16px;
    line-height: 1;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: #061e3a !important
}

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

*, :after, :before {
    box-sizing: inherit
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: none
}

.search input {
    background: 0 0;
    border: 0
}

:focus {
    outline: 0
}

a, ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

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

a {
    color: #64b7e3
}

.mobile_menu .mobile_menu_list_box ul li a:hover, a:hover {
    color: #9bccff
}

.play_btn {
    /*width: 155px;*/
    /*height: 47px;*/
    background-size: 100%
}

.play_btn.android {
    background-image: url(../img/ico-market-android.svg)
}

.lang-en .play_btn.android {
    background-image: url(../../images/android-btn.png)
}

.lang-ru .play_btn.android {
    background-image: url(../img/google-play-ru.png)
}

.lang-de .play_btn.android {
    background-image: url(../img/google-play-de.png)
}

.lang-fr .play_btn.android {
    background-image: url(../img/google-play-fr.png)
}

.lang-it .play_btn.android {
    background-image: url(../img/google-play-it.png)
}

.lang-es .play_btn.android {
    background-image: url(../img/google-play-es.png)
}

.lang-ar .play_btn.android {
    background-image: url(../img/google-play-ar.png)
}

.lang-zh_cn .play_btn.android {
    background-image: url(../img/google-play-zh_cn.png)
}

.play_btn.ios {
    background-image: url(../img/ico-market-ios.svg)
}

.lang-en .play_btn.ios {
    background-image: url(../images/appstore-btn.png)
}

.lang-ru .play_btn.ios {
    background-image: url(../img/app-store-ru.png)
}

.lang-de .play_btn.ios {
    background-image: url(../img/app-store-de.png)
}

.lang-fr .play_btn.ios {
    background-image: url(../img/app-store-fr.png)
}

.lang-it .play_btn.ios {
    background-image: url(../img/app-store-it.png)
}

.lang-es .play_btn.ios {
    background-image: url(../img/app-store-es.png)
}

.lang-ar .play_btn.ios {
    background-image: url(../img/app-store-ar.png)
}

.lang-zh_cn .play_btn.ios {
    background-image: url(../img/app-store-zh_cn.png)
}

.lang-en .play_btn.samsung {
    background-image: url(../img/samsung-store-en.png)
}

.lang-ru .play_btn.samsung {
    background-image: url(../img/samsung-store-ru.png)
}

.lang-de .play_btn.samsung {
    background-image: url(../img/samsung-store-de.png)
}

.lang-fr .play_btn.samsung {
    background-image: url(../img/samsung-store-fr.png)
}

.lang-it .play_btn.samsung {
    background-image: url(../img/samsung-store-it.png)
}

.lang-es .play_btn.samsung {
    background-image: url(../img/samsung-store-es.png)
}

.lang-ar .play_btn.samsung {
    background-image: url(../img/samsung-store-ar.png)
}

.lang-zh_cn .play_btn.samsung {
    background-image: url(../img/samsung-store-zh_cn.png)
}

.lang-en .play_btn.huawei {
    background-image: url(../img/huawei-store-en.png)
}

.lang-ru .play_btn.huawei {
    background-image: url(../img/huawei-store-ru.png)
}

.lang-de .play_btn.huawei {
    background-image: url(../img/huawei-store-de.png)
}

.lang-fr .play_btn.huawei {
    background-image: url(../img/huawei-store-fr.png)
}

.lang-it .play_btn.huawei {
    background-image: url(../img/huawei-store-it.png)
}

.lang-es .play_btn.huawei {
    background-image: url(../img/huawei-store-es.png)
}

.lang-ar .play_btn.huawei, .lang-zh_cn .play_btn.huawei {
    background-image: url(../img/huawei-store-en.png)
}

.play_btn.osx {
    background-image: url(../img/ico-market-osx.svg)
}

.play_btn.windows {
    background-image: url(../img/ico-market-win.svg)
}

.play_btn.site {
    background-image: url(../img/ico-market-site.svg)
}

.play_btn.amazon {
    background-image: url(../img/ico-market-amazon.svg)
}

.lang-en .play_btn.play_on_web {
    background-image: url(../img/play-in-browser-en.png)
}

.lang-ru .play_btn.play_on_web {
    background-image: url(../img/play-in-browser-ru.png)
}

.lang-de .play_btn.play_on_web {
    background-image: url(../img/play-in-browser-de.png)
}

.lang-fr .play_btn.play_on_web {
    background-image: url(../img/play-in-browser-fr.png)
}

.lang-it .play_btn.play_on_web {
    background-image: url(../img/play-in-browser-it.png)
}

.lang-es .play_btn.play_on_web {
    background-image: url(../img/play-in-browser-es.png)
}

.lang-ar .play_btn.play_on_web {
    background-image: url(../img/play-in-browser-ar.png)
}

.lang-zh_cn .play_btn.play_on_web {
    background-image: url(../img/play-in-browser-zh_cn.png)
}

.arrow_down, .play_btn, .tri {
    display: inline-block
}

.arrow_down {
    content: '';
    position: relative;
    width: 0 !important;
    height: 0 !important;
    top: 50%;
    right: -5px;
    margin-top: -2px;
    border-style: solid;
    border-width: 4px 4px 0;
    border-color: #4d7796 transparent transparent
}

.tri {
    background: url(../img/tri.png) no-repeat center center;
    width: 9px;
    height: 10px;
    margin: 0 15px
}

.sharings_box a {
    background-color: #01386b;
    border: 1px solid #134675;
    width: 35px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    margin: 0 10px 10px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.sharings_box a:first-child {
    margin-left: 0
}

.sharings_box a:hover {
    border: 1px solid #9bccff;
    background-color: #134675
}

.sharings_box a i {
    width: 20px;
    height: 20px;
    display: block;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    margin: 7px auto
}

.sharings_box a i.fb {
    background-image: url(../img/sharings/ico-social-facebook.svg)
}

.sharings_box a i.inst {
    background-image: url(../img/sharings/ico-social-instagram.svg)
}

.sharings_box a i.ok {
    background-image: url(../img/sharings/ico-social-ok.svg)
}

.sharings_box a i.tw {
    background-image: url(../img/sharings/ico-social-twitter.svg)
}

.sharings_box a i.vk {
    background-image: url(../img/sharings/ico-social-vk.svg)
}

.arrow_left, .arrow_right {
    width: 32px;
    height: 50px;
    display: block;
    background-image: url(/images/arrow_left.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%
}

.arrow_right {
    background-image: url(/images/arrow_right.svg)
}

.button_green, .green_btn {
    position: relative;
    display: inline-block;
    text-decoration: none;
    font-family: 'PT Sans', Arial, Helvetica, sans-serif;
    font-size: 24px;
    line-height: 1;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #5ead29;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .4);
    padding: 10px;
    min-width: 140px;
    text-align: center;
    cursor: pointer;
    background: #49a011;
    -webkit-background: linear-gradient(to top, #387b0d 0, #49a011 100%);
    -moz-background: linear-gradient(to top, #387b0d 0, #49a011 100%);
    -ms-background: linear-gradient(to top, #387b0d 0, #49a011 100%);
    background: linear-gradient(to top, #387b0d 0, #49a011 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.button_green:before, .green_btn:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    border-radius: 4px;
    background: #5bc714;
    -webkit-background: linear-gradient(to top, #5bc714 0, #49a011 100%);
    -moz-background: linear-gradient(to top, #5bc714 0, #49a011 100%);
    -ms-background: linear-gradient(to top, #5bc714 0, #49a011 100%);
    background: linear-gradient(to top, #5bc714 0, #49a011 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.button_green:hover:before, .green_btn:hover:before, .top_line .drop_list_box.showMenu .drop_list {
    opacity: 1
}

.button-new_blue, .button_blue-big, .button_green span, .green_btn span {
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.button_green span, .green_btn span {
    position: relative;
    text-shadow: none
}

.button_green a, .green_btn a {
    color: #fff
}

.button_green:hover span, .green_btn:hover span {
    text-shadow: 0 1px 3px rgba(0, 0, 0, .6);
    color: #fff
}

.button-new_blue, .button-new_blue:hover, .button_blue-big, .button_blue-big:hover {
    color: #fff !important;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.button-new_blue, .button_blue-big {
    border: 0;
    font-weight: 700;
    text-align: center;
    margin: 2px;
    padding: 0 13px;
    display: inline-block;
    vertical-align: middle;
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5), inset 0 1px 0 0 rgba(255, 255, 255, .25);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5), inset 0 1px 0 0 rgba(255, 255, 255, .25);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5), inset 0 1px 0 0 rgba(255, 255, 255, .25);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    font-size: 17px;
    line-height: 32px;
    height: 32px;
    background: #4480a5;
    -webkit-background: linear-gradient(to top, #4480a5 0, #2a4e6b 100%);
    -moz-background: linear-gradient(to top, #4480a5 0, #2a4e6b 100%);
    -ms-background: linear-gradient(to top, #4480a5 0, #2a4e6b 100%);
    background: linear-gradient(to top, #4480a5 0, #2a4e6b 100%)
}

.button-new_blue:hover, .button_blue-big:hover {
    background: #5a9cbc;
    -webkit-background: linear-gradient(to top, #5a9cbc 0, #39698a 100%);
    -moz-background: linear-gradient(to top, #5a9cbc 0, #39698a 100%);
    -ms-background: linear-gradient(to top, #5a9cbc 0, #39698a 100%);
    background: linear-gradient(to top, #5a9cbc 0, #39698a 100%)
}

.button-new_blue.sign-in__fb-btn, .button_blue-big.sign-in__fb-btn {
    background: #4267b2;
    -webkit-background: linear-gradient(to top, #4267b2 0, #4267b2 100%);
    -moz-background: linear-gradient(to top, #4267b2 0, #4267b2 100%);
    -ms-background: linear-gradient(to top, #4267b2 0, #4267b2 100%);
    background: linear-gradient(to top, #4267b2 0, #4267b2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.button-new_blue.sign-in__fb-btn:hover, .button_blue-big.sign-in__fb-btn:hover {
    background: #5275bd;
    -webkit-background: linear-gradient(to top, #5275bd 0, #5275bd 100%);
    -moz-background: linear-gradient(to top, #5275bd 0, #5275bd 100%);
    -ms-background: linear-gradient(to top, #5275bd 0, #5275bd 100%);
    background: linear-gradient(to top, #5275bd 0, #5275bd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.sign-in__fb-btn {
    width: 340px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    height: 50px
}

.top_line {
    width: 100%;
    height: 55px;
    background-color: #013d74;
    position: fixed;
    top: 0;
    z-index: 500;
    box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, .1)
}

.top_line a {
    color: #fff;
    text-decoration: none;
    font-size: .797em
}

.top_line .menu_list li {
    display: inline-block;
    height: 45px;
    line-height: 45px;
    margin: 0 5px
}

.top_line .drop_list_box .drop_list li, .top_line .menu_list li a {
    background-color: transparent;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}

.top_line .drop_list_box.showMenu .drop_list_link, .top_line .menu_list li a:hover {
    background-color: #01386a
}

.top_line .left_menu, .top_line .left_menu .menu_list {
    float: left
}

.top_line .right_menu {
    float: right;
    opacity: 1;
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s
}

.top_line .right_menu .menu_list {
    float: right
}

.top_line .players_online_box {
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -93px;
    background: url(../img/header_sprite.png) no-repeat -1px -205px;
    width: 185px;
    height: 20px;
    line-height: 20px;
    font-size: .703em;
    font-weight: lighter;
    text-align: center;
    color: #fff
}

.top_line .logo_box {
    float: left;
    top: 10px;
    margin-left: 5px;
    width: 220px
}

.top_line .logo_box .logo {
    background: url(/images/title.png) no-repeat;
    background-size: contain;
    width: 210px;
    height: 44px;
    display: block;
    margin-top: 5px;
}

.top_line .play_btns_list {
    float: left
}

.top_line .drop_list_box {
    overflow: hidden;
    position: relative;
    height: 45px;
}

.top_line .drop_list_box .drop_list_link {
    height: 45px;
    line-height: 45px;
    background-color: transparent;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}

.top_line .drop_list_box .drop_list_link a, .top_line .menu_list li a {
    height: 45px;
    padding: 0 10px;
    display: inline-block
}

.top_line .drop_list_box .drop_list {
    opacity: 0;
    position: absolute;
    top: 45px;
    left: 0;
    z-index: 250;
    padding: 10px 0;
    background-color: rgba(8, 31, 58, .9)
}

.top_line .drop_list_box .drop_list li {
    padding: 5px 10px
}

.top_line .drop_list_box .drop_list li:hover {
    background: #16416b
}

.top_line .drop_list_box.showMenu {
    height: auto;
    overflow: visible
}

.top_line .language_list.drop_list_box {
    float: right;
    width: 75px
}

.top_line .language_list.drop_list_box .drop_list_link a i:first-child {
    margin: 11px 5px 0 0
}

.top_line .language_list.drop_list_box .drop_list {
    width: 71px;
    padding-top: 0
}

.top_line .language_list.drop_list_box .drop_list li {
    padding: 0;
    margin: 5px 0
}

.top_line .language_list.drop_list_box .drop_list li a {
    padding: 0 5px;
    height: 35px;
    line-height: 35px
}

.top_line .language_list.drop_list_box .drop_list li a i {
    display: inline-block;
    margin: 6px 5px
}

.top_line .profile_menu_list.drop_list_box .drop_list {
    width: 190px;
    left: auto;
    right: 0
}

.top_line .profile_menu_list.drop_list_box .drop_list li {
    width: 100%;
    margin: 0;
    padding: 0
}

.top_line .profile_menu_list.drop_list_box .drop_list li a, footer {
    width: 100%
}

.header_video_box {
    background-color: #061e3a;
    height: 500px;
    position: relative
}

.header_video_box:after {
    width: 100%;
    height: 100%;
    content: '';
    left: 0;
    top: 0;
    position: absolute;
    z-index: 2
}

.header_video_box .header_video {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    margin: 0 auto;
    width: 900px;
    background-size: 100%;
    background-position-y: 50%
}

.header_video_box .header_video .left_gradient, .header_video_box .header_video .right_gradient {
    position: absolute;
    top: 0;
    z-index: 100;
    width: 35%;
    height: 100%
}

.header_video_box .header_video .left_gradient {
    left: 0;
    -webkit-background: linear-gradient(to right, #061e3a, transparent);
    -moz-background: linear-gradient(to right, #061e3a, transparent);
    -ms-background: linear-gradient(to right, #061e3a, transparent);
    background: linear-gradient(to right, #061e3a, transparent)
}

.header_video_box .header_video .right_gradient {
    right: 0;
    -webkit-background: linear-gradient(to left, #061e3a, transparent);
    -moz-background: linear-gradient(to left, #061e3a, transparent);
    -ms-background: linear-gradient(to left, #061e3a, transparent);
    background: linear-gradient(to left, #061e3a, transparent)
}

.header_video_box .header_video video {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50%;
    margin-top: -30%;
    visibility: visible;
    opacity: 1;
    width: 100%;
    height: auto
}

.header_video_box .cont_center {
    padding-top: 100px;
    text-align: center;
    position: relative;
    z-index: 10
}

.header_video_box h1 {
    color: #fff;
    text-align: center;
    font-size: 2.7em;
    font-style: italic;
    text-shadow: 0 2px 50px rgba(0, 0, 0, .6);
    margin-bottom: .5em
}

footer {
    background-color: #013d74;
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .1);
    padding: 20px 20px 50px;
    overflow: hidden;
    position: relative;
    z-index: 10
}

footer .copyright, footer .footer_title {
    color: #4e789e;
    font-size: .813em;
    line-height: 1.2;
    margin-bottom: 10px
}

footer a {
    color: #fff;
    font-size: .813em;
    line-height: 1.2;
    text-decoration: none
}

footer a:hover {
    color: #9bccff;
    text-decoration: underline
}

footer .left_box {
    float: left;
    width: 200px
}

footer .left_box .logo_box {
    width: 150px;
    margin-bottom: 25px
}

footer .left_box .logo_box svg {
    position: relative;
    display: block;
    width: 100%;
    opacity: .3
}

footer .left_box .logo_box svg path {
    fill: #fff
}

footer .left_box .links a {
    margin-right: 5px;
    display: block
}

footer .menu_box {
    float: left;
    width: 360px;
    padding-top: 10px
}

footer .menu_box ul {
    display: inline-block;
    width: 45%
}

footer .menu_box ul li {
    margin-bottom: 10px
}

footer .menu_box ul li:first-child {
    color: #4e789e;
    font-size: .813em;
    line-height: 1.2;
    margin-bottom: 15px
}

footer .right_box {
    float: right;
    width: 250px
}

footer .right_box .footer_text {
    color: #fff;
    font-size: .813em;
    line-height: 1.2;
    margin-bottom: 10px
}

footer .footer_logo {
    background-size: 100%;
    width: 150px;
    display: block;
    opacity: .3
}

.drop_list i.en, .drop_list_link i.en, .lang_btn i.en {
    background: url(/images/flags/ico-flag-en.svg) no-repeat center center;
    background-size: 100%
}

.drop_list i.ru, .drop_list_link i.ru, .lang_btn i.ru {
    background: url(/images/flags/ico-flag-ru.svg) no-repeat center center;
    background-size: 100%
}

.drop_list i.ri, .drop_list_link i.ri, .lang_btn i.ri {
    background: url(/images/flags/ico-flag-ri.svg) no-repeat center center;
    background-size: 100%
}

.drop_list i.it, .drop_list_link i.it, .lang_btn i.it {
    background: url(/images/flags/ico-flag-it.svg) no-repeat center center;
    background-size: 100%
}

.drop_list i.ar, .drop_list_link i.ar, .lang_btn i.ar {
    background: url(/images/flags/ico-flag-ar.svg) no-repeat center center;
    background-size: 100%
}

.drop_list i.fr, .drop_list_link i.fr, .lang_btn i.fr {
    background: url(/images/flags/ico-flag-fr.svg) no-repeat center center;
    background-size: 100%
}

.drop_list i.de, .drop_list_link i.de, .lang_btn i.de {
    background: url(/images/flags/ico-flag-de.svg) no-repeat center center;
    background-size: 100%
}

.drop_list i.es, .drop_list_link i.es, .lang_btn i.es {
    background: url(/images/flags/ico-flag-es.svg) no-repeat center center;
    background-size: 100%
}

.drop_list i.zhs, .drop_list_link i.zhs, .lang_btn i.zhs {
    background: url(/images/flags/ico-flag-zhs.svg) no-repeat center center;
    background-size: 100%
}

.drop_list i, .drop_list_link i, .lang_btn i {
    width: 20px;
    height: 20px;
    display: inline-block
}

.shop_box {
    float: right;
    width: 150px;
    height: 45px;
    line-height: 45px;
}

.shop i{
    background: url(/images/flags/shop_icon.gif) no-repeat center center;
    background-size: 100%;
    width: 150px;
    height: 45px;
 }

.shop {
    display: flex;
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 240;
    left: -130%;
    background-color: rgba(0, 0, 0, .8);
    -webkit-transition: left .3s;
    -moz-transition: left .3s;
    -o-transition: left .3s;
    transition: left .3s
}

.overlay.popupShow, .overlay.show {
    left: 0
}

.mobile_menu {
    position: relative;
    display: none
}

.mobile_menu .burger {
    position: fixed;
    left: 0;
    top: 0;
    outline: 0;
    z-index: 501;
    padding: 10px
}

.mobile_menu .burger .burger__line {
    position: absolute;
    height: 3px;
    top: 50%;
    margin-top: -1px;
    display: block;
    width: 100%;
    background-color: #fff;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.mobile_menu .burger .burger__line:first-child {
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px)
}

.mobile_menu .burger .burger__line:nth-child(3) {
    -webkit-transform: translateY(8px);
    -ms-transform: translateY(8px);
    transform: translateY(8px)
}

.mobile_menu .burger__wrapper {
    position: relative;
    width: 24px;
    height: 24px
}

.mobile_menu.active .burger__line:nth-child(1) {
    -webkit-transform: translateY(0) rotate(45deg);
    -ms-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg)
}

.mobile_menu.active .burger__line:nth-child(2) {
    -webkit-transform: scale(.1, 1);
    -ms-transform: scale(.1, 1);
    transform: scale(.1, 1)
}

.mobile_menu.active .burger__line:nth-child(3) {
    -webkit-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg)
}

.mobile_menu.active .mobile_menu_list_box {
    left: 0
}

.mobile_menu .mobile_menu_list_box {
    position: fixed;
    top: 44px;
    left: -130%;
    width: 100%;
    z-index: 250;
    background: #003555;
    max-height: calc(100vh - 45px);
    overflow-y: scroll;
    -webkit-transition: left .3s;
    -moz-transition: left .3s;
    -o-transition: left .3s;
    transition: left .3s
}

.mobile_menu .mobile_menu_list_box ul li {
    border-bottom: 1px solid #002a43
}

.mobile_menu .mobile_menu_list_box ul li a {
    color: #fff;
    padding: 15px 20px;
    font-size: 1.25em;
    line-height: 1.2em;
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block
}

.showMobileMenu {
    height: 100vh;
    overflow: hidden
}

.rtl .top_line .language_list.drop_list_box .drop_list_link a i:first-child {
    margin: 11px 0 0 0px
}

.rtl .lSSlideOuter {
    direction: ltr !important
}

.rtl .gallery_text {
    left: auto;
    margin-left: auto
}

.rtl .arrow_down {
    right: 0
}

.rtl footer .left_box {
    margin-left: 10px
}

.rtl .mobile_play .img_box {
    margin-left: 10px;
    float: right
}

.rtl .sign-in__checkbox {
    text-align: right
}

.rtl .inHeader .img_box {
    left: 30px;
    float: left
}

.cookies_popup, .cookies_popup a {
    text-align: center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.cookies_popup {
    width: 100%;
    position: fixed;
    bottom: -60px;
    background-color: #013d74;
    border-top: 1px solid rgba(255, 255, 255, .1);
    z-index: 999;
    opacity: 0;
    padding: 10px;
    color: #fafafa
}

.cookies_popup.show {
    opacity: 1;
    bottom: 0
}

.cookies_popup a {
    display: inline-block;
    background: #49a011;
    -webkit-background: linear-gradient(to top, #387b0d 0, #49a011 100%);
    -moz-background: linear-gradient(to top, #387b0d 0, #49a011 100%);
    -ms-background: linear-gradient(to top, #387b0d 0, #49a011 100%);
    background: linear-gradient(to top, #387b0d 0, #49a011 100%);
    padding: 5px;
    min-width: 40px;
    border: 1px solid #5ead29;
    color: #fff;
    margin: 0 5px;
    border-radius: 3px
}

.cookies_popup a:hover {
    -webkit-background: linear-gradient(to top, #49a011 0, #387b0d 100%);
    -moz-background: linear-gradient(to top, #49a011 0, #387b0d 100%);
    -ms-background: linear-gradient(to top, #49a011 0, #387b0d 100%);
    background: linear-gradient(to top, #49a011 0, #387b0d 100%)
}

.cookies_popup span {
    display: inline-block;
    margin-top: 6px
}

.cookies_popup.no_fix {
    position: relative;
    height: 100%;
    bottom: auto;
    border: 1px solid rgba(255, 255, 255, .1)
}

.cookies_popup.centered {
    position: relative;
    max-width: 900px;
    margin: 10px auto;
    bottom: auto
}

.site-hardrockblackjack .cookies_popup {
    background-color: #624fcc
}

.site-hardrockblackjack .cookies_popup a {
    background: linear-gradient(to top, #d2a44c 0, #dbb985 100%);
    border: 1px solid #dbb985
}

.site-hardrockblackjack .cookies_popup a:hover {
    background: linear-gradient(to top, #d2a44c 0, #c99700 100%)
}

.site-hardrockblackjack .cookie_more_info {
    color: #d5ab60;
    font-size: .9em;
    font-style: italic;
    margin-bottom: 3px
}

.site-hardrockblackjack .cookie_more_info a {
    font-size: 1em;
    font-style: italic;
    color: #d5ab60;
    text-decoration: underline;
    background: 0 0;
    border: 0;
    margin: 0;
    padding: 0;
    display: inline
}

.site-hardrockblackjack .cookie_more_info a:active, .site-hardrockblackjack .cookie_more_info a:hover {
    color: #d5ab60;
    background: 0 0;
    border: 0
}

.cookies_accept {
    color: #fafafa;
    display: none;
    text-align: center;
    position: relative;
    max-width: 900px;
    margin: 10px auto
}

.cookies_accept.show {
    display: block
}

.footer-xsolla {
    display: flex;
    padding-right: 10px;
    align-items: center;
    justify-content: flex-start;
    clear: both;
    margin-top: 20px;
    background: #01386b
}

@media (max-width: 640px) {
    .footer-xsolla {
        width: 320px
    }
}

.footer-xsolla p {
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    font-size: 12px;
    line-height: 15px
}

/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
@-webkit-keyframes rightEnd {
    0%, to {
        left: 0
    }
    50% {
        left: -15px
    }
}

@keyframes rightEnd {
    0%, to {
        left: 0
    }
    50% {
        left: -15px
    }
}

@-webkit-keyframes topEnd {
    0%, to {
        top: 0
    }
    50% {
        top: -15px
    }
}

@keyframes topEnd {
    0%, to {
        top: 0
    }
    50% {
        top: -15px
    }
}

@-webkit-keyframes leftEnd {
    0%, to {
        left: 0
    }
    50% {
        left: 15px
    }
}

@keyframes leftEnd {
    0%, to {
        left: 0
    }
    50% {
        left: 15px
    }
}

@-webkit-keyframes bottomEnd {
    0%, to {
        bottom: 0
    }
    50% {
        bottom: -15px
    }
}

@keyframes bottomEnd {
    0%, to {
        bottom: 0
    }
    50% {
        bottom: -15px
    }
}

@-webkit-keyframes lg-right-end {
    0%, to {
        left: 0
    }
    50% {
        left: -30px
    }
}

@-moz-keyframes lg-right-end {
    0%, to {
        left: 0
    }
    50% {
        left: -30px
    }
}

@-ms-keyframes lg-right-end {
    0%, to {
        left: 0
    }
    50% {
        left: -30px
    }
}

@keyframes lg-right-end {
    0%, to {
        left: 0
    }
    50% {
        left: -30px
    }
}

@-webkit-keyframes lg-left-end {
    0%, to {
        left: 0
    }
    50% {
        left: 30px
    }
}

@-moz-keyframes lg-left-end {
    0%, to {
        left: 0
    }
    50% {
        left: 30px
    }
}

@-ms-keyframes lg-left-end {
    0%, to {
        left: 0
    }
    50% {
        left: 30px
    }
}

@keyframes lg-left-end {
    0%, to {
        left: 0
    }
    50% {
        left: 30px
    }
}

@keyframes paralaxMove1 {
    0%, to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
}

@keyframes paralaxMove2 {
    0%, to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(60px);
        transform: translateY(60px)
    }
}

.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lSSlideOuter .lSPager.lSGallery:after, .lSSlideOuter .lSPager.lSGallery:before, .lightSlider:after, .lightSlider:before {
    content: " ";
    display: table
}

.lightSlider {
    overflow: hidden;
    margin: 0
}

.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden
}

.lSSlideOuter .lSPager.lSGallery:after, .lSSlideWrapper > .lightSlider:after {
    clear: both
}

.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform, height;
    transition-property: transform, height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important
}

.lSSlideWrapper, .lSSlideWrapper .lSFade {
    position: relative
}

.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%
}

.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important
}

.lSSlideWrapper .lSFade > .active {
    z-index: 10
}

.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center
}

.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px
}

.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all .5s linear 0s;
    transition: all .5s linear 0s
}

.lSSlideOuter .lSPager.lSpg > li.active a, .lSSlideOuter .lSPager.lSpg > li:hover a {
    background-color: #428bca
}

.lSSlideOuter .media {
    opacity: .8
}

.lSAction > a:hover, .lSSlideOuter .media.active, .lSSlideWrapper.usingCss .lSFade > .active {
    opacity: 1
}

.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius .12s linear 0s .35s linear 0s;
    transition: border-radius .12s linear 0s .35s linear 0s
}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px
}

.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%
}

.lSAction > a {
    width: 32px;
    display: block;
    top: 40%;
    height: 32px;
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: .5;
    -webkit-transition: opacity .35s linear 0s;
    transition: opacity .35s linear 0s
}

.lSAction > .lSPrev {
    left: 10px
}

.lSAction > .lSNext {
    right: 10px
}

.lSAction > a.disabled {
    pointer-events: none
}

.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden
}

.lSSlideOuter.vertical {
    position: relative
}

.lSSlideOuter.vertical.noPager {
    padding-right: 0 !important
}

.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0
}

.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important
}

.lSSlideOuter.vertical .lSAction > a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0
}

.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto
}

.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px
}

.lSSlideOuter.lSrtl {
    direction: rtl
}

.lSSlideOuter .lSPager, .lSSlideOuter .lightSlider {
    padding-left: 0;
    list-style: none outside none
}

.lSSlideOuter.lSrtl .lSPager, .lSSlideOuter.lSrtl .lightSlider {
    padding-right: 0
}

.lSSlideOuter .lSGallery li, .lSSlideOuter .lightSlider > * {
    float: left
}

.lSSlideOuter.lSrtl .lSGallery li, .lSSlideOuter.lSrtl .lightSlider > * {
    float: right !important
}

.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd .3s;
    animation: rightEnd .3s;
    position: relative
}

.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd .3s;
    animation: leftEnd .3s;
    position: relative
}

.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd .3s;
    animation: topEnd .3s;
    position: relative
}

.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd .3s;
    animation: bottomEnd .3s;
    position: relative
}

.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd .3s;
    animation: leftEnd .3s;
    position: relative
}

.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd .3s;
    animation: rightEnd .3s;
    position: relative
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item, .lg-outer.lg-grab img.lg-object, .lightSlider.lsGrab > * {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item, .lg-outer.lg-grabbing img.lg-object, .lightSlider.lsGrabbing > * {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

@font-face {
    font-family: 'lg';
    src: url(../fonts/lg.eot?n1z373);
    src: url(../fonts/lg.eot?#iefixn1z373) format("embedded-opentype"), url(../fonts/lg.woff?n1z373) format("woff"), url(../fonts/lg.ttf?n1z373) format("truetype"), url(../fonts/lg.svg?n1z373#lg) format("svg");
    font-weight: 400;
    font-style: normal
}

.lg-icon {
    font-family: 'lg';
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.lg-actions .lg-next, .lg-actions .lg-prev {
    background-color: rgba(0, 0, 0, .45);
    border-radius: 2px;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%;
    z-index: 1080
}

.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
    pointer-events: none;
    opacity: .5
}

.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
    color: #fff
}

.lg-actions .lg-next {
    right: 20px
}

.lg-actions .lg-next:before {
    content: "\e095"
}

.lg-actions .lg-prev {
    left: 20px
}

.lg-actions .lg-prev:after {
    content: "\e094"
}

.lg-outer.lg-right-end .lg-object {
    -webkit-animation: lg-right-end .3s;
    -o-animation: lg-right-end .3s;
    animation: lg-right-end .3s;
    position: relative
}

.lg-outer.lg-left-end .lg-object {
    -webkit-animation: lg-left-end .3s;
    -o-animation: lg-left-end .3s;
    animation: lg-left-end .3s;
    position: relative
}

.lg-sub-html, .lg-toolbar {
    background-color: rgba(0, 0, 0, .45);
    left: 0
}

.lg-toolbar {
    top: 0;
    width: 100%;
    z-index: 1082;
    position: absolute
}

.lg-toolbar .lg-icon {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none !important;
    outline: medium;
    -webkit-transition: color .2s linear;
    -o-transition: color .2s linear;
    transition: color .2s linear
}

.lg-toolbar .lg-icon:hover {
    color: #fff
}

.lg-toolbar .lg-close:after {
    content: "\e070"
}

.lg-toolbar .lg-download:after {
    content: "\e0f2"
}

.lg-sub-html {
    bottom: 0;
    color: #eee;
    font-size: 16px;
    padding: 10px 40px;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 1080
}

.lg-sub-html h4 {
    margin: 0;
    font-size: 13px;
    font-weight: 700
}

.lg-sub-html p {
    font-size: 12px;
    margin: 5px 0 0
}

#lg-counter {
    color: #999;
    display: inline-block;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px;
    vertical-align: middle;
    direction: ltr;
    float: left
}

.lg-next, .lg-prev, .lg-toolbar {
    opacity: 1;
    -webkit-transition: -webkit-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
    -moz-transition: -moz-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
    -o-transition: -o-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
    transition: transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear
}

.lg-hide-items .lg-prev {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}

.lg-hide-items .lg-next {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
}

.lg-hide-items .lg-toolbar {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5);
    opacity: 0;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
    -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
    -o-transition: -o-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
    transition: transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1
}

.lg-outer .lg-thumb-outer {
    background-color: #0d0a0a;
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1080;
    max-height: 350px;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    -o-transition: -o-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0)
}

.lg-outer .lg-thumb {
    padding: 10px 0;
    height: 100%;
    margin-bottom: -5px
}

.lg-outer .lg-thumb-item {
    cursor: pointer;
    float: left;
    overflow: hidden;
    height: 100%;
    border: 2px solid #fff;
    border-radius: 4px;
    margin-bottom: 5px
}

@media (min-width: 1025px) {
    .lg-outer .lg-thumb-item {
        -webkit-transition: border-color .25s ease;
        -o-transition: border-color .25s ease;
        transition: border-color .25s ease
    }
}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: #a90707
}

.lg-outer .lg-thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.lg-outer.lg-has-thumb .lg-item {
    padding-bottom: 120px
}

.lg-outer.lg-can-toggle .lg-item {
    padding-bottom: 0
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
    -webkit-transition: bottom .25s ease;
    -o-transition: bottom .25s ease;
    transition: bottom .25s ease
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: 100px
}

.lg-outer .lg-toogle-thumb {
    background-color: #0d0a0a;
    border-radius: 2px 2px 0 0;
    color: #999;
    cursor: pointer;
    font-size: 24px;
    height: 39px;
    line-height: 27px;
    padding: 5px 0;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -39px;
    width: 50px
}

.lg-outer .lg-toogle-thumb:after {
    content: "\e1ff"
}

.lg-outer .lg-toogle-thumb:hover {
    color: #fff
}

.lg-outer .lg-video-cont {
    display: inline-block;
    vertical-align: middle;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 0 5px
}

.lg-outer .lg-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative
}

.lg-outer .lg-video .lg-object {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.lg-outer .lg-video .lg-video-play {
    width: 84px;
    height: 59px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -42px;
    margin-top: -30px;
    z-index: 1080;
    cursor: pointer
}

.lg-outer .lg-has-vimeo .lg-video-play {
    background: url(../img/vimeo-play.png) no-repeat 0 0
}

.lg-outer .lg-has-vimeo:hover .lg-video-play {
    background: url(../img/vimeo-play.png) no-repeat 0 -58px
}

.lg-outer .lg-has-html5 .lg-video-play {
    background: url(../img/video-play.png) no-repeat 0 0;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    width: 64px;
    opacity: .8
}

.lg-outer .lg-has-html5:hover .lg-video-play {
    opacity: 1
}

.lg-outer .lg-has-youtube .lg-video-play {
    background: url(../img/youtube-play.png) no-repeat 0 0
}

.lg-outer .lg-has-youtube:hover .lg-video-play {
    background: url(../img/youtube-play.png) no-repeat 0 -60px
}

.lg-outer .lg-video-object {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0
}

.lg-outer .lg-has-video .lg-video-object {
    visibility: hidden
}

.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
    display: none
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
    visibility: visible
}

.lg-progress-bar {
    background-color: #333;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1083;
    opacity: 0;
    -webkit-transition: opacity .08s ease 0s;
    -moz-transition: opacity .08s ease 0s;
    -o-transition: opacity .08s ease 0s;
    transition: opacity .08s ease 0s
}

.lg-progress-bar .lg-progress {
    background-color: #a90707;
    height: 5px;
    width: 0
}

.gallery_box .gallery li img, .lg-progress-bar.lg-start .lg-progress {
    width: 100%
}

.lg-show-autoplay .lg-progress-bar {
    opacity: 1
}

.lg-autoplay-button:after {
    content: "\e01d"
}

.lg-show-autoplay .lg-autoplay-button:after {
    content: "\e01a"
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: -moz-transform .3s cubic-bezier(0, 0, .25, 1) 0s;
    -o-transition: -o-transform .3s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;
    -o-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;
    transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
    -moz-transition: -moz-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
    -o-transition: -o-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
    transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

#lg-zoom-in:after {
    content: "\e311"
}

#lg-actual-size {
    font-size: 20px
}

#lg-actual-size:after {
    content: "\e033"
}

#lg-zoom-out {
    opacity: .5;
    pointer-events: none
}

#lg-zoom-out:after {
    content: "\e312"
}

.lg-zoomed #lg-zoom-out {
    opacity: 1;
    pointer-events: auto
}

.lg-outer .lg-pager-outer {
    bottom: 60px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 1080;
    height: 10px
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
    overflow: visible
}

.lg-outer .lg-pager-cont {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    margin: 0 5px
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
    box-shadow: 0 0 0 2px #fff inset
}

.lg-outer .lg-pager-thumb-cont {
    background-color: #fff;
    color: #fff;
    bottom: 100%;
    height: 83px;
    left: 0;
    margin-bottom: 20px;
    margin-left: -60px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    width: 120px;
    border-radius: 3px;
    -webkit-transition: opacity .15s ease 0s, -webkit-transform .15s ease 0s;
    -moz-transition: opacity .15s ease 0s, -moz-transform .15s ease 0s;
    -o-transition: opacity .15s ease 0s, -o-transform .15s ease 0s;
    transition: opacity .15s ease 0s, transform .15s ease 0s;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
}

.buy_popup iframe, .lg-outer .lg-pager-thumb-cont img {
    width: 100%;
    height: 100%
}

.lg-outer .lg-pager {
    background-color: rgba(255, 255, 255, .5);
    border-radius: 50%;
    box-shadow: 0 0 0 8px rgba(255, 255, 255, .7) inset;
    display: block;
    height: 12px;
    -webkit-transition: box-shadow .3s ease 0s;
    -o-transition: box-shadow .3s ease 0s;
    transition: box-shadow .3s ease 0s;
    width: 12px
}

.lg-outer .lg-pager:focus, .lg-outer .lg-pager:hover {
    box-shadow: 0 0 0 8px #fff inset
}

.lg-outer .lg-caret {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px dashed;
    bottom: -10px;
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    vertical-align: middle;
    width: 0
}

.lg-fullscreen:after {
    content: "\e20c"
}

.lg-fullscreen-on .lg-fullscreen:after {
    content: "\e20d"
}

.lg-outer #lg-dropdown-overlay {
    background-color: rgba(0, 0, 0, .25);
    bottom: 0;
    cursor: default;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1081;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s linear .18s, opacity .18s linear 0s;
    -o-transition: visibility 0s linear .18s, opacity .18s linear 0s;
    transition: visibility 0s linear .18s, opacity .18s linear 0s
}

.lg-outer.lg-dropdown-active #lg-dropdown-overlay, .lg-outer.lg-dropdown-active .lg-dropdown {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible
}

.lg-outer.lg-dropdown-active #lg-share {
    color: #fff
}

.lg-outer .lg-dropdown {
    background-color: #fff;
    border-radius: 2px;
    font-size: 14px;
    list-style-type: none;
    margin: 0;
    padding: 10px 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50px;
    opacity: 0;
    visibility: hidden;
    -moz-transform: translate3d(0, 5px, 0);
    -o-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
    -webkit-transition: -webkit-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
    -moz-transition: -moz-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
    -o-transition: -o-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
    transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s
}

.lg-outer .lg-dropdown:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    border: 8px solid transparent;
    border-bottom-color: #fff;
    right: 16px;
    top: -16px
}

.lg-outer .lg-dropdown > li:last-child {
    margin-bottom: 0
}

.lg-outer .lg-dropdown > li:hover .lg-icon, .lg-outer .lg-dropdown > li:hover a {
    color: #333
}

.lg-outer .lg-dropdown a {
    color: #333;
    display: block;
    white-space: pre;
    padding: 4px 12px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px
}

.lg-outer .lg-dropdown a:hover {
    background-color: rgba(0, 0, 0, .07)
}

.lg-outer .lg-dropdown .lg-dropdown-text {
    display: inline-block;
    line-height: 1;
    margin-top: -3px;
    vertical-align: middle
}

.lg-outer .lg-dropdown .lg-icon {
    color: #333;
    display: inline-block;
    float: none;
    font-size: 20px;
    height: auto;
    line-height: 1;
    margin-right: 8px;
    padding: 0;
    vertical-align: middle;
    width: auto
}

.lg-outer #lg-share {
    position: relative
}

.lg-outer #lg-share:after {
    content: "\e80d"
}

.lg-outer #lg-share-facebook .lg-icon {
    color: #3b5998
}

.lg-outer #lg-share-facebook .lg-icon:after {
    content: "\e901"
}

.lg-outer #lg-share-twitter .lg-icon {
    color: #00aced
}

.lg-outer #lg-share-twitter .lg-icon:after {
    content: "\e904"
}

.lg-outer #lg-share-googleplus .lg-icon {
    color: #dd4b39
}

.lg-outer #lg-share-googleplus .lg-icon:after {
    content: "\e902"
}

.lg-outer #lg-share-pinterest .lg-icon {
    color: #cb2027
}

.lg-outer #lg-share-pinterest .lg-icon:after {
    content: "\e903"
}

#container:after, .lg-group:after {
    content: "";
    display: table;
    clear: both
}

.lg-outer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-outer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.lg-outer.lg-visible {
    opacity: 1
}

.lg-outer.lg-css3 .lg-item.lg-current, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-prev-slide {
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-current, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
    opacity: 1
}

.lg-outer .lg {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%
}

.lg-outer .lg-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap
}

.lg-outer .lg-item {
    background: url(../img/loading.gif) no-repeat center center;
    display: none !important
}

.lg-outer.lg-css .lg-current, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide, .lg-outer.lg-css3 .lg-prev-slide {
    display: inline-block !important
}

.lg-outer .lg-img-wrap, .lg-outer .lg-item {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%
}

.lg-outer .lg-img-wrap {
    display: inline-block;
    padding: 0 5px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.lg-outer .lg-img-wrap:before, .lg-outer .lg-item:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

.lg-outer .lg-item.lg-complete {
    background-image: none
}

.lg-outer .lg-item.lg-current {
    z-index: 1060
}

.lg-outer .lg-image {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important
}

.lg-backdrop, .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-outer .lg-empty-html, .lg-outer.lg-hide-download #lg-download {
    display: none
}

.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: #000
}

.lg-backdrop.in, .lg-css3.lg-fade .lg-item.lg-current, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
    opacity: 1
}

.lg-css3.lg-no-trans .lg-current, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-prev-slide {
    -webkit-transition: none 0s ease 0s !important;
    -moz-transition: none 0s ease 0s !important;
    -o-transition: none 0s ease 0s !important;
    transition: none 0s ease 0s !important
}

.lg-css3.lg-use-css3 .lg-item, .lg-css3.lg-use-left .lg-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-css3.lg-fade .lg-item.lg-current, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-prev-slide {
    -webkit-transition: opacity .1s ease 0s;
    -moz-transition: opacity .1s ease 0s;
    -o-transition: opacity .1s ease 0s;
    transition: opacity .1s ease 0s
}

.lg-css3.lg-fade .lg-item, .lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-left .lg-item {
    opacity: 0;
    position: absolute;
    left: 0
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    left: -100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
    left: 100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    left: 0;
    opacity: 1
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    -webkit-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}

#container {
    width: 100%;
    min-width: 320px;
    min-height: 100vh;
    font-family: 'PT Sans', Arial, Helvetica, sans-serif;
    padding-top: 45px;
    overflow: hidden
}

.cont_center {
    margin: 0 auto;
    width: 100%;
    margin-top: 10px;
    max-width: 880px
}

.content {
    background: #061e3a;
    background: radial-gradient(ellipse closest-corner at center 27%, #0469be, #061e3a);
    min-height: calc(100vh - 240px)
}

.content .cont_center {
    position: relative
}

.mobile_play {
    display: none;
    width: 100%;
    padding: 20px
}

.mobile_play .btn_box, .mobile_play .descr_box {
    overflow: hidden;
    width: 100%;
    color: #fff
}

.mobile_play .descr_box {
    margin-bottom: 10px;
    height: 50px
}

.mobile_play .descr_box .game_title {
    text-transform: uppercase;
    font-size: 1.125em;
    line-height: 1.2em
}

.mobile_play .descr_box .game_descr {
    font-size: .75em;
    line-height: 1.2;
    color: rgba(255, 255, 255, .75);
    text-transform: uppercase
}

.mobile_play .img_box {
    width: 50px;
    float: left;
    margin-right: 10px
}

.mobile_play .img_box img {
    max-width: 100%;
    display: block
}

.mobile_play .btn_box a.play_btn {
    margin-right: 10px;
    margin-bottom: 10px
}

.preinHeader .green_btn, .preinHeader .img_box {
    position: fixed;
    z-index: 501;
    -webkit-transition: top .4s;
    -moz-transition: top .4s;
    -o-transition: top .4s;
    transition: top .4s
}

.preinHeader .img_box {
    top: -50px;
    left: 50%;
    width: 36px;
    height: 36px;
    margin-left: -115px
}

.preinHeader .green_btn {
    font-size: 18px;
    padding: 5px 15px
}

.inHeader .img_box {
    top: 5px
}

.inHeader .right_menu {
    opacity: 0
}

.inHeader .green_btn, .preinHeader .green_btn {
    min-width: auto;
    max-width: 110px;
    top: 7px;
    right: 10px
}

.lg-download {
    display: none
}

.iOS .inHeader .green_btn, .iOS .preinHeader .green_btn {
    min-width: 90px;
    width: 100px;
    padding: 5px 0
}

.gallery_box {
    width: 560px;
    margin: 0 auto;
    top: 0px;
    z-index: 3
}

.gallery_box .lSSlideWrapper {
    box-shadow: 0 4px 53px 0 rgba(5, 33, 67, .81)
}

.gallery_box, .gallery_box .video_item, .gallery_text {
    position: relative
}

.gallery_box .video_item:after {
    content: '';
    position: absolute;
    display: block;
    background-image: url(../img/bt_Play_video.png);
    width: 130px;
    height: 130px;
    top: 50%;
    left: 50%;
    margin-left: -65px;
    margin-top: -65px
}

.gallery_box .pagerBox {
    overflow: hidden;
    padding: 10px 20px 30px;
    margin-left: -20px;
    width: 100%;
    box-sizing: content-box
}

.gallery_box .lSSlideOuter, .gallery_box .pagerBox .lSPager {
    overflow: visible
}

.gallery_box .pagerBox .lSPager li {
    overflow: visible;
    position: relative;
    height: 50px
}

.gallery_box .pagerBox .lSPager li a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    -o-transition: all 150ms ease;
    transition: all 150ms ease
}

.gallery_box .pagerBox .lSPager li a img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100% !important;
    margin-bottom: 0
}

.gallery_box .pagerBox .lSPager li a:hover, .gallery_box .pagerBox .lSPager li.active a {
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, .5)
}

.lSAction .lg-icon, .lSAction a, .lg-actions .lg-icon, .lg-actions a {
    height: 63px;
    margin-top: -55px
}

.lSAction svg path, .lg-actions svg path {
    -webkit-transition: all .2 ease;
    -moz-transition: all .2 ease;
    -o-transition: all .2 ease;
    transition: all .2 ease
}

.lSAction svg .border, .lg-actions svg .border {
    fill: rgba(166, 170, 179, .15)
}

.lSAction svg .body, .lg-actions svg .body {
    fill: #59a6ff
}

.lSAction .lSPrev, .lg-actions .lSPrev {
    left: -55px
}

.lSAction .lSNext, .lg-actions .lSNext {
    right: -55px
}

.lg-actions .lg-icon {
    opacity: .5;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.lg-actions .lg-icon:hover {
    opacity: 1
}

.lg-actions .lg-icon:after, .lg-actions .lg-icon:before {
    content: normal
}

.lg .lg-close, .lg-actions .lg-icon {
    width: 50px;
    font-size: 50px
}

.lg .lg-close:after {
    content: "×"
}

.gallery_text {
    color: #fff;
    text-align: center;
    font-size: 1.031em;
    line-height: 1.2em;
    width: 580px;
    left: 50%;
    margin-left: -290px
}

.about_box {
    width: 100%;
    overflow: hidden
}

.about_box h3 {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 1.5em;
    margin-bottom: .4em
}

.about_box .about_content ul {
    display: table;
    margin-bottom: 10px;
    height: 355px
}

.about_box .about_content ul li {
    display: table-cell;
    width: 33%;
    padding: 0 5px;
    height: 100%
}

.about_box .about_content ul li .decor_box {
    background: rgba(8, 31, 58, .3);
    width: 100%;
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 1px 0 rgba(255, 255, 255, .4);
    -moz-box-shadow: 0 0 1px 0 rgba(255, 255, 255, .4);
    -ms-box-shadow: 0 0 1px 0 rgba(255, 255, 255, .4);
    box-shadow: 0 0 1px 0 rgba(255, 255, 255, .4);
    text-align: center;
    color: #fff
}

.about_box .about_content .img_box {
    width: 100%;
    padding: 10px 20px;
    text-align: center
}

.about_box .about_content .img_box img {
    max-width: 100%
}

.about_box .about_content .about_title {
    margin-bottom: .5em;
    font-size: 1em;
    line-height: 1.2
}

.about_box .about_content .about_text {
    padding: 0 20px 20px;
    line-height: 1.3;
    font-size: .813em;
    color: rgba(255, 255, 255, .5)
}

.about_box .about_download_text {
    color: #fff;
    font-size: 1.313em;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 30px
}

.about_box .about_download_text a {
    color: #9bccff;
    text-decoration: none;
    font-size: .786em;
    border-bottom: 1px dashed #9bccff;
    display: inline-block;
    height: 17px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.about_box .about_download_text a:hover {
    color: #fff;
    border-bottom: 1px dashed #fff
}

.about_box .more_box {
    height: 0;
    overflow: hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.about_box .more_box.show {
    height: 355px;
    margin-bottom: 20px
}

.about_box .more_box ul {
    padding: 2px 0
}

.bottom_bg {
    background: url(../img/bg-table.jpg) no-repeat bottom center;
    min-height: 820px
}

.info {
    padding-bottom: 20px
}

.info.durak_banner {
    display: flex;
    justify-content: center
}

.info:after {
    content: " ";
    display: block;
    clear: both
}

.info .info_box {
    width: 50%;
    height: 534px;
    float: left;
    position: relative;
    padding: 0 10px
}

.info .info_box:first-child {
    padding-left: 0
}

.info .info_box:last-child {
    padding-right: 0
}

.info .info_box.twitter_box .overfl_box {
    overflow-y: scroll
}

.info .info_box .decor_box {
    overflow: hidden;
    height: 100%;
    box-shadow: 0 5px 29px 0 rgba(0, 0, 0, .58);
    border-radius: 10px
}

.info .info_box .img_box img {
    max-width: 100%;
    display: block;
    margin: 0 auto
}

.info .info_box .green_btn {
    position: absolute;
    bottom: 30px;
    left: 50%;
    width: 210px;
    margin-left: -105px
}

.market {
    width: 100%;
    overflow: hidden
}

.market ul, .market ul li {
    width: 100%;
    text-align: center
}

.market ul li {
    display: inline-block;
    width: 23%;
    min-width: 160px;
    margin-bottom: 10px
}

.market ul li a {
    box-shadow: none;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.market ul li a:hover {
    box-shadow: 0 5px 13px 0 rgba(0, 0, 0, .67)
}

.cards, .market {
    padding: 20px 0
}

.cards, .cards ul {
    width: 100%
}

.cards ul li, .cards ul li .card_box {
    display: block;
    background-color: #102747
}

.cards ul li {
    float: left;
    width: 33.33%;
    height: 430px;
    text-align: center;
    position: relative
}

.cards ul li .green_btn {
    position: absolute;
    bottom: 90px;
    left: 50%;
    margin-left: -70px;
    width: 140px;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.cards ul li .card_box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.cards ul li .card_text, .rng_warning_cont div {
    text-transform: uppercase
}

.cards ul li.empty {
    background-color: transparent
}

.cards .cardsGallery .green_btn, .cards ul li:hover .green_btn, .rules_box .cards__card.active div {
    opacity: 1
}

.cards ul li:hover .card_text {
    color: #fff;
    line-height: 70px
}

.cards ul li:hover .card_name {
    line-height: 50px
}

.cards ul li:hover .card_box {
    top: -10px;
    bottom: -10px;
    padding-top: 10px;
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .5);
    background-color: #0a3363;
    z-index: 5
}

.cards ul li:last-child {
    border-left: 1px solid #000
}

.cards ul li:first-child {
    border-right: 1px solid #000
}

.cards .card_name {
    color: #fff;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-transform: uppercase;
    -webkit-transition: line-height .3s;
    -moz-transition: line-height .3s;
    -o-transition: line-height .3s;
    transition: line-height .3s
}

.cards .img_box {
    position: relative;
    height: 310px;
    overflow: hidden;
    cursor: pointer
}

.cards .img_box, .cards .img_box img {
    width: 100%;
    display: block
}

.cards .card_text {
    color: #4e789e;
    width: 100%;
    height: 60px;
    line-height: 60px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.cards .cardsGallery {
    height: 360px !important;
    padding-top: 45px
}

.cards .cardsGallery li {
    height: 236px
}

.cards .cardsGallery li .img_box {
    height: 155px;
    -webkit-transition: height .3s;
    -moz-transition: height .3s;
    -o-transition: height .3s;
    transition: height .3s
}

.cards .cardsGallery li.focus, .cards .cardsGallery li.focus:hover {
    height: 255px
}

.cards .cardsGallery li.focus .img_box, .cards .cardsGallery li.focus:hover .img_box {
    height: 220px
}

.cards .cardsGallery li.focus .card_box, .cards .cardsGallery li.focus:hover .card_box {
    top: -35px;
    bottom: -10px;
    padding-top: 0;
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .5);
    background-color: #0a3363;
    z-index: 5
}

.cards .cardsGallery li.focus .card_text, .cards .cardsGallery li.focus:hover .card_text {
    color: #fff
}

.cards .cardsGallery li .card_name {
    height: 40px;
    line-height: 40px;
    font-size: 1em
}

.cards .cardsGallery li .card_text {
    height: 40px;
    line-height: 40px;
    font-size: .75em
}

.cards .cardsGallery li .green_btn {
    padding: 10px 15px;
    width: 100px;
    font-size: 1em;
    bottom: 50px
}

.cards .cardsGallery li:hover .card_name {
    line-height: 40px
}

.cards .cardsGallery li:hover .card_text {
    line-height: 40px;
    color: #4e789e
}

.cards .cardsGallery li:hover .card_box {
    top: 0;
    bottom: 0;
    padding-top: 0;
    box-shadow: none;
    background-color: #102747
}

.cards .cardsGallery li:first-child, .cards .cardsGallery li:last-child {
    border: 0;
    opacity: 0
}

.paralax_box {
    position: relative;
    z-index: 0;
    width: 1480px;
    margin: 0 auto
}

.paralax_box .layer1, .paralax_box .layer2, .paralax_box .layer3, .paralax_box .layer4 {
    position: absolute;
    height: 1950px;
    width: 320px;
    z-index: 0;
    margin-top: 30px
}

.paralax_box .layer1 {
    background: url(../img/layer-l1.png) no-repeat center left;
    animation: paralaxMove1 7s ease-in-out infinite 1.75s;
    top: 315px;
    left: 0
}

.paralax_box .layer2 {
    background: url(../img/layer-l2.png) no-repeat top left;
    animation: paralaxMove2 7s ease-in-out infinite 1.75s;
    top: 330px;
    left: 0
}

.paralax_box .layer3 {
    background: url(../img/layer-r1.png) no-repeat center right;
    animation: paralaxMove1 7s ease-in-out infinite 1.75s;
    top: 315px;
    right: 0
}

.paralax_box .layer4 {
    background: url(../img/layer-r2.png) no-repeat top right;
    animation: paralaxMove2 7s ease-in-out infinite 1.75s;
    top: 330px;
    right: 0
}

.paralax_box.no_animate {
    position: fixed;
    left: 50%;
    margin-left: -740px
}

.paralax_box.no_animate .layer1, .paralax_box.no_animate .layer3 {
    animation: none;
    top: 15px
}

.paralax_box.no_animate .layer2, .paralax_box.no_animate .layer4 {
    animation: none;
    top: 30px
}

.cards .lSSlideOuter, .cards .lSSlideWrapper {
    overflow: visible
}

.subscribe_box {
    font-family: "PT Sans", sans-serif;
    text-align: center;
    margin-bottom: 20px;
    overflow: hidden
}

.subscribe_box label {
    color: #fff;
    font-size: 1.25em;
    line-height: 36px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    margin-right: 10px
}

.subscribe_box input {
    width: 225px;
    height: 35px;
    border: 1px solid #09294e;
    border-radius: 6px;
    background-color: #09294e;
    color: #fff;
    font-size: .875em;
    line-height: 34px;
    padding: 0 10px
}

.subscribe_box input::-webkit-input-placeholder {
    color: #4e789e
}

.subscribe_box input:-moz-placeholder, .subscribe_box input::-moz-placeholder {
    color: #4e789e
}

.subscribe_box input:-ms-input-placeholder {
    color: #4e789e
}

.subscribe_box button, .subscribe_box button:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.subscribe_box button {
    width: 50px;
    height: 35px;
    border-radius: 6px;
    border: 1px solid #5e9de4;
    background-color: #69a7e7;
    display: inline-block;
    position: relative;
    top: -4px;
    -webkit-background: linear-gradient(to top, #3d84dd, #5e9de4);
    -moz-background: linear-gradient(to top, #3d84dd, #5e9de4);
    -ms-background: linear-gradient(to top, #3d84dd, #5e9de4);
    background: linear-gradient(to top, #3d84dd, #5e9de4)
}

.subscribe_box button:hover {
    -webkit-background: linear-gradient(to top, #5e9de4, #3d84dd);
    -moz-background: linear-gradient(to top, #5e9de4, #3d84dd);
    -ms-background: linear-gradient(to top, #5e9de4, #3d84dd);
    background: linear-gradient(to top, #5e9de4, #3d84dd)
}

.block_page_text, .thnks_page_text {
    text-align: center;
    color: #fff;
    min-height: 90vh;
    width: 100%;
    font-size: 1.5em;
    line-height: 1.3em;
    display: flex;
    align-items: center;
    justify-content: center
}

.thnks_page_text {
    flex-direction: column;
    padding: 15px
}

.thnks_page_text h2 {
    font-size: 1.5em;
    line-height: 1.125em;
    margin-bottom: 15px
}

#container.no_top {
    padding-top: 0
}

#container.no_top .content {
    min-height: 100vh
}

.hard_rock_box {
    width: 430px;
    height: 535px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    background: url(../img/hard_rock/hard_rock_card_img.jpg) no-repeat center center;
    background-size: cover;
    overflow: hidden;
    box-shadow: 0 5px 29px rgba(0, 0, 0, .58);
    padding-top: 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

.hard_rock_box a {
    position: absolute;
    bottom: 50px;
    width: 210px;
    left: 50%;
    margin-left: -105px
}

.sweep-cont {
    display: flex;
    min-height: calc(100vh - 240px)
}

.sweep-cont .policy__content {
    flex-grow: 1
}

.sweep-cont .right-list-cont {
    order: 2;
    flex-shrink: 0
}

.sweep-cont .right-list-cont .right-list-ul {
    background: #352c65;
    border: 1px solid #191919;
    width: 200px;
    margin-top: 53px;
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    line-height: 21px;
    padding: 21px 0
}

.sweep-cont .right-list-cont .right-list-ul li {
    color: #d2a44c;
    padding: 7px 9px
}

.sweep-cont .right-list-cont .right-list-ul li a {
    color: #d2a44c;
    display: block
}

.sweep-cont .right-list-cont .right-list-ul li.active {
    background: #261d54;
    color: #fff
}

.rng_h1 {
    font-weight: 400 !important;
    font-size: 39px !important;
    margin-top: 40px !important
}

.rng_warning_cont {
    border: 1px solid #fff;
    padding: 28px 24px;
    display: flex;
    margin-bottom: 24px
}

.rng_warning_cont a {
    text-decoration: underline
}

.rng_warning_cont img {
    width: 40px;
    height: 35px;
    margin-right: 21px;
    flex-shrink: 0;
    align-self: center
}

.rng_pic {
    max-width: 100%;
    display: block
}

.rng_itech_link {
    font-size: 22px;
    color: #64b7e3;
    margin-bottom: 22px;
    display: block;
    text-decoration: underline
}

body.nonmobile {
    min-width: 756px
}

.site-pokerist .bottom_bg {
    min-height: 980px
}

.site-durak .top_line .logo_box {
    /*margin-left: -58px;*/
    width: 152px
}

.site-durak .top_line .logo_box .logo {
    background: 0 0;
    background-image: url(../img/logo-durak.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 152px
}

.site-durak .bottom_bg {
    background: 0 0;
    min-height: 1200px
}

.site-roulettist .content {
    background: #001f43;
    background: radial-gradient(ellipse closest-corner at center 30%, #0469be, #001f43)
}

.site-roulettist .header_video_box {
    background-color: #013461
}

.site-roulettist .header_video_box .header_video .left_gradient {
    -webkit-background: linear-gradient(to right, #013461, transparent);
    -moz-background: linear-gradient(to right, #013461, transparent);
    -ms-background: linear-gradient(to right, #013461, transparent);
    background: linear-gradient(to right, #013461, transparent)
}

.site-roulettist .header_video_box .header_video .right_gradient {
    -webkit-background: linear-gradient(to left, #013461, transparent);
    -moz-background: linear-gradient(to left, #013461, transparent);
    -ms-background: linear-gradient(to left, #013461, transparent);
    background: linear-gradient(to left, #013461, transparent)
}

.site-roulettist .top_line .logo_box {
    margin-left: -76px;
    width: 152px
}

.site-roulettist .top_line .logo_box .logo {
    background: url(../img/logo-roulettist.svg) no-repeat;
    width: 152px
}

.site-roulettist .paralax_box .layer1 {
    background: url(../img/roul-layer-l1.png) repeat-y top left
}

.site-roulettist .paralax_box .layer2 {
    background: url(../img/roul-layer-l2.png) no-repeat top left
}

.site-roulettist .paralax_box .layer3 {
    background: url(../img/roul-layer-r1.png) repeat-y top right
}

.site-roulettist .paralax_box .layer4 {
    background: url(../img/roul-layer-r2.png) no-repeat top right
}

.site-roulettist .bottom_bg {
    background: url(../img/bg-table-roulettist.png) no-repeat center top;
    padding-bottom: 100px;
    padding-top: 20px;
    overflow: hidden
}

.site-blackjackist .content {
    background: #013461;
    background: radial-gradient(ellipse closest-corner at center 30%, #0469be, #013461)
}

.site-blackjackist .header_video_box {
    background-color: #013461
}

.site-blackjackist .header_video_box .header_video .left_gradient {
    -webkit-background: linear-gradient(to right, #013461, transparent);
    -moz-background: linear-gradient(to right, #013461, transparent);
    -ms-background: linear-gradient(to right, #013461, transparent);
    background: linear-gradient(to right, #013461, transparent)
}

.site-blackjackist .header_video_box .header_video .right_gradient {
    -webkit-background: linear-gradient(to left, #013461, transparent);
    -moz-background: linear-gradient(to left, #013461, transparent);
    -ms-background: linear-gradient(to left, #013461, transparent);
    background: linear-gradient(to left, #013461, transparent)
}

.site-blackjackist .top_line .logo_box {
    width: 192px;
    margin-left: -96px
}

.site-blackjackist .top_line .logo_box .logo {
    background: url(../img/logo-blackjackist.svg) no-repeat;
    width: 192px
}

.site-blackjackist .paralax_box .layer1 {
    background: url(../img/layer-l1-black.png) repeat-y top left;
    width: 470px
}

.site-blackjackist .paralax_box .layer2 {
    background: url(../img/layer-l2-black.png) no-repeat top left;
    width: 470px;
    left: -100px
}

.site-blackjackist .paralax_box .layer3 {
    background: url(../img/layer-r1-black.png) repeat-y top right;
    width: 470px
}

.site-blackjackist .paralax_box .layer4 {
    background: url(../img/layer-r2-black.png) no-repeat top right;
    width: 470px;
    right: -100px
}

.site-blackjackist .bottom_bg {
    background: url(../img/bg-chips-blackjackist.png) no-repeat center top;
    padding-bottom: 100px;
    padding-top: 20px;
    overflow: hidden
}

.site-baccarist .content {
    background: #013461;
    background: radial-gradient(ellipse closest-corner at center 30%, #0469be, #013461)
}

.site-baccarist .header_video_box {
    background-color: #0b0413
}

.site-baccarist .header_video_box .header_video .left_gradient {
    -webkit-background: linear-gradient(to right, #0b0413, transparent);
    -moz-background: linear-gradient(to right, #0b0413, transparent);
    -ms-background: linear-gradient(to right, #0b0413, transparent);
    background: linear-gradient(to right, #0b0413, transparent)
}

.site-baccarist .header_video_box .header_video .right_gradient {
    -webkit-background: linear-gradient(to left, #0b0413, transparent);
    -moz-background: linear-gradient(to left, #0b0413, transparent);
    -ms-background: linear-gradient(to left, #0b0413, transparent);
    background: linear-gradient(to left, #0b0413, transparent)
}

.site-baccarist .top_line .logo_box {
    margin-left: -72px;
    width: 144px
}

.site-baccarist .top_line .logo_box .logo {
    background: url(../img/logo-baccarist.svg) no-repeat;
    width: 144px
}

.site-baccarist .paralax_box .layer1 {
    background: url(../img/layer-l1-bac.png) repeat-y top left;
    width: 470px;
    top: 375px
}

.site-baccarist .paralax_box .layer2 {
    background: url(../img/layer-l2-bac.png) no-repeat top left;
    width: 470px;
    top: 360px;
    left: -100px
}

.site-baccarist .paralax_box .layer3 {
    background: url(../img/layer-r1-bac.png) repeat-y top right;
    width: 470px;
    top: 375px
}

.site-baccarist .paralax_box .layer4 {
    background: url(../img/layer-r2-bac.png) no-repeat top right;
    width: 470px;
    top: 360px;
    right: -100px
}

.site-baccarist .bottom_bg {
    background-image: none;
    min-height: 1200px
}

body.site-durak .header_video_box .header_video {
    background-position-y: 40%
}

body.site-hardrockblackjack {
    background: #352c65 !important
}

body.site-hardrockblackjack #container {
    padding-top: 75px
}

body.site-hardrockblackjack .content {
    background: radial-gradient(ellipse closest-corner at center 35%, #52449e, #261d54);
    overflow: hidden;
    position: relative
}

body.site-hardrockblackjack .arrow_down {
    border-color: #765e8c transparent transparent
}

body.site-hardrockblackjack .players_online_box {
    bottom: -21px;
    background: url(../img/hard_rock/players_bg.png) no-repeat center -1px
}

body.site-hardrockblackjack .arrow_left {
    width: 32px;
    height: 50px;
    display: block;
    background: url(../img/hard_rock/arrow_left.svg) no-repeat center center
}

body.site-hardrockblackjack .arrow_right {
    width: 32px;
    height: 50px;
    display: block;
    background: url(../img/hard_rock/arrow_right.svg) no-repeat center center
}

body.site-hardrockblackjack .top_line {
    background-color: #352c65;
    height: 74px;
    border-bottom: 1px solid #765e8c;
    box-shadow: none
}

body.site-hardrockblackjack .top_line .logo_box .logo {
    background: url(../img/hard_rock/logo.svg) no-repeat center center;
    height: 56px;
    width: 97px
}

body.site-hardrockblackjack .top_line .language_list.drop_list_box .drop_list_link a i:first-child {
    margin-top: 25px
}

body.site-hardrockblackjack .top_line .drop_list_box .drop_list, body.site-hardrockblackjack .top_line .language_list.drop_list_box .drop_list {
    top: 74px
}

body.site-hardrockblackjack .top_line .drop_list_box .drop_list_link, body.site-hardrockblackjack .top_line .menu_list li {
    height: 74px;
    line-height: 74px
}

body.site-hardrockblackjack .top_line .drop_list_box .drop_list_link a, body.site-hardrockblackjack .top_line .menu_list li a {
    height: 74px
}

body.site-hardrockblackjack .page-nav > li.active > a, body.site-hardrockblackjack .page-nav > li.active > span, body.site-hardrockblackjack .top_line .drop_list_box.showMenu .drop_list_link, body.site-hardrockblackjack .top_line .menu_list li a:hover {
    background-color: #261d54
}

body.site-hardrockblackjack .top_line .drop_list_box .drop_list {
    background-color: #1a1536
}

body.site-hardrockblackjack .top_line .drop_list_box .drop_list li:hover {
    background-color: #352c65
}

body.site-hardrockblackjack .header_video_box .header_video .left_gradient, body.site-hardrockblackjack .header_video_box .header_video .right_gradient, body.site-hardrockblackjack .header_video_box:after {
    display: none
}

body.site-hardrockblackjack .header_video_box .header_video {
    width: 100%;
    background-size: cover;
    background-position: center
}

body.site-hardrockblackjack .button_green, body.site-hardrockblackjack .green_btn {
    border: 1px solid #dbb985;
    -webkit-background: linear-gradient(to top, #d2a44c 0, #dbb985 100%);
    -moz-background: linear-gradient(to top, #d2a44c 0, #dbb985 100%);
    -ms-background: linear-gradient(to top, #d2a44c 0, #dbb985 100%);
    background: linear-gradient(to top, #d2a44c 0, #dbb985 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

body.site-hardrockblackjack .button_green:before, body.site-hardrockblackjack .green_btn:before {
    -webkit-background: linear-gradient(to top, #d2a44c 0, #c99700 100%);
    -moz-background: linear-gradient(to top, #d2a44c 0, #c99700 100%);
    -ms-background: linear-gradient(to top, #d2a44c 0, #c99700 100%);
    background: linear-gradient(to top, #d2a44c 0, #c99700 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

body.site-hardrockblackjack .paralax_box {
    position: absolute;
    top: 320px
}

body.site-hardrockblackjack .bottom_bg {
    background: url(../img/hard_rock/bottom_bg.png) no-repeat bottom center;
    min-height: 600px
}

body.site-hardrockblackjack footer {
    position: relative;
    background-color: #352c65
}

body.site-hardrockblackjack footer .copyright, body.site-hardrockblackjack footer .footer_title, body.site-hardrockblackjack footer .menu_box ul li:first-child {
    color: #765e8c
}

body.site-hardrockblackjack footer .left_box .logo_box, body.site-hardrockblackjack footer .right_box, body.site-hardrockblackjack footer .right_box .menu_box, body.site-hardrockblackjack footer .right_box .menu_box ul {
    width: auto
}

body.site-hardrockblackjack footer .left_box img {
    margin: 0 auto
}

body.site-hardrockblackjack footer .menu_box ul li {
    text-align: right;
    margin-bottom: 5px
}

body.site-hardrockblackjack footer .menu_box ul li:first-child {
    font-size: inherit;
    margin-bottom: 5px;
    line-height: inherit
}

body.site-hardrockblackjack .left_sharings_block {
    float: left
}

body.site-hardrockblackjack .center_box {
    position: absolute;
    left: 50%;
    width: 150px;
    margin-left: -75px
}

body.site-hardrockblackjack .center_box .copyright {
    padding-top: 10px;
    text-align: center
}

body.site-hardrockblackjack .sharings_box a {
    background-color: #2e255b;
    border: 1px solid #765e8c
}

body.site-hardrockblackjack .sharings_box a:hover {
    border: 1px solid #fff
}

body.site-hardrockblackjack .page-nav {
    background-color: #352c65;
    border: 1px solid #191919
}

body.site-hardrockblackjack .authors-list h3 a, body.site-hardrockblackjack .authors-list_extra h3 a, body.site-hardrockblackjack .extra-bottom_friends a, body.site-hardrockblackjack .page-nav li a, body.site-hardrockblackjack .sign-in__block a {
    color: #d2a44c
}

.page-nav li ul li.active a, body.site-hardrockblackjack .authors-list h3 a:hover, body.site-hardrockblackjack .authors-list_extra h3 a:hover, body.site-hardrockblackjack .extra-bottom_friends a:hover, body.site-hardrockblackjack .page-nav li a:hover, body.site-hardrockblackjack .sign-in__block a:hover {
    color: #fff
}

body.site-hardrockblackjack .extra-bottom_friends {
    background-color: rgba(53, 44, 101, .8)
}

body.site-hardrockblackjack .mobile_menu .burger {
    padding: 24px 10px
}

body.site-hardrockblackjack .mobile_menu .mobile_menu_list_box {
    top: 74px;
    background: #1a1536;
    max-height: calc(100vh - 74px)
}

body.site-hardrockblackjack .mobile_menu .mobile_menu_list_box ul li {
    border-bottom: 1px solid #765e8c
}

body.site-hardrockblackjack .mobile_play .btn_box {
    text-align: center
}

body.site-hardrockblackjack .inHeader .green_btn, body.site-hardrockblackjack .preinHeader .green_btn {
    top: 22px
}

body.site-hardrockblackjack .play_now {
    min-height: calc(100vh - 74px)
}

body.site-hardrockblackjack .content {
    min-height: calc(100vh - 269px)
}

@media (max-width: 880px) {
    .site-hardrockblackjack footer {
        padding-bottom: 50px
    }

    .site-hardrockblackjack footer .left_box {
        float: left;
        width: auto
    }

    .site-hardrockblackjack footer .right_box {
        float: right;
        width: auto
    }

    .site-durak .bottom_bg {
        min-height: initial;
        padding-bottom: 50px
    }
}

@media (max-width: 479px) {
    .site-hardrockblackjack .top_line .logo_box {
        margin-left: -54px
    }

    .site-hardrockblackjack .bottom_bg {
        min-height: 650px;
        padding: 0 10px
    }

    .site-hardrockblackjack footer {
        padding: 20px
    }

    .site-hardrockblackjack footer .left_box, .site-hardrockblackjack footer .right_box {
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 20px
    }

    .site-hardrockblackjack footer .center_box {
        position: relative;
        width: 100%;
        text-align: center;
        left: 0;
        margin-left: 0;
        margin-bottom: 20px
    }

    .site-hardrockblackjack footer .center_box img {
        width: 100px;
        margin: 0 auto
    }

    .site-hardrockblackjack footer .sharings_box a {
        margin: 0 5px
    }

    .site-hardrockblackjack footer .menu_box {
        float: none;
        margin-bottom: 0
    }

    .site-hardrockblackjack footer .menu_box ul li {
        text-align: center
    }
}

.policy__content {
    background-color: rgba(11, 29, 46, .9);
    color: #fff;
    padding: 25px
}

.policy__content h1, section h1, section h2 {
    font-weight: 500;
    font-size: 2.438em;
    text-transform: none
}

.policy__content h1 {
    margin: 30px 0
}

.policy__content h2 {
    font-size: 1.375em;
    margin-bottom: 5px;
    margin-top: 20px
}

.policy__content h3 {
    margin-top: 10px
}

.policy__content div {
    text-align: left
}

.policy__content p {
    font-size: .875em;
    line-height: 1.3em;
    margin-bottom: 10px
}

.page-nav li, .policy__content table, .policy__content ul {
    margin-bottom: 10px
}

.policy__content table td {
    border: 1px solid #bebebe;
    padding: 10px
}

.policy__content ul li {
    font-size: .875em;
    padding: 0 0 5px 20px;
    position: relative
}

.policy__content ul li::before {
    content: "-";
    position: absolute;
    left: 1px;
    top: 0
}

.rtl .policy__content div, .rtl .policy__content h1, .rtl .policy__content h2, .rtl .policy__content p {
    text-align: right
}

.rtl .policy__content ul li {
    padding-right: 20px
}

.rtl .policy__content ul li::before {
    content: "-";
    position: absolute;
    left: auto;
    right: 1px
}

section h1, section h2 {
    color: #0f263d;
    padding: 20px 30px
}

.white_bg {
    background-color: #fff;
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 30px;
    min-height: 740px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .9);
    -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .9);
    -ms-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .9);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .9)
}

.rounded-box, .white_bg .list-pubs {
    padding: 0 30px
}

.white_bg .list-pubs li {
    width: 100%;
    overflow: hidden;
    padding: 10px 0 20px
}

.white_bg .list-pubs li .list-pubs__img {
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
    cursor: pointer
}

.white_bg .list-pubs li h3 {
    font-size: 1.063em;
    margin: 0 0 10px;
    line-height: 110%
}

.white_bg .list-pubs li h3 a {
    text-decoration: none;
    color: #64b7e3
}

.white_bg .list-pubs li .list-pubs__lead a:hover, .white_bg .list-pubs li h3 a:hover, .white_bg .pub__text a:hover {
    cursor: pointer;
    color: #013d74
}

.content_body, .white_bg .list-pubs li .list-pubs__lead {
    overflow: hidden
}

.white_bg p {
    line-height: 140%;
    margin: 0 0 1em
}

.white_bg .pub__text {
    padding: 0 30px;
    margin-bottom: 20px
}

.policy__content h3, .white_bg .pub__text h4 {
    margin-bottom: 5px;
    font-size: 1.125em
}

.white_bg .pub__text p {
    margin-bottom: 10px;
    line-height: 1.3em;
    font-size: .875em
}

.white_bg .pub__text .pub__img {
    float: left;
    margin: 0 10px 5px 0
}

.rounded-box h2 {
    padding: 20px 0
}

.content_body {
    width: 680px;
    padding-right: 200px;
    padding-top: 30px;
    box-sizing: content-box
}

.content_body .left_column {
    width: 100%;
    float: left
}

.content_body .right_column {
    width: 200px;
    float: right;
    margin-right: -200px
}

.page-nav {
    background-color: #013d74;
    padding: 20px 0;
    margin-bottom: 20px;
    border: 1px solid rgba(0, 0, 0, .34);
    border-left: 0
}

.page-nav li {
    padding-left: 20px
}

.page-nav li a, .pagination li a, .white_bg .list-pubs li .list-pubs__lead a, .white_bg .pub__text a {
    text-decoration: none;
    color: #64b7e3
}

.page-nav li a {
    font-size: 1em
}

.page-nav li a:hover {
    color: #9bccff
}

.page-nav li ul {
    padding-right: 10px
}

.page-nav > li.active > a, .page-nav > li.active > span {
    margin-left: -20px;
    margin-bottom: 5px;
    padding: 10px;
    display: block;
    background-color: #183249;
    color: #fff;
    font-size: 1.125em
}

.page-how-to-play__english-only {
    padding-left: 30px
}

.pagination {
    width: 100%;
    padding: 20px
}

.pagination li {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center
}

.pagination li a {
    width: 100%;
    height: 100%;
    cursor: pointer
}

.pagination li a:hover {
    color: #9bccff
}

.pagination li span {
    color: #0d0a0a
}

.breadcrumbs {
    color: #fff;
    font-size: .75em;
    line-height: 20px;
    height: 20px;
    padding-top: 20px
}

.breadcrumbs li {
    display: inline-block;
    padding-left: 22px;
    background: url(../../images/breadcrumbs-arrow.png) no-repeat 9px 6px
}

.breadcrumbs li:first-child {
    background: url(../../images/breadcrumbs-home.png) no-repeat;
    width: 21px;
    height: 22px;
    padding: 0
}

.breadcrumbs li:first-child a {
    display: block;
    height: 100%;
    width: 100%
}

.breadcrumbs li a {
    color: #64b7e3;
    text-decoration: none
}

.breadcrumbs li a.active, .breadcrumbs li a:hover, .colored_white a:hover, .dropdown-tail__menu a:active, .dropdown-tail__menu a:hover, .sign-in__block a:active, .sign-in__block a:hover {
    color: #a3cfec
}

.share {
    padding: 0 30px 30px
}

.extra-bottom_carmen {
    color: #fff;
    padding: 370px 10px 0 15px;
    background: url(../../new-img/extra-innah.png) no-repeat right top;
    font-size: .75em;
    line-height: 1.5em
}

.extra-bottom_carmen .button_green {
    padding: 10px;
    margin-bottom: 10px
}

.question {
    padding: 10px 30px
}

.question .share {
    padding-left: 0
}

.question__weeker {
    background: #64b7e3;
    color: #fff;
    position: relative;
    display: inline-block;
    padding: 8px 25px 8px 15px;
    margin-left: 5px;
    cursor: pointer;
    z-index: 1;
    margin-top: -10px
}

.question__weeker:before, .sign-in__fb-btn:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%
}

.question__weeker:before {
    border: 4px transparent solid;
    border-top: 6px #fff solid;
    right: 8px;
    margin-top: -3px
}

.question__weeker li {
    width: 20%;
    float: left
}

.question__answer-count {
    font-size: 13px;
    letter-spacing: normal;
    padding: .5em 1em;
    background: #c6cad1
}

.question__image {
    margin: 20px 0
}

.question__image img {
    display: block;
    max-width: 100%;
    overflow: hidden
}

.i-hide {
    display: none
}

.dropdown-weeker {
    width: 300px;
    top: 60px;
    right: 13px
}

.dropdown-tail_rtl {
    left: auto;
    right: 3px
}

.dropdown-tail {
    left: 3px;
    top: 40px;
    background-color: #fff;
    border: 1px solid #1c344a;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, .4);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, .4);
    position: absolute;
    text-align: left
}

.dropdown-tail__menu {
    list-style: none;
    padding: 0;
    margin: 8px 0
}

.dropdown-tail__menu a {
    display: block;
    padding: 8px 20px;
    font-size: .359em
}

.sign-in {
    padding-top: 30px;
    text-shadow: 0 0 3px #000
}

.sign-in button {
    display: block;
    margin: 0 auto 10px
}

.sign-in__title {
    font-size: 39px;
    color: #fff;
    text-align: center;
    margin-bottom: 10px
}

.sign-in__block {
    text-align: center;
    margin-bottom: 30px
}

.dropdown-tail__menu a, .sign-in__block a {
    color: #64b7e3;
    text-decoration: none
}

.sign-in__text {
    color: #fff;
    margin-bottom: 5px
}

.sign-in__input {
    display: block;
    background: #fff no-repeat 10px 50%;
    width: 340px;
    padding: 10px 10px 10px 35px;
    color: #244868;
    margin: 0 auto 10px;
    border: 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.sign-in__checkbox {
    text-align: left;
    color: #fff;
    width: 340px;
    margin: 0 auto
}

.sign-in__checkbox label, .sign-in__checkbox label a {
    line-height: 20px
}

.shop-chips .shop-chips__item, input[type=email], input[type=password], input[type=text], textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.sign-in__input_email {
    background-image: url(../../images/icon-mail.png)
}

.sign-in__input_password {
    background-image: url(../../images/icon-key.png)
}

.sign-in__input_nick {
    background-image: url(../../images/icon-nickname.png)
}

.sign-in__captcha {
    width: 340px;
    margin: 5px auto;
    text-align: left
}

.sign-in__captcha img {
    display: block;
    margin-bottom: 5px
}

.sign-in__h2 {
    font-size: 27px;
    color: #fff;
    margin-bottom: 0
}

.sign-in__fb-btn:before {
    background: url(../../new-img/fb_logo_white_58.png);
    width: 20px;
    height: 20px;
    left: 25px;
    background-size: 100%;
    margin-top: -10px
}

.colored_white {
    color: #fff;
    text-align: center;
    text-shadow: 0 0 10px #000
}

.colored_white a {
    color: #64b7e3
}

h1.colored_white {
    font-size: 2em;
    padding-top: 60px;
    margin-bottom: 20px
}

.shop-chips .shop-chips__item {
    width: 32%;
    float: left;
    margin-right: 1.1%;
    display: inline;
    margin-top: 10px
}

.item-buy, .shop-chips__section_chips .item-buy_1, .shop-chips__section_chips .item-buy_2, .shop-chips__section_chips .item-buy_3, .shop-chips__section_chips .item-buy_4, .shop-chips__section_chips .item-buy_5, .shop-chips__section_chips .item-buy_6, .shop-chips__section_chips .item-buy_7, .shop-chips__section_coins .item-buy_1, .shop-chips__section_coins .item-buy_2, .shop-chips__section_coins .item-buy_3, .shop-chips__section_coins .item-buy_4, .shop-chips__section_coins .item-buy_5, .shop-chips__section_coins .item-buy_6, .shop-chips__section_coins .item-buy_7 {
    min-height: 230px;
    position: relative;
    background-color: #f2f8fb;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px
}

.shop-chips__section_chips .item-buy_1 .item-buy__img, .shop-chips__section_chips .item-buy_2 .item-buy__img, .shop-chips__section_chips .item-buy_3 .item-buy__img, .shop-chips__section_chips .item-buy_4 .item-buy__img, .shop-chips__section_chips .item-buy_5 .item-buy__img, .shop-chips__section_chips .item-buy_6 .item-buy__img, .shop-chips__section_chips .item-buy_7 .item-buy__img, .shop-chips__section_coins .item-buy_1 .item-buy__img, .shop-chips__section_coins .item-buy_2 .item-buy__img, .shop-chips__section_coins .item-buy_3 .item-buy__img, .shop-chips__section_coins .item-buy_4 .item-buy__img, .shop-chips__section_coins .item-buy_5 .item-buy__img, .shop-chips__section_coins .item-buy_6 .item-buy__img, .shop-chips__section_coins .item-buy_7 .item-buy__img {
    width: 100%;
    margin: 0 auto;
    height: 85px;
    padding-top: 20px
}

.shop-chips__section_chips .item-buy_1 .item-buy__img {
    background: url(../../images/shop-icons/chips/item-icon-1.png) no-repeat bottom center
}

.shop-chips__section_chips .item-buy_2 .item-buy__img {
    background: url(../../images/shop-icons/chips/item-icon-2.png) no-repeat bottom center
}

.shop-chips__section_chips .item-buy_3 .item-buy__img {
    background: url(../../images/shop-icons/chips/item-icon-3.png) no-repeat bottom center
}

.shop-chips__section_chips .item-buy_4 .item-buy__img {
    background: url(../../images/shop-icons/chips/item-icon-4.png) no-repeat bottom center
}

.shop-chips__section_chips .item-buy_5 .item-buy__img {
    background: url(../../images/shop-icons/chips/item-icon-5.png) no-repeat bottom center
}

.shop-chips__section_chips .item-buy_6 .item-buy__img {
    background: url(../../images/shop-icons/chips/item-icon-6.png) no-repeat bottom center
}

.shop-chips__section_chips .item-buy_7 .item-buy__img {
    background: url(../../images/shop-icons/chips/item-icon-7.png) no-repeat bottom center
}

.shop-chips__section_coins .item-buy_1 .item-buy__img {
    background: url(../../images/shop-icons/coins/item-icon-1.png) no-repeat bottom center
}

.shop-chips__section_coins .item-buy_2 .item-buy__img {
    background: url(../../images/shop-icons/coins/item-icon-2.png) no-repeat bottom center
}

.shop-chips__section_coins .item-buy_3 .item-buy__img {
    background: url(../../images/shop-icons/coins/item-icon-3.png) no-repeat bottom center
}

.shop-chips__section_coins .item-buy_4 .item-buy__img {
    background: url(../../images/shop-icons/coins/item-icon-4.png) no-repeat bottom center
}

.shop-chips__section_coins .item-buy_5 .item-buy__img {
    background: url(../../images/shop-icons/coins/item-icon-5.png) no-repeat bottom center
}

.shop-chips__section_coins .item-buy_6 .item-buy__img {
    background: url(../../images/shop-icons/coins/item-icon-6.png) no-repeat bottom center
}

.shop-chips__section_coins .item-buy_7 .item-buy__img {
    background: url(../../images/shop-icons/coins/item-icon-7.png) no-repeat bottom center
}

.item-buy__description {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 75px;
    padding: 0 10px;
    margin-bottom: 5px !important;
    overflow: hidden;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: rgba(12, 38, 61, .5)
}

.item-buy__description span {
    color: #0c263d;
    font-size: 31px;
    display: block;
    padding-top: 9px
}

.item-buy__button {
    width: 100px;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    display: block
}

.item-buy__percent {
    width: 56px;
    height: 23px;
    line-height: 24px;
    text-align: center;
    background: url(../../images/shop-icons/flag.png) no-repeat 0 0;
    color: #fff;
    font-size: 14px;
    position: absolute;
    top: 10px;
    right: 0
}

.shop-chips__section {
    width: 100%;
    overflow: hidden
}

.shop-chips__section h1 {
    padding-left: 0
}

.rules_box ol, .rules_box p {
    padding: 0 30px;
    margin-bottom: 10px
}

.blue-box img, .rules_box img {
    max-width: 100%
}

.rules_box ol {
    padding: 0 50px;
    list-style: decimal
}

.rules_box .support .js-collapse-item {
    font-size: 1.5em;
    border-bottom: 1px solid #013d74
}

.rules_box .support .js-collapse-item span {
    float: right
}

.rules_box .support .support__question-title {
    font-weight: 700
}

.rules_box .support .support__list {
    margin-bottom: 20px;
    padding-top: 20px
}

.simple-content__container_xsolla {
    height: 695px;
    padding-top: 30px
}

.form__success {
    margin-top: 60px;
    text-align: center;
    font-size: 1.25em
}

.play_now {
    overflow: auto;
    height: 100%;
    min-height: 100%;
    min-height: calc(100vh - 45px)
}

.rules_box h3 {
    margin: 30px 0 10px;
    padding-left: 30px
}

.rules_box .cards {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
    font-size: 0;
    text-align: center
}

@media screen and (max-width: 480px) {
    .rules_box .cards {
        margin-right: 75px
    }
}

.rules_box .hand-box {
    position: relative
}

.rules_box .hand-box h2 {
    font-size: 1.5em;
    font-weight: 700
}

.rules_box .hand-box__change {
    color: #b4c9d8;
    font-size: 11px;
    line-height: 14px;
    position: absolute;
    top: 115px;
    right: 30px
}

.rules_box .hand-box__change:before {
    content: "";
    position: absolute;
    top: -26px;
    left: 50%;
    margin-left: -12px;
    background: url(../../images/hand-box-change.png) no-repeat top center;
    width: 24px;
    height: 23px;
    padding-bottom: 10px
}

.rules_box .cards__card {
    padding: 2px 2px 3px;
    margin: 0 2px;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.rules_box .cards__card div {
    opacity: .5;
    background-color: #f3eeed;
    width: 51px;
    height: 69px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .5)
}

.rules_box .cards__card.active {
    background-color: #fc0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmY2MwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmOWEwMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background: -moz-linear-gradient(180deg, #fc0 0%, #ff9a03 100%);
    background: -webkit-linear-gradient(180deg, #fc0 0%, #ff9a03 100%);
    background: linear-gradient(-90deg, #fc0 0%, #ff9a03 100%)
}

.rules_box .cards__card_2s div {
    background: url(../../images/cards/2s.png)
}

.rules_box .cards__card_3s div {
    background: url(../../images/cards/3s.png)
}

.rules_box .cards__card_4s div {
    background: url(../../images/cards/4s.png)
}

.rules_box .cards__card_5s div {
    background: url(../../images/cards/5s.png)
}

.rules_box .cards__card_6s div {
    background: url(../../images/cards/6s.png)
}

.rules_box .cards__card_7s div {
    background: url(../../images/cards/7s.png)
}

.rules_box .cards__card_8s div {
    background: url(../../images/cards/8s.png)
}

.rules_box .cards__card_9s div {
    background: url(../../images/cards/9s.png)
}

.rules_box .cards__card_10s div {
    background: url(../../images/cards/10s.png)
}

.rules_box .cards__card_11s div {
    background: url(../../images/cards/11s.png)
}

.rules_box .cards__card_12s div {
    background: url(../../images/cards/12s.png)
}

.rules_box .cards__card_13s div {
    background: url(../../images/cards/13s.png)
}

.rules_box .cards__card_14s div {
    background: url(../../images/cards/14s.png)
}

.rules_box .cards__card_2h div {
    background: url(../../images/cards/2h.png)
}

.rules_box .cards__card_3h div {
    background: url(../../images/cards/3h.png)
}

.rules_box .cards__card_4h div {
    background: url(../../images/cards/4h.png)
}

.rules_box .cards__card_5h div {
    background: url(../../images/cards/5h.png)
}

.rules_box .cards__card_6h div {
    background: url(../../images/cards/6h.png)
}

.rules_box .cards__card_7h div {
    background: url(../../images/cards/7h.png)
}

.rules_box .cards__card_8h div {
    background: url(../../images/cards/8h.png)
}

.rules_box .cards__card_9h div {
    background: url(../../images/cards/9h.png)
}

.rules_box .cards__card_10h div {
    background: url(../../images/cards/10h.png)
}

.rules_box .cards__card_11h div {
    background: url(../../images/cards/11h.png)
}

.rules_box .cards__card_12h div {
    background: url(../../images/cards/12h.png)
}

.rules_box .cards__card_13h div {
    background: url(../../images/cards/13h.png)
}

.rules_box .cards__card_14h div {
    background: url(../../images/cards/14h.png)
}

.rules_box .cards__card_2d div {
    background: url(../../images/cards/2d.png)
}

.rules_box .cards__card_3d div {
    background: url(../../images/cards/3d.png)
}

.rules_box .cards__card_4d div {
    background: url(../../images/cards/4d.png)
}

.rules_box .cards__card_5d div {
    background: url(../../images/cards/5d.png)
}

.rules_box .cards__card_6d div {
    background: url(../../images/cards/6d.png)
}

.rules_box .cards__card_7d div {
    background: url(../../images/cards/7d.png)
}

.rules_box .cards__card_8d div {
    background: url(../../images/cards/8d.png)
}

.rules_box .cards__card_9d div {
    background: url(../../images/cards/9d.png)
}

.rules_box .cards__card_10d div {
    background: url(../../images/cards/10d.png)
}

.rules_box .cards__card_11d div {
    background: url(../../images/cards/11d.png)
}

.rules_box .cards__card_12d div {
    background: url(../../images/cards/12d.png)
}

.rules_box .cards__card_13d div {
    background: url(../../images/cards/13d.png)
}

.rules_box .cards__card_14d div {
    background: url(../../images/cards/14d.png)
}

.rules_box .cards__card_2c div {
    background: url(../../images/cards/2c.png)
}

.rules_box .cards__card_3c div {
    background: url(../../images/cards/3c.png)
}

.rules_box .cards__card_4c div {
    background: url(../../images/cards/4c.png)
}

.rules_box .cards__card_5c div {
    background: url(../../images/cards/5c.png)
}

.rules_box .cards__card_6c div {
    background: url(../../images/cards/6c.png)
}

.rules_box .cards__card_7c div {
    background: url(../../images/cards/7c.png)
}

.rules_box .cards__card_8c div {
    background: url(../../images/cards/8c.png)
}

.rules_box .cards__card_9c div {
    background: url(../../images/cards/9c.png)
}

.rules_box .cards__card_10c div {
    background: url(../../images/cards/10c.png)
}

.rules_box .cards__card_11c div {
    background: url(../../images/cards/11c.png)
}

.rules_box .cards__card_12c div {
    background: url(../../images/cards/12c.png)
}

.rules_box .cards__card_13c div {
    background: url(../../images/cards/13c.png)
}

.rules_box .cards__card_14c div {
    background: url(../../images/cards/14c.png)
}

.play_now, .seat-places {
    text-align: center
}

.seat-places:first-of-type {
    margin-top: 40px
}

.seat-places__table {
    background: no-repeat center 5px;
    margin: 30px -10px -10px;
    position: relative
}

.seat-places__table_9 {
    background-image: url(../../images/table-9.png?1393568351);
    height: 340px
}

@media screen and (max-width: 568px) {
    .seat-places__table_9 {
        background-size: 302px 200px;
        height: 200px
    }
}

.seat-places__table_5 {
    background-image: url(../../images/table-5.png?1393568351);
    height: 335px
}

@media screen and (max-width: 568px) {
    .seat-places__table_5 {
        background-size: 304px 197px;
        height: 197px
    }
}

.seat-places__table .button, .seat-places__table .button-store_desktop, .seat-places__table .button-store_social-networks {
    position: absolute;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    padding: 0;
    width: 74px;
    font-weight: 400;
    cursor: pointer;
    border: 0;
    color: #fff !important;
    text-align: center;
    margin: 2px;
    display: inline-block;
    vertical-align: middle;
    background: #2a4e6b;
    background: -moz-linear-gradient(top, #2a4e6b 0%, #4480a5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2a4e6b), color-stop(100%, #4480a5));
    background: -webkit-linear-gradient(top, #2a4e6b 0%, #4480a5 100%);
    background: linear-gradient(to bottom, #2a4e6b 0%, #4480a5 100%);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5), inset 0 1px 0 0 rgba(255, 255, 255, .25);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5), inset 0 1px 0 0 rgba(255, 255, 255, .25);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5), inset 0 1px 0 0 rgba(255, 255, 255, .25);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    transition: all 100ms;
    -moz-transition: all 100ms;
    -webkit-transition: all 100ms;
    text-decoration: none
}

.seat-places__table .button-store_desktop:hover, .seat-places__table .button-store_social-networks:hover, .seat-places__table .button:hover {
    -webkit-background: linear-gradient(to top, #2a4e6b 0%, #4480a5 100%);
    -moz-background: linear-gradient(to top, #2a4e6b 0%, #4480a5 100%);
    -ms-background: linear-gradient(to top, #2a4e6b 0%, #4480a5 100%);
    background: linear-gradient(to top, #2a4e6b 0%, #4480a5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .5), inset 0 1px 0 0 rgba(255, 255, 255, .5), 0 0 0 5px rgba(59, 81, 95, .7), 0 0 0 7px rgba(255, 255, 255, .3), 0 6px 3px 0 rgba(0, 0, 0, .6);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .5), inset 0 1px 0 0 rgba(255, 255, 255, .5), 0 0 0 5px rgba(59, 81, 95, .7), 0 0 0 7px rgba(255, 255, 255, .3), 0 6px 3px 0 rgba(0, 0, 0, .6);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .5), inset 0 1px 0 0 rgba(255, 255, 255, .5), 0 0 0 5px rgba(59, 81, 95, .7), 0 0 0 7px rgba(255, 255, 255, .3), 0 6px 3px 0 rgba(0, 0, 0, .6)
}

.seat-places__bb, .seat-places__btn, .seat-places__co, .seat-places__hj, .seat-places__mp1, .seat-places__mp2, .seat-places__sb, .seat-places__utg, .seat-places__utg1 {
    position: absolute;
    left: 50%;
    top: 50%
}

.seat-places__table .seat-places__sb {
    margin-top: -170px;
    margin-left: 72px
}

@media screen and (max-width: 568px) {
    .seat-places__table .seat-places__sb {
        margin-top: -100px;
        margin-left: 42px;
        padding: 0
    }

    .seat-places__table .seat-places__sb, .seat-places__table .seat-places__sb:hover {
        font-size: 12px;
        height: 20px;
        line-height: 20px;
        width: 50px
    }
}

.seat-places__table .seat-places__bb {
    margin-top: -105px;
    margin-left: 170px
}

@media screen and (max-width: 568px) {
    .seat-places__table .seat-places__bb {
        margin-top: -62px;
        margin-left: 100px;
        padding: 0
    }

    .seat-places__table .seat-places__bb, .seat-places__table .seat-places__bb:hover {
        font-size: 12px;
        height: 20px;
        line-height: 20px;
        width: 50px
    }
}

.seat-places__table .seat-places__utg {
    margin-top: 10px;
    margin-left: 180px
}

@media screen and (max-width: 568px) {
    .seat-places__table .seat-places__utg {
        margin-top: 6px;
        margin-left: 106px;
        padding: 0
    }

    .seat-places__table .seat-places__utg, .seat-places__table .seat-places__utg:hover {
        font-size: 12px;
        height: 20px;
        line-height: 20px;
        width: 50px
    }
}

.seat-places__table .seat-places__utg1 {
    margin-top: 90px;
    margin-left: 90px
}

@media screen and (max-width: 568px) {
    .seat-places__table .seat-places__utg1 {
        margin-top: 53px;
        margin-left: 53px;
        padding: 0
    }

    .seat-places__table .seat-places__utg1, .seat-places__table .seat-places__utg1:hover {
        font-size: 12px;
        height: 20px;
        line-height: 20px;
        width: 50px
    }
}

.seat-places__table .seat-places__mp1 {
    margin-top: 90px;
    margin-left: -38px
}

@media screen and (max-width: 568px) {
    .seat-places__table .seat-places__mp1 {
        margin-top: 53px;
        margin-left: -22px;
        padding: 0
    }

    .seat-places__table .seat-places__mp1, .seat-places__table .seat-places__mp1:hover {
        font-size: 12px;
        height: 20px;
        line-height: 20px;
        width: 50px
    }
}

.seat-places__table .seat-places__mp2 {
    margin-top: 90px;
    margin-left: -165px
}

@media screen and (max-width: 568px) {
    .seat-places__table .seat-places__mp2 {
        margin-top: 53px;
        margin-left: -97px;
        padding: 0
    }

    .seat-places__table .seat-places__mp2, .seat-places__table .seat-places__mp2:hover {
        font-size: 12px;
        height: 20px;
        line-height: 20px;
        width: 50px
    }
}

.seat-places__table .seat-places__hj {
    margin-top: 10px;
    margin-left: -255px
}

@media screen and (max-width: 568px) {
    .seat-places__table .seat-places__hj {
        margin-top: 6px;
        margin-left: -150px;
        padding: 0
    }

    .seat-places__table .seat-places__hj, .seat-places__table .seat-places__hj:hover {
        font-size: 12px;
        height: 20px;
        line-height: 20px;
        width: 50px
    }
}

.seat-places__table .seat-places__co {
    margin-top: -105px;
    margin-left: -245px
}

@media screen and (max-width: 568px) {
    .seat-places__table .seat-places__co {
        margin-top: -62px;
        margin-left: -144px;
        padding: 0
    }

    .seat-places__table .seat-places__co, .seat-places__table .seat-places__co:hover {
        font-size: 12px;
        height: 20px;
        line-height: 20px;
        width: 50px
    }
}

.seat-places__table .seat-places__btn {
    margin-top: -170px;
    margin-left: -148px
}

@media screen and (max-width: 568px) {
    .seat-places__table .seat-places__btn {
        margin-top: -100px;
        margin-left: -87px;
        padding: 0
    }

    .seat-places__table .seat-places__btn, .seat-places__table .seat-places__btn:hover {
        font-size: 12px;
        height: 20px;
        line-height: 20px;
        width: 50px
    }
}

.seat-places__table_5 .seat-places__bb {
    margin-top: 10px;
    margin-left: 180px
}

@media screen and (max-width: 568px) {
    .seat-places__table_5 .seat-places__bb {
        margin-top: 6px;
        margin-left: 106px;
        padding: 0
    }

    .seat-places__table_5 .seat-places__bb, .seat-places__table_5 .seat-places__bb:hover {
        font-size: 12px;
        height: 20px;
        line-height: 20px;
        width: 50px
    }
}

.seat-places__table_5 .seat-places__utg {
    margin-top: 90px;
    margin-left: -38px
}

@media screen and (max-width: 568px) {
    .seat-places__table_5 .seat-places__utg {
        margin-top: 53px;
        margin-left: -22px;
        padding: 0
    }

    .seat-places__table_5 .seat-places__utg, .seat-places__table_5 .seat-places__utg:hover {
        font-size: 12px;
        height: 20px;
        line-height: 20px;
        width: 50px
    }
}

.seat-places__table_5 .seat-places__co {
    margin-top: 10px;
    margin-left: -255px
}

@media screen and (max-width: 568px) {
    .seat-places__table_5 .seat-places__co {
        margin-top: 6px;
        margin-left: -150px;
        padding: 0
    }

    .seat-places__table_5 .seat-places__co, .seat-places__table_5 .seat-places__co:hover {
        font-size: 12px;
        height: 20px;
        line-height: 20px;
        width: 50px
    }
}

.letter-list li {
    display: inline-block;
    margin: 5px 0
}

.letter-list, .letter-list .list-with-headers__sub {
    margin-bottom: 20px
}

.letter-list, .separate-block {
    padding: 0 30px
}

.separate-block h1 {
    padding: 20px 0
}

.separate-block h2 {
    padding: 0
}

.page-tournament {
    color: #4b6a85;
    font-size: 14px;
    line-height: 1.4em;
    overflow: hidden
}

.page-tournament h2 {
    font-size: 17px;
    line-height: 1.4em;
    font-weight: 700;
    margin: 1.4em 0 .5em;
    clear: both
}

.page-tournament__left-content {
    float: left;
    width: 290px;
    margin-right: 30px;
    margin-bottom: 30px
}

.page-tournament__right-content {
    float: left;
    width: 300px
}

.table-topborder {
    width: 100%;
    margin: 15px 0
}

.table-topborder td, .table-topborder th {
    text-align: left;
    padding: 4px 5px
}

.table-topborder thead th {
    color: #6b798c;
    font-weight: 400;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #b1bec3
}

.table-topborder tbody td {
    border-top: 1px solid #e0eef5;
    color: #0b1d2d;
    font-size: 17px;
    line-height: 22px;
    vertical-align: top;
    border-right: 10px solid #fff
}

.table-topborder tbody td:last-child {
    border-right: 0
}

.table-topborder tbody tr:first-child td {
    border-top: 1px solid #b1bec3
}

.table-topborder__addition {
    display: block;
    color: #6b798c;
    font-size: 12px;
    line-height: 16px
}

.table-topborder_shootout .table-topborder__cell-1, .table-topborder_sng thead .table-topborder__cell-1 {
    border-right: 10px solid #fff
}

.table-topborder_shootout .table-topborder__cell-2, .table-topborder_shootout .table-topborder__cell-3, .table-topborder_shootout .table-topborder__cell-4 {
    width: 130px
}

.table-topborder_shootout .table-topborder__first-place td {
    padding-top: 14px;
    padding-bottom: 18px
}

.table-topborder_sng thead th {
    vertical-align: top;
    padding-top: 6px;
    padding-bottom: 4px;
    border-right: 10px solid transparent
}

.table-topborder_sng tr.table-topborder__head-row th {
    font-size: 17px;
    line-height: 22px;
    border: 0;
    padding-top: 0;
    padding-bottom: 6px
}

.table-topborder_sng .table-topborder__cell-2, .table-topborder_sng .table-topborder__cell-3, .table-topborder_sng .table-topborder__cell-4, .table-topborder_sng .table-topborder__cell-5 {
    width: 105px
}

.table-topborder_sng-fees, .tokens_content .calculator_box .calculator .tri {
    margin-top: 30px
}

.table-topborder_sng-fees thead th {
    border-right: 10px solid #fff
}

.blue-box {
    padding: 10px;
    background-color: #d8e6ef
}

.blue-box_header {
    font-size: 17px
}

.blue-box_letter-list {
    padding: 16px 18px
}

.blue-box_tips {
    font-size: 13px;
    line-height: 1.5em;
    padding: 15px 15px 15px 60px;
    position: relative;
    margin: 2em 0
}

.blue-box_tips:after {
    content: "";
    display: block;
    background: url(../../images/idea.png);
    width: 25px;
    height: 25px;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -15px
}

.question_box {
    color: #fff;
    max-width: 450px;
    margin: 30px auto
}

.question_box h1 {
    text-align: center;
    width: 100%;
    font-size: 2em;
    margin-bottom: 30px
}

.question_box .ask-question .form__row {
    overflow: visible;
    min-height: 40px
}

.question_box .ask-question .jq-selectbox__dropdown {
    background-color: #fff;
    padding: 10px;
    color: #242424;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .5);
    -ms-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .5);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, .5)
}

.question_box .ask-question .jq-selectbox__dropdown li {
    padding-bottom: 5px;
    cursor: pointer
}

.question_box .ask-question .jq-selectbox__dropdown li.optgroup {
    color: #bebebe;
    cursor: default
}

.question_box .ask-question .jq-selectbox__dropdown li.optgroup:hover {
    background-color: #fff
}

.question_box .ask-question .jq-selectbox__dropdown li.option {
    padding: 5px 0 5px 20px
}

.question_box .ask-question .jq-selectbox__dropdown li:hover {
    background-color: #dadada
}

.question_box .ask-question .jq-selectbox__select {
    padding-top: 5px;
    cursor: pointer
}

.question_box .ask-question .form__label {
    margin-right: 4%;
    width: 27%;
    text-align: right;
    color: #fff
}

.question_box .ask-question input {
    height: 28px;
    background-color: #fff;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    font-weight: 700;
    font-size: 15px;
    color: #254a6c
}

.question_box .ask-question textarea {
    width: 100%;
    min-height: 100px;
    display: inline-block;
    background-color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 5px;
    resize: vertical;
    font-size: 15px;
    white-space: pre-wrap;
    outline: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #254a6c;
    font-weight: 700
}

.question_box .ask-question .jq-file {
    width: 69%;
    margin-left: 31%
}

.question_box .ask-question .jq-file__name {
    height: 0;
    line-height: 30px;
    width: 100%;
    margin-bottom: 10px;
    color: #fff;
    position: relative
}

.question_box .ask-question .jq-file__browse {
    cursor: pointer;
    height: 40px;
    width: 99%;
    line-height: 40px;
    border: 0;
    color: #fff !important;
    font-size: 24px;
    text-align: center;
    margin: 2px;
    padding: 0 13px;
    display: inline-block;
    vertical-align: middle;
    background: #2a4e6b;
    background: -moz-linear-gradient(top, #2a4e6b 0%, #4480a5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2a4e6b), color-stop(100%, #4480a5));
    background: -webkit-linear-gradient(top, #2a4e6b 0%, #4480a5 100%);
    background: linear-gradient(to bottom, #2a4e6b 0%, #4480a5 100%);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5), inset 0 1px 0 0 rgba(255, 255, 255, .25);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5), inset 0 1px 0 0 rgba(255, 255, 255, .25);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5), inset 0 1px 0 0 rgba(255, 255, 255, .25);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    transition: all 100ms;
    -moz-transition: all 100ms;
    -webkit-transition: all 100ms;
    text-decoration: none
}

.question_box .ask-question input[type=file] {
    top: 25% !important;
    right: 0 !important;
    height: 40px;
    width: 100%;
    cursor: pointer
}

.question_box .ask-question .ask-question__inner-text {
    margin-bottom: 1em !important;
    text-align: left !important;
    margin-left: 31%;
    font-size: 12px
}

.achievement_empty .achievement__image-wrap img, .question_box .ask-question .add-file-label {
    display: none
}

.question_box .ask-question .send_question {
    margin: 0 auto;
    float: right;
    width: 69%;
    text-align: center
}

.question_box .ask-question .send_question:hover:before {
    background: 0 0
}

.question_box .form__value {
    color: rgba(255, 255, 255, .6);
    display: block;
    padding-top: 4px
}

.question_box .form__field {
    float: right;
    width: 69%;
    position: relative
}

.screenshot_box {
    width: 100%;
    min-height: calc(100vh - 240px);
    text-align: center;
    padding: 30px 10px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.screenshot_box img {
    max-width: 960px;
    width: 100%;
    margin-bottom: 50px;
    border: 1px solid #1f5280;
    box-shadow: 0 4px 53px 0 rgba(5, 33, 67, .81)
}

.screenshot_box h1 {
    color: #fff;
    text-align: center;
    font-size: 2.7em;
    line-height: 1.3em;
    font-style: italic;
    text-shadow: 0 2px 50px rgba(0, 0, 0, .6);
    margin-bottom: .5em
}

.shop_error {
    padding-top: 50px
}

.profile__head {
    padding: 30px 30px 0;
    overflow: hidden
}

.profile__avatar {
    background-color: #fff;
    float: left;
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 20px;
    max-width: 120px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.profile__avatar img {
    width: 100%
}

.profile__content {
    overflow: hidden;
    display: inline-block;
    width: 75%;
    width: calc(100% - 140px)
}

h1.profile__title {
    color: #2c527f;
    margin-bottom: 8px;
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 39px;
    padding: 0
}

.profile__status {
    position: relative;
    padding-left: 30px;
    margin-bottom: 5px;
    color: #a5b2c0;
    font-size: 13px;
    line-height: 1.3em;
    height: 16px;
    vertical-align: top
}

.profile__status:after {
    content: "";
    display: block;
    background-image: url(../../images/icon-message.png);
    width: 15px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 1px
}

.profile__money {
    background: #eaf1f6;
    margin-left: -1px;
    margin-bottom: 10px
}

.profile__money li {
    display: inline-block;
    vertical-align: top;
    padding-left: 50px;
    position: relative;
    margin: 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.profile__money .profile__money-chip, .profile__money .profile__money-gold {
    width: auto;
    float: left;
    margin-right: 10px
}

.profile__money .profile__money-chip:after, .profile__money .profile__money-gold:after, .profile__money .profile__money-token:after {
    content: "";
    display: block;
    background-image: url(../../images/buy-chips-big.png);
    width: 57px;
    height: 54px;
    position: absolute;
    top: 50%;
    margin-top: -27px;
    left: 0
}

.profile__money .profile__money-gold:after, .profile__money .profile__money-token:after {
    background-image: url(../../images/buy-gold-big.png)
}

.profile__money .profile__money-token {
    width: auto
}

.profile__money .profile__money-token:after {
    background-image: url(../img/buy-token-big.png)
}

.profile__money i {
    font-style: normal;
    color: #a5b2c0;
    font-size: 13px;
    display: block;
    min-width: 80px
}

.profile__money strong {
    font-size: 19px;
    font-weight: 400
}

.profile__player-properties {
    margin: 10px 0;
    padding: 0 30px;
    overflow: hidden
}

.profile__player-properties dt {
    width: 20%;
    margin-right: 2%
}

.profile__player-properties dd {
    width: 76%;
    margin: 0;
    color: #2c527f;
    font-size: 15px
}

.profile__player-properties dd, .profile__player-properties dt {
    display: inline-block;
    vertical-align: top;
    border-top: 1px solid #e9f1f4;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.profile__player-properties dd:first-of-type, .profile__player-properties dt:first-of-type {
    border: 0
}

.profile__level-progress {
    display: inline-block;
    width: 85%;
    float: right;
    background-color: #eaf1f6;
    border: 1px solid #c3d6e7;
    height: 22px;
    position: relative;
    padding: 5px 35px 6px 67px;
    font-size: 11px;
    line-height: 11px;
    margin-top: -4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 -1px 0 0 #afc2cf;
    -moz-box-shadow: 0 -1px 0 0 #afc2cf;
    -ms-box-shadow: 0 -1px 0 0 #afc2cf;
    box-shadow: 0 -1px 0 0 #afc2cf;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    -ms-border-radius: 11px;
    border-radius: 11px
}

.profile__level-progress span {
    display: block;
    width: 57px;
    float: left;
    margin-left: -57px
}

.profile__level-progress i {
    display: block;
    width: 28px;
    text-align: right;
    font-style: normal;
    float: right;
    margin-right: -28px
}

.profile__level-progress-bar, .profile__level-progress-bar div {
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

.profile__level-progress-bar {
    border: 1px solid #c3d6e7;
    padding: 0 1px 1px;
    -webkit-box-shadow: 0 -1px 0 0 #afc2cf;
    -moz-box-shadow: 0 -1px 0 0 #afc2cf;
    -ms-box-shadow: 0 -1px 0 0 #afc2cf;
    box-shadow: 0 -1px 0 0 #afc2cf;
    height: 11px
}

.profile__level-progress-bar div {
    height: 100%;
    -webkit-background: linear-gradient(to top, #5090db, #6eade3);
    -moz-background: linear-gradient(to top, #5090db, #6eade3);
    -ms-background: linear-gradient(to top, #5090db, #6eade3);
    background: linear-gradient(to top, #5090db, #6eade3);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 -1px 0 0 rgba(44, 88, 120, .2);
    -moz-box-shadow: inset 0 -1px 0 0 rgba(44, 88, 120, .2);
    -ms-box-shadow: inset 0 -1px 0 0 rgba(44, 88, 120, .2);
    box-shadow: inset 0 -1px 0 0 rgba(44, 88, 120, .2)
}

.profile__achievements-and-property {
    margin-top: 20px;
    padding: 0 30px;
    overflow: hidden
}

.profile__achievements-and-property > div:first-child {
    padding-right: 5%
}

.profile__achievements-and-property > div {
    float: left;
    width: 49.99%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.avatar_descr_box h2, .form-settings h2, .profile__achievements-and-property h2, .profile__player-progress h2, .property_box h2, .section_box h2, .shop-chips h2, .tokens_content h2, .user-list h2 {
    margin: 0 0 10px;
    font-weight: 700;
    font-size: 27px;
    color: #000;
    padding: 0
}

.profile__achievements-and-property h2 span {
    color: #97a3b1;
    font-size: 13px;
    margin-top: 10px;
    display: inline-block
}

.profile__player-progress {
    padding: 0 30px;
    margin: 30px 0 0
}

.profile__player-progress .profile__player-progress-list {
    margin-left: -30px
}

.profile__player-progress .profile__player-progress-list li {
    display: block;
    float: left;
    border-right: 1px solid #e4edf1;
    padding: 5px 30px
}

.profile__player-progress .profile__player-progress-list li i {
    display: block;
    font-style: normal;
    font-size: 13px;
    line-height: 15px;
    color: #a5b4c2
}

.profile__player-progress .profile__player-progress-list li span {
    display: block;
    font-size: 19px;
    line-height: 1.1em;
    color: #2c527f
}

.avatar_descr_box, .form-settings, .property_box, .section_box, .shop-chips, .tokens_content, .user-list {
    padding: 0 30px
}

.form__row, .form__row_left-push {
    padding-bottom: 20px;
    overflow: hidden
}

.form__row:after, .form__row:before, .form__row_left-push:after, .form__row_left-push:before {
    content: " ";
    display: table
}

.form__label {
    display: block;
    float: left;
    width: 30%
}

.form__label, .form__row-checkbox label {
    font-size: 15px;
    color: #2c527f;
    font-weight: 400;
    padding-top: 5px
}

.form__field {
    float: right;
    width: 69%;
    position: relative
}

.form__field input[type=email], .form__field input[type=password], .form__field input[type=text], .form__field select, .form__field textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.form__field select {
    font-size: .688em;
    height: 25px;
    border: 1px solid #ccc;
    padding: 5px
}

.form__field input[type=email], .form__field input[type=password], .form__field input[type=text], .form__field textarea {
    border: 0;
    background: #eaf1f6;
    padding: 10px;
    -webkit-box-shadow: inset 1px 1px 0 0 #afc2cf;
    -moz-box-shadow: inset 1px 1px 0 0 #afc2cf;
    -ms-box-shadow: inset 1px 1px 0 0 #afc2cf;
    box-shadow: inset 1px 1px 0 0 #afc2cf
}

.picture-uploader {
    margin-bottom: 15px;
    background-color: #d5e1e5;
    width: 120px;
    height: 120px;
    padding: 9px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

.picture-uploader__inner {
    border: 1px solid #c0d3d9;
    width: 118px;
    height: 118px;
    line-height: 118px
}

.picture-uploader__link {
    background: #fff url(../../images/ico_plus.png) no-repeat 50% 43px;
    cursor: pointer;
    text-align: center;
    padding-top: 60px;
    width: 118px;
    height: 58px;
    line-height: 20px;
    font-size: 13px;
    color: #0a5fbd;
    display: block
}

.avatar {
    width: 24%;
    text-align: center;
    cursor: pointer;
    min-width: 120px;
    display: inline-block
}

.avatar .avatar__image {
    display: block
}

.avatar__checkbox {
    display: block;
    padding: 5px 0
}

.form-settings__field .button_blue-big, .submit-bar .button_blue-big {
    float: right
}

.achievements {
    background-color: #fff;
    margin: 20px 5px;
    padding: 0 25px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.achievements .profile__level-progress {
    padding-left: 5px
}

.achievements__common {
    cursor: pointer;
    overflow: hidden;
    margin-bottom: 20px
}

.achievements__common h3 {
    font-size: 21px;
    color: #2c527f;
    margin: 0 0 2px
}

.achievements__common p {
    font-size: 11px;
    color: #a5b2bf
}

.achievements__common-image {
    background-color: #eaf1f6;
    border: 1px solid #c3d6e7;
    display: inline-block;
    padding: 3px;
    float: left;
    margin-right: 21px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.achievement__image-wrap img, .achievements__common-image img {
    display: block;
    width: 54px;
    height: 54px
}

.achievements__list li {
    display: inline-block;
    vertical-align: top;
    width: 100px;
    padding-right: 20px;
    background: url(../../images/achievements-arrow.png) no-repeat 90px 50px
}

.achievements__list li:last-child {
    background-image: none
}

.achievement__image, .achievement__progress {
    -webkit-box-shadow: inset 0 -1px 0 0 rgba(44, 88, 120, .2);
    -moz-box-shadow: inset 0 -1px 0 0 rgba(44, 88, 120, .2);
    -ms-box-shadow: inset 0 -1px 0 0 rgba(44, 88, 120, .2);
    box-shadow: inset 0 -1px 0 0 rgba(44, 88, 120, .2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.achievement__progress {
    text-align: center;
    font-size: 11px;
    line-height: 19px;
    color: #fff;
    margin-bottom: 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-shadow: 0 -1 0 #3e6d9d;
    background: #7ebce7;
    -webkit-background: linear-gradient(to top, #437ec5 0%, #7ebce7 100%);
    -moz-background: linear-gradient(to top, #437ec5 0%, #7ebce7 100%);
    -ms-background: linear-gradient(to top, #437ec5 0%, #7ebce7 100%);
    background: linear-gradient(to top, #437ec5 0%, #7ebce7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    width: 60px
}

.achievement__image {
    display: inline-block;
    padding: 3px;
    width: 54px;
    height: 54px;
    -ms-border-radius: 4px;
    background: #7ebce7 url(../../images/achievement-none.png) no-repeat center center;
    background: url(../../images/achievement-none.png) no-repeat center center, -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #437ec5), color-stop(100%, #7ebce7));
    background: url(../../images/achievement-none.png) no-repeat center center, -moz-linear-gradient(bottom, #437ec5 0%, #7ebce7 100%);
    background: url(../../images/achievement-none.png) no-repeat center center, -webkit-linear-gradient(bottom, #437ec5 0%, #7ebce7 100%);
    background: url(../../images/achievement-none.png) no-repeat center center, linear-gradient(to top, #437ec5 0%, #7ebce7 100%)
}

.achievement__image-wrap {
    overflow: hidden;
    height: 100%
}

.achievement__name {
    font-size: 13px;
    color: #0085cc;
    font-weight: 700;
    margin: 10px 0 2px
}

.achievement__text {
    font-size: 11px;
    color: #a5b2bf
}

.achievement_empty .achievement__image, .achievement_empty .achievement__progress {
    border: 1px solid #c3d6e7;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none
}

.achievement_empty .achievement__progress {
    background: #eaf1f6;
    color: #a5b2bf
}

.achievement_empty .achievement__image {
    background: #eaf1f6 url(../../images/achievement-none.png) no-repeat center center;
    padding: 2px
}

.achievement_empty .achievement__name, .achievement_empty .achievement__text {
    color: #a5b2bf
}

.property-list li, .stuff-list__item {
    display: block;
    overflow: hidden;
    padding-bottom: 10px
}

.property-list__image, .stuff-list__img {
    float: left;
    background: #eaf1f6;
    padding: 3px;
    border: 1px solid #c3d6e7;
    margin-right: 10px;
    width: 100px;
    height: 100px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.property-list__image img, .stuff-list__img img {
    display: block;
    width: 100%
}

.stuff-list__content p {
    font-size: 13px;
    color: #a5b4c2;
    margin: 6px 0 0
}

.property-list {
    padding-top: 10px
}

.property-list li {
    display: inline-block;
    padding-right: 10px;
    vertical-align: top;
    width: 110px;
    text-align: center
}

.property-list .property-list__image {
    float: none
}

.property-list .property-list__name {
    color: #0085cc;
    margin: 5px 0 0;
    font-size: 13px;
    line-height: 1.2em
}

.property-list .property-list__date, .property-list .property-list__text {
    color: #a5b2c0;
    font-size: 11px;
    margin: 0
}

.extra-bottom_friends {
    padding: 20px 20px 25px;
    background-color: rgba(15, 38, 61, .5);
    border: 1px solid rgba(0, 0, 0, .34)
}

.extra-bottom_friends h2 {
    color: #fff;
    padding: 0;
    margin-bottom: 10px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .8)
}

.extra-bottom_friends h2:first-child {
    margin-top: -10px
}

.authors-list li, .authors-list_extra li {
    padding-left: 70px;
    padding-bottom: 10px;
    line-height: 16px;
    min-height: 61px;
    height: auto
}

.authors-list li a img, .authors-list_extra li a img {
    float: left;
    width: 60px;
    margin-left: -70px
}

.authors-list h3, .authors-list_extra h3 {
    font-size: 15px;
    line-height: 20px;
    color: #00acf0;
    margin: 0 0 4px
}

.authors-list p, .authors-list_extra p {
    font-size: 11px;
    color: #798c9f;
    margin: 0
}

.user-status_offline {
    color: #999
}

.user-status_offline:after, .user-status_online:after {
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.user-status_offline:after {
    -webkit-background: linear-gradient(to top, #d0d0d0 0%, #9d9d9d 100%);
    -moz-background: linear-gradient(to top, #d0d0d0 0%, #9d9d9d 100%);
    -ms-background: linear-gradient(to top, #d0d0d0 0%, #9d9d9d 100%);
    background: linear-gradient(to top, #d0d0d0 0%, #9d9d9d 100%);
    border-color: #999;
    background-color: #999
}

.user-status_online {
    color: #54bb54
}

.user-status_online:after {
    border-color: #54bb54;
    background-color: #54bb54;
    -webkit-background: linear-gradient(to top, #8ed28e 0%, #090 97%);
    -moz-background: linear-gradient(to top, #8ed28e 0%, #090 97%);
    -ms-background: linear-gradient(to top, #8ed28e 0%, #090 97%);
    background: linear-gradient(to top, #8ed28e 0%, #090 97%)
}

.user-status, .user-status_in-lobby, .user-status_offline, .user-status_online {
    font-size: 11px;
    line-height: 1.2em;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 15px
}

.user-status:after, .user-status_in-lobby:after, .user-status_offline:after, .user-status_online:after {
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    position: absolute;
    top: 2px;
    right: -15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .15), inset 0 1px 0 rgba(255, 255, 255, .6);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .15), inset 0 1px 0 rgba(255, 255, 255, .6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), inset 0 1px 0 rgba(255, 255, 255, .6)
}

.user-list__item {
    width: 33.33%;
    display: inline-block;
    padding: 0 10px 20px 0;
    box-sizing: border-box;
    text-align: center
}

.user-list__avatar {
    width: 100px;
    margin-bottom: 5px
}

p.user-list__text {
    display: block;
    margin-bottom: 0
}

.user-list__nickname {
    font-size: 15px;
    margin: 0 0 5px;
    display: block
}

.alert__form, .alert__form .close {
    color: #fff;
    position: absolute;
    border: 0
}

.alert__form {
    z-index: 1;
    line-height: 1.3em;
    left: 0;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, .5);
    -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 3px rgba(0, 0, 0, .5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 50px;
    padding: 10px
}

.alert__form .close {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    font-weight: 400;
    right: 15px;
    top: 0;
    padding: 0;
    font-size: 30px;
    background-color: transparent;
    cursor: pointer;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.alert__form .close:hover {
    color: #013d74
}

.alert__error {
    background-color: #e94b35
}

.alert__success {
    background-color: #00ad8f
}

.sign-in__block .grecaptcha-badge {
    position: relative !important;
    bottom: 0 !important;
    right: -50% !important;
    margin-left: -128px;
    margin-bottom: 10px
}

.sign-in__block .grecaptcha-badge:hover {
    right: -50% !important
}

form#yw0 > div {
    direction: ltr !important
}

form#yw0 > div > div {
    margin: 0 auto 10px
}

.rtl .alert__form .close {
    right: auto;
    left: 15px
}

.rtl .tokens_content .blue_bg_box {
    float: right;
    margin-right: 0;
    margin-left: 10px
}

.rtl .page-nav li {
    padding-right: 20px;
    padding-left: 0
}

.rtl .page-nav > li.active > a, .rtl .page-nav > li.active > span {
    margin-left: 0;
    margin-right: -20px
}

.rtl .profile__status {
    padding-right: 30px;
    padding-left: 0
}

.rtl .profile__money .profile__money-chip:after, .rtl .profile__money .profile__money-gold:after, .rtl .profile__money .profile__money-token:after, .rtl .profile__status:after {
    left: auto;
    right: 0
}

.rtl .profile__avatar {
    float: right;
    margin-right: 0;
    margin-left: 20px
}

.rtl .profile__money .profile__money-chip, .rtl .profile__money .profile__money-gold, .rtl .profile__money .profile__money-token {
    float: right;
    padding-left: 0;
    padding-right: 50px;
    margin-left: 10px;
    margin-right: 0
}

.tokens_content {
    padding-top: 10px
}

.tokens_content .text_box {
    margin-bottom: 10px;
    width: 100%
}

.tokens_content .blue_box {
    display: inline-block;
    margin-top: -2px;
    height: 21px;
    line-height: 21px;
    padding: 0 10px;
    color: #fff;
    font-size: .875em;
    border-radius: 4px;
    background: linear-gradient(to top, #4e87c7, #7fbae4)
}

.tokens_content .button_green {
    min-width: none;
    margin-bottom: 20px
}

.tokens_content .blue_bg_box {
    word-break: break-all;
    background-color: #eaf1f6;
    border: 1px solid #c4d7e7;
    color: #2c527f;
    padding: 0 10px;
    min-height: 21px;
    line-height: 21px;
    box-sizing: border-box;
    border-radius: 4px;
    float: left;
    font-size: .813em;
    margin-right: 10px;
    max-width: 100%;
    overflow: hidden
}

.tokens_content .blue_link {
    color: #0a5fbd;
    line-height: 21px;
    font-size: .813em;
    text-decoration: none
}

.tokens_content .qrcode {
    max-width: 200px;
    margin-bottom: 15px;
    display: block
}

.tokens_content .calculator_box {
    width: 100%;
    overflow: hidden;
    padding: 15px;
    box-sizing: border-box;
    border: 1px solid #eaf1f5;
    margin-bottom: 15px
}

.tokens_content .calculator_box .form__field {
    width: 30%;
    float: none;
    display: inline-block
}

.tokens_content .calculator_box .form__field span {
    display: block;
    color: #2c527f;
    margin-bottom: 3px
}

.tokens_content .calculator_box .calculator a {
    display: inline-block;
    padding-top: 28px;
    margin-left: 15px
}

.tokens_content h3 {
    font-size: 1.125em;
    font-weight: 700;
    margin-bottom: 15px
}

.tokens_content .green_text {
    color: #5bb32e
}

.tokens_content .overfl {
    overflow: hidden;
    margin-bottom: 20px
}

.tokens_content .bottom_text_box {
    font-size: .813em;
    width: 100%
}

.tokens_content a.button_green.gray, .tokens_content a.button_green.gray::before {
    background: #b4c2cc;
    box-shadow: 0;
    border: 0;
    cursor: default;
    -webkit-background: linear-gradient(to top, #b4c2cc 0, #b4c2cc 100%);
    -moz-background: linear-gradient(to top, #b4c2cc 0, #b4c2cc 100%);
    -ms-background: linear-gradient(to top, #b4c2cc 0, #b4c2cc 100%);
    background: linear-gradient(to top, #b4c2cc 0, #b4c2cc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.tokens_content a.button_green.gray::before:hover, .tokens_content a.button_green.gray:hover {
    text-shadow: none !important;
    cursor: default
}

.tokens_content .button_green.gray:hover span {
    text-shadow: none !important;
    color: #fff;
    cursor: default
}

.buy_popup {
    display: none;
    position: fixed;
    max-width: 95vw;
    width: 800px;
    left: 50%;
    margin-left: -400px;
    max-height: calc(100vh - 75px);
    height: 85vh;
    top: 70px;
    z-index: 250
}

.buy_popup.show {
    display: block
}

.buy_popup .closer {
    position: absolute;
    width: 16px;
    height: 16px;
    right: -20px;
    top: 0
}

.buy_popup .closer:after, .buy_popup .closer:before {
    display: block;
    content: "";
    position: absolute;
    top: 7px;
    right: 0;
    width: 16px;
    height: 2px;
    background-color: #fafafa
}

.buy_popup .closer:before {
    transform: rotate(45deg)
}

.buy_popup .closer:after {
    transform: rotate(-45deg)
}

.buy_popup .closer:hover:after, .buy_popup .closer:hover:before {
    background-color: #fff
}

.mobile .left_menu, .mobile .menu_list, .mobile .paralax_box {
    display: none
}

.mobile .mobile_menu {
    display: block
}

@media (min-width: 1024px) {
    .mobile_menu_list_box {
        width: 30%
    }

    .mobile .cards {
        height: auto
    }

    .mobile .cards ul li .green_btn {
        opacity: 1
    }

    .mobile .cards ul li .card_text {
        color: #fff;
        line-height: 70px
    }

    .mobile .cards ul li .card_name {
        line-height: 50px
    }

    .mobile .cards ul li .card_box {
        top: -10px;
        bottom: -10px;
        padding-top: 10px;
        background-color: #0a3363;
        z-index: 5
    }

    .mobile .cards__container {
        width: 100% !important
    }
}

@media (max-width: 1500px) {
    .paralax_box {
        width: 100%
    }

    .paralax_box.no_animate {
        width: 100%;
        left: auto;
        margin-left: 0
    }
}

@media (max-width: 1220px) {
    .header_video_box .header_video {
        width: 100%;
        background-size: cover
    }

    .left_gradient, .right_gradient {
        display: none
    }
}

@media (max-width: 1024px) {
    .about_box .about_content ul {
        padding: 1px 20px
    }

    .bottom_bg {
        background-size: 130%
    }

    .info {
        padding: 0 20px 20px
    }

    .paralax_box {
        display: none
    }

    .info .info_box {
        height: 486px
    }

    .breadcrumbs {
        padding-left: 10px
    }

    .cards {
        padding: 20px 0;
        position: relative;
        height: 350px;
        overflow: hidden
    }

    .cards__container {
        width: 580px !important;
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important
    }
}

@media (max-width: 880px) {
    .market ul {
        text-align: center
    }

    .market ul li {
        display: inline-block;
        float: none;
        margin: 5px
    }

    .cards {
        padding: 20px
    }

    .left_menu, .menu_list {
        display: none
    }

    .mobile_menu, .mobile_play {
        display: block
    }

    .header_video_box .cont_center {
        position: absolute;
        bottom: 20px;
        padding: 0
    }

    .header_video_box .cont_center h1 {
        margin: 0;
        font-size: 2em
    }

    .header_video_box .green_btn {
        display: none
    }

    .gallery_box {
        top: 0
    }

    .gallery_box .pagerBox {
        padding: 10px 10px 30px;
        margin-left: -10px
    }

    .gallery_text {
        position: relative;
        left: 0;
        margin: 0 auto 20px
    }

    footer .right_box {
        float: none;
        width: 100%;
        overflow: hidden
    }

    footer .left_box {
        float: right;
        width: 170px
    }

    .info .info_box {
        height: 430px
    }

    #container {
        padding-top: 52px
    }

    .content_body {
        width: 100%;
        box-sizing: border-box
    }

    .user-list__item {
        width: 50%
    }

    .picture-uploader__inner, .picture-uploader__link {
        width: auto;
        height: auto
    }

    .shop-chips .shop-chips__item {
        width: 49%;
        margin-right: 1%
    }

    .buy_popup {
        width: 100%;
        margin-left: 0;
        left: 0;
        max-width: 100%;
        top: 80px
    }

    .buy_popup .closer {
        top: -20px;
        right: 10px
    }

    .thnks_page_text h2 {
        font-size: 1.125em
    }

    .thnks_page_text p {
        font-size: .875em
    }

    .sweep-cont {
        flex-direction: column
    }

    .sweep-cont .right-list-cont {
        order: 1
    }

    .sweep-cont .right-list-cont .right-list-ul {
        width: 100%
    }

    .sweep-cont .policy__content {
        order: 2
    }
}

@media (max-width: 767px) {
    .gallery_box .lSAction .lSNext, .gallery_box .lSAction .lSPrev {
        display: none
    }

    .gallery_box .pagerBox .lSPager li {
        height: 70px
    }

    .bottom_bg {
        min-height: 590px
    }

    .info .info_box {
        height: 350px
    }

    .content_body {
        padding-right: 0
    }

    .content_body .left_column {
        float: none
    }

    .content_body .right_column {
        float: none;
        width: 100%;
        margin: 0 0 20px
    }

    .white_bg {
        margin-bottom: 0
    }

    .authors-list_extra {
        width: 100%;
        overflow: hidden
    }

    .authors-list_extra li {
        width: 33.33%;
        float: left;
        margin-bottom: 10px
    }

    .extra-bottom_carmen {
        display: none
    }
}

@media (max-width: 640px) {
    .mobile_play, footer, section h1, section h2 {
        padding: 10px
    }

    .about_box .about_content ul {
        margin-bottom: 0;
        display: block;
        height: auto
    }

    .about_box .about_content ul li {
        display: block;
        width: 50%;
        height: 360px;
        float: left;
        margin: 0 auto 10px
    }

    .about_box .about_content .about_text {
        padding: 0 5px 10px
    }

    .about_box .about_content .img_box img {
        margin: 0 auto
    }

    .about_box .about_content .more_box.show {
        height: 735px
    }

    footer .left_box {
        float: none;
        width: 100%;
        overflow: hidden
    }

    footer .left_box, footer .menu_box {
        margin-bottom: 10px
    }

    .gallery_box {
        width: 100%;
        padding: 0 5px;
        top: 0;
        overflow: hidden
    }

    .gallery_text {
        width: 100%;
        position: relative;
        left: auto;
        margin-left: 0;
        padding: 0 5px
    }

    .header_video_box {
        height: 250px
    }

    .header_video_box .cont_center h1 {
        font-size: 1.5em
    }

    .info .info_box {
        width: 75%;
        margin: 0 auto 20px;
        padding: 0;
        float: none;
        height: auto
    }

    .info .info_box .decor_box {
        box-shadow: none
    }

    .info, .white_bg .list-pubs, .white_bg .pub__text {
        padding: 0 10px
    }

    .pagination {
        padding: 20px 10px
    }

    .authors-list_extra li {
        width: 50%
    }

    .profile__achievements-and-property > div {
        width: 100%;
        float: none;
        margin-bottom: 20px
    }

    .user-list__item {
        width: 100%
    }

    .profile__level-progress {
        width: 100%;
        display: block;
        margin-top: 10px
    }

    .screenshot_box {
        padding: 50px 10px
    }

    .screenshot_box img {
        margin-bottom: 20px
    }

    .screenshot_box h1 {
        font-size: 1.875em
    }

    .tokens_content .calculator_box .calculator .form__field {
        width: 38%
    }

    .tokens_content .calculator_box .calculator a {
        padding-top: 10px;
        margin-left: 0
    }

    .rng_h1 {
        font-size: 25px !important;
        margin-top: 25px !important
    }

    .rng_warning_cont {
        border: 1px solid #fff;
        padding: 18px 14px;
        margin-bottom: 14px;
        flex-direction: column
    }

    .rng_warning_cont img {
        width: 40px;
        height: 35px;
        margin-right: 0;
        margin-bottom: 20px;
        flex-shrink: 0;
        align-self: center
    }

    .rng_itech_link {
        font-size: 18px;
        margin-bottom: 18px
    }
}

@media (max-width: 580px) {
    .cards__container {
        position: absolute
    }

    .inHeader .green_btn, .preinHeader .green_btn {
        font-size: .75em;
        padding: 5px 10px;
        top: 10px
    }

    .subscribe_box label {
        display: block;
        margin: 0 auto
    }
}

@media (max-width: 479px) {
    .mobile_play {
        padding: 5px
    }

    .about_box .about_content ul {
        padding: 1px 5px
    }

    .about_box .about_content ul li {
        height: 340px
    }

    .about_box .about_content .more_box.show {
        height: 695px
    }

    .header_video_box {
        height: 210px
    }

    .header_video_box .cont_center {
        bottom: 10px
    }

    .header_video_box .cont_center h1 {
        font-size: 1.3em
    }

    .pagination, section h1, section h2 {
        padding: 10px 5px
    }

    .white_bg .list-pubs, .white_bg .pub__text {
        padding: 0 5px
    }

    .white_bg .list-pubs li .lead, .white_bg .pub__text li .lead {
        overflow: visible
    }

    .authors-list_extra li {
        float: none
    }

    .profile__player-properties {
        padding: 0 10px
    }

    .profile__content, .shop-chips .shop-chips__item {
        width: 100%
    }

    h1.profile__title {
        width: 100%;
        max-width: none;
        text-align: center
    }

    .top_line .logo_box {
        /*margin-left: -74px*/
        width: 100px;
    }

    .top_line .logo_box .logo {
        background-size: 100%;
        width: 100px;
        margin: 11px 2px;
        height: 25px;
    }

    .rtl .top_line .logo_box {
        margin-left: -65px
    }

    .profile__avatar, .rtl .profile__avatar {
        float: none;
        display: block;
        margin: 0 auto 10px
    }

    .thnks_page_text h2 {
        font-size: 1em
    }

    .thnks_page_text p {
        font-size: .75em
    }

    .hard_rock_box {
        width: 100%;
        max-width: 430px;
        height: 450px
    }

    body.site-hardrockblackjack footer .menu_box ul li {
        text-align: center
    }

    #privacy-settings .form__label {
        width: 45%
    }

    #privacy-settings .form__field {
        width: 54%
    }
}

@media screen and (max-width: 340px) {
    .sign-in__checkbox, .sign-in__fb-btn, .sign-in__input {
        width: 310px
    }
}

@media screen and (min-width: 0\0
) {
    .about_content {
        height: auto;
        margin-bottom: 10px
    }

    .about_box .about_content .img_box img {
        width: 100%
    }

    .paralax_box {
        width: 98.8vw
    }
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .about_content {
        height: auto;
        margin-bottom: 10px
    }

    .about_box .about_content .img_box img {
        width: 100%
    }

    .paralax_box {
        width: 98.8vw
    }
}