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; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

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

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

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html, body { position: relative; overflow-x: hidden; }

body { width: 100%; background: url(../images/body-bg.jpg) center top no-repeat; background-color: #0a0d16; font-family: "Open Sans", sans-serif; font-size: 14px; color: #696868; min-height: 100vh; }

a { transition: all 0.3s ease; color: #d8d0cc; text-decoration: none; }

a:hover { text-decoration: none; }

p { margin-bottom: 20px; }

h1, h2, h3 { color: #ffdda9; margin-bottom: 20px; line-height: 1.3; font-family: "Philosopher", sans-serif; letter-spacing: 2px; }

h1 { font-size: 20px; }

h2 { font-size: 18px; }

h3 { font-size: 16px; }

table { width: 100%; }
table tr { background-color: #0d0f17; }
table td { border-collapse: collapse; padding: 15px 18px; border-top: 1px solid #12141e; border-bottom: 1px solid #12141e; color: #fff; font-size: 14px; vertical-align: middle; }
table thead td { color: #a97fff; text-transform: uppercase; }

img { max-width: 100%; }

caption { margin-bottom: 15px; }

select { background: #040609; width: 100%; border: 1px solid #36383a; color: #fff; padding: 17px 40px 17px 15px; position: relative; color: #fff; font-size: 16px; -webkit-appearance: none; background-image: url(../images/select-icon.png); background-position: right 10px center; background-repeat: no-repeat; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; -ms-appearance: none; appearance: none !important; transition: 0.3s; cursor: pointer; }
select:hover { border: 1px solid #fc9162; box-shadow: 0px 0px 10px 0px rgba(252, 142, 98, 0.6), inset 0px 0px 10px 0px rgba(252, 142, 98, 0.6); }

input, textarea { background: #040609; border: 1px solid #36383a; color: #fff; padding: 10px 15px; position: relative; font-size: 16px; transition: 0.3s; width: 100%; font-family: "Open Sans", sans-serif; }
input:hover, textarea:hover { border: 1px solid #fc9162; box-shadow: 0px 0px 10px 0px rgba(252, 142, 98, 0.6), inset 0px 0px 10px 0px rgba(252, 142, 98, 0.6); }

textarea { min-height: 120px; }

button, .button { transition: all 0.3s ease; cursor: pointer; background: url(../images/button.png) no-repeat; height: 40px; width: 147px; border: none; color: #ffffff !important; font-family: "Philosopher", sans-serif; font-size: 12px; position: relative; z-index: 1; text-align: center; text-transform: uppercase; letter-spacing: 2px; box-shadow: 0px 0px 22px 5px rgba(59, 36, 151, 0.2), 0px 10px 15px 4px rgba(0, 0, 0, 0.4); }
button:hover, .button:hover { filter: brightness(120%); }

.button { display: inline-block; text-decoration: none; line-height: 40px; }
.button.small {
    transform: scale(0.7);
    width: 125px;
}

.button-blue { background: url(../images/button-blue.png) no-repeat; }

.button-purple { background: url(../images/button-purple.png) no-repeat; }

.big-button-blue { background: url(../images/button-blue-big.jpg) no-repeat; background-size: cover; width: 346px; height: 58px; font-size: 18px; box-shadow: 0px 0px 20px 5px rgba(42, 87, 255, 0.2); }

.big-button-green { background: url(../images/button-green-big.jpg) no-repeat; background-size: cover; width: 346px; height: 58px; font-size: 18px; box-shadow: 0px 10px 20px 5px rgba(182, 235, 10, 0.2); }

.small-button { background: url(../images/small-button.png) no-repeat; background-size: cover; height: 35px; width: 65px; font-size: 12px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); }

:focus { outline: none; }

::-webkit-input-placeholder { color: #656565; }

::-moz-placeholder { color: #656565; }

:-moz-placeholder { color: #656565; }

:-ms-input-placeholder { color: #656565; }

.wrapper { max-width: 1200px; width: 100%; padding: 0px 25px; margin: 0 auto; }

.flex { display: flex; flex-wrap: wrap; }

.flex-c { display: flex; align-items: center; flex-wrap: wrap; }

.flex-s { display: flex; justify-content: space-between; flex-wrap: wrap; }

.flex-s-c { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }

.flex-c-c { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }

.bright:hover { filter: brightness(120%); }

.logo-mini { display: block; margin-right: 15px; }

.topPanel { position: fixed; width: 100%; top: 0px; left: 0; right: 0; transition: 0.3s; z-index: 20; }

.topPanel-wrapper { max-width: 1200px; width: 100%; padding-left: 25px; margin: 0 auto; position: relative; justify-content: space-between; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

.nav li { display: inline-block; position: relative; cursor: pointer; }
.nav li:first-child a { color: #fff; }
.nav li a { color: #fcedc0; font-family: "Philosopher", sans-serif; font-size: 18px; display: block; height: 90px; padding: 0px 19px; line-height: 90px; position: relative; z-index: 1; }
.nav li ul { position: absolute; left: 0; top: calc(100%); background: rgba(0, 0, 0, 0.95); padding: 25px 0px 25px 0px; min-width: 200px; display: none; }
.nav li ul li { display: block; }
.nav li ul li:after { content: ""; position: absolute; background: url(../images/drop-menu-hover.png) no-repeat; width: 308px; height: 133px; left: -46px; top: 0px; margin-top: -47px; opacity: 0; transition: 0.3s; }
.nav li ul li a { font-size: 16px; padding: 15px 50px; height: auto; line-height: 1; color: #fcedc0 !important; background-image: url(../images/drop-menu-icon.png); background-position: left -20px center; background-repeat: no-repeat; }

.dropdown-menu { display: none; animation: 0.3s opas linear; }

.dropdown-toggle.active { color: #cc7954; }

.nav li:hover a { color: #cc7954; }

.nav li ul li:hover:after { opacity: 1; }

.nav li ul li:hover a { color: #cc7954 !important; padding: 15px 0px 15px 70px; background-position: left 50px center; }

.nav .sub-menu a { padding: 0px 55px 0px 35px; }

.nav .sub-menu li a { padding: 15px 50px; }

.sub-menu:before { content: ""; position: absolute; background: url(../images/drop-icon.png) no-repeat; width: 12px; height: 8px; top: 50%; margin-top: -4px; right: 25px; }

.sign-in { padding-right: 60px; color: #fcedc0; font-size: 18px; font-family: "Philosopher", sans-serif; position: relative; cursor: pointer; }
.sign-in:after { content: ""; background: url(../images/lock-icon.png) no-repeat; position: absolute; width: 91px; height: 87px; right: -26px; top: 50%; margin-top: -42px; transition: 0.3s; }
.sign-in:hover:after { filter: brightness(140%); }

.sign-in1 { padding-right: 60px; color: #fcedc0; font-size: 18px; font-family: "Philosopher", sans-serif; position: relative; cursor: pointer; }
.sign-in1:after { content: ""; background: url(../images/lock-icon.png) no-repeat; position: absolute; width: 91px; height: 87px; right: -26px; top: 50%; margin-top: -42px; transition: 0.3s; }
.sign-in1:hover:after { filter: brightness(140%); }

.topPanel.topPanel-fixed { background: rgba(7, 10, 17, 0.95); box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2); }
.topPanel.topPanel-fixed .nav li:hover { background: rgba(0, 0, 0, 0.95); }
.topPanel.topPanel-fixed .dropdown-toggle.active { background: rgba(0, 0, 0, 0.95); }
.topPanel.topPanel-fixed .topPanel-wrapper { border-bottom: 0px; }

.blue-light { background: url(../images/blue-light.png); width: 300px; height: 300px; top: 5px; left: 0px; position: absolute; animation: 12s p-next linear infinite; opacity: 0.7; }

.yellow-light { background: url(../images/yellow-light.png); width: 300px; height: 300px; top: 5px; left: 0px; position: absolute; animation: 12s p-prev linear infinite; opacity: 0.7; }

@keyframes p-next { 0% { transform: rotate(0deg); }
  50% { transform: rotate(180deg); }
  100% { transform: rotate(360deg); } }
@keyframes p-prev { 0% { transform: rotate(0deg); }
  50% { transform: rotate(-180deg); }
  100% { transform: rotate(-360deg); } }
.hand-animation { position: absolute; left: 50%; margin-left: -240px; top: 150px; }

.light-hand { background: url(../images/light-hand.png); width: 350px; height: 350px; position: absolute; top: 0px; left: 0px; animation: 20s light-hand linear infinite; opacity: 0.7; }

.rune-hand { background: url(../images/rune-hand.png); width: 350px; height: 350px; position: absolute; top: 0px; left: 0px; animation: 15s rune-hand linear infinite; opacity: 0.8; }

@keyframes light-hand { 0% { transform: rotate(0deg); }
  50% { transform: rotate(-180deg); }
  100% { transform: rotate(-360deg); } }
@keyframes rune-hand { 0% { transform: rotate(0deg); }
  50% { transform: rotate(180deg); }
  100% { transform: rotate(360deg); } }
.sparks > div { position: absolute; }

.sparks .spark_1 { background: url(../images/spark_1.png) no-repeat; width: 764px; height: 313px; right: 0; bottom: -120px; transform: scale(0.6); animation: spark-1 4s linear infinite; animation-delay: 1s; }

@keyframes spark-1 { 0% { bottom: -320px; transform: scale(0.6); opacity: 1; }
  25% { bottom: -240px; transform: scale(0.7); opacity: 1; }
  50% { bottom: -160px; transform: scale(0.8); opacity: 1; }
  75% { bottom: -80px; transform: scale(0.9); opacity: 0.5; }
  to { bottom: 0; transform: scale(1); opacity: 0; } }
.sparks .spark_2 { background: url(../images/spark_2.png) no-repeat; width: 149px; height: 335px; right: 230px; bottom: -320px; transform: scale(0.6); animation: spark-1 4s linear infinite; animation-delay: 2s; }

.sparks .spark_3 { background: url(../images/spark_3.png) no-repeat; width: 128px; height: 165px; right: 280px; bottom: -140px; transform: scale(0.6); animation: spark-3 4s linear infinite; animation-delay: 2s; }

@keyframes spark-3 { 0% { bottom: -140px; -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 1; }
  25% { bottom: -80px; -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 1; }
  50% { bottom: -20px; -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 1; }
  75% { bottom: 40px; -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.5; }
  to { bottom: 100px; -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }
.sparks .spark-big { background: url(../images/spark_4.png) no-repeat; width: 794px; height: 176px; right: 0; bottom: -180px; transform: scale(0.6); animation: spark-5 4s linear infinite; }

@keyframes spark-5 { 0% { bottom: -180px; transform: scale(0.6); opacity: 1; }
  25% { bottom: -120px; transform: scale(0.7); opacity: 1; }
  50% { bottom: -60px; transform: scale(0.8); opacity: 1; }
  75% { bottom: 0; transform: scale(0.9); opacity: 0.5; }
  to { bottom: 60px; transform: scale(1); opacity: 0; } }
header { height: 780px; position: relative; }

.logo { position: absolute; top: 220px; left: -30px; }

.online { position: absolute; bottom: 45px; }

.onlineReg { padding-top: 10px; }

.onlineBlock { background: url(../images/online-img.png) bottom center no-repeat; width: 300px; height: 250px; text-align: center; font-size: 16px; color: #fff; letter-spacing: 3px; font-family: "Philosopher", sans-serif; padding-left: 3px; padding-top: 18px; position: relative; z-index: 2; }
.onlineBlock span { display: block; font-size: 48px; color: #ffdda9; letter-spacing: 8px; padding-top: 3px; text-shadow: 0px 0px 20px rgba(255, 118, 18, 0.7); }

.onlineReg-block { width: 107px; min-height: 120px; text-align: center; color: #ffffff; font-size: 12px; font-family: "Philosopher", sans-serif; padding-top: 95px; letter-spacing: 1px; }
.onlineReg-block span { display: block; color: #ffdda9; font-size: 18px; margin-bottom: 5px; letter-spacing: 2px; }

.onlineReg-block-player { background: url(../images/online-sprite.png) top left -3px no-repeat; }

.onlineReg-block-clans { background: url(../images/online-sprite.png) top right -3px no-repeat; }

.block-50 { width: calc(50% - 13px); height: 300px; box-shadow: 0px 10px 10px 10px rgba(0, 0, 0, 0.2); }

.swiper-container { width: 100%; height: 100%; }

.swiper-news .swiper-slide img { max-width: 100%; height: 100%; }
.swiper-news .swiper-slide .swiper-news_info { opacity: 0; transition: 1.5s; }

.swiper-news .swiper-slide.swiper-slide-active .swiper-news_info { opacity: 1; }

.swiper-news_info { background: url(../images/slider-shadow.png) left bottom no-repeat; width: 561px; height: 245px; position: absolute; left: 0; bottom: 0; z-index: 1; padding: 0px 0px 35px 50px; display: flex; align-items: flex-end; flex-wrap: wrap; align-content: flex-end; font-family: "Philosopher", sans-serif; }
.swiper-news_info span { display: block; width: 100%; background: linear-gradient(#fdde91, #9b311d); -webkit-background-clip: text; color: transparent; font-size: 60px; filter: drop-shadow(0px 0px 20px rgba(200, 128, 82, 0.7)); display: block; margin-bottom: 15px; font-weight: 700; width: 350px; }
.swiper-news_info p { color: #696868; font-size: 22px; width: 350px; margin-bottom: 0px; line-height: 1.2; }

.swiper-news-pagination { position: absolute; background: url(../images/slider-arrow-bg.png) no-repeat; width: 108px; height: 40px; right: 35px; bottom: 35px; z-index: 3; }
.swiper-news-pagination .swiper-button-prev { background: url(../images/left.png) no-repeat; width: 24px; height: 28px; top: 50%; margin-top: -14px; filter: drop-shadow(0px 0px 20px #c88052); }
.swiper-news-pagination .swiper-button-prev:after { display: none; }
.swiper-news-pagination .swiper-button-next { background: url(../images/right.png) no-repeat; width: 24px; height: 28px; top: 50%; margin-top: -14px; filter: drop-shadow(0px 0px 20px #c88052); }
.swiper-news-pagination .swiper-button-next:after { display: none; }
.swiper-news-pagination .swiper-pagination { color: #fff; font-size: 12px; bottom: 13px; }
.swiper-news-pagination .swiper-pagination .swiper-pagination-current { color: #cc7954; }

.download { position: absolute; right: -54px; bottom: -80px; }

.download-button { background: url(../images/download.png) no-repeat; width: 447px; height: 333px; display: block; font-family: "Philosopher", sans-serif; color: #ffffff; font-size: 18px; letter-spacing: 3px; text-transform: uppercase; padding: 116px 0px 0px 183px; }
.download-button span { display: block; font-size: 14px; color: #cc7954; text-transform: none; margin-top: 4px; }

.more-downloads { top: -135px; position: relative; z-index: 2; color: #fff; padding-left: 5px; transition: 0.3s; }
.more-downloads a { color: #fff; font-size: 12px; letter-spacing: 1px; display: block; margin: 0px 20px; padding: 10px 0px 10px 22px; opacity: 0.4; }
.more-downloads a:hover { opacity: 1; }
.more-downloads span { opacity: 0.4; }

.windows { background: url(../images/windows-icon.png) left center no-repeat; }

.mac { background: url(../images/apple-icon.png) left center no-repeat; }

main { position: relative; z-index: 4; min-height: 500px; }

.newsBlock { background: url(../images/news-home-bg.jpg) no-repeat; padding: 40px 45px; }

.h2-title { align-items: flex-end; margin-bottom: 25px; }
.h2-title span { position: relative; text-transform: uppercase; color: #cc7954; font-size: 18px; font-family: "Philosopher", sans-serif; display: block; padding-left: 25px; }
.h2-title span:before { content: ""; position: absolute; background: url(../images/title-icon.png) no-repeat; width: 26px; height: 26px; left: -5px; top: 50%; margin-top: -13px; filter: drop-shadow(0px 0px 10px #ff2a00); }
.h2-title a { color: #696868; font-size: 14px; }
.h2-title a:hover { color: #fff; }

.newsLink { position: relative; padding: 13px 0px 13px 50px; background: url(../images/news-icon.png) left top 12px no-repeat; }
.newsLink:after { content: ""; background: url(../images/news-hover.png) no-repeat; position: absolute; width: 64px; height: 178px; right: -60px; top: 50%; margin-top: -89px; opacity: 0; }
.newsLink-info a { display: block; color: #fcedc0; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 300px; padding: 1px 0px; }
.newsLink-info span { color: #696868; }
.newsLink-more { color: #cc7954; display: block; position: relative; padding-right: 20px; }
.newsLink-more span { opacity: 0; transition: 0.3s; }
.newsLink-more:after { content: ""; position: absolute; background: url(../images/h-right.png) no-repeat; width: 8px; height: 12px; right: 0px; top: 50%; margin-top: -6px; transition: 0.3s; }
.newsLink:hover:after { opacity: 1; }
.newsLink:hover .newsLink-info a { color: #ffffff; text-decoration: underline; }
.newsLink:hover .newsLink-more span { opacity: 1; }
.newsLink:hover .newsLink-more:after { background: url(../images/right.png) no-repeat; width: 24px; height: 28px; margin-top: -14px; right: -20px; filter: drop-shadow(0px 0px 10px #ff2a00); }

.rightBodyLinks { position: fixed; right: 0px; bottom: 0; padding: 3px 5px 7px 5px; z-index: 8; }
.rightBodyLinks a { display: block; text-align: center; color: #fcedc0; font-family: "Philosopher", sans-serif; font-size: 14px; padding: 11px 10px; }
.rightBodyLinks a span { display: block; left: 8px; background-image: url(../images/right-panel-bg.png); background-repeat: no-repeat; background-size: 55px 55px; position: relative; transition: 0.3s; width: 55px; height: 55px; position: relative; transition: 0.5s; }
.rightBodyLinks a span img { position: absolute; }
.rightBodyLinks a:hover span { background-image: url(../images/right-panel-bg-hover.png); background-size: 66px 66px; background-position: -5px -7px; }

.r-wiki span img { bottom: 11px; left: 10px; }

.r-shop span img { bottom: 11px; left: 10px; }

.r-forum span img { bottom: 11px; left: 10px; }

.toTop { background: url(../images/totop-img.png) left center no-repeat; height: 100px; display: flex; align-items: center; min-width: 100px; position: fixed; left: 0px; bottom: 50px; padding-left: 105px; cursor: pointer; transform: rotate(-90deg); z-index: 8; }
.toTop span { font-size: 12px; color: #fff; opacity: 0.2; font-family: "Philosopher", sans-serif; transition: 0.3s; }
.toTop:hover span { opacity: 1; }

.line { display: block; background: url(../images/line.png) center no-repeat; width: 100%; overflow-x: hidden; height: 86px; }

.mainHomeBlock { margin-bottom: 40px; }
.mainHomeBlock > div { height: 610px; }

.blockHome { background: url(../images/block-top-bg.png) center top no-repeat, url(../images/block-bottom-bg.png) center bottom no-repeat; background-color: #12141f; box-shadow: 0px 10px 15px 4px rgba(0, 0, 0, 0.3); padding: 35px 35px; width: 364px; }

.h2-title-table { border-bottom: 1px solid #22252d; padding-bottom: 25px; position: relative; }

.tabTable-block { display: none; }
.tabTable-block.active { display: block; }

.tabTable { margin-right: -12px; }

.tabTable-button { cursor: pointer; display: inline-block; margin: 0px 12px; position: relative; }
.tabTable-button:after { content: ""; position: absolute; width: 50%; margin-left: -25%; height: 1px; background: #fff; left: 50%; bottom: -26px; opacity: 0; }
.tabTable-button.active { color: #fff; }
.tabTable-button.active:after { opacity: 1; }

.tableBlock-title { background: url(../images/top-table-bg.png) repeat-x; height: 36px; padding: 0px 17px; display: flex; align-items: center; box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.2); margin-bottom: 10px; width: 100%; }
.tableBlock-title span { color: #696868; text-transform: uppercase; font-size: 10px; font-weight: 600; display: block; }

.tableBlock-title_player { width: 62%; }

.tableBlock-title_level { width: 17%; text-align: center; }

.tableBlock-title_score { width: 21%; text-align: right; }

.tableBlock-content { display: flex; align-items: center; padding: 0px 50px; width: 100%; position: relative; background-repeat: no-repeat; background-position: center; width: 365px; margin-left: -35px; }
.tableBlock-content > div { font-size: 12px; font-weight: 600; display: flex; align-items: center; position: relative; height: 37px; padding-bottom: 1px; }
.tableBlock-content:nth-child(odd) { background-color: rgba(0, 0, 0, 0.1); }
.tableBlock-content:hover { background-image: url(../images/hover-table.png); }

.tableBlock-conten_number { width: 10%; }

.tableBlock-conten_name { width: 52%; display: flex !important; align-items: center; color: #fff; line-height: 1.2; }
.tableBlock-conten_name img { width: 20px; height: 20px; position: relative; margin-right: 12px; }
.tableBlock-conten_name a { color: #fff; position: relative; }

.tableBlock-conten_lvl { width: 17%; justify-content: center; color: #a97fff; }

.tableBlock-conten_scr { width: 21%; justify-content: flex-end; color: #ffdda9; }

.color-purple { color: #a97fff; }

.color-blue { color: #4990df; }

.color-green { color: #4ac08d; }

.color-yellow { color: #e0a45e; }

.all-button { text-align: center; margin-top: 25px; }

.tablePopup { position: absolute; background: black; padding: 15px 25px; width: 215px; z-index: 10; right: calc(100% + 15px); top: -40px; display: none; }
.tablePopup:after { content: ''; position: absolute; right: -20px; top: 36px; border: 10px solid transparent; border-left: 10px solid black; }
.tablePopup-title { font-size: 12px; color: #fff; font-weight: 600; display: block; text-align: center; margin-bottom: 18px; }
.tablePopup-ava { text-align: center; margin-bottom: 18px; }
.tablePopup-ava img { width: 43px; height: 43px; border-radius: 50%; }
.tablePopup-block { display: flex; justify-content: space-between; margin-bottom: 18px; }
.tablePopup-block:last-child { margin-bottom: 18px; }
.tablePopup-block span { display: block; }
.tablePopup-block span:first-child { color: #8485a4; }
.tablePopup-block span:last-child { text-align: right; }

.tableBlock-conten_name a:hover .tablePopup { display: block; animation: 0.5s opas linear; }

.forumBlock-content { margin-top: -15px; }

.forumBlock { display: flex; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 15px 0px; }
.forumBlock-ava { width: 55px; }
.forumBlock-ava img { width: 36px; height: 36px; border-radius: 50%; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5); }
.forumBlock-text { width: calc(100% - 55px); }
.forumBlock-text_link { color: #fcedc0; font-size: 13px; display: block; margin-bottom: 10px; line-height: 1.2; }
.forumBlock-text_link:hover { color: #fff; text-decoration: underline; }
.forumBlock-text_info { font-size: 11px; display: flex; }
.forumBlock-text_info-nick { margin-right: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; max-width: 90px; padding: 1px 0px; }
.forumBlock-text_info-nick a { color: #686868; }
.forumBlock-text_info-nick a:hover { color: #fff; }
.forumBlock-text_info-date { margin-left: 10px; }
.forumBlock-text_info-comments { margin-left: 20px; background: url(../images/comment-icon.png) left center no-repeat; padding-left: 15px; }

.admin-group { color: #6579fe !important; }
.admin-group:hover { color: #fff !important; }

.socHome { width: 365px; }

.socButton { width: 365px; height: 115px; display: flex; align-items: center; align-content: center; flex-wrap: wrap; font-size: 30px; color: #fff; font-family: "Philosopher", sans-serif; font-weight: 700; padding-left: 110px; position: relative; margin-bottom: 26px; box-shadow: 0px 10px 15px 4px rgba(0, 0, 0, 0.3); }
.socButton:hover { padding-left: 130px; }
.socButton span { display: block; width: 100%; color: #fcedc0; font-size: 13px; font-weight: 400; font-family: "Open Sans", sans-serif; margin-top: 5px; }
.socButton:before { content: ""; position: absolute; left: 40px; top: 50%; }
.socButton.socYoutube { background: url(../images/soc-button-red.jpg) no-repeat; }
.socButton.socYoutube:before { background: url(../images/youtub-icon.png) no-repeat; width: 54px; height: 38px; margin-top: -19px; }
.socButton.socYoutube:hover { filter: brightness(120%); }
.socButton.socDiscord { background: url(../images/soc-button-purple.jpg) no-repeat; }
.socButton.socDiscord:before { background: url(../images/discord-icon.png) no-repeat; width: 54px; height: 42px; margin-top: -21px; }
.socButton.socDiscord:hover { filter: brightness(120%); }
.socButton.socFacebook { background: url(../images/soc-button-blue.jpg) no-repeat; }
.socButton.socFacebook:before { background: url(../images/facebook-icon.png) no-repeat; width: 54px; height: 50px; margin-top: -25px; }
.socButton.socFacebook:hover { filter: brightness(120%); }

.socBlock { background: url(../images/soc-block.jpg) no-repeat; width: 365px; height: 187px; position: relative; box-shadow: 0px 10px 15px 4px rgba(0, 0, 0, 0.3); }
.socBlock:after { content: ""; position: absolute; left: 50%; width: 1px; height: 130px; top: 50%; margin-top: -65px; background-color: rgba(255, 255, 255, 0.1); }
.socBlock-button { text-align: center; width: 50%; height: 100%; padding: 20px; font-size: 30px; color: #fff; font-family: "Philosopher", sans-serif; font-weight: 700; position: relative; padding-top: 100px; }
.socBlock-button span { display: block; width: 100%; color: #fcedc0; font-size: 13px; font-weight: 400; font-family: "Open Sans", sans-serif; margin-top: 5px; }
.socBlock-button:before { content: ""; position: absolute; width: 93px; height: 93px; top: 10px; left: 50%; margin-left: -46px; transition: 0.3s; }
.socBlock-button.socBlock-guides:before { background: url(../images/guides-icon.png) no-repeat; }
.socBlock-button.socBlock-forum:before { background: url(../images/forum-icon.png) no-repeat; }
.socBlock-button:hover:before { top: 0px; }

.bigSlider { position: relative; }
.bigSlider:after { content: "CLASSES"; color: #161d2f; font-size: 122px; font-family: "Philosopher", sans-serif; position: absolute; top: -35px; left: 140px; letter-spacing: 10px; opacity: 0.2; }

.slider-for { width: 100%; background: url(../images/big-slider-bg.jpg) center top 50px no-repeat; z-index: 2; position: relative; }
.slider-for:before { content: ""; position: absolute; background: url(../images/line.png) no-repeat; width: 1148px; height: 86px; left: 50%; margin-left: -574px; top: 10px; }

.tabs-content { display: none; opacity: 0; }
.tabs-content.active { display: block; opacity: 1; animation: 1s opas linear; }

.slideTabs { position: relative; }

.slideContent { position: relative; padding: 120px 120px 70px 140px; height: 700px; }

.hero-logo { position: absolute; left: -10px; top: 65px; }

.slide-hero { position: absolute; right: 130px; top: 0px; z-index: 1; }

.slide-tabs-caption { position: absolute; display: flex; z-index: 3; transform: rotate(-90deg); top: 280px; left: -10px; }
.slide-tabs-caption li { margin: 0px 15px; cursor: pointer; }
.slide-tabs-caption .active { color: #fff; }

.slideInfo { position: relative; z-index: 2; }
.slideInfo-name { color: #fff; font-size: 60px; display: block; font-family: "Philosopher", sans-serif; letter-spacing: 5px; margin-bottom: 40px; text-transform: uppercase; }
.slideInfo-text { width: 100%; max-width: 500px; font-size: 12px; font-style: italic; line-height: 1.4; margin-bottom: 45px; }

.slideInfo-stats { max-width: 580px; }
.slideInfo-stats_title { color: #cc7954; font-size: 18px; font-family: "Philosopher", sans-serif; text-transform: uppercase; margin-bottom: 20px; display: block; }

.stats { padding: 10px 0px; display: inline-flex; align-items: center; flex-wrap: wrap; margin-right: 20px; }
.stats span { display: block; }
.stats-name { color: #fff; font-size: 12px; font-weight: 600; width: 80px; }
.stats-bar { width: 140px; background: rgba(255, 255, 255, 0.1); height: 3px; margin-right: 15px; }
.stats-bar span { width: 0%; height: 3px; position: relative; transition: 3s; }
.stats-bar span:after { content: ""; position: absolute; right: 0px; top: 0px; width: 8px; height: 3px; }
.stats-number { font-size: 12px; width: 30px; }

.stat-green { color: #46c022; }

.stat-green span { background: linear-gradient(to right, #1e3621, #4fee20); }
.stat-green span:after { box-shadow: 0px 0px 10px 1px #4fee20; }

.stat-red { color: #cf4721; }

.stat-red span { background: linear-gradient(to right, #451b15, #cf3e14); }
.stat-red span:after { box-shadow: 0px 0px 10px 1px #cf3e14; }

.stat-yellow { color: #cd8c21; }

.stat-yellow span { background: linear-gradient(to right, #332615, #cf8914); }
.stat-yellow span:after { box-shadow: 0px 0px 10px 1px #cf8914; }

@keyframes opas { 0% { display: none; opacity: 0; }
  1% { display: block; opacity: 0; }
  100% { display: block; opacity: 1; } }
.slick-active .slideFor .stats-bar span { width: 100%; }

.hero_3 { right: 0; }

.bigSlider .slick-arrow { width: 150px; height: 150px; font-size: 0px; position: absolute; top: 50%; margin-top: -75px; box-shadow: none; }
.bigSlider .slick-arrow:hover { filter: brightness(100%); }

.bigSlider .slick-arrow.slick-prev { background: url(../images/slick-left.jpg) no-repeat; left: -85px; }

.bigSlider .slick-arrow.slick-next { background: url(../images/slick-right.jpg) no-repeat; right: -85px; }

.slideNav { cursor: pointer; transition: 0.3s; }
.slideNav-img { background: url(../images/hero-slider-mini-bg.png) center no-repeat; width: 120px; height: 120px; position: relative; margin: 0 auto; transition: 0.3s; }
.slideNav-img img { position: absolute; bottom: 0px; transition: 0.3s; }
.slideNav-text { text-align: center; color: #fcedc0; font-size: 16px; font-family: "Philosopher", sans-serif; position: relative; top: -10px; transition: 0.3s; }

.slider-nav { width: 100%; max-width: 1050px; margin: 0 auto; margin-top: -180px; z-index: 5; }
.slider-nav:before { content: ""; position: absolute; background: url(../images/hero-border.png) no-repeat; width: 1000px; height: 257px; left: 50%; margin-left: -489px; top: -100px; }

.bigSlider .slick-center .slideNav-img { background: url(../images/hero-slider-mini-hover-bg.png) center no-repeat; filter: drop-shadow(0px 0px 25px rgba(248, 72, 21, 0.7)); }
.bigSlider .slick-center .slideNav-img img { transform: scale(1.3); }
.bigSlider .slick-center .slideNav-text { font-size: 20px; top: 5px; }

.sliderGallery { position: relative; margin-top: -10px; margin-bottom: 30px; }

.slider-nav .slick-track { height: 180px; padding-top: 30px; }

.sliderGallery .slick-list { padding: 20px 0px; max-width: 960px; width: 100%; margin: 0 auto; }

.sliderGallery .slick-arrow { width: 65px; height: 65px; font-size: 0px; position: absolute; top: 50%; margin-top: -32px; filter: drop-shadow(0px 20px 10px rgba(0, 0, 0, 0.5)); transition: 0.3s; box-shadow: none; }
.sliderGallery .slick-arrow:hover { width: 93px; height: 93px; margin-top: -46px; }

.sliderGallery .slick-arrow.slick-prev { background: url(../images/c-left.png) no-repeat; left: 0px; }
.sliderGallery .slick-arrow.slick-prev:hover { background: url(../images/c-left-hover.png) no-repeat; left: -15px; }

.sliderGallery .slick-arrow.slick-next { background: url(../images/c-right.png) no-repeat; right: 0px; }
.sliderGallery .slick-arrow.slick-next:hover { background: url(../images/c-right-hover.png) no-repeat; right: -15px; }

.sliderImg img { width: 220px; height: 145px; transition: 0.3s; margin: 0 auto; }
.sliderImg img:hover { transform: scale(1.1); }

footer { background: #04060c; padding: 55px 0px; }

.footerMenu-block { width: 25%; }

.f-menu li a { position: relative; color: #fff; opacity: 0.3; display: block; background: url(../images/menu-f-icon.png) left center no-repeat; padding: 11px 0px 11px 24px; }
.f-menu li a:hover { opacity: 1; }

.e-mail { padding-top: 11px; margin-bottom: 30px; }
.e-mail p { margin-bottom: 14px; color: #fff; opacity: 0.3; }
.e-mail a { color: #fff; }
.e-mail a:hover { text-decoration: underline; }

.f-soc-icons { display: flex; }
.f-soc-icons a { display: block; height: 16px; opacity: 0.3; margin-right: 16px; }
.f-soc-icons a:hover { opacity: 1; }
.f-soc-icons .twitter { background: url(../images/soc-icons.png) left top no-repeat; width: 17px; }
.f-soc-icons .vk { background: url(../images/soc-icons.png) left -33px top no-repeat; width: 20px; }
.f-soc-icons .fb { background: url(../images/soc-icons.png) left -74px top no-repeat; width: 15px; }
.f-soc-icons .twitch { background: url(../images/soc-icons.png) left -110px top no-repeat; width: 16px; }

.footerInfo-block { margin-bottom: 40px; }

.playments img { opacity: 0.4; }

.copy span { color: #fff; opacity: 0.3; }
.copy a { color: #fff; opacity: 1; }
.copy a:hover { text-decoration: underline; }

.f-text { text-transform: uppercase; font-size: 10px; line-height: 1.3; color: #fff; opacity: 0.3; }

.modal_div { width: 100%; min-height: 400px; max-width: 480px; background: url(../images/modal-bg.png) center bottom no-repeat; background-color: rgba(0, 0, 0, 0.95); position: fixed; top: 15%; left: 50%; margin-left: -240px; opacity: 1; z-index: 35; padding: 50px 60px; box-shadow: 0px 10px 20px 1px rgba(0, 0, 0, 0.5); }

.modal_div .modal_close { width: 56px; height: 56px; position: absolute; top: -28px; right: -28px; cursor: pointer; display: block; background: url(../images/close-icon.png) no-repeat; transition: 0.3s; filter: drop-shadow(0px 10px 14px rgba(0, 0, 0, 0.6)); }
.modal_div .modal_close:hover { filter: brightness(120%); }

#overlay { z-index: 30; position: fixed; background-color: #070a11; opacity: 0.8; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; }

.modalTitle { color: #cc7954; font-size: 24px; font-family: "Philosopher", sans-serif; display: block; padding-bottom: 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); text-transform: uppercase; margin-bottom: 30px; }

.enterButtons { padding-bottom: 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin-bottom: 30px; }
.enterButtons a { display: flex; align-items: center; width: 346px; height: 58px; font-size: 18px; font-weight: 700; font-family: "Philosopher", sans-serif; line-height: 1.3; padding-left: 85px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); letter-spacing: 2px; }

.facebook-button { background: url(../images/facebook-button.png) left no-repeat; color: #fff; margin-bottom: 15px; }

.google-button { background: url(../images/google-button.png) left no-repeat; color: #000; text-shadow: none !important; }

.fieldGroup { position: relative; margin: 20px 0px; }
.fieldGroup input { width: 100%; height: 100%; }
.fieldGroup span { position: absolute; color: #696868; font-size: 11px; z-index: 1; display: block; padding: 5px; background: #040609; left: 10px; top: -12px; text-transform: uppercase; }
.fieldGroup:hover span { color: #fc9162; text-shadow: 1px 1px 10px #fc9162, -1px -1px 10px #fc9162; }

.enter { padding-top: 10px; }

.enterLinks p { margin-bottom: 0px; margin: 5px 0px; }
.enterLinks a { font-size: 14px; }
.enterLinks a:hover { color: #fff; }

.forgot { color: #696868; margin-bottom: 6px; }

.sign { color: #fcedc0; text-decoration: underline; }

.btn { position: fixed; top: 12px; left: 20px; z-index: 15; transition: 0.3s; }
.btn span { display: block; width: 25px; height: 3px; background: #fff; margin: 5px 0px; opacity: 0.8; border-radius: 2px; transition: 0.3s; position: relative; }
.btn.active { left: 270px; top: 20px; }
.btn.active span:nth-child(1) { transform: rotate(45deg); top: 8px; }
.btn.active span:nth-child(2) { display: none; }
.btn.active span:nth-child(3) { transform: rotate(-45deg); }

.main { display: flex; justify-content: space-between; margin-bottom: 190px; }

aside { max-width: 365px; width: 100%; }
aside > div { margin-bottom: 15px; }
aside > div:last-child { margin-bottom: 0px; }

.content { width: calc(100% - 365px - 25px); box-shadow: 0px 10px 15px 4px rgba(0, 0, 0, 0.3); background: url(../images/content-top-bg.jpg) center top repeat-x, url(../images/content-bottom-bg.jpg) center bottom repeat-x; background-color: #12141e; padding: 35px; }

.content-page { color: #feffff; line-height: 1.6; }
.content-page a { color: #ffdda9; text-decoration: none; }
.content-page a:hover { color: #696868; }
.content-page p { margin-bottom: 25px; }

.h2-title-content { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-bottom: 25px; line-height: 1; }
.h2-title-content a { color: #fff; text-decoration: none; position: relative; }
.h2-title-content a:after { content: ""; position: absolute; width: 50%; margin-left: -25%; height: 1px; background: #fff; left: 50%; bottom: -26px; }

.page-date { font-size: 13px; color: #fcedc0; }
.page-date span { font-weight: 600; font-size: 18px; }

.downloadBlock-content { padding-top: 40px; padding-bottom: 20px; }

.downloadBlock { background: url(../images/down-block-bg.jpg) center no-repeat; background-size: cover; max-width: 560px; width: 100%; padding: 40px 80px 55px 80px; margin: 0 auto; margin-bottom: 30px; text-decoration: none; }
.downloadBlock-title { display: block; color: #ffdda9; font-size: 18px; font-weight: 600; text-align: center; margin-bottom: 35px; }
.downloadBlock-title span { color: #fff; }
.downloadBlock-text { color: #ffffff; line-height: 1.3; text-align: center; margin-bottom: 35px; }
.downloadBlock-button { text-align: center; }

.d-button { display: block; width: 155px; height: 105px; text-align: center; padding-top: 78px; font-size: 13px; font-weight: 600; }
.d-button.googleButton { background: url(../images/google-img.png) center top 20px no-repeat; background-color: #453b90; color: #fff; }
.d-button.dropboxButton { background: url(../images/dropbox-img.png) center top 20px no-repeat; background-color: #1a2535; color: #696868; }
.d-button.megaButton { background: url(../images/mega-img.png) center top 20px no-repeat; background-color: #1a2535; color: #696868; }
.d-button.pixeldrainButton { background: url(../images/pixeldrain-img.png) center top 20px no-repeat; background-color: #453b90; color: #fff; }
.d-button.wetransferButton { background: url(../images/wetransfer-img.png) center top 20px no-repeat; background-color: #453b90; color: #696868; }
.d-button:hover { transform: scale(1.1); color: #fff; }

.drivers { margin-bottom: 80px; }
.drivers span { display: block; text-align: center; color: #ffdda9; font-size: 15px; margin-bottom: 20px; }

.mirror-title { color: #ffdda9; font-size: 15px; font-weight: 600; display: block; text-align: center; margin-bottom: 60px; }

.mirrorBlock { text-align: center; margin-bottom: 65px; }
.mirrorBlock p { color: #ffffff; font-weight: 600; margin-bottom: 20px; }
.mirrorBlock p span { color: #a97fff; }

.acc { padding-bottom: 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin-bottom: 30px; }

.acc-title { display: block; text-align: center; color: #ffdda9; font-size: 15px; font-weight: 600; margin-bottom: 15px; }

.fieldGroup-input { background: #040609; border: 1px solid #36383a; color: #fff; padding: 10px 15px; position: relative; font-size: 16px; transition: 0.3s; }

.formGroup { position: relative; margin-top: 15px; padding-bottom: 15px; }
.formGroup input { padding: 15px; }
.formGroup div { padding: 15px; }
.formGroup span { position: absolute; color: #696868; font-size: 11px; z-index: 1; display: block; padding: 5px; background: url(../images/span-bg-input.jpg) center repeat-x; left: 10px; top: -10px; display: block; transition: 0.3s; }
.formGroup:hover span { color: #fc9162; text-shadow: 1px 1px 10px #fc9162, -1px -1px 10px #fc9162; }
.formGroup:hover div { border: 1px solid #fc9162; box-shadow: 0px 0px 10px 0px rgba(252, 142, 98, 0.6), inset 0px 0px 10px 0px rgba(252, 142, 98, 0.6); }

.accBlock-content { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }

.accBlock-content-block { width: calc(50% - 15px); margin-bottom: 30px; }
.accBlock-content-block .formGroup { padding-bottom: 0px; }

.formGroup_buttons { padding-top: 15px; }

.change-button { text-align: center; padding: 40px 0px; }

.support { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-bottom: 60px; }

.supportButton { width: 50%; text-align: center; }

.row { display: flex; flex-wrap: wrap; margin-left: -15px; width: calc(100% + 15px); }

.block-6 { width: 50%; padding: 0px 15px; }

.heroLeft-img { height: 384px; background: radial-gradient(#282240, #08090e 70%); margin-bottom: 15px; text-align: center; }

.heroLeft-button button, .heroLeft-button .button { width: 100%; }

.heroName { font-family: "Philosopher", sans-serif; font-size: 30px; color: #fff; display: flex; align-items: center; justify-content: center; text-transform: uppercase; background-color: #030508; width: 100%; height: 81px; margin-bottom: 20px; }

.heroflex { display: flex; justify-content: space-between; margin-bottom: 20px; }

.flexBlock { width: calc(50% - 1px); display: flex; align-items: center; justify-content: center; height: 81px; background-color: #030508; color: #a97fff; font-size: 30px; position: relative; border: 1px solid #3f4045; }
.flexBlock b { font-weight: 400; font-size: 14px; display: block; margin-left: 5px; padding-top: 12px; }
.flexBlock .flexBlock-sp { position: absolute; top: 0px; left: 0px; height: 21px; margin-top: -11px; width: 100%; display: flex; justify-content: center; z-index: 1; }
.flexBlock .flexBlock-sp span { color: #fff; font-size: 11px; text-transform: uppercase; display: inline-block; padding: 0px 10px; height: 21px; line-height: 21px; background: url(../images/span-bg.jpg) repeat-x; }

.flexBlock-flag { border: none; }

.flexBlock-lvl { border: none; background: #090b11; }

.hero { margin-bottom: 50px; }

.heroInfo { margin-bottom: 50px; }
.heroInfo-title { text-align: center; color: #ffdda9; font-weight: 600; font-size: 15px; margin-bottom: 30px; }
.heroInfo-row { display: flex; justify-content: space-between; background-color: #0d0f17; margin-bottom: 2px; }
.heroInfo-row span { padding: 17px; color: #fff; }
.heroInfo-row span:last-child { color: #a97fff; }

.flexBlock-guild { background-color: #090b10; border: none; font-size: 20px; }
.flexBlock-guild b { padding-top: 6px; }

.infoTitle { display: block; text-align: center; color: #ffdda9; font-size: 18px; padding-top: 15px; padding-bottom: 30px; }

.t-button { display: flex; align-items: center; justify-content: center; background: url(../images/transfer-button.jpg) no-repeat; max-width: 469px; width: 100%; height: 87px; margin: 0 auto; margin-bottom: 15px; cursor: pointer; transition: 0.3s; color: #fff; font-size: 20px; text-transform: uppercase; letter-spacing: 1px; }
.t-button:hover { filter: brightness(120%); }

.ticketTitle { margin-bottom: 25px; }
.ticketTitle-number { color: #ffdda9; font-size: 18px; font-family: "Philosopher", sans-serif; text-transform: uppercase; margin: 10px; }
.ticketTitle-number span { display: block; color: #fff; font-size: 12px; padding-top: 5px; }

.table-row { margin-right: -35px; margin-left: -35px; }

.tableTicket thead tr { background: url(../images/top-table-bg.png) repeat-x; }
.tableTicket thead tr td { color: #696868; font-size: 10px; padding: 13px 12px 13px 12px; white-space: nowrap; }
.tableTicket thead tr td:first-child { padding: 13px 0px 13px 30px; }
.tableTicket thead tr td:last-child { padding: 13px 30px 13px 12px; }
.tableTicket thead tr td:nth-child(2) { padding: 13px 12px 13px 0px; }
.tableTicket tbody tr td { padding: 16px 12px 16px 12px; border-bottom: 1px solid #030508; border-top: 1px solid #12141e; line-height: 1.3; }
.tableTicket tbody tr td:first-child { padding: 16px 0px 16px 30px; }
.tableTicket tbody tr td:last-child { padding: 16px 30px 16px 12px; }
.tableTicket tbody tr td:nth-child(2) { padding: 16px 12px 16px 0px; white-space: nowrap; }
.tableTicket tbody tr td:nth-child(3) { white-space: nowrap; }
.tableTicket tbody tr td:nth-child(4) { background: #1a182a; text-align: center; }

.message-button { border: 2px solid #a97fff; color: #a97fff; text-transform: uppercase; padding: 12px 18px; display: block; cursor: pointer; transition: 0.3s; white-space: nowrap; text-align: center; }
.message-button:hover { background: #a97fff; color: #fff; }

.pagination { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 40px 0px; }
.pagination .number { display: flex; align-items: center; justify-content: center; background: url(../images/row.png) no-repeat; width: 93px; height: 93px; position: relative; z-index: 1; margin: 0px -2px; font-weight: 600; color: #707280; filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.4)); }
.pagination .number.pag:after { content: ''; width: 24px; height: 28px; position: absolute; top: 50%; left: 50%; margin-top: -14px; }
.pagination .number.pag-prev:after { background: url(../images/left.png) no-repeat; margin-left: -15px; }
.pagination .number.pag-next:after { background: url(../images/right.png) no-repeat; margin-left: -11px; }
.pagination .number.active { color: #fff; background: url(../images/row-hover.png) no-repeat; }
.pagination .number:hover { color: #fff; background: url(../images/row-hover.png) no-repeat; }

.chatBlock { display: flex; padding: 20px 0px; }
.chatBlock-ava { width: 85px; display: flex; }
.chatBlock-ava img { width: 60px; height: 60px; border-radius: 50%; }
.chatBlock-content { width: calc(100% - 85px); background: #21212f; box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.3); padding: 25px; position: relative; }
.chatBlock-content_name { color: #a27af5; margin-bottom: 15px; }
.chatBlock-content_text { line-height: 1.4; margin-bottom: 15px; color: #fff; }
.chatBlock-content_date { color: #6a6a87; font-weight: 600; font-size: 12px; }
.chatBlock-content:before { content: ""; position: absolute; right: 100%; top: 23px; border: 10px solid transparent; border-right: 10px solid #21212f; }
.chatBlock-content textarea { background: #1a1a26; border: 1px solid #1a1a26; display: block; margin-bottom: 25px; min-height: 120px; }
.chatBlock-content textarea:hover { border: 1px solid #fc9162; }

.chatBlock-user { flex-direction: row-reverse; }
.chatBlock-user .chatBlock-ava { justify-content: flex-end; }
.chatBlock-user .chatBlock-content { text-align: right; background: #1e253d; }
.chatBlock-user .chatBlock-content:before { right: auto; left: 100%; border-left: 10px solid #1e253d; border-right: none; }
.chatBlock-user .chatBlock-content_name { color: #4a92c0; }

.form { width: 100%; max-width: 330px; margin: 0 auto; }
.form button, .form .button { width: 100%; max-width: 330px; margin-top: 15px; }

.topTitle { color: #ffdda9; font-family: "Philosopher", sans-serif; font-size: 18px; text-transform: uppercase; margin-bottom: 30px; }

.rankingTable td { white-space: nowrap; padding: 15px 10px; }
.rankingTable td:first-child { padding: 15px 0px 15px 35px; }
.rankingTable td:last-child { padding: 15px 35px 15px 10px; text-align: right; }
.rankingTable thead tr { background: #1a1d2d; }
.rankingTable thead tr td { color: #908585; font-size: 15px; text-transform: uppercase; padding: 20px 10px; }
.rankingTable thead tr td:first-child { padding: 20px 0px 20px 35px; }
.rankingTable thead tr td:last-child { padding: 20px 35px 20px 10px; }
.rankingTable tbody tr { transition: 0.3s; background-image: url(../images/hover-big.png); background-position: center top -100px; background-repeat: no-repeat; }
.rankingTable tbody tr:nth-child(even) { background-color: #13131e; }
.rankingTable tbody tr:nth-child(odd) { background-color: #1a1b25; }
.rankingTable tbody tr:hover { background-position: center top -2px; }
.rankingTable tbody tr td { color: #696868; }
.rankingTable tbody tr td:nth-child(1) { font-size: 13px; }
.rankingTable tbody tr td:nth-child(2) { font-size: 12px; color: #cbff3f; text-shadow: 0px 0px 8px #82e700; }
.rankingTable tbody tr td:nth-child(3) { font-weight: 600; color: #fff; }
.rankingTable tbody tr td:nth-child(4) { display: flex; align-items: center; }
.rankingTable tbody tr td:nth-child(4) img { margin-right: 15px; width: 24px; height: 24px; }
.rankingTable tbody tr td:nth-child(6) { font-size: 13px; text-align: right; }
.rankingTable tbody tr td:nth-child(6) span { color: #f08d2f; }

.register header { height: 530px; }

.mainRegister { max-width: 980px; width: 100%; position: relative; margin: 0 auto; display: flex; justify-content: center; }

.blockR { width: 100%; max-width: 480px; margin: 13px; }

.regBlock { background: url(../images/modal-bg.png) center bottom no-repeat; background-color: #030508; padding: 50px 65px; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2); }
.regBlock .modalTitle { margin-bottom: 50px; }
.regBlock .fieldGroup { margin: 0px 0px 40px 0px; }
.regBlock .enterLinks { display: flex; margin-left: -8px; margin-bottom: 40px; }
.regBlock .enterLinks p { margin: 0px 8px; }

.s-server { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; background-color: #030508; margin-bottom: 25px; }
.s-server li { background: url(../images/ch-bg.png) no-repeat; height: 54px; width: 56px; display: flex; justify-content: center; align-items: center; color: #ffdda9; font-family: "Philosopher", sans-serif; cursor: pointer; padding-right: 2px; margin: 12px 8px; transition: 0.3s; position: relative; }
.s-server li:before { content: ""; position: absolute; background: radial-gradient(#2b3492, #141941); width: 34px; height: 34px; border-radius: 50%; top: 50%; left: 50%; margin-top: -17px; margin-left: -18px; transition: 0.3s; opacity: 0; }
.s-server li:hover:before { opacity: 1; }
.s-server li.active:before { opacity: 1; }
.s-server li span { position: relative; z-index: 1; }

.s-acc { background: url(../images/modal-bg.png) center bottom no-repeat; background-color: #030508; padding: 35px 65px; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2); height: 100%; }

.check-container { display: block; position: relative; width: 19px; height: 19px; cursor: pointer; user-select: none; }

.h3-title { display: block; }

.check-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }

.checkmark { position: absolute; top: 0; left: 0; height: 19px; width: 19px; background-color: #030508; }

.checkmark:after { content: ""; position: absolute; display: none; }

.check-container input:checked ~ .checkmark:after { display: block; }

.check-container .checkmark:after { background: url(../images/check.png) no-repeat; left: 4px; top: 5px; width: 12px; height: 9px; }

.check-container-green { margin-right: 5px; }

.check-container-green .checkmark { background-color: #4b4e56; }

.check-container-green .checkmark:after { background: url(../images/check-green.png) no-repeat; width: 15px; height: 11px; left: 2px; }

.select-acc_check { display: flex; }
.select-acc_check label { margin-right: 9px; }

.select-acc { background: url(../images/top-table-bg.png) repeat-x; height: 36px; display: flex; align-items: center; justify-content: space-between; padding-left: 18px; color: #fff; font-size: 12px; font-weight: 600; margin-bottom: 9px; }
.select-acc:last-child { margin-bottom: 0px; }

.accCoins { margin-bottom: 45px; }

.accCoins-flex { margin-bottom: 35px; }
.accCoins-flex_name { text-transform: uppercase; color: #fff; }
.accCoins-flex_name span { text-transform: none; }
.accCoins-flex_button { text-align: center; }

.coin-icon { display: inline-block; background: url(../images/coin-icon.png) no-repeat; background-size: 17px 17px; width: 17px; height: 17px; margin-bottom: -3px; position: relative; margin-left: 4px; }

.out { cursor: pointer; display: inline-block; background: url(../images/out-icon.png) no-repeat; width: 30px; height: 30px; position: relative; transition: 0.3s; }
.out:hover { filter: brightness(120%); }

.donate { display: flex; justify-content: center; flex-wrap: wrap; margin-left: -3px; margin-right: -3px; }

.donateBlock { background: url(../images/coin-bg.jpg) no-repeat; width: 168px; height: 250px; position: relative; box-shadow: 0px 15px 20px 4px rgba(0, 0, 0, 0.3); margin: 3px; }
.donateBlock-sale { position: absolute; background: url(../images/sale-img.png) no-repeat; width: 73px; height: 73px; left: -2px; top: -2px; color: #fff; font-size: 15px; font-weight: 700; text-shadow: 1px 1px 1px black; }
.donateBlock-sale span { transform: rotate(-45deg); position: relative; display: block; top: 5px; left: 1px; }
.donateBlock-img { height: 168px; display: flex; align-items: center; justify-content: center; }
.donateBlock-coins { color: #faeec4; margin-bottom: 15px; margin-top: -10px; }
.donateBlock-coins span { width: 20px; height: 20px; background: url(../images/coin-icon.png) no-repeat; margin-right: 10px; }

.donateBlock-buttons_price { background: url(../images/small-button.png) no-repeat; width: 65px; height: 35px; margin-left: 2px; box-shadow: 0px 10px 15px 4px rgba(0, 0, 0, 0.4); }

.d-price { display: flex; align-items: center; justify-content: center; color: #a97fff; font-size: 13px; width: 53px; height: 20px; background: #02040f; }

.light-icon { box-shadow: 0px 0px 35px 0px rgba(255, 200, 99, 0.4); }

.top-3-block { margin-left: -35px; margin-right: -35px; margin-bottom: 15px; display: flex; justify-content: center; }

.top-block { width: 33.3%; height: 140px; margin: 1px; background-color: #1a1d2d; background-position: top center; background-repeat: no-repeat; position: relative; padding-top: 78px; padding-left: 30px; }
.top-block.top-1 { background-image: url(../images/top-1-img.png); }
.top-block.top-2 { background-image: url(../images/top-2-img.png); }
.top-block.top-3 { background-image: url(../images/top-3-img.png); }

.online-top { font-size: 12px; color: #cbff3f; text-shadow: 0px 0px 8px #82e700; position: absolute; top: 15px; right: 15px; }

.topBlockInfo { display: flex; align-items: center; }

.topBlockInfo-class { background: url(../images/top-ava-bg.png) no-repeat; width: 57px; height: 57px; filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.3)); }

.topBlockInfo-text { padding-left: 15px; }

.topBlockInfo-text_name { font-size: 15px; color: #fff; font-weight: 600; margin-bottom: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 140px; padding: 1px 0px; display: block; }

.topBlockInfo-text_class { color: #8f7f61; font-size: 13px; }
.topBlockInfo-text_class span { color: #f08d2f; }

.fieldGroup-flex { margin-bottom: 30px; }
.fieldGroup-flex .fieldGroup { width: 50%; margin-bottom: 10px; }

.game-rule-text { margin-bottom: 30px; }
.game-rule-text a { color: #fcedc0; text-decoration: underline; padding-left: 3px; }
.game-rule-text a:hover { text-decoration: none; }

.table-bordered thead th {
    text-align: center;
    color: #ffdda9;
    font-weight: 600;
    font-size: 15px;
    padding: 20px;
}

.table-bordered {
  margin-top: 15px;
}

.table-bordered th {
  padding: 10px 0;
}

.translate-buttons {
  text-align: center;
  margin: 20px auto;
}

.table-user tr td:last-child {
    color: #a97fff;
    text-align: right;
}

.table-user {
    margin-bottom: 15px;
}

.user-btns {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.user-btns a,
.user-btns button {
    margin: 0 4px;
}

.table-bonus {
    margin-bottom: 15px;
    text-align: center;
}

.table-bonus tbody tr:nth-child(1) td,
.table-bonus tbody tr:nth-child(1) th {
    color: #a97fff;
}

.table-bonus tbody tr:nth-child(1) th {
    padding: 20px;
}

.w-full {
    width: 100%;
    margin-bottom: 15px;
}

code {
    background: #040609;
    border: 1px solid #36383a;
    color: #fff;
    padding: 10px 15px;
    position: relative;
    font-size: 16px;
    transition: 0.3s;
    width: 100%;
    font-family: "Open Sans", sans-serif;
    display: block;
    margin-top: 12px;
}

.form-group.text-center {
    text-align: center;
}

.form-group.text-center button {
    margin-top: 15px;
}

@media (min-width: 994px) { .btn { display: none; } }
@media (min-width: 993px) and (max-width: 1220px) { .tableTicket tr { display: flex; flex-wrap: wrap; }
  .tableTicket tr td { width: 50%; }
  .top-3-block { flex-wrap: wrap; }
  .top-block { width: 100%; } }
@media (max-width: 1220px) { .topPanel-wrapper { padding-right: 25px; }
  .toTop { left: -25px; bottom: 0px; }
  .mainHomeBlock { justify-content: center; }
  .mainHomeBlock > div { margin: 15px; }
  .nav li a { padding: 0px 25px 0px 25px; }
  .tablePopup { right: auto; left: 0px; top: calc(100% + 10px); }
  .drivers-img { justify-content: center; }
  .drivers-img img { margin: 10px; }
  .rankingTable td { padding: 15px 18px; }
  .table-scroll { overflow-x: auto; } }
@media (max-width: 993px) { .light-animation, .sparks { display: none; }
  .topPanel { background: rgba(7, 10, 17, 0.95); box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2); height: 50px; }
  .topPanel .topPanel-left { border-bottom: 0px; transition: 0.3s; width: 320px; left: -320px; top: 0px; position: fixed; height: 100%; background: rgba(7, 10, 17, 0.95); z-index: 11; display: block; padding-top: 140px; }
  .topPanel .topPanel-left.active { left: 0px; }
  .topPanel-right { top: 15px; position: fixed; right: 15px; }
  .logo-mini { display: block; margin-right: 15px; position: absolute; left: 20px; top: 20px; }
  .topPanel-left { height: 100%; }
  .nav { width: 100%; height: 100%; overflow-y: auto; }
  .nav li { display: block; }
  .nav li a { padding: 30px 55px 30px 35px; height: auto; line-height: 1; font-size: 20px; }
  .nav li ul { position: relative; left: auto; top: auto; }
  .nav li ul li a { font-size: 18px; }
  .nav .sub-menu a { padding: 30px 55px 30px 35px; }
  .nav .sub-menu:before { top: 37px; margin-top: 0px; right: 15px; }
  .topPanel.topPanel-fixed .nav li { background: none !important; }
  .rightBodyLinks a span { width: 40px; height: 40px; background-size: 40px 40px; }
  .rightBodyLinks a span img { width: 28px; left: 8px; bottom: 7px; }
  .rightBodyLinks a:hover span { background-size: 50px 50px; background-position: -5px -6px; }
  header { padding-top: 50px; }
  .logo { position: relative; top: auto; text-align: center; width: 100%; }
  .online { position: relative; bottom: auto; }
  .download { position: relative; bottom: auto; right: auto; }
  .download-button { margin: 0 auto; }
  .topHomeBlocks { justify-content: center; }
  .block-50 { width: 560px; margin-bottom: 15px; }
  .bigSlider .slick-arrow.slick-prev { background: url(../images/slick-left-mobile.png) no-repeat; }
  .bigSlider .slick-arrow.slick-next { background: url(../images/slick-right-mobile.png) no-repeat; }
  .slideContent { height: auto; }
  .slider-nav { margin-top: 0px; }
  .slideContent { padding: 120px 30px 70px 140px; }
  .main { flex-wrap: wrap; margin-bottom: 50px; }
  .content { width: 100%; order: 1; margin-bottom: 30px; }
  aside { width: 100%; order: 2; display: flex; flex-wrap: wrap; justify-content: center; max-width: 100%; }
  .mainRegister { flex-wrap: wrap; }
  .nav-languages {
    top: 55px !important;
  }
}
@media (max-width: 769px) { .slide-hero { display: none !important; }
  header { height: auto; }
  main { margin-top: -100px; }
  .swiper-news_info { width: 100%; }
  .rightBodyLinks { top: auto; bottom: 50px; }
  .swiper-news_info p { width: 100%; max-width: 350px; }
  .footerMenu-block { width: 50%; margin-bottom: 15px; }
  .playments, .copy { margin: 10px 0px; }
  .block-6 { width: 100%; margin-bottom: 20px; }
  table td { white-space: nowrap; }
  .table-scroll { border: 1px solid rgba(255, 255, 255, 0.1); }
  .tableTicket tr td:nth-child(5) { white-space: normal; min-width: 200px; }
  .table-row { margin-left: 0px; margin-right: 0px; }
  .accBlock-content-block { width: 100%; }
  .top-3-block { flex-wrap: wrap; }
  .top-block { width: 100%; }
  .topBlockInfo-text_name { overflow: auto; text-overflow: inherit; white-space: wrap; max-width: 100%; } }
@media (max-width: 590px) { .block-50 { width: 100%; height: 100%; box-shadow: none; }
  .newsBlock { background-size: cover; }
  .swiper-news .swiper-slide img { object-fit: contain; }
  .newsLink-info a { width: auto; overflow: visible; white-space: normal; text-overflow: inherit; line-height: 1.3; }
  .newsLink-more { display: none; }
  .wrapper { padding: 0px 10px; }
  .tablePopup { display: none !important; }
  .content { padding: 30px 15px; }
  .accBlock-content { width: 100%; }
  .rightBodyLinks a { padding: 11px 2px; }
  .rightBodyLinks a span { width: 30px; height: 30px; background-size: 30px 30px; background-position: 3px -2px; }
  .rightBodyLinks a span img { width: 20px; left: 8px; bottom: 7px; }
  .rightBodyLinks a:hover span { background-size: 40px 40px; background-position: -3px -6px; }
  .top-3-block { margin-left: 0px; margin-right: 0px; } }
@media (max-width: 480px) { .newsBlock { padding: 15px; }
  .swiper-news_info span { font-size: 30px; }
  .swiper-news_info p { font-size: 18px; }
  .swiper-news_info { padding: 20px; }
  .download-button { position: relative; left: 50%; margin-left: -223px; }
  .mainHomeBlock > div { margin: 15px 0px; }
  .blockHome { padding: 10px; }
  .slideContent { padding: 30px 30px 70px 30px; }
  .hero-logo { position: relative; left: -40px; top: auto; }
  .slide-tabs-caption { position: absolute; display: flex; z-index: 3; transform: rotate(0deg); top: 100px; left: auto; right: 10px; }
  .bigSlider .slick-arrow.slick-prev { left: -60px; }
  .bigSlider .slick-arrow.slick-next { right: -60px; }
  .modal_div { width: calc(100% - 30px); left: 15px; margin-left: 0px; padding: 30px 30px; }
  .enterButtons a { width: 100%; }
  .enterLinks { margin-bottom: 15px; }
  .supportButton { width: 100%; margin: 15px 0px; }
  .big-button-blue, .big-button-green { width: 260px; }
  .chatBlock-ava { width: 40px; }
  .chatBlock-ava img { width: 30px; height: 30px; }
  .chatBlock-content { width: calc(100% - 40px); }
  .s-acc { padding: 35px 15px; height: 70% !important; }
  .regBlock { padding: 35px 15px; } }

.mainRegister .game-rule-text {
	color: #fff;
}
.nav-languages{
  position: absolute;
  right: 0;
  top: 105px;
  z-index: 99;
  color: #ecdeb7;
}
.dropdown{
    display:inline-block;
    position:relative
}
.dd-button{
    display:flex;
    padding:10px 30px 10px 20px;
    cursor:pointer;
    white-space:nowrap;
    align-items:center
}
.dd-button img{
    margin-right:10px
}
.dd-button:after{
    content:"";
    position:absolute;
    top:50%;
    right:15px;
    transform:translateY(-50%);
    width:0;
    height:0;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:5px solid #fff
}
.dd-input{
    display:none
}
.dd-menu{
    position: absolute;
    top: 100%;
    border: 1px solid #212546;
    border-radius: 4px;
    padding: 0;
    margin: 2px 0 0;
    box-shadow: 0 0 6px 0 #0b0c0d;
    background-color: #0e101c;
    list-style-type: none;
    left: -55px;
    z-index: 999;
}
.dd-input+.dd-menu{
    display:none
}
.dd-input:checked+.dd-menu{
    display:block
}
.dd-menu li{
    padding:10px 20px;
    cursor:pointer;
    white-space:nowrap
}
.dd-menu li:hover a{
    color:#fff
}
.dd-menu li a{
    display:block;
    margin:-10px -20px;
    padding:10px 20px
}


.payment__method {
  width: 405px;
  padding: 20px;
  margin: 10px auto;
  background: #2e1518;
  border: 1px solid #b16b1d;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
  transition: .2s;
}

.payment__method:hover {
  filter: brightness(120%);
}

.offer {
  width: fit-content;
  padding: 20px 20px 0 20px;
  margin: 10px auto;
  background: #101018;
  border: 1px solid #26272b;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  font-size: 16px;
}

.offer__price {
  padding: 5px;
}

.crossout {
  text-decoration: line-through;
  text-decoration-color: red;
}

.offer-btn-pay {
  margin-top: 40px;
}

.list-i {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}

.offer__name {
  border-bottom: 1px solid #f9872c;
  width: fit-content;
  margin: 0 auto 10px auto;
}

.api-box {
  color: #fff;
  display: flex;
  align-items: center;
  width: 90%;
  margin: 0 auto;
  justify-content: center;
}

.payment__description {
  font-size: 14px;
  font-family: cursive;
  padding: 10px;
  background: #471b20;
  margin-top: 8px;
}


/*# sourceMappingURL=style.css.map */