html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,  a, abbr, acronym, address, big, cite, code,  del, dfn, em, img, ins, kbd, q, s, samp,  small, strike, strong, sub, sup, tt, var,  b, u, i, center,  dl, dt, dd, ol, ul, li,  fieldset, form, label, legend,  table, caption, tbody, tfoot, thead, tr, th, td,  article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary,  time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,  q:before, q:after {content: ''; content: none}
table {border-collapse: collapse; border-spacing: 0}
html {height: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-focus-ringlobal-color: rgba(255, 255, 255, 0); user-select: text}
html.disable-scroll {overflow: hidden}
body {min-height: 100%; font-size: 100%; /*padding-top: 1px;*/ font-family: 'PF DinText Pro', Tahoma, sans-serif; font-weight: 300; color: #fff; line-height: 1; background: #181b22; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; position: relative}
a {color: #ffa525; cursor: pointer;}
a:hover {text-decoration: none}
li,
input,
.button,
textarea,
select {font-family: 'PF DinText Pro', sans-serif}

strong {font-weight: bold}

.global-text p:empty {margin-bottom: 0}

@font-face {
    font-family: 'PF DinText Pro';
    src: local('PFDinTextPro-Light'),
    url('/fonts/PFDinTextPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'PF DinText Pro';
    src: local('PFDinTextPro-Bold'),
    url('/fonts/PFDinTextPro-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'PF DinText Pro';
    src: local('PFDinTextPro-Regular'),
    url('/fonts/PFDinTextPro-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'PF DinText Pro';
    src: local('PFDinTextPro-Medium'),
    url('/fonts/PFDinTextPro-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

.selectize-dropdown-content::-webkit-scrollbar,
.popup-servers-content::-webkit-scrollbar {border-radius: 3px; width: 6px; height: 6px}
.selectize-dropdown-content::-webkit-scrollbar-track,
.popup-servers-content::-webkit-scrollbar-track {padding: 1px; border-radius: 3px; width: 6px; height: 6px; background-color: #536975}
.selectize-dropdown-content::-webkit-scrollbar-thumb,
.popup-servers-content::-webkit-scrollbar-thumb {border-radius: 3px; background-color: #ffa525; box-shadow: 0 0 1px 1px rgba(0,0,0,.5)}
.selectize-dropdown-content::-webkit-scrollbar-thumb:hover,
.popup-servers-content::-webkit-scrollbar-thumb:hover {background-color: rgba(255,255,255,0.95)}

.selectize-input input::-webkit-input-placeholder,
.form-input::-webkit-input-placeholder {color: #4a4d59}
.selectize-input input::-moz-placeholder,
.form-input::-moz-placeholder {color: #4a4d59}
.selectize-input input:-moz-placeholder,
.form-input:-moz-placeholder {color: #4a4d59}
.selectize-input input:-ms-input-placeholder,
.form-input:-ms-input-placeholder {color: #4a4d59}

.main-page {background: #1E212A}
.error-page .global-footer-top {display: none}
.play-page {overflow: hidden;}

.button,
.a-dashed,
.icon-sign,
.game-links a,
.cabinet-pay-col,
.popup-server-item,
.cabinet-user-menu-item,
.cabinet-pay-process-col,
.payment-summ-item-inner,
.animate {-webkit-transition: .2s linear; -moz-transition: .2s linear; -o-transition: .2s linear; transition: .2s linear}

.hidden {display: none !important}

.float-left {float: left}
.float-right {float: right}

.align-left {text-align: left}
.align-right {text-align: right}
.align-center {text-align: center}

.display-inline {display: inline !important;}

.grayscale {filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale"); filter: grayscale(1); -webkit-filter: grayscale(1)}

.a-dashed {color: #ffa525; text-decoration: none; border-bottom: 1px dashed #ffa525; cursor: pointer}
.a-dashed:hover {border-color: transparent}

.about-solid {color: #ffa525; text-decoration: underline; cursor: pointer}
.about-solid:hover {text-decoration: none}

.global-wrapper {margin: 0 auto; padding: 0 15px; max-width: 1430px; width: 100%; min-width: 991px; box-sizing: border-box; overflow: hidden}
.global-content {padding: 0 0 350px 0; position: relative}

.loaded .global-header {opacity: 1}

.cursor-pointer {cursor: pointer !important;}
.cursor-wait {cursor: wait !important;}
.cursor-default {cursor: default !important;}

.overflow-visible {overflow: visible !important;}

.margin-top-10px {margin-top: 10px !important;}


.header-wrapper {
    position: fixed;
    top:0;
    z-index: 1000;
    left: 0;
    right: 0;
}

.header-wrapper.fixed {
    height: 50px;
}

.popup-title .icon-close,
.main-slider-prev .icon,
.main-slider-next .icon,
.global-header > *,
.global-header .global-header-logo,
.global-header .global-header-logo:after,
.global-header .has-submenu > a:after,
.global-header .has-submenu > .icon:after,
.global-header .global-header-profile-item:before,
.global-header .global-header-menu-item:before {-webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s}

.global-header {height: 70px; width: 100%; background-color: #1f2223; background-color: rgba(31, 34, 35, 1); border-top: 5px solid #ff1c51; box-shadow: 0 2px 0 0 rgba(0, 0, 0, .25); /*position: fixed; left: 0; top: 0; right: 0; z-index: 100;*/ opacity: 0}
.global-header {-webkit-transition: opacity .7s; -moz-transition: opacity .7s; -o-transition: opacity .7s; transition: opacity .7s}
@supports (-ms-text-size-adjust: 100%) {
    /* IE Edge 12+ CSS styles go here */
    .global-header {transition: none; -webkit-transition: none; opacity: 1}
    .global-header * {transition: none; -webkit-transition: none}
    .popup {display: none; transition: none; -webkit-transition: none; -ms-transform: translateZ(0)}
    .popup.visible {overflow-y: hidden}
}

/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .popup-overlay {position: fixed}
    .popup.visible {overflow-y: hidden}
}

.global-header.fixed {border: 0; height: 50px; z-index: 1000}
.global-header.fixed > * {height: 50px; line-height: 50px}
.global-header.fixed .global-header-logo:after {top: -3px}
.global-header.fixed .global-header-logo,
.global-header.fixed .global-header-logo:after {width: 30px; height: 38px; background-size: 145px 40px; background-position: 0 4px}
.global-header.fixed .global-header-logo {background-position: 0 0}
.global-header.fixed .has-submenu > a:after,
.global-header.fixed .has-submenu > .icon:after {top: 22px}

.global-header.fixed .global-header-sub-menu {top: 47px}
.global-header.fixed .global-wrapper {height: 50px; line-height: 50px}
.global-header-game .global-header-game-hide {text-decoration: none; position: absolute; top: 100%; left: 50%; width: 32px; height: 30px; margin-left: -16px; display: block; background: #1e2223; cursor: pointer}
@media all and (-webkit-min-device-pixel-ratio:0) { .global-header-game .global-header-game-hide {margin-left: -56px} }
.global-header-game .global-header-game-hide:before {content: ''; display: block; position: absolute; left: 50%; top: 50%; margin: -6px 0 0 -7px; width: 13px; height: 9px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); transition: transform .2s}
.global-header-game.active .global-header-game-hide:before {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg)}
.global-header-game {background-color: #1e2223; box-shadow: none; top: -52px}
.global-header-game {-webkit-transition: top .2s; -moz-transition: top .2s; -o-transition: top .2s; transition: top .2s}
.global-header-game.active {top: 0}

.header-wrapper.slideUp {background-color: #1e2223; box-shadow: none; top: -52px}
.header-wrapper {-webkit-transition: top .2s; -moz-transition: top .2s; -o-transition: top .2s; transition: top .2s}
.header-wrapper {top: 0}

.global-header-menu-item,
.global-header-profile-item,
.global-header a {font-family: 'PFDinTextPro', sans-serif; font-size: 16px; color: #fff; text-decoration: none}
.global-header-profile-item.profile-games-link {line-height: 1;}

/* Halloween start */
.global-header-game .global-header-profile-item .profile-balance-link .button-small.bonus-icon {
    position: relative;
}

.global-header-game .global-header-profile-item .profile-balance-link .button-small.bonus-icon::after {
    content: "";
    display: block;
    background: url("/images/portal/top_bonus_tag_icon.png") no-repeat;
    width: 38px;
    height: 38px;
    position: absolute;
    z-index: 10;
    top: 24px;
    right: 2px;
    transform: rotate(65deg);
    -moz-transform: rotate(65deg);
    -webkit-transform: rotate(65deg);
    transform-origin: top right;
    -moz-transform-origin: top right;
    -webkit-transform-origin: top right;
    transition: transform ease-in 0.3s;
    -moz-transition: transform ease-in 0.3s;
    -webkit-transition: transform ease-in 0.3s;
}
.global-header-game.active .global-header-profile-item .profile-balance-link .button-small.bonus-icon::after {
    transform: rotate(0);
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
}
/* Halloween end */

.global-header-profile-item .b-btn {font-family: 'PFDinTextPro', sans-serif; font-size: 11px; font-weight: 600}
.global-header-profile-item .icon {margin: 0 2px}
.global-header a:hover {color: #ffa525}
.global-header .global-wrapper {height: 70px; line-height: 70px; vertical-align: middle; overflow: visible}
.global-header .global-wrapper > * {display: inline-block; position: relative; vertical-align: top}
.global-header .global-wrapper > .global-header-logo {vertical-align: middle}
.global-header-logo {margin-right: 10px; width: 150px; height: 40px; background-image: url(/images/global/logo_crea.png); background-position: 0 0; background-repeat: no-repeat; background-size: 150px 40px}
.global-header-logo:after {content: ''; width: 150px; height: 40px; background-image: url(/images/global/logo_crea.png); background-position: 0 1px; position: absolute; opacity: 0}
.global-header-logo:after {-webkit-transition: opacity .5s; -moz-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s}
.global-header-logo:hover:after {opacity: 1}
.global-header-sub-menu.game-list {width: 420px}
.global-header-sub-menu {padding: 10px 5px; position: absolute; display: none; top: 68px; left: 0; background-color: #1f2223; background-color: rgba(31, 34, 35, 1); z-index: 2; border-radius: 0 0 3px 3px}
.global-header-sub-menu a {width: 200px; margin: 0 5px; padding: 10px 15px 10px 5px; display: block; float: left; line-height: 100%; border-top: 1px solid #3a3a3a; position: relative; box-sizing: border-box}
.global-header-sub-menu a:before {content: ''; background-color: #3a3a3a; position: absolute; left: 0; right: 0; top: -1px; bottom: -1px; z-index: -1; display: block; opacity: 0}
.loaded .global-header-sub-menu a,
.loaded .global-header-sub-menu a:before {-webkit-transition: .2s linear; -moz-transition: .2s linear; -o-transition: .2s linear; transition: .2s linear}
.global-header-sub-menu a:nth-child(1),
.global-header-sub-menu.game-list a:nth-child(2) {border-top: 0}
.global-header-sub-menu a:hover:before {opacity: 1}
.global-header-sub-menu a img,
.global-header-sub-menu a .icon {float: left}
.global-header-sub-menu a img {width: 40px}
.global-header-sub-menu a span {margin-left: 50px; font-size: 14px; display: block}
.global-header-sub-menu a small {font-size: 10px; color: #536975; display: block}
.global-header-menu {display: inline-block}
.global-header-menu .global-header-sub-menu a {padding: 8px 15px 5px 5px; width: 200px; min-height: 46px;}
.global-header-profile-item,
.global-header-menu-item {padding: 0 10px 0; display: inline-block; position: relative}
.global-header-profile-item:before,
.global-header-menu-item:before {content: ''; width: 1px; height: 20px; background-color: #5e6065; display: block; position: absolute; top: 50%; margin-top: -10px; left: -2px}
.global-header-profile-item:first-child:before,
.global-header-menu-item:first-child:before {display: none}
.global-header-profile-item > a,
.global-header-menu-item > a {display: block}
.global-header-profile-item:hover .global-header-sub-menu,
.global-header-menu-item:hover .global-header-sub-menu,
.global-header-profile-item:focus .global-header-sub-menu,
.global-header-menu-item:focus .global-header-sub-menu
{display: block}
.global-header-profile-item .global-header-sub-menu {left: auto; right: 0}
.global-header-profile-data {float: right}
.global-header-profile-data-avatar {width: 22px; height: 22px; display: inline-block; vertical-align: middle; background-color: #171a22; border-radius: 50%; position: relative}
.global-header-profile-data-avatar img {width: 22px; height: 22px; border-radius: 50%; display: block}
.global-header-profile-data-name {width: 90px; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: middle; white-space: nowrap}
.global-header-menu-item.has-submenu {padding-bottom: 2px}
.has-submenu:hover > a {color: #ffa525}
.has-submenu > a {cursor: default}
.has-submenu > a,
.has-submenu > .icon {margin-right: 8px}
.has-submenu > a:after,
.has-submenu > .icon:after {content: ''; width: 10px; height: 7px; display: block; position: absolute; top: 32px; right: 4px}
.btn-fullscreen {width: 21px; height: 21px; display: inline-block; vertical-align: middle; cursor: pointer}
_:-ms-lang(x), .global-header-menu-fullscreen {display: none}

.global-header-menu-item.version-switcher .version-switcher-button {display: inline-block; vertical-align: middle; width: 23px; height: 23px; background-image: url(/images/game/flash_html5.png); background-repeat: no-repeat}
.global-header-menu-item.version-switcher .version-switcher-button.flash {background-position: -29px 0}
.global-header-menu-item.version-switcher .version-switcher-button.flash.active {background-position: -29px -29px}
.global-header-menu-item.version-switcher .version-switcher-button.html5 {background-position: 0 0;}
.global-header-menu-item.version-switcher .version-switcher-button.html5.active {background-position: 0 -29px}

.shop-logo{ background-image: url(/images/shop/logo_shop.png);}
.shop-logo:after{ background-image: url(/images/shop/logo_shop.png);}

#notifications_my_purchases {position: absolute; color: #fff; top: 50%; margin-top: -22px; right: 0; padding: 2px 4px 2px 4px; display: inline-block; font-size: 10px; font-weight: bold; line-height: 1; background: #ff1c51; text-align: center; border-radius: 20px}
#notifications_my_purchases:empty {display: none}

#notifications_shop_new {position: absolute; color: #fff; top: 50%; margin-top: -22px; right: 0; z-index: 10; padding: 2px 4px 2px 4px; display: inline-block; font-size: 10px; font-weight: normal; line-height: 1; background: #ff1c51; text-align: center; border-radius: 20px}
#notifications_shop_new:empty {display: none}

#notifications_my_purchases_profile{ font-family: 'PF DinDisplay Pro'; padding: 2px 6px 3px 5px;margin-left: 5px;position: relative; top: -7px;font-size: 11px; font-weight: bold; line-height: 1; background: #ff1c51; text-align: center; border-radius: 20px;}
#notifications_my_purchases_profile:empty{display: none}

#notifications_my_purchases_header_mobile{ font-family: 'PF DinDisplay Pro'; padding: 2px 6px 3px 5px;margin-left: 5px;position: relative; top: -7px;font-size: 11px; font-weight: bold; line-height: 1; background: #ff1c51; text-align: center; border-radius: 20px;}
#notifications_my_purchases_header_mobile:empty{display: none}


#notifications_shop_new_header_mobile{ font-family: 'PF DinDisplay Pro'; padding: 2px 6px 3px 5px;margin-left: 5px;position: relative; top: -7px; right:6px; font-size: 11px; font-weight: bold; line-height: 1; background: #ff1c51; text-align: center; border-radius: 20px;}
#notifications_shop_new_header_mobile:empty{display: none}

.global-masked-image {padding: 20px 0; text-align: center}
.global-masked-image img {max-width: 100%; display: inline-block}

.global-head {padding: 25px 0 10px; position: relative}
.global-head h1 {margin-bottom: 10px; font-size: 40px; color: #fff; font-weight: 400}
.global-head-info {font-size: 16px; text-align: right}
.global-head-date {color: #536975; white-space: nowrap;}
.global-head-watches {margin-left: 20px; color: #fff}
.global-head-watches .icon {margin: -3px 5px 0; vertical-align: middle}
.global-head .game-tags {position: absolute; top: 70%; left: 0}

.main-slider {width: 100%; max-width: 1920px; height: 520px; margin: 0 auto 10px; border-bottom: 1px solid rgba(255, 255, 255, .1); visibility: visible; overflow: hidden; position: relative; z-index: 2; box-sizing: content-box}
.main-slider ul {margin: 0; padding: 0; position: relative; list-style-type: none; z-index: 1; box-sizing: content-box}
.main-slider:before {
    content: ''; display: block; left: 0; right: 0; top: 0; bottom: 0;
    background: rgba(24, 27, 34, 1);
    background: -moz-linear-gradient(left, rgba(30, 33, 43, 1) 0%, rgba(0, 0, 0, .1) 30%, rgba(0, 0, 0, .1) 70%, rgba(30, 33, 43, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(30, 33, 43, 1)), color-stop(30%, rgba(0, 0, 0, .1)), color-stop(70%, rgba(0, 0, 0, .1)), color-stop(100%, rgba(30, 33, 43, 1)));
    background: -webkit-linear-gradient(left, rgba(30, 33, 43, 1) 0%, rgba(0, 0, 0, .1) 30%, rgba(0, 0, 0, .1) 70%, rgba(30, 33, 43, 1) 100%);
    background: -o-linear-gradient(left, rgba(30, 33, 43, 1) 0%, rgba(0, 0, 0, .1) 30%, rgba(0, 0, 0, .1) 70%, rgba(30, 33, 43, 1) 100%);
    background: -ms-linear-gradient(left, rgba(30, 33, 43, 1) 0%, rgba(0, 0, 0, .1) 30%, rgba(0, 0, 0, .1) 70%, rgba(30, 33, 43, 1) 100%);
    background: linear-gradient(to right, rgba(30, 33, 43, 1) 0%, rgba(0, 0, 0, .1) 30%, rgba(0, 0, 0, .1) 70%, rgba(30, 33, 43, 1) 100%);
    position: absolute; pointer-events: none; z-index: 3
}
.main-slide:before {display: none}
.main-slide {padding: 0; margin: 0; position: relative; overflow: hidden; height: 520px; box-sizing: content-box}
.main-slider-prev,
.main-slider-next {width: 100px; position: absolute; z-index: 3; top: 0; bottom: 0; cursor: pointer}
.main-slider-prev .icon,
.main-slider-next .icon {margin: -22px auto 0; top: 50%; left: 0; right: 0; position: absolute; display: block; opacity: .7}
.main-slider-prev:hover .icon,
.main-slider-next:hover .icon {opacity: 1}
.main-slider-prev {left: 0}
.main-slider-next {right: 0}
.main-slider-nav {position: absolute; left: 0; right: 0; bottom: 15px; text-align: center; z-index: 3}
.main-slider-nav div {margin: 4px; width: 11px; height: 11px; border: 2px solid #fff; background-color: transparent; display: inline-block; border-radius: 50%; cursor: pointer}
.main-slider-nav div.active {background-color: #fff}
.main-slider-nav div.active {cursor: default}
.main-slider-timer {margin: 25px 0; font-size: 65px; font-weight: 500; font-style: normal; text-shadow: 1px 1px 0 #000}
.main-slide .main-slide-back {position: absolute; z-index: 1; width: 100%; height: 100%; background-position: top center; background-repeat: no-repeat; box-sizing: content-box}
.main-slide-content > * {position: relative}
.main-slide-content .main-slide-shadow {width: 697px; height: 367px; background-image: url(/images/main/text-shadow.png); position: absolute; top: 0; right: -90px}
.main-slide .main-slide-content {margin: 0 auto; width: 465px; top: 130px; left: 0; right: -500px; position: absolute; opacity: 1; z-index: 3}
.main-slide-logo {height: 150px}
.main-slide-content img {height: 150px}
.main-slide-content p {margin-bottom: 15px; color: #fff; font-size: 16px; font-style: normal; font-weight: 300; line-height: 24px; max-height: 100px; overflow: hidden}
.main-slide-content .game-btn {margin-right: 10px; box-shadow: 0 2px 2px 0 rgba(0,0,0,.5)}
.main-slide-more {color: #ffa525; text-decoration: underline; font-size: 16px; font-style: normal; font-weight: 300}
.main-slide-more:hover {text-decoration: none}

.popup-trigger, .single-click {cursor: pointer}

.game-btn {padding: 0 16px; height: 40px; line-height: 40px; font-size: 14px; font-weight: 500; font-style: normal; display: inline-block; color: #fff; text-transform: uppercase; background-color: #ff1c51; text-decoration: none; border-radius: 4px}
.game-btn:hover {background-color: #FF617E}
.game-btn.btn-disabled,
.game-btn.btn-disabled:hover {background-color: #a7a7a7; border: 1px solid #a7a7a7; cursor: default}
.game-more {margin-left: 15px; font-size: 16px; color: #ffa525}

.main-game-tooltip {-webkit-transition: opacity .5s; -moz-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; will-change: opacity}
.main-game-cont-wrap {-webkit-transition: transform .5s; -moz-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s; will-change: transform}
.game-btn,
.main-game-cont:before {-webkit-transition: background .5s; -moz-transition: background .5s; -o-transition: background .5s; transition: background .5s; will-change: background}
.main-game-cont > * {position: relative; z-index: 2}
.main-game-cont {padding: 0; margin: .6% .5%; width: 32%; height: 300px; display: inline-block; background: #181b22; background-size: cover; vertical-align: top; box-sizing: border-box; position: relative; border-radius: 4px; box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .2)}
.main-game-cont-hidden {
    overflow: hidden;
    position: relative;
    padding: 20px;
    height: 100%;
    box-sizing: border-box;
}
.main-game-cont.x2 {width: 65.25%}
.main-game-cont:hover .main-game-status {opacity: 0}
.main-game-status {padding: 0 10px; position: absolute; height: 24px; line-height: 24px; top: 0; left: 21px; font-size: 14px; font-weight: 500; color: #fff; text-transform: uppercase; background-color: #ccc; border-radius: 0 0 3px 3px; box-shadow: 0 1px 2px 0 rgba(0,0,0,.4); transition: opacity .5s}
.main-game-status.status-new {background-color: #ff1c51}
.main-game-status.status-hit {background-color: #ffa525}
.main-game-status.status-update {background-color: #2596ff}
.main-game-status.status-cbt {background-color: #ff1c51}
.main-game-status.status-obt {background-color: #ff1c51}
.main-game-name {margin: 0 0 0 -1px; font-size: 30px; font-weight: 400; color: #fff}
.main-game-tag {margin: 5px 0 15px 0; font-size: 12px; font-weight: 400; color: #fff; min-height: 24px;}
.main-game-desc {margin-bottom: 23px; height: 130px; font-size: 14px; line-height: 150%; overflow: hidden; text-overflow: ellipsis}
.main-game-cont:before {
    content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 100%)
}
.main-game-cont:hover:before {background: rgba(0, 0, 0, .7); top: 0}
.main-game-cont.game-sign {background-size: auto}
.main-game-cont.game-sign:before,
.main-game-cont.game-sign:hover:before {margin: -80px auto 0; width: 80px; height: 80px; top: 50%; bottom: auto}
.main-game-cont.game-sign .main-game-desc {margin: 0; height: auto; position: absolute; left: 20px; bottom: 80px}
.main-game-cont.game-sign .game-btn {position: absolute; left: 20px; bottom: 20px}
_:-ms-lang(x), .main-game-cont.game-sign .game-btn.btn-disabled {display: none}
_:-ms-lang(x), .main-game-cont.game-sign .game-btn.btn-disabled {display: block}
.main-game-cont.game-sign .game-btn.btn-disabled {display: none}
.game-btn {padding: 0 16px; height: 40px; line-height: 40px; font-size: 14px; font-weight: 500; font-style: normal; display: inline-block; color: #fff; text-transform: uppercase; background-color: #ff1c51; text-decoration: none; border-radius: 4px}
.game-btn:hover {background-color: #FF617E}
.game-btn.btn-disabled,
.game-btn.btn-disabled:hover {background-color: #a7a7a7; border: 1px solid #a7a7a7; cursor: default}
.main-game-more {margin-left: 15px; font-size: 16px; color: #ffa525}
.main-game-more:hover {text-decoration: none}
.main-game-cont-wrap {-webkit-transform: translateY(215px); -moz-transform: translateY(215px); -o-transform: translateY(215px); transform: translateY(215px); position: relative}
.main-game-cont:hover .main-game-cont-wrap, .main-game-cont.hover_effect .main-game-cont-wrap {-webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0)}
.main-game-cont {
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}
.main-game-cont .icon {position: absolute; top: 0; right: 0}
.main-game-tooltip {padding: 0 5px; height: 20px; line-height: 20px; font-size: 12px; background-color: #ff1c51; top: 18%; right: 135%; position: absolute; border-radius: 3px; white-space: nowrap; opacity: 0; pointer-events: none}
.main-game-tooltip:after {content: ''; display: block; top: 33%; left: 100%; position: absolute; width: 0; height: 0; border-style: solid; border-width: 3px 0 3px 4px; border-color: transparent transparent transparent #ff1c51}
.main-game-cont .icon:hover .main-game-tooltip {opacity: 1}

.global-text {color: #fff; font-size: 16px; line-height: 130%}
.global-text em {font-style: italic}
.global-text img {margin-bottom: 25px; max-width: 100%; height: auto !important; border-radius: 3px}
.global-text.article-news img {margin-bottom: 0}
.global-text h1,
.global-text h2,
.global-text h3,
.global-text h4,
.global-text h5 {margin: 35px 0 15px; color: #ffa525; font-weight: 500}
.global-text h1 {font-size: 36px; line-height: 40px}
.global-text h2,
.global-text h3 {font-size: 20px; font-weight: 400}
.global-text h2:first-child,
.global-text h3:first-child {margin-top: 10px}
.global-text h2 {font-size: 25px}
.global-text h4 {font-size: 18px}
.global-text p {margin: 0 0 25px; font-size: 16px; font-weight: 300; line-height: 24px}
.global-text ul {margin: 0 0 10px; font-size: 16px; line-height: 130%}
.global-text ul li {padding-left: 32px; margin: 0 0 10px; font-style: normal; position: relative; list-style-type: none}
.global-text ul li:before {content: ''; display: inline-block; vertical-align: initial; position: absolute; width: 5px; height: 5px; background: #fff; border-radius: 50%; top: 10px; left: 15px}
.global-text ol {margin: 20px 0; font-size: 16px; list-style: none; counter-reset: li; line-height: 120%}
.global-text ol li {padding-left: 32px; margin: 0 0 20px; font-style: normal; position: relative; list-style-type: none}
.global-text > ol > li {padding-left: 0}
.global-text > ol > li > b {font-weight: 500}
.global-text ol li:before {counter-increment: li; content: counters(li, ".") ". "}
.global-text a {color: #ffa525}
.global-text a.button {color: #ffffff}
.global-text a:hover {text-decoration: none}
.global-text a.a-dashed {border-bottom: 1px dashed #ffa525; text-decoration: none; cursor: pointer}
.global-text a.a-dashed:hover {border-color: transparent}
.global-text li.ya-share2__item {padding-left: 0}
.global-text li.ya-share2__item:before {display: none}
.global-text table.table-bordered {border:1px silver solid;}
.global-text table.table-bordered td {padding:10px 5px; border:1px silver solid; background: none;}
.global-text strong.strong-color {color: #ffa525;}
.global-text p.p-h2, .global-text p.p-h3, .global-text p.p-h4 {margin: 35px 0 15px; color: #ffa525; font-weight: 500}
.global-text p.p-h2 {font-size: 25px}
.global-text p.p-h3 {font-size: 20px; font-weight: 400}
.global-text p.p-h4 {font-size: 18px;}
.global-text p.p-h2:first-child,
.global-text p.p-h3:first-child {margin-top: 10px}

.article-head {
    padding-bottom: 10px;
}
.article-head h1,
.article-head h2 {
    margin-bottom: 20px;
    font-size: 36px;
    line-height: 36px;
    color: #fff;
    font-weight: 400;
}

.article-head h2 a {
    font-size: 36px;
    line-height: 36px;
    color: #fff;
    font-weight: 400;
    text-decoration: none;
}

.article-head h2 a:hover {
    color: #ffa525;
}

.article-head .article-tags {
    float: left;
}
.article-head .article-tags a,
.popular-tags a {
    display: inline-block;
    padding: 0 8px;
    font-size: 14px;
    background: #13161d;
    line-height: 22px;
    height: 22px;
    color: white;
    text-decoration: none;
    margin-right: 10px;
}
.article-head .article-tags a:hover,
.popular-tags a:hover {
    background: #202634;
}
.popular-tags a {
    background: #24262e;
    margin-bottom: 5px;
}

.popular-tags h3 {
    margin-bottom: 6px;
    font-weight: normal;
    font-size: 18px;
}

.popular-tags {
    margin: 0;
    padding: 10px 20px;
    border-bottom: 1px solid #24262e;
    position: relative;
}

.popular-tags.news-tab {
    padding: 10px 10px 0;
}

.news-search {
    clear: both;
    margin: 0;
    padding: 10px 10px 0;
    border-bottom: 1px solid #24262e;
    position: relative;
}

.news-search.news-tab {
    padding: 10px 10px 0;
}

.news-search .button {
    margin-left: 10px;
}


.news-form-wrap {
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
}

.article-block {
    padding-bottom: 30px;
}

.article-content .article-link {
    color: #ff1c51;
}

.article-footer .ya-share2 {
    float: left;
}
.article-footer .article-watches {
    text-align: right;
    float: right;
    line-height: 22px;
    margin-left: 30px;
}

.article-head .article-watches {
    text-align: right;
    float: right;
    margin-left: 25px;
}

.article-block.fixed {
    position: relative;
    background-color: #12151d;
    margin: 30px 0 20px;
    padding: 10px;
}
.article-block.fixed .article-head .article-tags  a {
    background: #24262e;
}

a.search-link {
    float: right;
    background: url(/images/global/search.png) no-repeat left center;
    padding-left: 34px;
    margin: 35px 0 15px;
    font-size: 18px;
    font-weight: 400;
    color: #ffa525;
    line-height: 30px;
    text-decoration: none;
    cursor: pointer;
}

a.search-link:hover {
    filter: brightness(120%);
}


.article-block.fixed::before {
    width: 19px;
    height: 19px;
    content: '';
    display: block;
    position: absolute;
    left: 10px;
    top: -3px;
    background-repeat: no-repeat;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAy0lEQVR4AWJwj05l/iDlE/5Nyu/WP5nAdzD8XybwPz78S9ofmd/AAAKsbOwsX6R8n2JoIGwYVgNFfkv7fyLVMJAekF4GJEB7w0YNGzVs1DBQ5t8lYj0fhEFsog37IxPwHaboroTb0YVCxq3KLNxOXIA26tsAQiCIoej57KiAGJdhu6IIOoeH92ulr9lsvr/CdKbxFk7mtpheBuyCtBUetHgG/6YzjYfBytwVAwMVCQF6nKa5AM40HmZ9UHb/gYimc1Y0T/rdxzvze78HjHUx1PHpuwEAAAAASUVORK5CYII=')
}

.article-content img {max-width: 100% !important;}


.article-footer a.article-comments {
    text-align: right;
    float: right;
    color: white;
    text-decoration: none;
    line-height: 22px;
}

.pagination-wrap {
    text-align: center;
    margin: 10px auto;

}
.pagination .icon {
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    background-position: left center;
    width: 22px;
    height: 18px;
}

.pagination .disabled span {
    font-size: 0;
}

.pagination .disabled .icon {
    filter: brightness(60%);
}

.pagination .icon.icon-prev-page,
.pagination .icon.icon-next-page {
    width: 16px;
}

.pagination .icon.icon-prev-page,
.pagination .icon.icon-first-page {
    background-position: center right;
}

.global-text ul.pagination,
ul.pagination {
    list-style: none;
    text-align: center;
    display: inline-block;
    padding: 0 10px;
    background: #24262e;
    border-radius: 3px;
    font-size: 14px;
    line-height: 46px;
    height: 50px;
    min-width: 280px;
}

.global-text ul.pagination li,
ul.pagination li {
    display: inline-block;
    padding: 0;
    margin: 0 5px;
    vertical-align: middle;
}

.global-text ul.pagination li a,
ul.pagination li a {
    color: white;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
}

ul.pagination li.active a {
    font-weight: bold;
    font-size: 16px;
    color: #ffa525;
}


.global-text ul.pagination li a:hover,
ul.pagination li a:hover {
    filter: brightness(120%);
}

.global-text ul.pagination li a span,
ul.pagination li a span {
    min-width: 10px;
    padding: 0 3px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.global-text ul.pagination li:before,
ul.pagination li:before {
    display: none;
}


.comments {
    padding: 20px 0;
}

.comment {
    background-color: #24262f;
    margin: 0 0 15px;
    padding: 10px;
}

.comment .user-avatar {
    width: 80px;
    height: 80px;
    float: left;
}

.comment .comment-content {
    margin-left: 90px;
}

.comment-likes {
    text-align: right;
}

a.comment-like:hover {
    filter: brightness(120%);
}

.comment-like i.icon {
    width: 21px;
    height: 17px;
    background-size: contain;
}

.comment-header a {
    text-decoration: none;
}
.comment-header  {
    position: relative;
}

.comment-header a h4 {
    margin: 5px 30px 5px 0;
    float: left;
}

.comment-action-block {
    float: right;
    margin-left: 20px;

}

.comment-action-block.active {
    padding-bottom: 28px;
}

a.comment-action-link {
    color: #536975;
    font-weight: bold;
    display: inline-block;
    height: 29px;
    font-size: 20px;
    text-align: center;
    padding: 0 5px;
    text-decoration: none;
    border: 1px #24262f solid;
}

.comment-action-block.active .comment-action-link {
    border: 1px #333 solid;
    border-bottom: 1px #24262f solid;
    position: relative;
    z-index: 3;
}

a.comment-action-link:hover {
    filter: brightness(120%);
}

.flash-comment {
    -webkit-animation-name: flashAnimation;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
}

.head-input {
    border: 1px solid #cccccc;
    border-bottom: none;
    background: #24262f;
    text-align: left;
    position: relative;
}

.head-input .icon-remove {
    position: absolute;
    right: 8px;
    top: 8px;
}


.head-input .user-nickname {
    margin: 0;
    padding: 10px 10px 5px;
    font-size: 18px;
    font-weight: bold;
}

.head-input .comment-message {
    margin: 0;
    padding: 5px 10px 10px;
}

.send-comment form {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 20px;
    padding-top: 10px;
}

.send-comment .button {
    min-width: 120px;
}


.send-comment form .form-row {
    width: 100%;
    margin-right: 30px;
}

.send-comment textarea.form-input{
    height: 60px;
    font-size: 16px;
    margin-bottom: 0;
    background: #12151d;
    border: 2px #24262e solid;
}


form.flexed {
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
}

form.flexed .form-row {
    width: 100%;
    margin-right: 20px;
}


@-webkit-keyframes flashAnimation {
    from {
        filter: brightness(170%);
    }
    to {
        filter: brightness(100%);
    }
}

.comment-answer {
    display: block;
    background: #12151d;
    padding: 4px 4px 4px 20px;
    margin: 3px;
    border-top: 1px solid #5e6065;
    border-bottom: 1px solid #5e6065;
}

a.comment-answer:hover {
    filter: brightness(120%);
}

.comment-message {
    padding: 2px 0;
    overflow-x: hidden;
    min-width: 100%;
    max-width: 100%;
    overflow-y: auto;
    max-height: 230px;
}

.comment-message::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    border-radius: 3px;
}

.comment-message::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 6px #536975;
    border-radius: 3px;
}

.comment-message::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 0 6px #ffa525;
    border-radius: 3px;
}

.comment-actions {
    display: none;
    position: absolute;
    right: 0;
    top: 30px;
    border: 1px #333 solid;
    padding: 2px;
    text-align: center;
    z-index: 1;
}

.comment-actions a {
    font-size: 14px;
    margin: 5px;
}


.comment-created {
    color: #536975;
    text-align: right;
    line-height: 30px;

}


.float-button-wrapper {
    position: relative;
}

.sidebar.fixed {
    position: absolute;
    right: -195px;
    min-width: 160px;
    text-align: center;
    top: 0;
}



.main-text {padding: 40px 0 0; text-align: center}
.main-text h1 {margin: 0 0 45px; font-weight: 400; color: #fff}
.main-col {padding: 0 3.5%; width: 33%; display: inline-block; vertical-align: top; box-sizing: border-box}
.main-col h3 {margin: 15px 0}
.main-col p {text-align: left; font-weight: 300}

.global-footer-top {width: 150px; height: 50px; line-height: 50px; color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; background-color: #24262e; text-align: center; cursor: pointer; border-radius: 3px; left: 15px; top: -80px; position: absolute}
.global-footer-top {-webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s}
.global-footer-top:hover {background-color: #2b2e37}

.global-footer {position: absolute; width: 100%; bottom: 0; left: 0; min-height: 205px; font-size: 14px; font-weight: 300; color: #536975; background-color: #12151d; border-top: 1px solid #303239}
/*
.global-footer:before {margin: 0 auto; content: ''; position: absolute; width: 107px; height: 10px; display: block; left: 0; right: 0; top: -1px; background-color: #12151d}
.global-footer:after {margin: 0 auto; content: ''; position: absolute; width: 108px; height: 27px; display: block; left: 0; right: 0; top: -23px}
*/
.global-footer-wrap {padding: 15px; margin: 0 auto; width: 100%; max-width: 1430px; height: 100%; position: relative; box-sizing: border-box; text-align: center}
.global-footer-copyright {font-size: 12px; line-height: 30px; text-align: center}
.global-footer-copyright .icon {margin-left: 5px}
.global-footer a:hover {color: #ffa525}
.global-footer-menu {padding-bottom: 30px; min-width: 24%; display: inline-block; vertical-align: top; text-align: left}
.global-footer-menu h4 {margin-bottom: 10px; font-size: 14px; line-height: 24px; font-weight: 300; color: #fff}
.global-footer-menu a {padding: 0 0 6px; color: #536975; display: block; text-decoration: none}
.global-footer-menu a {transition: .3s}
.global-footer-menu .icon {margin-right: 10px; display: inline-block}
.global-footer-col {padding-right: 40px; display: inline-block; vertical-align: top; box-sizing: border-box}
.global-footer-col:last-child {padding-right: 0}

.global-footer-menu .icon {width: 64px; height: 24px; display: inline-block; vertical-align: middle; background-size: contain; background-repeat: no-repeat; opacity: .8; border-radius: 2px}
.global-footer-menu .icon.icon-soc1 {width: 32px; height: 32px}
.global-footer-menu .icon.icon-soc2 {width: 32px; height: 32px}
.global-footer-menu .icon.icon-soc3 {width: 32px; height: 32px}
.global-footer-menu .icon.icon-soc4 {width: 64px; height: 32px}
.global-footer-menu .icon:hover {opacity: 1}

.global-footer-wrap {padding: 15px; margin: 0 auto; width: 100%; max-width: 1430px; height: 100%; position: relative; box-sizing: border-box; text-align: center}
.global-footer-mini {position: absolute; width: 100%; bottom: 0; left: 0; min-height: 144px; font-size: 14px; font-weight: 400; color: #7c8080; background-color: #24262e; border-top: 1px solid #3e424a;}
.global-footer-mini-row {padding-top: 32px; height: 72px; overflow: hidden; box-sizing: border-box;}
.global-footer-mini-row + .global-footer-mini-row {padding-top: 15px; border-top: 1px solid #3e424a;}
.global-footer-mini-menu {line-height: 25px; text-align: left; float: left;}
.global-footer-mini-menu a,
.global-footer-mini-menu a[href]:hover {margin-left: 30px; color: #fff; display: inline-block; position: relative;}
.global-footer-mini-menu a:first-child,
.global-footer-mini-menu a:first-child[href]:hover {margin-left: 0;}
.global-footer-mini-menu a[href] {color: #7c8080; text-decoration: none;}
.global-footer-mini-menu a:before {content: ''; width: 1px; top: 0; bottom: 0; left: -15px; background-color: #3e424a; position: absolute; display: block;}
.global-footer-mini-menu + .global-footer-mini-menu {text-align: right; float: right;}
.global-footer-mini-copyright {float: right; text-align: right;}
.global-footer-mini-copyright .icon-18 {margin-left: 10px; width: 25px; height: 25px; display: inline-block; vertical-align: middle; background-size: contain; background-repeat: no-repeat; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAe1BMVEVHcEx0fX17gIB7f398f39rb298gIB8f39se3t7f397gIB7gIAASEh1d3d3fn57gIB7gIBZdXV5f394fX17gIB5fn57gIB8f397gIB8gIB7f397gIB7gIB6f397f398gIB7f39qgIB7gIB6f397f396f397f397f398gIBTmdzcAAAAKHRSTlMAEWfXsQfWqwq/o/cBDSfmugUxGPIf++2cz4/+4DiFxmAMcFNCfNugJc1vYAAAA4JJREFUeF6t2NuSojAQBuBGOUoMchKQoyCa93/C3UorGSasBLL/zUgV9dFOujEAy3Hr3vmW0yFyQT20sUu2kqs9pooc6TOmlKBT8twXU84tXPfOJtuQk6XsPS/Ol1yeiuL97ZmP+8qFH96aiJ7q/4YQK18Xzx+PgEJCIWp6srjuaYvCK3P01MSXJEr15SFsiOu8xVDTk0VL6hfhaYlyfXqi7OmLwnNC2JX7L9Fy3p4LO3O+oPDCihodD2O8xR4AIPJVPULWxCwFAGx2c/IMGvFQQ1BW3eem17bmqRniZdHDsQWI+Q9INZ3WVf6Vx6+6jzcUJZsSNMaSSNE5w8Dlw1SLzabYuGqkYfO0i0WO/E7wgBP/7tMpRvADdLFm9jsOATmUr8UIR35NsgQeOejaEnitQU5Y8GuBjX8+cZ+/wQfDJHZbfMq/wUI8CRSL8hMc0cipBSQ+JBwsiDoIZxpFjgDhxIlLiECPKx0rg5hOgHge6wCDXebTjeBBgKTg7RABBg9ZNDFxmsY7QFFSOwf7zPez8f+BIa8nMDaDZT11G4Kztk3SDSBcZrOZJlygO0ExyYWFQiOGcicIEba5WRvWnTY+BxuOUUprBB+U0kegCJLbe4Cr4pngRzsGgL7y/wbva/hJEYS7WbJZqhoA3IBJUQQhtmeeP/AJ3Q8+inmFZTYSHbBOmJQRwK12gqHHMFnhtYjg4HTPZLYoVxVQdE0ypiEQYziyqW/u8Z62QVtMCuUC88juxr6hjYMyHT/Pu0GHAy/4ZOBgFu8GL9OsYaJSEADhEW9fm8FRgNefIHSB7wc9bAZvE/hgMxCMrT8BJq7qBPZimyWyBcyxoume33KwMnaDWBGzaw7ELzxsyT/B4wpY43CV1zZvbqa0F5HBgu8L/g1a/ASF3RJpOYidX92XQexkOScig7inOGAblIPAEBEgNJLnGWjIRVwjHJ7SFqeI7jUB0x1nXHZb8uLqU0M+bdpFyME0zRP9+OchL7KkLEs/e5p9CgsxxETRROWxIjRoXddRimcteWKb1/+/B58OL34Sop53Ew/LQtTwxGP9WYg6ngUgi9qe9K31PJ0aZU9PlNdDT5Tr0xNlT1eUPX1ReAovOON1L930ivN5iMk3jaR9peKJlWFB631JmzE1T/+1sxw313sxLoccAjWu6kAxaWNf1zS/6GNQjxt1ufMlzUDDZeAPdPJOOUSVDygAAAAASUVORK5CYII=');}
.global-footer-mini-menu-icon {width: 64px; height: 24px; display: inline-block; vertical-align: middle; background-size: contain; background-repeat: no-repeat; opacity: .7; border-radius: 2px;}
.global-footer-mini-menu a.global-footer-mini-menu-icon,
.global-footer-mini-menu a[href].global-footer-mini-menu-icon {margin-left: 15px;}
.global-footer-mini-menu a.global-footer-mini-menu-icon:first-child,
.global-footer-mini-menu a.global-footer-mini-menu-icon:first-child[href]:hover {margin: 0;}
.global-footer-mini-menu a.global-footer-mini-menu-icon:before {display: none;}

.popup {-webkit-transition: opacity .4s, visibility .4s; -moz-transition: opacity .4s, visibility .4s; -o-transition: opacity .4s, visibility .4s; transition: opacity .4s, visibility .4s; transform: translate3d(0, 0, 0)}
.popup-content {-webkit-transition: margin .4s, opacity .4s; -moz-transition: margin .4s, opacity .4s; -o-transition: margin .4s, opacity .4s; transition: margin .4s, opacity .4s}
.popup {visibility: hidden; position: fixed; width: 100%; height: 100%; top: 0; left: 0; overflow-y: auto; background-color: rgba(0,0,0,.5); z-index: 99999; pointer-events: none; opacity: 0}
.popup.visible {pointer-events: auto; opacity: 1; visibility: visible}
.popup-overlay {width: 100%; height: 100%; background-color: rgba(0,0,0,.5)}
.popup-content {margin: -50px auto; width: 500px; position: absolute; left: 0; right: 0; top: 50%}
.popup-content {padding: 20px; background: #181b22; font-size: 16px; line-height: 24px; color: #fff; border-radius: 3px; box-sizing: border-box; opacity: 0}
.popup.visible .popup-content {margin-top: 0; opacity: 1}
.popup-title {padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #24262e}
.popup-title h2 {color: #ffa422; font-size: 20px; font-weight: 400}
.popup-title .icon-close {right: 25px; top: 25px; position: absolute; opacity: .7; cursor: pointer; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0)}
.popup-title .icon-close:hover {opacity: 1}
.popup-title .button {position: absolute; left: 170px; top: 20px}
.popup-social-row {margin-bottom: 20px; border-bottom: 1px solid #24262e; text-align: center}
.popup p {margin-bottom: 15px}
.popup-social-row .icon-sign {margin: 0 7px 10px; cursor: pointer; transform: translateZ(0); -webkit-transform: translateZ(0)}
.popup-social-row .icon-sign:hover {-webkit-filter: brightness(120%); filter: brightness(120%)}
.popup-social-row p.popup-social-or {margin: 0 auto -11px; width: 55px; background-color: #181b23}
.popup-bottom {margin: 20px -20px -20px -20px; padding: 15px; font-weight: 300; background-color: #12151d; box-shadow: inset 0 3px 1px 0 rgba(0,0,0,.3); text-align: center; border-radius: 0 0 3px 3px}
.popup-login .global-form {margin: 0 auto; width: 280px}
.popup-recovery .global-form {margin: 0 auto; width: 250px}
.popup-recovery .global-form .button {margin: 10px 0}
.popup-profile-character .popup-content {width: 700px}
.popup-servers .popup-content {width: 700px}
.popup-support .popup-content {width: 636px}
.popup-profile-avatar .popup-content {width: 642px}
.popup-payment .popup-content {width: 648px;}
.play-page .popup-payment.custom .popup-content {width: 648px;}
.popup-payment.select-payment-method-vendor .popup-content {height: 80%;}
.popup-payment .popup-title {position: relative; z-index: 100;}
.popup-payment .popup-title h2 {display: inline-block; vertical-align: middle}
.popup-payment .popup-title .button {position: static; display: inline-block; vertical-align: middle; margin-left: 20px}
.popup-payment .popup-title .icon-close {top: 5px; right: 0px;}
.popup-support .button {top: 36px; position: relative}
.popup-payment h3 {margin-bottom: 10px; font-size: 26px; line-height: 30px; color: #ffa422; font-weight: 500}
.popup-iframe-payment-container {width: 100%; height: 400px; overflow: hidden}
.popup-iframe-payment-container iframe {width: 100%; height: 400px; overflow: hidden; border: 0}
.popup-payment .cabinet-pay-confirm-head {display: table; table-layout: fixed; width: 100%; margin-bottom: 20px}
.popup-payment .cabinet-pay-confirm-row {display: table-cell; vertical-align: top}
.popup-payment .cabinet-pay-confirm-text {font-size: 16px}
.popup-payment .cabinet-pay-confirm-form {padding: 0; margin: 0}
.popup-payment .cabinet-pay-confirm-col + .cabinet-pay-confirm-col {width: 260px}
.popup-payment .form-input,
.popup-payment .form-select {margin-bottom: 0}
.popup-payment .button {height: 35px; line-height: 35px}
.popup-payment.select-payment-method-vendor .popup-content-main {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 20px; box-sizing: border-box; padding-top: 80px; z-index: 0;}
.popup-payment.select-payment-method-vendor .popup-content-main iframe {width: 100%; height: 100%; z-index: 0;}
.popup-payment .popup-content-main iframe {width: 100%; height: 500px; z-index: 0;}
.popup-payment .popup-content-loading {position: relative; z-index: 0;}

.popup p.popup-servers-row-title {margin: 20px 0 3px; display: block}
.popup-servers-content {max-height: 224px; overflow: auto}
.popup-server-item {width: 143px; height: 60px; display: inline-block; vertical-align: top; margin: 7px 15px 7px 0; padding: 5px 10px; font-size: 14px; box-sizing: border-box}
.popup-server-item {background: #12151d; box-shadow: 1px 1px 1px 0 rgba(0,0,0,.35); text-decoration: none; border-radius: 3px; vertical-align: top}
.popup-server-item:hover {background: #24262e}
.popup-server-item-title,
.popup-server-item-text {width: 123px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.popup-server-item-title {color: #c7c7c7}

.popup-privacy-alert {text-align: center; margin-top: 3px; padding-top: 15px; border-top: 1px solid #24262e; font-size: 14px}
.popup-row-label {text-align: left}
.popup-email-confirm .form-input {margin: 12px auto 20px auto; width: 250px;}
.popup-email-confirm .button {height: 35px; padding: 0 20px;}
.js-popup-close-sessions .button {margin-top: 15px;}

.bottom-side {position: relative}

.form-row {display: block; position: relative}
.selectize-input,
.selectize-input.full,
.selectize-input.input-active,
.form-input {padding: 0; margin-bottom: 10px; width: 100%; height: 35px; line-height: normal; text-indent: 10px; display: block; font-size: 14px; background: #24262e; color: #fff; border: 1px solid #24262e; border-top-color: #101115; border-left-color: #1f2128; border-right-color: #1f2128; border-radius: 3px; box-sizing: border-box; box-shadow: inset -1px 1px 2px 0 #181a21}
textarea.form-input {padding: 10px; height: 120px; resize: none; box-sizing: border-box; text-indent: 0}
.form-select {margin-bottom: 10px; height: 35px; color: #4a4d59; background: #24262e; text-indent: 0}
.form-select .item {text-indent: 0}
.form-error {margin-left: 10px; height: 25px; line-height: 25px; background-color: #ff1c51; color: #fff; padding: 0 10px; font-size: 12px; border-radius: 3px; box-shadow: none; z-index: 100; position: absolute; left: 100%; top: 50%; white-space: nowrap; opacity: 0; display: none; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%)}
.form-error:before {content: ''; position: absolute; margin-top: -5px; top: 50%; left: -10px; border-top: 5px solid transparent; border-right: 5px solid #ff1c51; border-bottom: 5px solid transparent; border-left: 5px solid transparent}
.form-error.left-side {margin: 0 10px 0 0; left: auto; right: 100%}
.form-error.left-side:before {left: auto; right: -10px; border-left: 5px solid #ff1c51; border-right: 5px solid transparent}
.support-message-field {position: relative}
.form-col {vertical-align: top}
.form-col.col2 {margin-left: 0; width: 49%; display: inline-block}
.form-col.col2 + .form-col.col2 {margin-left: 1.36%}
.form-col.col2 .form-error {right: 100%; left: auto; margin: 0 10px 0 0}
.form-col.col2 .form-error:before {right: -10px; left: auto; border-right: 5px solid transparent; border-left: 5px solid #ff1c51}
.form-col.col2 + .form-col.col2 .form-error,
.form-col.col2.form-col-captcha .form-error {left: 100%; right: auto; margin: 0 0 0 10px}
.form-col.col2 + .form-col.col2 .form-error:before,
.form-col.col2.form-col-captcha .form-error:before {left: -10px; right: auto; border-left: 5px solid transparent; border-right: 5px solid #ff1c51}
.form-row.has-error .form-input,
.form-row.has-error .selectize-input {border-color: #ff1c51}
.form-row.has-error .form-error {opacity: 1; display: block}
.server-error {display: none; margin-bottom: 10px;}
.server-error .form-error {margin-bottom: 0 !important;}
.server-error.has-error {display: block;}
div.form-row {text-align: center}
div.form-row.left-align {
    text-align: left;
}
.left-align p {
    margin: 5px 0;
}
.external_link {
    margin: 20px 0;
}
.soc-radio {
    margin-bottom: 20px;
}
.form-bottom-row {font-size: 14px;}
.form-checkbox-row {padding: 0 0 15px 25px; font-size: 14px; position: relative}
.form-checkbox {display: none}
.form-checkbox + .icon-checkbox {width: 12px; height: 12px; border: 2px solid #4c4c4e; border-radius: 2px; display: inline-block; position: absolute; left: 0; top: 3px}
.form-col-captcha img {width: 84px; height: 35px; display: inline-block; vertical-align: top}
.form-col-captcha .icon {margin: 9px 5px; display: inline-block; vertical-align: top}
.form-col-captcha .icon:hover {-webkit-filter: brightness(120%); filter: brightness(120%)}
.form-col-captcha .form-row {width: 145px; height: 35px; display: inline-block; vertical-align: top}
.form-col-captcha .form-input {width: 145px}
.selectize-control {text-align: left}
.selectize-dropdown, .selectize-input, .selectize-input input,
.selectize-dropdown-content,
.selectize-control.single .selectize-input.input-active {background: #24262e; color: #fff}
.selectize-control.single .selectize-input:after {border-color: #6d6d6d transparent transparent transparent}
.selectize-control.single .selectize-input.dropdown-active:after {border-color: transparent transparent #6d6d6d transparent}
.selectize-input,
.selectize-input.full,
.selectize-input.input-active {margin-bottom: 0; padding: 7px 0 5px; display: inline-block; vertical-align: top}
.selectize-dropdown-content {font-size: 14px}

.button {padding: 0 16px; height: 38px; line-height: 38px; font-size: 14px; font-weight: 500; font-style: normal; display: inline-block; color: #fff; text-transform: uppercase; background-color: #ff1c51; text-decoration: none; border-radius: 4px; border: 0; cursor: pointer; text-align: center;}
.button:hover {background-color: #ff617e}
.button.button-gray {background-color: #24262e; box-shadow: 0 1px 1px 0 rgba(0,0,0,.35)}
.button.button-gray:hover {background-color: #2e2f34}
.button.button-small {padding: 0 10px; font-size: 11px; height: 30px; line-height: 30px}
.button.button-medium {}
.button.button-large {min-width: 120px; padding: 0 20px; height: 50px; line-height: 50px; font-size: 20px}

.button.disabled {opacity: 0.33; cursor: default;}
.button.disabled:hover {background-color: #ff1c51;}
.button.button-gray.disabled:hover {background-color: #2e2f34;}

.global-crumbles {padding: 24px 0; font-size: 14px; color: #fff; list-style-type: none;}
.global-crumbles-pay {padding: 0 0 20px}
.global-crumbles li {padding: 0; margin: 0 1px; display: inline-block; font-style: normal;}
.global-crumbles li:before {display: none;}
.global-crumbles span,
.global-crumbles a {margin: 0 3px; font-size: 14px; color: #fff; text-shadow: 0 1px 0 #000; text-decoration: none; position: relative}
.global-crumbles li span,
.global-crumbles li a {display: block;}
.global-crumbles span:first-child,
.global-crumbles a:first-child,
.global-crumbles span:first-child {margin-left: 0}
.global-crumbles a[href] {color: #ffa525; text-decoration: underline}
.global-crumbles a[href]:hover {text-decoration: none}
.global-crumbles a[href] span {color: #ffa525;}

.game-back {width: 100%; height: 1200px; position: absolute; left: 0; top: 0; background-position: center top; background-repeat: no-repeat; overflow: hidden}
.game-back_gradient {
    width: 100%; height: 1200px; position: absolute; left: 0; top: 0;
    background: -moz-linear-gradient(bottom, rgba(24, 27, 34, 1) 0%, rgba(24, 27, 34, 1) 60%, rgba(24, 27, 34, 0.4) 90%, rgba(24, 27, 34, 0.3) 100%);
    background: -webkit-linear-gradient(bottom, rgba(24, 27, 34, 1) 0%, rgba(24, 27, 34, 1) 60%, rgba(24, 27, 34, 0.4) 90%, rgba(24, 27, 34, 0.3) 100%);
    background: linear-gradient(to top, rgba(24, 27, 34, 1) 0%, rgba(24, 27, 34, 1) 60%, rgba(24, 27, 34, 0.4) 90%, rgba(24, 27, 34, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d181b22', endColorstr='#000000', GradientType=0)
}
.game-back .global-wrapper {position: relative; margin: 0 auto; padding: 145px 15px 0; max-width: 1430px; width: 100%; height: 390px; line-height: 90px; vertical-align: middle; text-align: right}
.game-back .global-wrapper img {margin-right: 20px; width: 350px; display: inline-block}

.game-head-container {height: 355px; position: relative}
.game-head-container .global-crumbles {position: absolute; top: 24px; padding: 0}
.game-head-container .game-head {position: absolute; top: 263px; right: 400px; left: 0}
.game-head {padding-bottom: 20px}
.game-head h1 {margin: 0 0 10px; font-size: 40px; font-weight: 400; color: #fff; text-shadow: 0 1px 2px #000; display: inline-block}
.game-head .button {position: relative; left: 15px; top: -5px}

.game-tags h2,
.game-tags a {margin-right: 5px; padding: 0 10px; height: 20px; line-height: 20px; background-color: #13161d; color: #fff; font-size: 11px; font-weight: 400; text-decoration: none; display: inline-block}
.game-tags a:hover {background-color: #202634}

.game-links {position: absolute; top: -40px; left: 0; right: 0; text-align: center}
.game-links a {margin: 0 15px; height: 20px; line-height: 20px; font-size: 16px; color: #ffa525; text-decoration: none; border-bottom: 1px solid #ffa525; display: inline-block; position: relative}
.game-links a.a-dashed {border-bottom-style: dashed; text-decoration: none}
.game-links a:before {content: ''; width: 1px; height: 20px; background-color: #5e6065; display: block; position: absolute; top: -1px; left: -16px}
.game-links a:last-child {padding-right: 0}
.game-links a:first-child:before {display: none}
.game-links a:hover {border-color: transparent}


.global-message {margin: 0 auto 0; max-width: 1400px; width: 100%; min-width: 991px; box-sizing: border-box; overflow: hidden}
.global-message {position: relative; background-color: #24262e; color: #ffa422; padding: 7px 30px 7px 13px; margin-bottom: 15px; border-radius: 3px}
.global-message p {font-size: 14px; color: #fff; display: inline-block; vertical-align: middle}
.global-message a {text-decoration: underline}
.global-message a:hover {text-decoration: none}
.global-message:before {content: '!'; font-size: 18px; border-radius: 50%; width: 25px; height: 25px; padding: 2px; display: inline-block; vertical-align: middle; border: 2px solid #ffa422; margin-right: 5px; position: relative; color: #fff; text-align: center; box-sizing: border-box; top: 0}
.global-message .icon {position: absolute; right: 11px; top: 11px; opacity: .8; cursor: pointer; border:none;}
.global-message .icon:hover {opacity: 1}
.global-message:not(.hidden) + .global-content {padding-top: 0}
.global-message:not(.hidden) + .global-content .game-head-container {height: 281px}
.global-message:not(.hidden) + .global-content .game-head-container .game-head {top: 189px}

.global-content-side {width: 370px; float: right; position: relative}
.global-content-side > h3 {margin: 35px 0 15px; font-size: 20px; font-weight: 400; color: #ffa525; line-height: 30px}
.global-content-main {margin-right: 400px}

.news-tabs {padding: 1px; margin-bottom: 45px; background-color: #12151d; box-sizing: border-box; border-radius: 3px; overflow: hidden}
.news-tab-btn {height: 50px; line-height: 50px; width: 50%;font-size: 20px; color: #ffa525; text-align: center; float: left; cursor: pointer}
.news-tab-btn:hover,
.news-tab-btn.active {background-color: #24262e}
.news-tab-btn.active {cursor: default}
.news-tab-btn h3 {font-weight: 400; border-bottom: 1px dashed #ffa525; display: inline-block; vertical-align: middle; line-height: 90%}
.news-tab-btn:hover h3,
.news-tab-btn.active h3 {border-color: transparent}
.news-tab {padding: 35px; display: none; clear: both}
.news-tab.active {display: block}
.b-articles-item--left img {border-radius: 3px}
.news-tab-item {height: 56px; font-size: 14px; color: #fff; text-decoration: none; border-top: 1px solid #24262e; display: block; position: relative}
.news-tab-item:before {content: ''; background-color: #24262e; position: absolute; display: block; left: -35px; right: -35px; top: -1px; bottom: -1px; z-index: 0; opacity: 0; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s}
.news-tab-item:hover:before {opacity: 1}
.news-tab-item:hover .news-tab-item-name {color: #ffa525}
.news-tab-item span {display: block; position: absolute; line-height: 111%}
.news-tab-item:first-child {border: 0}
.news-tab-item-name,
.news-tab-item-text {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s}
.news-tab-item-name {color: #fff; top: 10px; left: 0; right: 60px}
.news-tab-item-text {margin: 5px 0; bottom: 5px; left: 0; right: 0; color: #536975}
.news-tab-item-date {font-size: 12px; color: #536975; right: 0; top: 10px; overflow: hidden; width: 52px; white-space: nowrap}
.news-all {margin-top: 20px; height: 50px; line-height: 50px; font-size: 14px; font-weight: 500; color: #fff; text-decoration: none; text-transform: uppercase; display: block; text-align: center; background-color: #24262e; transition: 0s; border-radius: 3px}
.news-all:hover {background-color: #2b2e37}
.news-tab-news-no {height: 416px; line-height: 416px; font-size: 14px; text-align: center}
.tab-news.custom-scroll {margin-bottom: 25px; height: 430px; width: 370px; box-sizing: border-box}
.tab-news.custom-scroll .nano-content {padding: 0 35px 10px;}
.tab-news.fixed {margin: 0 0 25px; padding: 10px 35px; border-bottom: 1px solid #24262e; position: relative}
.tab-news.custom-scroll {margin-top: 25px}
.tab-news.fixed + .tab-news.custom-scroll {margin-top: 0}
.tab-news.fixed:after {width: 19px; height: 19px; content: ''; display: block; position: absolute; left: 10px; top: -3px}
.tab-news.fixed .news-tab-item:before {top: -10px; bottom: -10px}
.tab-news.fixed + .tab-news {padding-top: 0}

.tab-articles.custom-scroll {margin-bottom: 25px; height: 430px; width: 370px; box-sizing: border-box}
.tab-articles.custom-scroll .nano-content {padding: 0 35px 10px;}
.tab-articles.fixed {margin: 0 0 25px; padding: 10px 35px; border-bottom: 1px solid #24262e; position: relative}
.tab-articles.custom-scroll {margin-top: 25px}
.tab-articles.fixed + .tab-articles.custom-scroll {margin-top: 0}
.tab-articles.fixed:after {width: 19px; height: 19px; content: ''; display: block; position: absolute; left: 10px; top: -3px}
.tab-articles.fixed .news-tab-item:before {top: -10px; bottom: -10px}
.tab-articles.fixed + .tab-articles {padding-top: 0}

.tab-articles.fixed:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAy0lEQVR4AWJwj05l/iDlE/5Nyu/WP5nAdzD8XybwPz78S9ofmd/AAAKsbOwsX6R8n2JoIGwYVgNFfkv7fyLVMJAekF4GJEB7w0YNGzVs1DBQ5t8lYj0fhEFsog37IxPwHaboroTb0YVCxq3KLNxOXIA26tsAQiCIoej57KiAGJdhu6IIOoeH92ulr9lsvr/CdKbxFk7mtpheBuyCtBUetHgG/6YzjYfBytwVAwMVCQF6nKa5AM40HmZ9UHb/gYimc1Y0T/rdxzvze78HjHUx1PHpuwEAAAAASUVORK5CYII=);
}

.news-tab-item.fixed {
    position: relative;
    height: 67px;
}
.news-tab-item.fixed:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAy0lEQVR4AWJwj05l/iDlE/5Nyu/WP5nAdzD8XybwPz78S9ofmd/AAAKsbOwsX6R8n2JoIGwYVgNFfkv7fyLVMJAekF4GJEB7w0YNGzVs1DBQ5t8lYj0fhEFsog37IxPwHaboroTb0YVCxq3KLNxOXIA26tsAQiCIoej57KiAGJdhu6IIOoeH92ulr9lsvr/CdKbxFk7mtpheBuyCtBUetHgG/6YzjYfBytwVAwMVCQF6nKa5AM40HmZ9UHb/gYimc1Y0T/rdxzvze78HjHUx1PHpuwEAAAAASUVORK5CYII=);
    width: 19px; height: 19px; content: ''; display: block; position: absolute; left: 0px; top: -3px
}

.news-tab-item.fixed .news-tab-item-name {
    top: 20px;
}



.global-header-menu .global-header-sub-menu.content-list a {
    padding: 5px;
    width: 120px;
    min-height: 38px;
    line-height: 28px;
}


.game-slider-container {min-width: 562px; min-height: 316px; width: 100%; position: relative; margin-bottom: 30px; overflow: hidden; background: url(../../images/global/loading.gif) no-repeat center}
.game-slider .lSSlideOuter,
.game-slider img {opacity: 0}
.game-slider.loaded .lSSlideOuter,
.game-slider.loaded img {opacity: 1; width: 100%}
.game-slider .clone,
.game-slider .lslide {width: 100%; float: left}
.game-slider .lslide img, .game-slider .lslide div {min-width: 562px; min-height: 316px; width: 100%; border-radius: 3px}
.game-slider ul li img {max-width: 100%}
.game-slider .lSSlideOuter .lSPager.lSGallery img {border-radius: 3px}

.game-container {height: 100%; height: 100vh; overflow: hidden}

.custom-scroll {position: relative; width: 100%; height: 100%; overflow: hidden}
.custom-scroll > .nano-content {position: absolute; overflow: scroll; overflow-x: hidden; top: 0; right: 0; bottom: 0; left: 0}
.custom-scroll > .nano-content:focus {outline: thin dotted}
.custom-scroll > .nano-content::-webkit-scrollbar {display: none}
.has-scrollbar > .nano-content::-webkit-scrollbar {display: block}
.custom-scroll > .nano-pane {background: #536975; position: absolute; width: 6px; right: 12px; top: 0; bottom: 0; visibility: hidden \9; opacity: .2; -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s; transition: .2s; border-radius: 5px}
.custom-scroll > .nano-pane > .nano-slider {background: #ffa525; position: relative; margin: 0 1px; border-radius: 3px; box-shadow: 0 0 0 2px rgba(0, 0, 0, .2)}
.custom-scroll:hover > .nano-pane,
.custom-scroll.active, .nano-pane.flashed {visibility: visible \9; opacity: 0.99}

.about-bgr {margin-bottom: 20px; padding-bottom: 20px; background-color: #24262e; width: 100%; box-sizing: border-box; overflow: hidden}
.about-bgr .global-head {padding-bottom: 25px}
.about-col {padding-right: 70px; margin: 0 -1px; width: 50%; display: inline-block; vertical-align: top; box-sizing: border-box}
.about-col:nth-of-type(odd) {padding: 0 25px 0 0}
.about-col:nth-of-type(even) {padding: 0 0 0 25px}
.about-specific:nth-of-type(odd) {padding: 0 45px 0 0}
.about-specific:nth-of-type(even) {padding: 0 0 0 45px}
.about-block {margin: -20px 0 0; position: relative; font-weight: 300; line-height: 150%}
.about-block p {margin-bottom: 5px}
.about-block ul li {padding-left: 25px; margin-bottom: 5px}
.about-block ul li:before {width: 10px; height: 10px; background: #f29831; top: 7px; left: 0}
.about-block li span {font-size: 20px; font-weight: 500; color: #536975}
.about-block > small {padding-left: 25px; font-size: 10px; color: #536975}
.about-block li small {color: #ffa525}
.black-block {margin-bottom: 10px; padding: 15px 25px; background-color: #12151d; box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .2); border-radius: 4px}
.black-block a {text-decoration: none; border-bottom: 1px dashed #ffa525}
.black-block a:hover {border-color: transparent}
.black-block .about-icon {float: left}
.about-tablecell {height: 54px; display: table-cell; vertical-align: middle}
.about-icon {margin-right: 20px; width: 52px; height: 52px; line-height: 45px; border: 4px solid #24262e; border-radius: 50%; display: inline-block; vertical-align: middle; text-align: center; box-sizing: border-box}
.about-icon .icon {width: 32px; height: 30px; background-position: center}
.about-game-slider .lSAction > a {bottom: 10px}
.about-game-slider img {margin: 0 0 10px; display: block; max-height: 195px}
.about-game-slider ul {margin-bottom: 0}
.about-game-game {padding: 0 70px; height: 195px; display: table-cell; vertical-align: middle}
.about-game-slider .lslide {height: 200px !important}
.about-game-slider .lSAction > a {width: 25px; background-color: transparent}
.icon_players {background-position: -64px 0}
.icon_online {background-position: -64px -37px}
.about-slider .about-partner-cont {width: 200px; height: 150px; background-color: #12151d; position: relative; border-radius: 4px}
.about-partner {margin: -53px auto 0; width: 180px; height: 106px; position: absolute; left: 10px; top: 50%; display: block; background-image: url(../../images/about/partners.png)}
.partner1 {background-position: -70px -30px}
.partner2 {background-position: -310px -28px}
.partner3 {background-position: -583px -30px}
.partner4 {background-position: -829px -30px}
.partner5 {background-position: -70px -130px}
.partner6 {background-position: -318px -120px}
.partner7 {background-position: -580px -129px}
.partner8 {background-position: -841px -123px}
.partner9 {background-position: -70px -217px}
.partner10 {background-position: -320px -217px}
.partner11 {background-position: -580px -217px}
.global-anchor {position: relative; top: -100px; display: block; height: 1px; width: 1px}
.about-form {padding: 20px; background-color: #12151d; box-sizing: border-box; border-radius: 4px;}
.about-form .form-col.col2 {width: 48.8%}
.about-form textarea {height: 80px}
.about-form .g-recaptcha {margin: 0 -98px -30px 0; -webkit-transform: scale(.65); -webkit-transform-origin: 0 0; -moz-transform: scale(.65); -moz-transform-origin: 0 0; -o-transform: scale(.65); -o-transform-origin: 0 0; transform: scale(.65); transform-origin: 0 0; float: right; border-radius: 10px; overflow: hidden}
.about-form .about-col:nth-of-type(odd) {padding: 0 8px 0 0}
.about-form .about-col:nth-of-type(even) {padding: 0 0 0 8px}
.about-form .recaptcha {float: right}
.about-submit {width: 200px; height: 50px; line-height: 50px; border: 0; background-color: #ff1c51; color: #fff; font-size: 16px; font-weight: 500; text-transform: uppercase; border-radius: 4px; float: right; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s}

.global-page-content.about-background {width: 100%; max-width: 100%; background-color: #24262e; padding-bottom: 15px;}
.site-about .global-page-content h3 {margin-top: 30px;}

.global-clear {overflow: hidden}
.clear-both {clear: both}

.cabinet-user-block {padding: 25px 1px 1px; margin-bottom: 45px; background-color: #12151d; box-sizing: border-box; border-radius: 3px; overflow: hidden}
.cabinet-user-name {padding: 15px 0; line-height: 120%; text-align: center}
.cabinet-user-name a {text-decoration: none; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s}
.cabinet-user-avatar {text-align: center}
.cabinet-user-avatar img {margin: 0 auto; width: 200px; height: 200px; display: block; border-radius: 50%}
.cabinet-user-avatar a {text-decoration: none}
.cabinet-user-avatar a span {margin-top: 15px; display: inline-block; font-size: 14px; color: #ffa525; text-decoration: none; border-bottom: 1px dashed #ffa525}
.cabinet-user-avatar a:hover span {border-color: transparent}
.cabinet-user-menu {padding: 20px}
div.cabinet-user-menu {margin: 20px 0 0; padding: 7px 20px; background-color: #24262e}
.cabinet-user-menu-item {padding: 0 10px; height: 38px; line-height: 38px; font-size: 16px; color: #fff; text-decoration: none; display: block}
p.cabinet-user-menu-item {margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.cabinet-user-menu-dashed-item {color: #ffa525; text-decoration: none; border-bottom: 1px dashed #ffa525}
a.cabinet-user-menu-item:hover .cabinet-user-menu-dashed-item {border-color: transparent}
.cabinet-user-menu-item .icon {margin: -2px 10px 0 0}
.cabinet-user-menu-item .icon {transition: 0s !important}
.cabinet-user-menu-item:nth-of-type(1){border-top: 0}
a.cabinet-user-menu-item.active {cursor: default}
a.cabinet-user-menu-item.active,
a.cabinet-user-menu-item:hover {background-color: #24262e; color: #ffa525; box-shadow: 0 -1px 0 0 #12151d}

.cabinet-game-block {margin: 0 1.5% 1.5% 0; width: 48.2%; height: 250px; background-color: #12151d; border-radius: 3px; display: inline-block; vertical-align: top}
.cabinet-game-image {width: 60px; height: 250px; background-color: #2a2d36; overflow: hidden; border-radius: 3px 0 0 3px; float: left}
.cabinet-game-image img {display: block; border-radius: 3px; font-size: 12px}
.cabinet-game-image + .cabinet-game-cont {margin-left: 60px}
.cabinet-game-link {margin: 0 0 10px; font-size: 20px; color: #fff; display: block; text-decoration: none}
.cabinet-game-empty {font-size: 16px; color: #fff; text-align: center}
.cabinet-game-cont {height: 250px; padding: 20px; position: relative; box-sizing: border-box}
.cabinet-game-info {position: absolute; bottom: 10px; left: 20px}
.cabinet-game-info-row {padding: 3px 0; font-size: 14px}
.cabinet-game-info-row .button {margin: 10px 20px 10px 0}
.cabinet-game-info-row small {color: #536975}
.cabinet-game-select {font-size: 14px; color: #ffa525; text-decoration: none; border-bottom: 1px dashed #ffa525; display: inline-block}
.cabinet-game-select:hover {border-color: transparent}
.cabinet-game-empty {font-size: 16px; color: #fff; text-align: center}

.cabinet-form {width: 300px; display: inline-block}
.cabinet-form .button {float: right}

.cabinet-social-item {margin-bottom: 10px; width: 25%; min-width: 140px; display: block; position: relative; float: left; vertical-align: top}
.cabinet-social-item a {color: #fff; text-decoration: none; border-color: transparent}
.cabinet-social-item .icon {margin-right: 10px; float: left}
.cabinet-social-name {display: block}
.cabinet-social-link {color: #ffa525; border-bottom: 1px dashed #ffa525}
.cabinet-social-item a:hover .cabinet-social-link {border-color: transparent}

.cabinet-pay-row {margin-right: -25px; position: relative; overflow: hidden}
.cabinet-pay-col {padding: 13px 0 0; margin: 0 1% 1.5% 0; min-width: 185px; width: 23.37%; height: 100px; display: inline-block; vertical-align: top; background-color: #12151d; border-radius: 3px; color: #fff; text-decoration: none; text-align: center; box-sizing: border-box}
.cabinet-pay-col:hover {background-color: #24262e}
.cabinet-pay-col .icon {margin: 0 auto 15px; display: block}
.cabinet-pay-col span {display: block}
.cabinet-pay-col small {font-size: 13px; color: #536975}
.cabinet-pay-rand-link {margin-bottom: 20px; text-align: right}
.cabinet-pay-rand-link span {font-size: 16px; color: #ffa525; cursor: pointer; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; border-bottom: 1px dashed #ffa525}
.cabinet-pay-rand-link span:hover {border-color: transparent}
.cabinet-pay-rand-link1 {display: block}
.cabinet-pay-rand-link2 {display: none}
.cabinet-pay-rand {padding: 20px 0; height: 100px; background-color: #12151d; border-radius: 3px; text-align: center; box-sizing: border-box; position: absolute; left: 0; right: 25px; top: 0; display: none}
.cabinet-pay-rand .form-input {width: 80px; height: 32px; line-height: 32px; font-size: 16px; display: inline-block}
.cabinet-pay-rand label {margin: 0 20px 10px 0; height: 32px; line-height: 32px; display: inline-block}
.cabinet-pay-rand small {font-size: 13px; color: #536975; display: block}
.saved-cards {margin-top: 20px}
.saved-cards .cards-list {padding: 15px; background: #12151d; margin-bottom: 5px;}
.saved-cards .cards-list table {width: 100%}
.saved-cards .cards-list tr {text-align: left}
.saved-cards .cards-list tr.waiting {opacity: 0.5; cursor: progress}
.saved-cards .cards-list tr.waiting td .delete-card {cursor: progress}
.saved-cards .cards-list tr th {font-weight: normal; padding: 10px 10px 10px 15px; text-align: left}
.saved-cards .cards-list tr td {font-size: 14px; padding: 10px 10px 10px 15px; border-top: 1px solid #24262e; text-align: left}
.saved-cards .cards-list tr td .delete-card {cursor: pointer}
.saved-cards .cards-list .holder-name {text-transform: uppercase; text-overflow: ellipsis; overflow-x: hidden; max-width: 200px}
.cabinet-pay-history {margin-top: 20px; padding: 15px; background-color: #12151d}
.cabinet-pay-history table {width: 100%; margin: 0; background-color: transparent; border: 0}
.cabinet-pay-history table td {font-size: 14px; color: #536975; border-top: 1px solid #24262e; border-bottom: 0; padding: 10px 12px;}
.cabinet-pay-history table tr:nth-child(odd) td {background-color: transparent}
.cabinet-pay-history table tr:first-child td {border-top: 0}
.cabinet-pay-history table tr:last-child td {border-bottom: 0}
.cabinet-pay-history table td.cabinet-pay-history-empty {padding: 0; color: #fff; text-align: center}
.cabinet-pay-process-row {margin-bottom: 20px}
.cabinet-pay-process-label {font-size: 18px; font-weight: 400; display: block}
.cabinet-pay-process-total {font-size: 30px; font-weight: 400; line-height: 35px}
.cabinet-pay-process-col {margin: 0 .6% 1% 0; padding: 5px; display: inline-block; vertical-align: top; width: 19%; font-size: 16px; color: #fff; text-align: center; box-sizing: border-box; cursor: pointer}
.cabinet-pay-process-col {min-width: 131px; height: 100px; display: inline-block; font-weight: 300; border-radius: 3px; text-align: center; background: #12151d; box-shadow: 0 1px 1px 0 rgba(0,0,0,.35); color: #fff; position: relative}
.cabinet-pay-process-col:hover {background: #24262e}
.cabinet-pay-process-img {width: 190px; height: 61px; display: table-cell; vertical-align: middle; text-align: center}
.cabinet-pay-process-img img {max-width: 190px; max-height: 61px}
.cabinet-pay-process-title {color: #fff; display: block}
.cabinet-pay-confirm-row {margin-bottom: 15px}
.cabinet-pay-confirm-label {margin-bottom: 7px}
.cabinet-pay-confirm-text {font-size: 18px; font-weight: 400; color: #ffa422}
.cabinet-pay-confirm-text .icon {margin-top: -7px}
.cabinet-pay-confirm-sum {font-size: 30px}
.cabinet-pay-confirm p {margin-bottom: 10px}
.cabinet-pay-confirm-form {padding: 15px 0}
.cabinet-pay-confirm-col {margin-right: 5px; width: 220px; display: inline-block; vertical-align: top}
.cabinet-pay-confirm-col:first-child {width: 180px}

/*b-translation-table*/
.b-translation-tabs-pay__table .b-translation-tabs-pay__col {
    width: auto;
}

.b-translation-tabs-pay__table {
    max-height: 440px;
    overflow-y: auto;
    font-size: 0;
    margin: 0 -5px;
}

.b-translation-tabs-pay__row {margin-bottom: 20px}

.b-translation-tabs-pay__row .choose-payment-title {font-size: 22px; font-weight: normal; margin: 20px 0; text-align: center}

.b-translation-tabs-pay__label {font-size: 18px}

.b-translation-tabs-pay__total {font-size: 30px}

.b-translation-tabs-pay__col {
    padding: 4px;
    display: inline-block;
    vertical-align: top;
    width: 33%;
    font-size: 16px;
    text-align: center;
}

.b-user-pay-process__tab1e .b-translation-tabs-pay__col {width: auto}

.b-translation-tabs-pay__link {color: #fff; text-decoration: none}

.b-translation-tabs-pay__link span + span {font-size: 15px; line-height: 200%}

.b-translation-tabs-pay-table-item__img {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    max-height: 50px;
    max-width: 160px;
}

.b-translation-tabs-pay-table-item__btn {
    width: 100%;
    min-width: 131px;
    min-height: 100px;
    display: inline-block;
    font-weight: 300;
    border-radius: 3px;
    text-align: center;
    background: #fff; /*#12151d;*/
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.35);
    color: #fff;
    position: relative;
}

.b-translation-tabs-pay__link:hover .b-translation-tabs-pay-table-item__btn,
.b-translation-tabs-pay-table-item__btn:hover {background: #e5e6e8/*#24262e*/}

.b-translation-tabs-pay-table-item__img-wrap {
    width: 190px;
    height: 100px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.b-translation-tabs-pay-table-item__label {
    color: #12151d;
}

.b-translation-table__label {
    font-size: 16px;
    display: block;
    margin-bottom: 15px;
}

.b-translation-table__content {
    font-size: 0;
    margin: 10px -5px 0;
}

.b-translation-table__col {
    padding: 1px;
    display: inline-block;
    vertical-align: top;
    width: 33%;
    font-size: 14px;
}

.b-translation-table-item:hover .b-translation-table-item__label {
    color: #ffa422;
}

.b-translation-table-item:hover .b-translation-table-item__text {
    display: none;
}

.b-translation-table-item:hover .b-translation-table-item__buy {
    display: table;
}

.b-translation-table-item:hover .b-translation-table-item__btn {
    background: #24262e;
}

.b-translation-table-item_error .b-translation-table-item__btn {
    background: none;
    box-shadow: inset 0 0 0 2px #fff;
    color: #fff;
}

.b-translation-table-item_error:hover .b-translation-table-item__text {
    display: inline-block;
}

.b-translation-table-item_error:hover .b-translation-table-item__btn {
    background: none;
    box-shadow: inset 0 0 0 2px #fff;
}

.b-translation-table-item__btn {
    width: 100%;
    min-width: 131px;
    min-height: 100px;
    display: inline-block;
    border-radius: 3px;
    text-align: center;
    background: #12151d;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.35);
    color: #fff;
    position: relative;
}

.b-translation-table-item__text,
.b-translation-table-item__buy {
    position: absolute;
    display: table;
    width: 100%;
    padding-top: 5px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.b-translation-table-item__text {
    display: block;
}

.b-translation-table-item__text .icon {
    margin: 10px auto;
}

.b-translation-table-item__buy {
    padding-top: 0;
    display: none;
    font-size: 26px;
    line-height: 70px;
}

.b-translation-table-item__value,
.b-translation-table-item__small-text {
    display: block;
}

.b-translation-table-item__value {
    font-size: 20px;
    line-height: 26px;
}

.b-translation-table-item__small-text {
    font-size: 12px;
    color: #536975;
    line-height: 18px;
}

.b-translation-table-item__label {
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    display: block;
}


.character-row:nth-of-type(2) {margin-top: 20px}
.character-row {margin-top: 10px; padding: 6px 10px; background-color: #12151d; border-radius: 3px; box-shadow: 0 1px 1px 0 rgba(0,0,0,.35); line-height: 120%}
.character-col {padding-left: 5px; display: inline-block; vertical-align: middle; box-sizing: border-box}
.character-col.col1 {width: 185px}
.character-col.col2 {width: 205px}
.character-col.col3 {width: 50px}
.character-col.col4 {width: 145px}
.character-col.col5 {width: 30px; text-align: right}
.character-col .icon {opacity: .8; cursor: pointer}
.character-col .icon:hover {opacity: 1}
.character-title {font-size: 12px; color: #536975; display: block}
.character-text {font-size: 12px; color: #fff; display: block}

.avatar-drop-zone > div {display: block; height: 177px; line-height: 177px; background-color: #12151d; border: 2px dashed #24262e; border-radius: 3px; text-align: center; cursor: pointer; position: relative}
.avatar-drop-zone.active {border-color: #fff}
.popup-profile-avatar.edit .avatar-drop-zone {display: none;}
.avatar-upload-image {display: none}
.avatar-row {max-height: 445px; margin-bottom: 12px; overflow: hidden}
.avatar-col-img {width: 80px; height: 80px; display: block; border-radius: 50%; overflow: hidden; float: left}
.avatar-col-img img {width: 80px; height: 80px; display: block}
.avatar-col-text {height: 80px; line-height: 80px; vertical-align: middle; margin-left: 110px; font-weight: 300; text-align: left}
.avatar-col-text p:first-child {padding-top: 15px; color: #536975}
.avatar-col-text p {margin: 0; color: #fff; line-height: 24px}
.avatar-row.align-center {margin: 20px 0 0; font-size: 14px}
.avatar-row .button {display: block; width: 150px; margin: 10px auto 0;}
.avatar-row .avatar-file-input {display: inline-block}
.popup-profile-avatar.add .avatar-row {display: none;}

.payment-summ {margin: -5px}
.payment-summ-col {display: block; position: relative; float: left; padding: 5px; vertical-align: top; width: 33.33%; font-size: 14px; text-align: center; box-sizing: border-box}
.payment-summ-col span {font-size: 14px; font-weight: 300; text-align: center; display: block}
.payment-summ-item {margin-bottom: 5px; width: 100%; min-width: 131px; min-height: 100px; display: inline-block; border-radius: 3px; text-align: center; background: #12151d; box-shadow: 0 1px 1px 0 rgba(0,0,0,.35); color: #ffa525; position: relative; box-sizing: border-box; cursor: pointer}
.payment-summ-item .icon-coin {margin: 10px auto}
.payment-summ-item p {margin: 0; font-size: 20px; line-height: 26px}
.payment-summ-item small {font-size: 12px; color: #536975; line-height: 18px}
.payment-summ-item-inner {font-weight: 400; font-size: 26px; line-height: 100px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #24262e; border-radius: 3px; opacity: 0}
.payment-summ-item:hover .payment-summ-item-inner {opacity: 1}
.payment-summ-col:hover span {color: #ffa525}

.payment-systems {max-height: 330px}
.payment-systems .cabinet-pay-process-col {margin: 0 10px 12px 0; width: 30%}

.profile-balance-payment {position: relative;}
.profile-balance-payment .loading {position: relative; z-index: 0;}
.profile-balance-payment .content-element {position: absolute; z-index: 100; top: 0px; left: 0px; width: 100%;}
.profile-balance-payment .content-element iframe {position: relative; width: 100%;}
.profile-balance-payment .back-button {position: absolute; z-index: 50; right: 0px; top: -50px;}

.transaction-more {margin-top: 20px; height: 50px; line-height: 50px; font-size: 14px; font-weight: 500; color: #fff; text-decoration: none; text-transform: uppercase; display: block; text-align: center; background-color: #24262e; transition: 0s; border-radius: 3px}
.transaction-more-loading {background: url('/images/global/loading.gif') no-repeat center; font-size: 0px; pointer-events: none;}
.transaction-more:hover {background-color: #2b2e37}

.support-page {background: #181b22}
.support-page .global-footer-top {display: none}
.support-head {padding: 20px; text-align: center}
.support-head h1 {font-size: 40px; font-weight: 400}
.support-search-head {margin-bottom: 50px; padding: 33px 0}
.support-search-head {background: #181b22; background: -moz-linear-gradient(left, #181b22 0%, #13161e 20%, #13161e 80%, #181b22 100%); background: -webkit-linear-gradient(left, #181b22 0%,#13161e 20%,#13161e 80%,#181b22 100%); background: linear-gradient(to right, #181b22 0%,#13161e 20%,#13161e 80%,#181b22 100%)}
.support-search-head-wrap {margin: 0 auto; padding: 0 30px; max-width: 900px; position: relative}
.support-search-head-wrap:after {content: ''; display: block; clear: both}
.support-search-head .form-input {padding-right: 50px; height: 40px; text-indent: 15px; box-sizing: border-box}
.support-search-head .form-submit {width: 40px; height: 40px; background-position: center; background-repeat: no-repeat; display: block; background-color: transparent; color: transparent; font-size: 0; border: 0; position: absolute; top: 0; right: 0; cursor: pointer}
.support-search-head a {padding-left: 17px; height: 40px; line-height: 40px; display: block; float: right; border-left: 1px solid #4a4d59}
.support-search-head.profile {padding: 20px 0; background: #12151d; height: 30px; border-radius: 4px}
.support-search-head.profile .support-search-head-wrap {padding: 0 20px; max-width: 100%}
.support-search-head.profile .support-search-form {left: 20px; right: 180px}
.support-search-head.profile .form-input,
.support-search-head.profile .form-submit,
.support-search-head.profile a {height: 30px; line-height: 30px}
.support-search-form {position: absolute; left: 30px; right: 150px}
.support-search-form.no-link {position: relative; left: auto; right: auto}
.support-games-list {margin: 0 auto; padding: 0 30px; max-width: 900px}
.support-games-item {margin: 0 0 20px; width: 33%; display: inline-block; line-height: 64px; font-size: 20px; color: #fff; text-decoration: none}
.support-games-item:hover {color: #ffa525}
.support-games-item b {margin-right: 22px; width: 64px; height: 64px; vertical-align: middle; text-align: center; background-color: #12151d; box-shadow: 0 1px 1px 0 rgba(0,0,0,.35); border-radius: 3px; float: left}
.support-games-item b img {max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; line-height: 64px}

.support-categories {margin-bottom: 20px}
.support-category {padding: 0 35px; height: 65px; line-height: 65px; font-size: 16px; background-color: #24262e}
.support-links {padding: 10px; background-color: #12151d}
.support-link {padding: 0 25px; line-height: 35px; font-size: 14px; display: block; text-decoration: none; background-color: #181b22}
.support-link[href] {background-color: transparent; color: #fff}
.support-link[href]:hover {color: #ffa525}
.support-contact-us p {font-size: 18px; font-weight: 300; color: #536975; line-height: 120%}
.support-contact-us a {margin-left: 21px; font-size: 16px; line-height: 120%; position: relative}
.support-contact-us a:before {content: ''; width: 16px; height: 12px; display: block; position: absolute; background-repeat: no-repeat; left: -21px; bottom: 2px}
.support-article-back {margin: 36px 0 15px; padding: 15px; display: block; position: relative; border-bottom: 1px solid #24262e}
.support-article-back a {color: #fff; font-size: 14px; text-decoration: none}
.support-article-back a:hover {color: #ffa525}
.support-article-back:before {content: ''; width: 7px; height: 10px; display: block; position: absolute; background-repeat: no-repeat; left: 0; bottom: 18px}
.support-article-head {padding-bottom: 20px}
.support-article-head h1 {font-size: 40px; font-weight: 400}

.support-search-results {max-width: 900px; margin: 0 auto; padding-right: 20px; box-sizing: border-box; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s;}
.support-search-results.loading {opacity: 0.2; cursor: wait}
.support-search-results h3 {margin-bottom: 20px; font-size: 20px; font-weight: 400; color: #fff}
.support-search-result, .popular-article-block {margin-bottom: 25px; font-size: 16px; line-height: 24px}
.support-search-result h4,
.support-search-result a, .popular-article-block a {font-size: 16px; font-weight: 400; color: #ffa525; text-decoration: none}
.support-search-result a:hover, .popular-article-block a:hover {color: #fff}
.support-search-result .text {color: #fff}
.support-search-result .game {font-size: 16px; color: #536975}
.support-search-result i {font-style: normal; margin: 0 -3px; padding: 0 3px; background-color: #536975; border-radius: 3px}

.support-dialog-list {padding: 0 0 10px; position: relative; background-color: #12151d}
/*.support-dialog-list:before {content: ''; position: absolute; left: 0; top: 0; right: 0; height: 53px; background-color: #24262e}*/
.support-dialog-list.loading::after {content: ""; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.4); width: 100%; height: 100%; cursor: wait}
.support-dialog-list table {width: 100%; position: relative}
.support-dialog-list table tr {cursor: pointer}
.support-dialog-list table tr:first-child {cursor: default}
.support-dialog-list table tr:hover td {background-color: #181b22}
.support-dialog-list table tr:hover td p {color: #ffa525}
.support-dialog-list table th,
.support-dialog-list table td {background:#24262e; padding: 0 10px; height: 53px; line-height: 53px; font-size: 14px; font-weight: 300; text-align: left; white-space: nowrap; vertical-align: middle}
.support-dialog-list table th {height: 53px; line-height: 53px; vertical-align: top}
.support-dialog-list table th.sorted {user-select: none}
.support-dialog-list table th.sorted.ascending:after {content: "  \2191"}
.support-dialog-list table th.sorted.descending:after {content: " \2193"}
.support-dialog-list table td {background-color: #12151d; color: #494c57}
.support-dialog-list table td:nth-child(1) {width: 10px; text-align: center;}
.support-dialog-list table th:nth-child(2) {text-align: center;}
.support-dialog-list table td:nth-child(2) {width: 40px; text-align: center;}
.support-dialog-list table td:nth-child(3) {width: 100px}
.support-dialog-list table td:nth-child(4) {width: 50px; display: none;}
.support-dialog-list table th:nth-child(4) {display: none;}

.support-dialog-list table td:nth-child(6) {width: 50px}
.support-dialog-list table td p {margin: 0; color: #fff; text-overflow: ellipsis; white-space: normal; overflow: hidden}
.support-dialog-list table td p {height: 53px; line-height: 53px; max-width: 100%; transition: .3s}
.support-dialog-list table td p a {text-decoration: underline;}
.support-dialog-list .icon-unread {width: 9px; height: 9px; display: inline-block; border-radius: 50%; background-color: #ff1c51; position: relative; }
.support-dialog-list .status-open {color: #536975}
.support-dialog-list .status-closed {color: #494c57}
.show-more-tickets {margin-top: 20px; height: 50px; line-height: 50px; font-size: 14px; font-weight: 500; text-decoration: none; text-transform: uppercase; display: block; text-align: center; background-color: #24262e; border-radius: 3px; color: #ffa525}
.show-more-tickets:hover {background-color: #2b2e37}
.support-dialog-empty { text-align: center; background-color: #12151d; border-radius: 4px; padding: 20px 5px; }

.support-dialog-message {margin-bottom: 42px; padding: 7px 20px; background-color: #24262e; border: 1px solid #2f3137; box-shadow: 0 1px 1px 0 rgba(0,0,0,.35); border-radius: 4px; position: relative}
.support-dialog-message {display: flex}
.support-dialog-message > * {display: inline-block; vertical-align: top}
.support-dialog-message:before {content: ''; width: 25px; height: 27px; position: absolute; display: block; background-repeat: no-repeat; background-position: top center}
.support-dialog-message:before {right: 20px; bottom: -27px}
.support-dialog-message.yours:before {left: 20px; bottom: -27px}
.support-dialog-message.yours {background-color: #12151d}
.support-dialog-message-avatar {margin-right: 17px; width: 37px; height: 30px}
.support-dialog-message-avatar img {width: 30px; height: auto; display: block; border-radius: 50%}
.support-dialog-message-date {font-size: 14px; line-height: 30px; color: #494c57; margin-right: 35px; width: 125px}
.support-dialog-message-text {padding: 3px 0; font-size: 16px; line-height: 150%; color: #fff; word-break: break-all; width: 100%}
.support-dialog-message-text a {text-decoration: none}
.support-dialog-message-text img {max-width: 150px; max-height: 150px; height: auto}
.support-dialog-message-text p:last-child {margin-bottom: 0}
.support-dialog-message-text blockquote {margin-left: 10px; font-style: italic}
.support-dialog-send {min-height: 140px; padding: 20px 20px 40px; background-color: #12151d; box-shadow: 0 1px 1px 0 rgba(0,0,0,.35); border-radius: 4px; position: relative}
.support-dialog-send .form-input {height: 70px}

.support-dialog-send .attached-files p {margin-right: 20px; margin-bottom: 5px; font-size: 14px; color: #4a4d59; display: inline-block; max-width: 100%}
.support-dialog-send .attached-files .attached-filename {display: inline-block; vertical-align: baseline;  line-height: 16px; overflow: hidden; text-overflow: ellipsis; max-width: 96%}
.support-dialog-send .attached-files .icon-remove {margin-left: 5px; display: inline-block; cursor: pointer}
.support-dialog-send .attach-file {position: relative; display: inline-block; line-height: 20px; cursor: pointer}
.support-dialog-send .attach-file input {visibility: hidden; opacity: 0; pointer-events: none; position: absolute}
.support-dialog-send .attach-file .icon-attach {margin-left: 5px; display: inline-block; cursor: pointer; vertical-align: middle}
.support-dialog-send .attach-file span:first-of-type {font-size: 14px; color: #ffa525; border-bottom: 1px dashed #ffa525; display: inline-block; vertical-align: middle}
.support-dialog-send .attach-file:hover span:first-of-type {border-color: transparent}
.support-dialog-send .attach-file i {font-size: 14px; opacity: 0.3; margin-left: 5px; display: inline-block; vertical-align: middle}
.support-dialog-send .attach-file.disabled {cursor: default;}
.support-dialog-send .attach-file.disabled:hover {cursor: default; }
.support-dialog-send .attach-file.disabled span:first-of-type {border-bottom: none; opacity: 0.3;}
.support-dialog-send .attach-file.disabled .icon-attach {opacity: 0.3; cursor: default;}
.support-dialog-send .button {float: right; margin-top: 10px;}
.support-dialog-send .button:disabled {cursor: wait}
.support-dialog-send .close-topic {position: absolute; right: 20px; top: 100px}
.support-dialog-send .close-topic .button {position: static}
.support-dialog-send form textarea:disabled {opacity: 0.5; cursor: wait}
.support-dialog-send .hint-block {opacity: 0.3; font-size: 14px; text-align: right;}



.support-category-trigger {cursor: pointer; position: relative; border-bottom: 2px solid #12151d}
.support-category-trigger:before,
.support-category-trigger:after {content: ''; position: absolute; width: 10px; height: 2px; background-color: #ffa525; top: 32px; transition: .3s}
.support-category-trigger:before {transform: rotate(40deg); right: 37px}
.support-category-trigger:after {transform: rotate(-40deg); right: 30px}
.support-category-trigger.active:before {transform: rotate(-40deg); background-color: #fff; }
.support-category-trigger.active:after {transform: rotate(40deg); background-color: #fff; }
.support-category-trigger + .support-links {display: none}
.support-category-trigger.active + .support-links {display: block}

.datepicker {background: #24262e; border: 1px solid #24262e; box-shadow: 1px 1px 2px 0 #181a21; color: #ccc; z-index: 100001}
.datepicker--pointer {background-color: #24262e; border-color: #24262e}
.datepicker--nav-action path {stroke: #777}
.datepicker--nav,
.datepicker--time {border-color: #444}
.datepicker--nav-action:hover,
.datepicker--cell:hover,
.datepicker--button:hover,
.datepicker--time-current-hours:after,
.datepicker--time-current-minutes:after,
.datepicker--nav-title:hover {background: rgba(0,0,0,.5)}

.popup-support-request .global-form {margin: 0 auto; width: 290px}
.popup-support-request .attached-files {margin-bottom: 20px;}
.popup-support-request .attached-files p {margin-bottom: 5px; padding-right: 20px; font-size: 14px; color: #4a4d59; position: relative; max-width: 100%}
.popup-support-request .attached-files .attached-filename {display: inline-block; vertical-align: bottom; max-width: 100%; overflow-x: hidden; text-overflow: ellipsis}
.popup-support-request .attached-files .icon-remove {cursor: pointer; display: block; position: absolute; right: 0; top: 8px; }
.popup-support-request .attach-file {margin-bottom: 20px; position: relative; line-height: 20px; cursor: pointer; display: block}
.popup-support-request .attach-file input {visibility: hidden; opacity: 0; pointer-events: none; position: absolute}
.popup-support-request .attach-file .icon-attach {margin-left: 5px; display: inline-block; cursor: pointer; vertical-align: middle}
.popup-support-request .attach-file span:first-of-type {font-size: 14px; color: #ffa525; border-bottom: 1px dashed #ffa525; display: inline-block; vertical-align: middle}
.popup-support-request .attach-file:hover span:first-of-type {border-color: transparent}
.popup-support-request .attach-file i {font-size: 14px; opacity: 0.3; display: inline-block; vertical-align: middle; border-bottom: 1px solid transparent}
.popup-support-request .attach-file.disabled {cursor: default;}
.popup-support-request .attach-file.disabled:hover {cursor: default; }
.popup-support-request .attach-file.disabled span:first-of-type {border-bottom: none; opacity: 0.3;}
.popup-support-request .attach-file.disabled .icon-attach {opacity: 0.3; cursor: default;}
.popup-support-request .form-row {margin-bottom: 20px}
.popup-support-request .form-row.card .form-input {width: 64px; display: inline-block; text-align: center; text-indent: 0; margin-bottom: 0}
.popup-support-request .form-row.card .form-group {display: inline-block; vertical-align: top}
.popup-support-request .form-row.card .form-group:not(:first-child) {margin-left: 7px}
.popup-support-request .form-row.card .card-disabled {display: inline-block; vertical-align: top; line-height: 33px; color: #3d3d3d; padding: 0;
    margin-bottom: 0; margin-left: 7px; position: relative; width: 64px; height: 35px; text-indent: 0; text-align: center; font-size: 14px;
    background: #24262e; border: 1px solid #24262e; border-radius: 3px; box-sizing: border-box; box-shadow: inset -1px 1px 2px 0 #181a21}
.popup-support-request .form-row.card {margin: 0 -8px 20px}
.popup-support-request .form-row.has-error.card .form-error {left: 100%}
.popup-support-request textarea {height: 65px; max-height: 120px; resize: vertical;}
.popup-support-request select[name="server"] {visibility: hidden}
.popup-support-request .recaptcha {margin-bottom: 15px; text-align: left; position: relative; width: 290px}
.popup-support-request .popup-privacy-alert {font-size: 12px; line-height: 18px; font-weight: 300}
.popup-support-request .form-row .hidden-input-wrapper {position: absolute; top: 0; width: 100%; height: 35px; z-index: 0}
.popup-support-request form .button:disabled {cursor: wait}
.popup-support-request form.disabled {opacity: 0.7}
.popup-support-request .support-message-field .hint-block {opacity: 0.3; font-size: 14px; text-align: right; margin-top: -10px;}


.support-search {
    background: #181b22;
    background: -moz-linear-gradient(left, #181b22 0%, #13161e 20%, #13161e 80%, #181b22 100%);
    background: -webkit-linear-gradient(left, #181b22 0%, #13161e 20%, #13161e 80%, #181b22 100%);
    background: linear-gradient(to right, #181b22 0%, #13161e 20%, #13161e 80%, #181b22 100%);
    position: relative;
    left: auto;
    right: auto;
    max-width: 500px;
}
.support-search .form-input  {
    height: 40px;
}

.support-search .form-submit {
    width: 40px;
    height: 40px;
    background-image: url("/images/support/search-icon.png");
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    background-color: transparent;
    color: transparent;
    font-size: 0;
    border: 0;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.support-index .contact-us-new {
    color: white;
    line-height: 36px;
}
.support-index .global-text .contact-us-new a {
    margin-left: 10px;
    vertical-align: middle;
    color: white;
}

.support-games {
    margin: 40px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.support-game {
    position: relative;
    font-size: 0;
    line-height: 0;
    margin-bottom: 20px;
}

.support-game:hover .support-game-title {
    color: #ffa525;
}

.support-game-title {
    position: absolute;
    bottom: 0;
    padding: 15px 10px;
    background: rgba(0,0,0,0.6);
    color: white;
    font-size: 24px;
    line-height: 1;
    left: 0;
    right: 0;
}

.global-text .support-game img {
    margin: 0;
}

.support-question-block {
    background: #24262e;
}

.support-questions {
    background: #12151d;
    padding: 20px;
    margin: 40px auto;
    position: relative;
}

.global-text a.support-question {
    padding: 15px 60px 15px 15px;
    background: #24262e;
    font-size: 24px;
    color: white;
    display: block;
    position: relative;
    margin-top: 20px;
    text-decoration: none;
    transition: .5s;
}

.global-text a.support-question:hover {
    color: #ffa525;
}

.global-text a.support-question:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 25px;
    border: 10px transparent solid;
    border-top: 10px white solid;
    transition: .5s;
}

.global-text .support-questions h2 {
    font-size: 32px;
    color: white;
    margin-bottom: 40px;
}

.global-text a.support-question.active:after {
    transform: scaleY(-1) translateY(12px);
}

.global-text a.support-question:hover:after {
    border-top: 10px #ffa525 solid;
}

.support-answer {
    background: #24262e;
    padding: 15px 0;
    margin: 15px;
    font-size: 24px;
    color: white;
    display: none;
    overflow: auto;
}

.global-text a.support-question.active ~ .support-answer {
    display: block;
    transition: .5s;
}

.global-text a.back-to-games {
    position: absolute;
    top: 20px;
    right: 20px;
    color: white;

}

.back-to-games .icon {
    display: inline-block;
    width: 8px;
    background: transparent;
    height: 3px;
    border-top: 8px white solid;
    border-bottom: 8px white solid;
    position: relative;
    margin-left: 15px;
    vertical-align: middle;
    margin-top: -4px;

}
.back-to-games .icon:before {
    display: block;
    position: absolute;
    content: '';
    top: -8px;
    left: -11px;
    width: 8px;
    background: transparent;
    height: 3px;
    border-top: 8px white solid;
    border-bottom: 8px white solid;
}



.global-text .support-answer p {
    font-size: 24px;
    padding-bottom: 0;
    margin-bottom: 10px;
}

.global-text .support-answer li {
    font-size: 24px;
}

.support-search-results {
    background: #12151d;
    padding: 20px;
    margin: 40px auto;
    position: relative;
    max-width: 100%;
}

.global-text .support-search-results h2 {
    font-size: 32px;
    color: white;
    margin-bottom: 40px;
}


#notifications {position: absolute; color: #fff; top: 50%; margin-top: -20px; right: -1px; padding: 2px 6px 3px 5px; display: inline-block; font-size: 11px; font-weight: bold; line-height: 1; background: #ff1c51; text-align: center; border-radius: 20px}
#notifications:empty {display: none}
.alertify-logs {z-index: 9999}

#loading {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: none; z-index: 10; cursor: wait}
#loading .loading-icon {width: 59px; height: 60px; position: absolute; top: 50%; left: 50%; z-index: 11;
    margin-top: -144px; margin-left: -30px; text-align: center;
    background-image: url("../../images/global/crea_loader.gif");
    background-repeat: no-repeat;
    background-size: contain;
}

#phone-form .field-phone {width: 300px; margin: auto}

.phone-title {
    background: #444;
    color: white;
    height: 22px;
    line-height: 22px;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    border-radius: 5px 5px 0 0;
}

.phone-popup b {
    font-weight: 500;
}

.close_iphone {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg height='18' width='18' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300'%3E%3Cpath fill='%23fff' d='M174.283 149.996l118.56-118.56c8.288-8.289 9.55-20.426 2.858-27.141-6.707-6.708-18.859-5.414-27.148 2.858L149.994 125.722 31.434 7.154C23.162-1.118 11.009-2.412 4.301 4.296c-6.699 6.699-5.429 18.852 2.867 27.141l118.56 118.56L7.168 268.556c-8.296 8.288-9.566 20.425-2.867 27.148 6.708 6.707 18.861 5.414 27.133-2.858l118.56-118.561 118.559 118.561c8.289 8.272 20.441 9.565 27.148 2.843 6.691-6.708 5.43-18.845-2.858-27.133l-118.56-118.56z'/%3E%3C/svg%3E") 50% no-repeat;
    float: right;
    width: 22px;
    height: 22px;
}

.phone-popup {
    position: fixed;
    top: 100vh;
    top: calc(var(--vh, 1vh) * 100);
    margin-top: -20px;
    transform: translateY(-100%);
    left: 10px;
    right: 10px;
    padding: 0;
    color: #333;
    font-size: 15px;
    line-height: 18px;
    text-align: right;
    border-radius: 6px;
    background: white;
    z-index: 20000;
}

.phone-popup div {
    text-align: left;
    padding: 10px;
}

.phone-popup:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -10px;
    left: 50%;
    border-top:10px white solid;
    border-right: 10px transparent solid;
    border-left: 10px transparent solid;
    width: 1px;
    height: 0;
    transform: translateX(-10px);
}

.phone-popup img {
    width: 16px;
    margin: 0 4px;
    vertical-align: middle;
}

.show-more {
    margin-top: 10px;
    margin-bottom: 20px;
}

.show-more a {
    color: #fff;
}

.show-more a.show::after {
    content: "→";
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    margin-left: 10px;
}

.show-more a.hide::after {
    content: "↑";
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    margin-left: 10px;
}

.email-type-block {
    width: 400px;
    margin: 10px auto auto;
}

.popup-payment .email-type-block {
    padding-top: 10px;
    border-top: 1px solid #24262e;
}

.email-type-block form {
    width: 280px;
    margin: 10px auto auto;
}

.email-type-block .submit {
    margin-top: 15px;
}

.email-type-block .form-input {
    margin-bottom: 5px;
}

.email-type-block form .form-error {
    font-size: 14px;
}

.filter-server-esprit a{
    background-color: #536975;
    font-family: 'PF DinText Pro', sans-serif;
    color: black;
    margin-right: 10px;
}

.filter-server-esprit a:hover {background-color: #768d9a}
.filter-server-esprit a.active{background-color: #ffa422}

@media all and (orientation:landscape)  {

    .phone-popup {
        left: 31px;
    }

    .phone-popup:after {
        display: none;
    }
}

@media screen and (max-width: 1175px) {
    .global-head-container .global-crumbles {top: -10px}

    .about-game-online {right: 10px}
    .about-game-online:first-of-type {left: 10px}
    .about-game-online .icon {margin: 0}
    .black-block {font-size: 13px}

    .global-header {border: 0; height: 50px; z-index: 1000}
    .global-header > * {height: 50px; line-height: 50px}
    .global-header .global-header-logo:after {top: 0px}
    .global-header .global-header-logo,
    .global-header .global-header-logo:after {width: 30px; height: 38px; background-size: 145px 40px; background-position: 0 1px}
    .global-header .global-header-logo {background-position: 0 0}
    .global-header .has-submenu > a:after,
    .global-header .has-submenu > .icon:after {top: 22px}
    .global-header .global-header-profile-item:before,
    .global-header .global-header-menu-item:before {top: 15px}
    .global-header .global-header-sub-menu {top: 47px}
    .global-header .global-wrapper {height: 50px; line-height: 50px}
}

@media screen and (max-width: 860px) {
    .button.button-small {
        padding: 0 5px;
    }
}
@media screen and (min-width: 1100px) and (max-width: 1200px) {
    .black-block {font-size: 15px}
}

@media screen and (max-width: 1390px) {
    .global-header-profile-item,
    .global-header-menu-item {padding: 0 5px 0}
    .has-submenu > a:after,
    .has-submenu > .icon:after {right: 0}
    .global-header-profile-item:before,
    .global-header-menu-item:before {display: none}
}

@media screen and (max-width: 1200px) {
    .global-footer-col {padding-right: 10px}
    .global-footer-menu {width: 20%}
    .cabinet-game-block {width: 100%}
    .main-slider:before {display: none}
    .global-header-logo {
        margin-right: 10px;
    }
}

@media screen and (max-height: 700px) {
    .popup {position: fixed}
    .popup-content {margin: 0 auto; display: block; position: absolute; left: 0; right: 0}
    .popup-login .popup-content {padding: 16px; font-size: 12px; line-height: 18px;}
    .popup-login .popup-content {width: 400px; top: 65px !important;}
}

@media screen and (max-width: 1300px) {
    .game-back-gradient {height: 680px}
    .game-back {height: 680px}
    .game-back .global-wrapper {padding-top: 115px}
    .game-head-cont {height: 325px}
    .game-head-cont .global-head {top: 233px}

    .global-message + .global-content .game-head-container {height: 281px}
    .global-message + .global-content .game-head-container .game-head {top: 179px}
    .global-message + .global-content .game-head-container .global-crumbles {top: 0}

    .global-header .global-header-logo:after {top: 0px}
    .global-header .global-header-logo,
    .global-header .global-header-logo:after {width: 30px; height: 38px; background-size: 145px 40px; background-position: 0 1px}
    .global-header .global-header-logo {background-position: 0 0}

}

@media screen and (min-width: 1300px) and (max-width: 1600px) {
    .game-back-gradient {height: 880px;}
    .game-back {height: 880px;}
}